@charset "utf-8";
*{ padding:0; margin:0; }
html{ font-size:100%; }
body, html{
font-family:"Times New Roman", Times, serif;
font-size:1em;
font-weight:normal;
background-color:#c4c4c4;
padding:10px 0;
}

/*///////////////////// GENERAL //////////////////////////*/
a{ text-decoration:underline; outline:none; }
a:hover{ text-decoration:none; outline:none; }

#cache{
width:100%;
height:100%;
background:#333;
}


/*///////////////////// LES CLASS //////////////////////////*/
.clear{ clear:both; }
.error{
height:25px;
line-height:25px;
color:#FFFFCC;
background:#A3010D url(error.gif) 5px center no-repeat;
border-bottom:#770017 solid 2px;
border-top:#770017 solid 2px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0 1em 0 35px;
margin:1.5em auto;
}

.border_img{
border:#c7c7c7 solid 1px;
background:#fff;
padding:5px;
}

.img{
background-color:#fff;
padding:5px;
border:#ccc solid 1px;
float:left;
}

.retour_page{
display:block;
width:180px;
height:20px;
line-height:20px;
color:#404040;
padding:0 0 0 25px;
font-size:80%;
background:url(small_arrow_blue.gif) left center no-repeat;
}


/*///////////////////// CONTENEUR PRINCIPAL //////////////////////////*/
#conteneur{
width:898px;
margin:0 auto;
background-color:#c4c4c4;
/*border:#01009E solid 1px;*/
}


/*///////////////////// HAUT DE PAGE ET ELEMENTS //////////////////////////*/
#header{
position:relative;
width:898px;
height:256px;
background:url(header.jpg) left top no-repeat;
}

#header img{ border:none; }

#header #logo{
position:absolute;
top:20px;
left:18px;
width:292px;
height:95px;
}

#header #bandeau{
position:absolute;
top:0;
right:10px;
width:617px;
height:256px;
/*background:url(bandeau_images.jpg) right top no-repeat;*/
}

#header #bandeau h1{
float:right;
font-size:1em;
color:#fff;
width:280px;
text-align:right;
padding:1em 1em 0 0;
}

#header #bandeau #p1{
position:absolute;
top:15px;
left:100px;
width:173px;
height:117px;
}

#header #bandeau #p2{
position:absolute;
top:80px;
left:280px;
width:173px;
height:117px;
}

#header #bandeau #p3{
position:absolute;
top:125px;
left:470px;
width:173px;
height:117px;
}

#header #bandeau #p1 img, #header #bandeau #p2 img{ width:130px; }
#header #bandeau #p3 img{ width:100px; }


#header #menu{
position:absolute;
top:120px;
left:40px;
width:200px;
height:250px;
}

#header .flag_fr .flag_ok, #header .flag_en .flag_ok{
color:#005AAD;
}

#header .flag_fr{
position:absolute;
top:180px;
left:260px;
width:80px;
height:60px;
background:#fff;
}


#header .flag_en{
position:absolute;
top:180px;
left:340px;
width:80px;
height:60px;
background:#fff;
}

#header .flag_fr span, #header .flag_en span{
display:block;
height:15px;
text-align:center;
color:#ccc;
text-transform:uppercase;
font-size:.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header .flag_fr span a, #header .flag_en span a{
color:#666;
text-decoration:underline;
}

#header .flag_fr span a:hover, #header .flag_en span a:hover{
color:#999;
text-decoration:none;
}

#header .flag_fr img, #header .flag_en img{
margin:0 0 0 18px;
}

/*///////////////////// PARTIE CENTRALE //////////////////////////*/
#centre{
margin:0 10px 0 12px;
padding:0 0 75px 0;
background:#fff url(rayures_bas.gif) center bottom no-repeat;
border-left:#01009E solid 1px;
border-right:#01009E solid 1px;
}


/*///////////////////// PARTIE GAUCHE ET ELEMENTS //////////////////////////*/
#left{
padding:100px 0 0 25px;
float:left;
width:220px;
background:#fff;
}

#left .box{
width:190px;
margin:0.7em 0 0 0;
}

#left .ombre_d{
width:190px;
height:11px;
overflow:hidden;
background:url(box_ombre_d.gif) right top no-repeat;
}

#left .ombre_g{
width:190px;
height:11px;
overflow:hidden;
background:url(box_ombre_g.gif) left top no-repeat;
}

#left .box .titre{
position:relative;
width:190px;
height:50px;
background:url(box_titre_rpt.gif) left bottom repeat-x;
}

#left .box .titre h1{
position:absolute;
top:15px;
left:0;
width:140px;
height:38px;
color:#fff;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
padding:12px 0 0 50px;
}

#left .box h1.actualites{
background:url(puce_actualites.jpg) 1px top no-repeat;
}

#left .box h1.noussituer{
background:url(puce_noussituer.jpg) 1px top no-repeat;
}

#left .box .content_box{
width:188px;
background:#ebebeb;
border:#c7c7c7 solid 1px;
color:#6d6d6d;
}

#left .box .content_box img{
border:#c7c7c7 solid 1px;
background:#fff;
padding:5px;
width:140px;
margin:1em 0 0.5em 1em;
}


#left .box .content_box p{
font-size:80%;
padding:0.5em 1em;
}

#left .box .content_box a.lire{
padding:0 0 0 25px;
margin:0 5px 5px 0;
display:block;
float:right;
width:80px;
height:20px;
background:#ebebeb url(puce_lirelasuite.gif) 5px center no-repeat;
border:none;
font-size:75%;
color:#6d6d6d;
font-weight:bold;
cursor:pointer;
line-height:20px;
}


#left .box .content_box a.lire:hover{
text-decoration:none;
}


/*///////////////////// PARTIE DROITE ET ELEMENTS //////////////////////////*/
#right{
margin:0 40px 0 250px;
padding:10px 15px;
background-color:#ebebeb;
border:#a5a5a5 solid 1px;
}

#right p{
padding:0.5em;
background-color:#fff;
border:#a5a5a5 dotted 1px;
color:#666;
margin:0.5em 3em;
text-align:left;
}

#right p.content_act{
margin:0.5em 0;
float:left;
width:530px;
}

#right h1{
margin:0 0 0.5em 0;
padding:0.5em;
font-size:1.3em;
color:#000;
background-color:#fff;
border:#a5a5a5 solid 1px;
}
/*
#right h2{
margin:1em 0 0.2em 0;
font-size:1.2em;
color:#666;
}
*/
#right h2{
width:520px;
height:15px;
background:none;
font-size:1em;
color:#090796;
border-left:#000 solid 1px;
border-bottom:#000 solid 1px;
padding:0 0 7px 5px;
margin:2em 0 0 17px;
text-transform:uppercase;
}


/*///////////////////// FOOTER ET PARTIE HAUTE //////////////////////////*/
#footer{
margin:0 10px 0 12px;
height:40px;
line-height:40px;
text-align:center;
color:#090896;
}

#footer a{
text-decoration:none;
color:#090896;
}

#footer a:hover{
text-decoration:underline;
color:#3366FF;
}

#avant_footer{
margin:0 0 0 12px;
-margin:0 0 0 13px;
width:876px;
background:#090896 url(avant_footer_bas.gif) center bottom no-repeat;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
}

#avant_footer span{
display:block;
float:left;
padding:0 0.5em;
font-size:14px;
font-weight:700;
}

#avant_footer span.one{
padding:0 0 0 3.8em;
}