/* CSS Document */

body {
 font-family:Arial, Helvetica, sans-serif;
 background:#F2F2F2;
 padding: 0;
 margin: 0;
 background: url(../images/body_fd.gif) 0% 0% repeat-x;
}
div#page {
 width:900px;
 height:100%;
 margin:auto;
 background:transparent;
}
div#content {
 float:left;
 width:880px;
 background: url(../images/content_fd.gif) 0% 100% no-repeat;
 padding: 0 10px 8px 10px;
 margin: 0 0 30px 0;
}



/*************************/
/************************* HEADER *******************/
/*************************/

div#header {
 float: left;
 width: 880px;
 padding: 0;
 margin: 0;
}


/* NAV PRINCIPALE */
#nav{ width: 50%;}
div#header ul#navig {
 float: left;
 width: 100%;
 padding: 0;
 margin: 0 0 0 15px;
}
div#header ul#navig li {
 float: left;
 margin: 0 2px 0 0;
 list-style: none;
 width:auto;
}
div#header ul#navig li a {
 display: block;
 padding: 15px 8px 10px 8px;
 margin: 0 2px 0 0;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 width:auto;
}
div#header ul#navig li li {
 width:100%;
}

div#header ul#navig li a.on {background: #025F93;}
div#header ul#navig li a:hover {background: #025F93;}

/* navig SECONDAIRE */

div#header #navig_transverse {
 float: right;
 margin: 5px 2px 0 0;
 .margin-top:15px;
 width:40%;
 text-align:right;
}
div#header #navig_transverse p a {
 font-size: 12px;
 color: #fff;
 text-decoration: none;
}
div#header #navig_transverse p {
 font-size: 12px;
 color: #fff;
}

div#header #navig_transverse p a.on {color:#fff;text-decoration:underline;}
div#header #navig_transverse p a:hover {color:#fff;text-decoration:underline;}


/* LOGO */
div#header .logo {
 float: left;
 display: block;
 width: 350px;
 height:140px;
 padding:0px;
 margin:0px;
}
div#header .logo img{
 margin: 50px 0 0 15px;
 .margin-top: 55px;
 padding: 0 ;
 }

/* ONGLET */
div#header ul#onglets {
 float: right;
 width: 450px;
 .width: 350px;
 background: url("../images/onglet_bottom.gif") 0% 100% repeat-x;
 margin: 73px 0 0 15px;
 padding: 0;
}
ul#onglets li {
 float: right;
 display: inline;
 list-style: none;
 background: url("../images/onglet_right.gif") 100% 100% no-repeat;
 margin: 0 3px 0 0;
 padding: 0 12px 0 0;
}
ul#onglets li a {
 float: left;
 display: block;
 background: url("../images/onglet_left.gif") 0% 100% no-repeat;
 font-size: 12px;
 font-weight: bold;
 color: #333;
 text-decoration: none;
 padding: 6px 0 5px 12px;
 margin: 0 0 0 0;
}
ul#onglets li a:hover {color: #DD1616;}





/*************************/
/************************* LEFT *******************/
/*************************/

div#left {
 float: left;
 width: 600px;
 padding: 15px 0 0 15px;
}
div#left h1 {
 font-family: Georgia, "Times New Roman", Times, serif;

 font-size: 18px;
 font-weight: normal;
 color: #002E48;
 margin: 0 0 25px 0;
 clear:none;
 padding:0px;
 text-align:left;
}
div#left h1 img.top {vertical-align: top; padding: 0 8px 0 0;}
div#left h1 img.bottom {vertical-align: bottom; padding: 0 0 0 8px;}

div#left p {
 font-size: 12px;
}

div#left li {
 font-size: 12px;
}

div#left #chapoAccueil   {
 font-size: 12px;
 padding-top:15px;
}
div.info {
 width: 270px;
 font-family: Georgia, "Times New Roman", Times, serif;
}
div.info_left {float: left; padding: 0 25px 0 0; background: url(../images/vt.gif) 100% 0% repeat-y;}
div.info_right {float: left; margin: 0 0 0 25px;}
div.info .photo {
 display: block;
 border: 1px solid #CFCFCF;
 padding: 5px;
}
div.info h2 {
 font-size: 16px;
 font-weight: bold;
 color: #002E48;
 margin: 15px 0 4px 0;
 padding: 0;
}
div.info p {
 color: #666;
 font-size: 14px;
 margin: 0 0 10px 0;
 padding: 0;
}
div.info a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #DD1616;
}
div.info a:hover {text-decoration: none;}



div#left #chapo {
 font-size: 12px;
 color: #222;
 margin-bottom:24px; 
 margin:0;
}

div#left #texte p {
 font-size: 12px;
 color: #444;
 margin-top:0;
}

div#left p img.left {float: left; margin: 0 10px 5px 0;}
div#left p img.right {float: right; margin: 0 0 5px 10px;}
div#left h3 {
 font-size: 14px;
 font-weight: bold;
 color: #044569;
 margin: 15px 0;
 padding: 0;
 text-align:left;
}




/*************************/
/************************* RIGHT *******************/
/*************************/

div#right {
 float: right;
 width: 235px;
 padding: 0 8px 0 0;
}

div#actu {
float: left;
width: 255px;
background: url(../images/right_actu_fd_top.gif) 0% 0% no-repeat;
padding: 13px 0 0px 0;
margin: 0;
}
div#actu h2 ,div#actu h3.spip {
font-size: 12px;
font-weight: bold;
color: #fff;
background: #DD1616;
padding: 12px 0 10px 15px;
margin: 0 25px 0 10px;
background: url(../images/actu_titre_fd.gif) 0% 0% no-repeat;
text-align:left;
}

div#actu p.date {
font-size: 12px;
font-weight: bold;
color: #666;
margin: 5px 35px 0 25px;
}
div#actu h4 {
font-size: 12px;
color: #DD1616;
margin: 0 35px 0 25px;
padding: 0;
padding-top:15px;
}
div#actu h4 a {color: #DD1616;}
div#actu h4 a:hover {text-decoration: none;}

div#actu p {
font-size: 12px;
color: #666;
margin: 0 35px 0 25px;
padding: 0;
padding-top:3px;
}

div#actu ul {
font-size: 12px;
color: #666;
margin: 10px 35px 0 25px;
padding: 0;
}

div#actu li {
padding-left: 15px;
list-style-position:inside;

}


div#actu p a {color: #666; text-decoration: none;}
div#actu p a:hover {text-decoration: underline;}
div#actu p img {
float: right;
padding: 0 0 0 5px;
border: none;
}
div#actu img {float: left;margin: 0; padding: 0;}

div#actu a.all {
display: block;
background: url(../images/right_actu_fd_bottom.gif) 0% 100% no-repeat;
margin: 0;
padding: 10px 35px 30px 25px;
color: #DD1616;
font-size: 12px;
font-weight: bold;
}
div#actu a.all:hover {color:#044569;}





/*************************/
/************************* FOOTER *******************/
/*************************/
div#navig_bas {
 float: left;
 width: 820px;
 background: #024F7A;
 padding: 15px 30px 15px 30px;
 margin: 30px 0 0 0;
}
div#navig_bas ul {
 margin: 0;
 padding: 0;
}
div#navig_bas ul li {
 float: left;
 margin: 0;
 list-style: none;
}
div#navig_bas ul li a {
 font-size: 11px;
 line-height: 11px;
 border-right: 1px solid #fff;
 color: #fff;
 text-decoration: none;
 padding: 0 8px 0 8px;
}
div#navig_bas ul li a:hover {color: #C5D4DC;}


#navig_bas p {
	float:right;
	 margin: 0;
	 padding: 0;
}

#navig_bas p {
 font-size: 11px;
 line-height: 11px;
 color: #fff;
}

#navig_bas p a {
 font-size: 11px;
 line-height: 11px;
 color: #fff;
 text-decoration: none;
}

div#footer {
 float: left;
 width: 820px;
 padding: 15px 30px 15px 30px;
}
div#footer img {float: left;}
div#footer ul {
 float: left;
 margin: 0 0 0 10px;
 padding: 0;
}
div#footer ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 color: #B2B2B2;
 font-size: 11px;
}
div#footer ul li a {
 color: #B2B2B2;
 text-decoration: none;
}
div#footer ul li a:hover {
 color: #666;
}

/* rajout yonnel pour rubriques niveau 1*/
#btDroite {
    float:right;
    width:210px;
    padding:0px;
    margin:0px;
    margin-left:15px;
}
#btDroite .rubriques{
    background:transparent;
    border-style:dashed;
    border-width: 0px 0px 0px 1px;
    border-color: #AAC;
    padding:0px;
    margin:0px;
    padding-bottom:10px;
}
#btDroite .rubriques .menu-titre{
    background:transparent;
    border:none;

}
#btDroite ul
{
    padding:0px;
    margin:0px;
    padding-top:5px;
    padding-left:20px;
}
#btDroite li
{
    padding:0px;
    margin:0px;
    padding-bottom:4px;
    list-style:none;
}

/* Gestion des images réactives */
.zone{display:none;}
.zone_on{display:block;}

a.spip_in{color:blue;}