@charset "utf-8";
/* CSS Document */

body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 padding: 0;
 margin: 0;
 background: #f3a300 url(../images/body_fd.gif) 50% 50% repeat-y;
}

div#page {
position:relative;
 width:1024px;
 margin:auto;
}

div#content {
 float:left;
 padding: 0;
 margin: 0;
 background:#fff; 
}

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

div#header {
float:left;
 width:1024px;
 height:234px;
}

div#header h1 {
	text-indent:-5000px;
}

div#header span#flag ul {
 position:absolute;
 top:60px;
 left:900px;
 width: 90px;
 margin: 0;
 padding: 0;
 list-style: none;
}

div#header span#flag ul li {
 float: left;
 width: 30px;
 margin: 0;
 padding: 0;
}

div#header span#flag ul li img {
border:0;
}

div#header span#titre {
position:absolute;
top:237px;
left:25px;
	display:block;
	line-height:36px;
	margin:16px 0 0 0;
	width:145px;
	text-align:center;
}

div#header span#titre img {
	border:0;
	}

div#header span#bandeau {
position:absolute;
 top:0;
 left:0;
 width: 1024px;
 height:234px;
 border: none;
 margin: 0;
}

div#header span#logo {
position:absolute;
 top:0;
 left:0;
 width: 546px;
 height:234px; 
}

div#header div#outils {
position:absolute;
top:140px;
left:560px;
width:475px;
}

div#header div#outils span#icoBoutique {
 float: left;
 width: 110px;
 margin: 0;
 padding: 0;
}
div#header div#outils span#icoBoutique a {
 text-decoration:none;
}
div#header div#outils span#icoBoutique a:hover {
 text-decoration:none;
}
div#header div#outils span#icoBoutique a img {
 border:0;
}

div#header div#outils span#icoLiens {
 float: left;
 width: 91px;
 margin: 0;
 padding: 0;
}
div#header div#outils span#icoLiens a {
 text-decoration:none;
}
div#header div#outils span#icoLiens a:hover {
 text-decoration:none;
}
div#header div#outils span#icoLiens a img {
 border:0;
}

div#header div#outils span#icoPartenaires {
 float: left;
 width: 117px;
 margin: 0;
 padding: 0;
}
div#header div#outils span#icoPartenaires a {
 text-decoration:none;
}
div#header div#outils span#icoPartenaires a:hover {
 text-decoration:none;
}
div#header div#outils span#icoPartenaires a img {
 border:0;
}

div#header div#outils span#icoPlan {
 float: left;
 width: 122px;
 margin: 0;
 padding: 0;
}
div#header div#outils span#icoPlan a {
 text-decoration:none;
}
div#header div#outils span#icoPlan a:hover {
 text-decoration:none;
}
div#header div#outils span#icoPlan a img {
 border:0;
}

.spip_documents {
margin:0;
padding:0;
}
.spip_doc_descriptif {
font-size:0.66em;
}
.spip_documents_left {
margin:0 10px 3px 0;
}
.spip_documents_right {
margin:0 0 3px 10px;
}

/************************/
/************************ MENU ******************/
/************************/
div#menu {
 float:left;
 width:1024px;
 height:70px;
 background: #fff url(../images/menu_fd.gif) 0% 0% no-repeat; 
}

div#menu span#btAccueil {
position:absolute;
top:234px;
left:194px;
}

ul#nav_menu {
float:right;
width:750px;
padding:0;
margin:20px 0 0 0;
.margin:25px 0 0 0;
list-style-type:none;
}

ul#nav_menu li {
 display:inline;
 margin:50px 0 0 0;
 font-weight: bold;
 color:black;
 font-size:12px;
}

ul#nav_menu li#rouge a {
position:absolute;
left:940px;
top:208px;
 display:inline;
 margin:50px 0 0 0;
 font-weight: bold;
 color:red;
 font-size:12px;
}

ul#nav_menu a {
 text-transform:uppercase;
 text-decoration:none;
 margin:0 5px;
 
}
ul#nav_menu a:hover {
 color:#FF0000;
 }

span#ariane {
position:absolute;
 top:220px;
 left:400px;
 background-color:transparent;
 }

ul#nav_ariane {
float:right;
width:600px;
padding:0;
margin:0;
.margin:0;
list-style-type:none;
text-align:right;
}

ul#nav_ariane li {
 display:inline;
 margin:50px 0 0 0;
 color:black;
 font-size:9px;
 text-align:right;
}

ul#nav_ariane li#rouge a {
 color:red;
}

ul#nav_ariane a {
 text-transform:uppercase;
 text-decoration:none;
 margin:0 5px;
 
}
ul#nav_ariane a:hover {
 color:#FF0000;
 }


.on {
 color:#FFFFFF;
}

/************************/
/************************ CONTENAIRE ******************/
/************************/
div#contenaire {
float:left;
 width:1024px;
 background: #fff url(../images/content_fd.gif) 0% 0% no-repeat;
 padding: 0;
 margin:0;
}

ul#nav_art {
 float:left;
 width:150px;
 margin:20px 0 0 -5px;
 .margin:20px 0 0 -3px;
 padding:0;
 }

ul#nav_art li {
 list-style: none;
 background: url(../images/btArticle.gif) 0% 3px no-repeat;
 padding: 0 0 0 20px;
 font-size: 12px;
 line-height:15px;
 font-weight:bold;
 }

ul#nav_art li a {
 text-decoration:none;
 color:#FFFFFF;
}

ul#nav_art li a:hover {
 color:#fff;
}
 
/************************/
/************************ COLONNE LEFT ******************/
/************************/
div#left {
 float:left;
 width:200px;
 height:350px; 
 padding: 29px 0 0 16px;
}


div#left div#artImg img {
border:0 none;
.margin:1px 0 0 0;
margin:1px 0 0 0;
}

div#left div#imgLeft img {
border:0 none;
margin:1px 0 0 -2px;
}

div#left div#imgRubLeft img {
padding:0;
margin:1px 0 0 0;
}

div#left div#imgContact {
.margin: 10px 0 0 10px;
margin: 10px 0 0 10px;

}

div#left div#imgContact img {
border:0 none;
}

div#left div#imgContact a {
color:#FFFFFF;
font-size:11px;
}

/************************/
/************************ CONTENT ARTICLE ******************/
/************************/
div#center {
 float: left;
 width: 600px;
 height:100%;
 padding: 20px 20px 20px 20px;
}

/************************/
/************************ CONTENT RIGHT ARTICLE ******************/
/************************/
div#right {
 float: left;
 width: 163px;
}

div#right div#imgRight img {
border:0 none;
margin:30px 0 0 20px;
}

div#right ul#nav_autre div#imgRight img {
border:0 none;
margin:-8px 0 0 21px;
}

div#right div#boutons {
border:0 none;
margin:30px 0 0 40px;
}

ul#nav_autre {
 float:left;
 width:145px;
 margin:40px 0 0 -2px;
 .margin:40px 0 0 -2px;
 padding:0;
 }

ul#nav_autre li {
 list-style: none;
 background: url(../images/puce.gif) 0% 3px no-repeat;
 padding: 0 0 0 15px;
 margin: 0 0 5px 20px;
 .margin: 0 0 5px 20px;
 font-size: 11px;
 line-height:15px;
 }

ul#nav_autre li a {
 text-decoration:none;
 color:#000; 
}

ul#nav_autre li a:hover {
 color:#fff;
}


/************************/
/************************ FOOTER ******************/
/************************/

div#bas {
 float:left;
 width:1024px;
 height:128px;
 background: url(../images/pied.gif) 0% 0% no-repeat; 
 padding: 0;
 margin: 0;
}

div#bas img {
border:0;
}

/************************/
/************************ Mise en forme du texte ******************/
/************************/
div.chapo {
	font-size:1em;
	font-weight: bold;		
}


div.descriptif {
	margin-bottom: 1.5em;
	line-height: 1.4em;
	font-weight: bold;	
	size:1.2em;
	margin:0;
	padding:0;	
}

div.titre {
text-transform:capitalize;
	line-height:1.8em;
	font-weight: bold;	
	font-size:1.1em;
	margin:0;
	padding:0;	
}

/************************/
/************************ mail ******************/
/************************/

div#mail .titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
}
div#mail .intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
div#mail #message {
	color:red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
div#mail .civilite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

div#mail input {
border:1px solid #CCCCCC;
color:#333333;
float:left;
margin:0pt 15px 5px 0pt;
padding:2px;
font-size: 11px;
height:20px;
width:190px;
}

div#mail input.bt {
background-color:#cb9036;
 text-align: left;
 padding: 0 8px 4px 0;
 font-size: 12px;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
  width:100px;

}

div#mail textarea {
border:1px solid #CCCCCC;
color:#333333;
float:left;
margin:0pt 15px 5px 0pt;
padding:2px;
font-size: 11px;
height:120px;
}

/************************/
/************************ plan ******************/
/************************/

div#plan li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
}

div#plan li ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
}

div#plan li ul li ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-style: normal;
}