/* HaOui Document CSS */
body,td,th {font-size: 0.8em;color: #333333; font-family:Arial, Helvetica, sans-serif;}
body {background-color: #FFFFFF;background-image: url(../img/background.png);background-repeat: repeat-x; background-position: 0 0 ;margin: 0px; padding: 0px; text-align: center ;}
div#conteneur{ width: 976px; margin: 0px auto ;padding:0; text-align:left;}
form{padding:0; margin:0}
div#conteneur:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
 /* Hides from IE Mac \*/ * html div#conteneur {height: 1%;}div#conteneur{display:block;} /* End Hack */ 
div#header{height: 90px; padding:1px; margin:0px; background:#FF6900; text-align:center;}
ul#header {list-style:none; font-size:1.2em; color:#FFFFFF; font-weight:normal; margin:0px 12px 0px 0px; float: left; width:210px; text-align:left; padding:0}
ul#header li{list-style-type:none; margin: 0; padding:0; line-height:12px; height:12px; }
ul#header a{ display:block; text-decoration:none; color:#FFFFFF}
ul#header a:hover{ color:#FF3300; background-color:#FFFFFF;}
div#header h1{ font-size:1.2em; color:#FFFFFF; font-weight:bold; margin:9px 12px 0px 0px; padding:0; }
div#banniere{ width:728px; height:90px; padding:0; margin:0; float:left;}

div#search{height: 35px; background-image:url(../img/search.png); background-repeat:repeat-x; background-color:#999999; padding:0px; text-align:center;}
.textfield {padding: 0px; margin: 0px; height:18px; width:120px;}
.textfield0 {padding: 0px; margin: 0px; height:18px; width:180px;}
div#menu{height: 37px; background-image:url(../img/menu.png); background-repeat:repeat-x; background-color:#FF6900; padding:0px; text-align:center;}
div#ombre{height: 15px; background-image:url(../img/ombre.gif); background-repeat:repeat-x; padding:0px; text-align:center;}
ul#menu {list-style:none; font-size:1.1em; color:#FFFFFF; font-weight:bold; padding:6px; margin:0}
ul#menu li{list-style-type:none; display:inline; margin: 0; }
ul#menu li a{ color:#FFFFFF; text-decoration:none; padding:5px; display: inherit; }
ul#menu li a:hover{ text-decoration:underline;}



div#center {width:735px; float:right; margin: 0px 3px 3px 3px; background-color:#FFFFFF; border:1px solid #414453; padding:0px 0px 0px 0px; height:580px; display:table-cell}
html>body div#center {height: auto;min-height: 580px;} 
div#center h1{display:block; background-image:url(../img/titre2.png); font-size:1.2em; color:#FFFFFF; width:720px; height:21px; padding:3px 3px 3px 12px; margin:0px 0px 0px 0px; border-bottom:1px solid #8C91A6;}
div#center h1 .diaporama {float: right;}
div#center h1 img {border: 0px; height: 20px;/* width: 25px;*/}

div#newsletter { width:735px; margin: 0px 3px 3px 3px; background-color:#FFFFFF; border:1px solid #414453; padding-bottom:6px; float:right; }
div#newsletter h1{ display:block; background-image:url(../img/titre2.png); font-size:1.2em; color:#FFFFFF; width:720px; height:21px; padding:3px 3px 3px 12px; margin:0px 0px 6px 0px; border-bottom:1px solid #8C91A6;}
div#newsletter p{padding: 0px 12px 2px 12px; margin:0px 0px 12px 0px;}
div#left{width:230px; float:left;margin: 0px 0px 12px 0px;  }

div#actus { width:230px; float:left; margin: 0px 0px 3px 0px; float:left; background-color:#FFFFFF; border:1px solid #414453; padding-bottom:7px  }
div#actus h1{ display:block; background-image:url(../img/titre.png); font-size:1.2em; color:#FF3300; width:215px; height:21px; padding:3px 3px 3px 12px; margin:0px 0px 6px 0px; border-bottom:1px solid #8C91A6;}
div#actus h2{ font-size:1.2em; color:#FF3300; padding:0; margin:0}
div#actus p{ font-size:1em; padding:0; margin:0}
div#actus a{ display:block; text-decoration:none; color:#333333;}
div#actus a:hover{ text-decoration:underline; color:#FF0000}

div#sos-haoui { width:230px; float:left; margin: 0px 0px 3px 0px; float:left; background-color:#FFFFFF; border:1px solid #414453; padding-bottom:0px; padding-top:0px;  }
div#sos-haoui h1{ display:block; background-image:url(../img/titre.png); font-size:1.2em; color:#FF3300; width:215px; height:21px; padding:3px 3px 3px 12px; margin:0px 0px 0px 0px; border-bottom:1px solid #8C91A6;}
div#sos-haoui h2{ font-size:1.2em; color:#FF3300; padding:0; margin:0}
div#sos-haoui p{ font-size:1em; padding:0; margin:0}
div#sos-haoui a{ display:block; text-decoration:none; color:#333333;}
div#sos-haoui a:hover{ text-decoration:underline; color:#FF0000}

div#insolite { width:230px; float:left; margin: 0px 0px 3px 0px; float:left; background-color:#FFFFFF; border:1px solid #414453; padding-bottom:7px  }
div#insolite h1{ display:block; background-image:url(../img/titre.png); font-size:1.2em; color:#FF3300; width:215px; height:21px; padding:3px 3px 3px 12px; margin:0px 0px 6px 0px; border-bottom:1px solid #8C91A6;}
div#insolite h2{ font-size:1.2em; color:#FF3300; padding:0; margin:0}
div#insolite p{ font-size:1em; padding:0; margin:0}
div#insolite a{ display:block; text-decoration:none; color:#333333; padding:0; margin:0}
div#insolite a:hover{ text-decoration:underline; color:#FF0000;  padding:0; margin:0}

div#partenaires{ float:left; width:230px; background-color:#FFFFFF;  margin: 0px 0px 3px 0px; border:1px solid #414453; padding-bottom:0px}
div#partenaires h1{ display:block; background-image:url(../img/titre.png); font-size:1.2em; color:#FF3300; width:215px; height:21px; padding:3px 3px 3px 12px; margin:0px 0px 0px 0px; border-bottom:1px solid #8C91A6;}

div#dernier-element {margin-bottom: 0; padding-bottom: 42px;}
div#footer{ height: 42px; background-image:url(../img/footer.png); background-repeat:repeat-x; background-color:#CCCCCC; margin-top:0px; bottom: 0; left: 0;width: 100%;}

ul#footer {list-style:none; font-size:1em; color:#333333; font-weight:normal; padding:6px; margin:18px 0}
ul#footer li{list-style-type:none; display:inline; margin: 0; }
ul#footer li a{ color:#333333; text-decoration:none; padding:3px; display: inherit; }
ul#footer li a:hover{ text-decoration:underline;}

h2{font-size:1.2em; color:#FFFFFF; text-align: left;padding:3px 3px 3px 12px;}
h3{font-size:1.2em; color:#FF3300; padding:0; margin:0}
h3 a{font-size:1.2em; color:#FF3300; text-decoration:none;}
h3 a:hover{ text-decoration:underline;}
h4{color:#FF3300; padding:0; margin:0; font-size:0.9em;}
h4 a{color:#FF3300; text-decoration:none;}
h4 a:hover{text-decoration:underline;}
h5{font-size:1.5em; color:#FF3300; padding:0; margin:15px 0px 6px 0px;}
.texte{font-size:1em; color:#333333;}
.pages{font-size:1em; color:#FFFFFF; padding:0; margin:4px 12px 4px 0px; text-align:right; font-weight: bold;  background-color:#CCCCCC; display:block; }
.pages a{color:#FF3300; text-decoration:none; padding: 0px 3px 0px 3px;}
.pages a:hover{text-decoration:none; background-color:#FFFFFF;}
.info{font-size:1.2em; color:#333333; margin:6px 6px 6px 30px;}
.info a{color:#FF3300; text-decoration:none;}
.info a:hover{text-decoration:underline;}

p{font-size:1.2em; color:#333333;}
label{font-size:1.2em; color:#333333; width:210px; white-space:nowrap;}
.inputbox{ border: 1px solid #FF9900; width:420px; }
.inputbox2{ border: 1px solid #FF9900; width:150px; }
.inputbox3{ border: 1px solid #FF9900; width:200px; }
.select{ border: 1px solid #FF9900;}
.inputarea{ border: 1px solid #FF9900; width:420px; height:150px; }