body { background:#FFFFFF;}

.breakline { clear: left; }

.hidden {
display:none;
}

#container {
    position:absolute;
    width:100%; 
    background:url(../skins/img/background.jpg) repeat-x top center;
}

#container #top-menu {
    margin:auto;
    text-align:center;
    width:1004px; height:189px;
}

#content {
    background: url(../skins/img/background.png) repeat-y;
    margin:auto; width:1004px;
}

#content #left { float:left; width:268px; }

#content #right { float:left; width:736px; min-height: 217px; height: auto !important; height: 217px;}

#top-menu-flash a {
text-decoration:none;
display:block;
margin:50px 150px 0 150px;
text-align:center;
background:#fff;
color:#F48200;
font-size:14px;
font-weight:bold;
line-height:normal;
padding:20px;
}

#blason {
   float:left;
   width:268px;
   padding-left:20px;
}
#blason #logo {  margin-top:-230px; }

#blason #sitemap div { margin-top:15px; float:left; width:220px; }


#blason #sitemap {
   float:left;
   width:736px;
   padding-left:250px;
   min-height:220px;
}

#blason #sitemap .titre {
    color: #005da4; font-weight:bold; font-size:12px; line-height:16px;
}

#blason #sitemap .text {
    color: #005da4; font-size:12px;
}



#bottom-menu {
    margin:auto;
    width:1004px; height:24px;
    background: url(../skins/img/bottom_menu.jpg) no-repeat;
}

#bottom-menu #signature {
	display:block;
padding:22px 0 10px 0;
text-align:right;
font-size:10px;
margin-right: 22px;
color: #003e66;
font-size: 0.7em;
}
#bottom-menu #signature a {
text-decoration:none;
color:#003e66;
}

#sitemap div {
    padding-right:15px;
}

#sitemap a {
    text-decoration:none;
    line-height:15px;
}

#fil_ariane, #fil_ariane a, #fil_ariane a:hover {
color:#06668E;
font-size:11px;
font-weight:bold;
}

#fil_ariane a, #fil_ariane a:hover {
text-decoration:underline;
font-weight:normal;
}

#fil_ariane {
margin:0;
display:block;
padding:0;
}

/* MENTIONS */
#mentions {
width: 704px;
padding: 0;
margin: 10px 0 0;
}
#mentions_contenu {
width:695px; 
background:url(../skins/img/sep_rub_texte.gif) top left no-repeat;
padding:0;
margin:0 0 15px 0;
font-size: 12px;
line-height: 110%;
text-align: justify;
}
#mentions h3 {
display:block;
height:30px;
color:#06668e;
font-size:18px;
font-weight:bold;
background:transparent url(../skins/img/puce_coccinelle.jpg) center left no-repeat;
margin:12px 0 0 3px;
padding:10px 0 0 40px;
}
ul#liste_mentions {
padding: 20px 0 10px 15px;
list-style-image: url(../skins/img/puce_bleue.gif);
}
#mentions_contenu a {
color: #06668e;
text-decoration: none;
}

/* CONTACT */
#contact {
width: 704px;
padding: 0;
margin: 10px 0 0;
}
#contact_contenu {
width:695px; 
background:url(../skins/img/sep_rub_texte.gif) top left no-repeat;
padding:25px 0 0 0;
margin:0 0 15px 0;
font-size: 12px;
}
#contact h3 {
display:block;
height:30px;
color:#06668E;
font-size:18px;
font-weight:bold;
background:transparent url(../skins/img/puce_coccinelle.jpg) center left no-repeat;
margin:12px 0 0 3px;
padding:10px 0 0 40px;
}
#contact_contenu .bloc {
width: 351px;
background: #fff url(../skins/img/bg_bloc.png) repeat-y center top;
margin-bottom: 20px;
float: right;
line-height: 110%;
}
#contact_contenu .carte {
float: right;
margin: 0 0 0 15px;
}
#contact_contenu .bloc span.texte_bloc, #contact_contenu .bloc ul {
padding: 15px 20px;
display: block;
}
#contact_contenu .bloc h4 {
height: 18px;
width: 334px;
margin: 0 0 0px 4px;
padding: 0 0 0 10px;
}
.coordonnees {
margin-top: 13px;
}
.coordonnees h4 {
background: #94bf00 url(../skins/img/contact_coordonnees.png) no-repeat top left;
}
.venir h4 {
background: #f48200 url(../skins/img/contact_venir.png) no-repeat top left;
}
#contact_contenu .gras {
font-weight: bold;
}
#contact_contenu ul {
list-style-image: url(../skins/img/puce_agenda.gif);
list-style-position: inside;
}
#contact_contenu li {
padding-bottom: 15px;
}
#contact_contenu .googlemaps {
display: block;
font-size: 13px;
height: 20px;
line-height: 20px;
vertical-align: middle;
width: 190px;
margin: 0 0 15px 4px;
padding: 0 0 0 30px;
background: #f48200 url(../skins/img/fleche_orange.png) no-repeat left center;
}
#contact_contenu .googlemaps a {
color: #fff;
text-decoration: none;
}

/* METEO 10 JOURS */
#meteo10j {
width: 704px;
padding: 0;
margin: 10px 0 0;
}
#meteo10j_contenu {
width:695px; 
background:url(../skins/img/sep_rub_texte.gif) top left no-repeat;
padding:25px 0 0 10px;
margin:0 0 15px 0;
font-size: 12px;
}
#meteo10j h3 {
display:block;
height:30px;
color:#06668E;
font-size:18px;
font-weight:bold;
background:transparent url(../skins/img/puce_coccinelle.jpg) center left no-repeat;
margin:12px 0 0 3px;
padding:10px 0 0 40px;
}
ul.meteo {
background: url('../skins/img/meteo10j.jpg') no-repeat 50% 50%;
display: block;
float: left;
text-align: center;
color: #fff;
width: 140px; height: 112px;
margin: 0 7px 15px 0;
padding: 13px;
font-weight: bold;
}
ul.meteo li {
padding-bottom: 3px;
}

#plan_acces{
	margin-top: 70px;
}
