* {margin: 0; padding: 0;}*
* { padding: 0; margin: 0; }

body {
 font-family: Helvetica, "Trebuchet MS", Arial,  sans-serif;
 font-size: 14px;
 background: #fff url(images/fond_haut.png) repeat-x;
 color: #807c79;
}
h1 {
color: #c30045;
font-size: 200%;
text-align: left;
}
#global { 
 margin: 0 auto;
 width: 970px;
}
.global { 
 margin: 0 auto;
 width: 970px;
}
#header {
color: #333;
width: 100%;
float: left;
background: transparent url(images/head.jpg) top center no-repeat;
height: 214px;
}
#milieu {
color: #333;
width: 100%;
float: left;
background: transparent url(images/fond_milieu.png) repeat-x;
height: 331px;
}
#navigation {
float: left;
width: 100%;
color: #333;
height: 30px;
text-align: center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#bloc_contenu {
float:left;
padding-top: 10px;
background: transparent;
height: auto;
width: 100%;
}
#bloc_contenu a{
color: #1f80b3;
}
#bloc_contenu a:visited{
color: #1f80b3;
}
#bloc_contenu a:hover{
color: #000;
}
.texte {
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
min-height: 200px;
}
.texte_accueil {
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
min-height: 200px;
}
.spip_documents { 
text-align: center; 
line-height: normal; 
}
.spip_documents p { 
margin: 0.10em; 
padding: 0; 
}
.spip_documents_center { 
display: block; clear: both; 
width: 100%; 
margin: 1em auto; 
}
.spip_documents_left { 
float: left; 
margin-right: 15px; 
margin-bottom: 5px; 
}
.spip_documents_right { 
float: right; 
margin-left: 15px; 
margin-bottom: 5px; 
}
.texte_agence{
background: #f5f5f5;
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
}
.texte p {
text-indent: 14px;
margin-top: 7px;
margin-bottom: 7px;
font-size: 15px;
color: #513b3e;
text-align: justify;
}
#bloc_gauche { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 5px;
 padding-bottom: 5px;
 height: auto;
 width: 470px;
 float: left;
}
#bloc_droite { 
 float: right;
 color: #fff;
 margin: 25px 0px 0px 0px;
 padding: 25px;
 min-height: 150px;
 height: auto;
 width: 430px;
 display: inline;
 position: relative;
}
#bloc_central { 
 float: left;
 color: #4b4b4d;
 margin: 25px 0px 0px 0px;
 padding: 15px;
 min-height: 150px;
 height: auto;
 width: 930px;
 display: inline;
 position: relative;
 background: #e3e3e4;
}
h2 a{
color: #9d2828;
font-variant: small-caps;
font-size: 18px;
text-decoration : none;
border-bottom: #e5e5e5 3px solid;
width: 100%;
line-height: 24px;;
}
h2 a:visited{
color: #9d2828;
}
h2 a:hover{
color: #9d2828;
border: none;
}
#footer {
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
clear: both;
width: 100%;
height: 43px;
padding-top: 22px;
float: left;
background: #000 url(images/footer.png) repeat-x;
text-align: center;
}
#footer a{
color: #fff;
}
#footer a:hover{
color: #eee;
text-decoration: none;
}
a img{
background-color: transparent;
text-decoration:none;
border:0px;
cursor : pointer; 
}
.esp {
float: right;
width: auto;
}
#formulaire_recherche {
float: right;
padding: 10px;
}
h3 {
font-variant: small-caps;
font-size: 14px;
color: #515151;
margin: 10px;

}
h4 {
font-size: 18px;
text-align: center;
color: #167faf ;
}
h4 a{
font-size: 18px;
text-align: center;
color: #167faf;
}
h4 a:hover{
font-size: 18px;
text-align: center;
color: #167faf ;
}
#documents_portfolio {
padding: 20px;
float: left;
}
#documents_portfolio p {
color: #7e7e7e;
font-size: 80%;
}
h5 {
font-size: 150%;
color: #157ba9 ;
width: 100%;
border-bottom: #e0e0e0 5px solid;
}
#hierarchie {
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
}
#hierarchie a {
color: #393939;
}
#hierarchie a:visited {
color: #393939;
}
#hierarchie a:hover {
color: #393939;
}
#formulaire {
width: 400px;
height: auto;
display: block;
float: right;
background: none;
padding: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
.cartouche {
padding: 10px;
}

.d_actu {
margin-bottom: 15px;
float: left;
}
.zoom{
margin-bottom: 15px;
float: left;
}
.d_actu h2 {
float: left;
margin-bottom: 15px;
}
.zoom h2 {
float: left;
margin-bottom: 15px;
}
.d_act {
margin-bottom: 15px;
float: left;
}
#jsddm{	
margin: 0 auto;
width: 970px;
font-family: "Trebuchet MS";
text-align: center;
padding-top: 180px;
}

#jsddm li{
text-align: center;	
float: left;
list-style: none;
font: 11px;
width: 137px;
}
#jsddm li a{
padding-top: 7px;
padding-bottom: 7px;
font-variant: small-caps;
font-size: 110%;
font-weight: bold;
display: block;
text-decoration: none;
width: auto;
color: #000;
white-space: nowrap;
}
#jsddm li a:hover{
background: transparent url(images/noir-trans.png) repeat;
color: #fff;
background: #000;
}
#jsddm li ul{	
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
width: 10%;
background: #e9e9e9;
border-left: #000 3px solid;
}
#jsddm li ul li{	
float: none;
display: inline;
text-align: left;
}
#jsddm li ul li a{	
width: auto;
color: #24313C;
text-align: center;
}
#jsddm li ul li a:hover{	
color: #fff;
background: transparent url(images/h.png) repeat-x;
}
#formulaire {
width: 450px;
height: auto;
display: block;
float: left;
background: none;
padding: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
background: transparent url(images/transp.png) repeat;
}

.iform {font: 12px/26px Verdana, Geneva, sans-serif; width:400px; margin:30px auto;}
.iform ul { margin:0; padding:0; list-style:none; list-style-image : none;}
.iform ul ul { overflow:auto; list-style-image : none;}
.iform li { padding-bottom:5px; list-style-image : none;}
.iform label { 
 width:130px; display:block; float:left; line-height:26px;
}
.iform label.ilabel { 
 width:auto; display:inline; float:none; line-height:26px; padding:0 5px
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton { 	
	width:200px;
	border:1px solid #999;
	-webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus{

border-color: #333;
background:#fff;

}

.iform .itext {

}


.iform .itextarea{ 
	height:100px; width: 200px;
}
.iform .ibutton {

	width:auto;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
	background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}
.iform .ibutton:hover,.iform .ibutton:focus { background:#dadada;}
.iform li.iheader { display:block; font-size:18px; border-bottom:1px solid #000; padding:5px; text-indent:10px; margin:5px 0 15px }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }

.iform .required { border-color:#F00; }

#imessageOK,#imessageERROR{ border:1px solid #F60; padding:10px; font-size:16px; font-weight:bold; text-align: center; display:none; margin-bottom:20px;

	background: #F90;
	background: -webkit-gradient(linear, left top, left 25, from(#F90), color-stop(4%, #FC0), to(#F90));
	background: -moz-linear-gradient(top, #F90, #FC0 1px, #F90 25px);
	color:#fff;
	}
form fieldset {
  margin-bottom: 10px;
  border: none;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  text-align: right;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

span {
font-size: 150%;

}
#menu{	
margin: 0 auto;
width: 970px;
font-family: "Trebuchet MS";
text-align: center;
padding-top: 180px;
}



.menu5 {
width: 100%;
z-index: 50;
text-align:left; 
position:relative; 
font-size: 110%;
top: 3px;
list-style-type:none;
font-weight:bold;
font-variant: small-caps;
}
.menu5 ul {
list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; 
position:relative;
}
.menu5 li a, .menu5 li a:visited {
margin: 2px 30px 0 30px;
display:block; 
text-decoration:none; 
width: auto; 
float:left;
color:#003664; 
font-weight:bold;
text-align: center;
vertical-align: center;
}
* html .menu5 li a, .menu5 li a:visited {
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
text-align: center;
padding: 7px;
visibility:hidden; 
position:absolute; 
top: 0; 
left:0; 
height:0; 
overflow:hidden;
border-left: #000 3px solid;
font-weight:bold;

}
.menu5 table {
margin:-1px; 
border-collapse:collapse;
font-size:1em; /* font size for IE5.5 */
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:none; border:0;
color: #000;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
text-align: left;
top: 22px;
visibility:visible; 
height:auto; 
background:#e9e9e9; 
border-left: 3px solid #00;
left:0;
overflow:visible;
font-weight:bold;
width: 170px;
color: #000;
z-index: 100;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
text-align: left;
float: left;
font-weight:bold;
background: transparent;
text-decoration:none;
color: #000;
width: 200px;
margin-left: 0px;
margin-top: 5px;
padding: 0;


}
* html .menu5 li a:hover ul li a {
width: 170px;
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
width: 170px;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
text-align: left;
font-weight:bold;
visibility:hidden; 
position:absolute; 
top:0; 
height:0; 
overflow:hidden;
width: 170px;
color: #fff;
background: #000;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration: none;
width: 170px;
color: #fff;
font-weight:bold;
background: #000;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; 
color:#000;
border:1px solid #fff;
height:auto;
background:#c7bb9e;
width: 170px;
font-weight:bold;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
width: 170px;
color: #000;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; 
height:auto;
width: 170px;
color: #000;
font-weight:bold;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration: none;
width: 170px;
color: #000;
font-weight:bold;
}

.doc_port {
float: left;
padding: 8px;
}