/* Fixes IE margin bugs */
* html .column { overflow-x: hidden; }
/*VERIF BUG
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}*/
/* Elements
-------------------------------------------------------------- */
/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:-18px -8px 16px 0; padding:0; }
/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }
/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; }
/* IE 6&7 has problems with setting proper
margins. */
hr { margin: -8px auto 11px; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*Général
-------------------------------------------------------------------------------------------------------------------*/
body { font-family: Arial, Verdana, Helvetica, sans-serif; text-align:center; font-size:100%; color:#333333; margin:0; padding:0; background-color:#99CCCC; }
img { border:0 }
p { margin:0 }
/*En tête
-------------------------------------------------------------------------------------------------------------------*/
#haut_site { height:154px; width:1000px}
#header img { margin:0 20px 0 20px;}
#bas_logo { height:25px; border:0 }
#haut { height:25px; background-color:#55A3DB; text-align:right; margin:0px 20px; }
#haut img { float:left; height:25px}
#conteneur { width:1000px; text-align:left; margin:0 auto; background-color:#FFFFFF }
/*Menu
-------------------------------------------------------------------------------------------------------------------*/
#menuhaut { list-style-type: none; margin:0px 15px 0px 0px; padding-top:3px }
#menuhaut li { display: inline; }
#menuhaut a { margin:0 12px 0 0; color: #FFFFFF; font-size:0.8em; font-weight:bold; text-decoration: none; }
#menuhaut a.clic { text-decoration: none; color:#FFE500; }
#menuhaut a:hover { text-decoration: none; color:#FFE500; }
/*colonne gauche
-------------------------------------------------------------------------------------------------------------------*/
#gauche { float:left; background-color:#B7D8F0; width:300px; height:546px; margin:10px 0px 10px 20px; -margin:10px 0px 0px 10px; padding: 20px 0px 19px 0px}
#gauchefluide { float:left; background-color:#B7D8F0; width:300px; height:100%; margin:10px 0px 10px 20px; -margin:10px 0px 0px 10px; }
#cchaut { margin: 0px 0px 0px 15px; height:20px }
#ccbas { margin: 0px 0px 0px 15px; height:16px}
#gauchefluide #siahaut { margin: 20px 0px 0px 15px; }
#gauchefluide #siabas { margin: 0px 0px 20px 15px;}
/*colonne milieu contenus
-------------------------------------------------------------------------------------------------------------------*/
#centre { background-color:#FFFFFF; margin-left:320px; margin-right:280px;}
#centre2 { background-color:#FFFFFF; margin-left:320px; margin-right:280px;}
#centrexl { background-color:#FFFFFF; margin-left:320px; margin-right:20px; /height:100%}
/*colonne droite
-------------------------------------------------------------------------------------------------------------------*/
#droite { float:right; width:255px; height:100%; margin:10px 20px 0px 0px; -margin:10px 10px 0px 0px;}
#espacemaselection ul li a {text-decoration:none}
#espacemaselection ul li a:hover {text-decoration:underline}
/*Présentation OGI
-------------------------------------------------------------------------------------------------------------------*/
#titre { margin: 50px 0px 0px 25px; -margin-left:15px; border-bottom:#999999 solid 1px; }
#presentation { margin: 5px 0px 0px 25px; border-bottom:#999999 solid 1px; -margin-left:15px; padding-right:20px; text-align:justify;}
#wimereux { margin: 20px 0px 0px 25px; -margin-left:15px; padding-right:20px;}
#wimereux a { font-size:0.7em; font-weight:bold}
#wimereux a:hover { text-decoration:none}
/*Liste résultats
-------------------------------------------------------------------------------------------------------------------*/
#espace_liste_annonces { margin:5px 0px 0px 25px; }
.annonce_page { width:620px; margin-left:10px; font-size:0.7em; padding-top:8px; }
.bt_imprimer { margin:0px }
.txt_recherche { font-size:0.75em; margin-top:8px }
#intro_recherche { height:30px; margin-bottom:10px }
#annonce_nav { width:630px; margin-bottom:5px; padding:8px 0px; border-bottom:#56A3DB solid 1px; border-top:#56A3DB solid 1px; font-size:0.7em; }
#annonce_nav a { font-weight:bold; }
.browse_tool_button a{font-size:0.9em;background-color:#B7D8F0; padding:2px;border:1px solid #2470A8; color:#2470A8; text-decoration:none;font-weight:bold;}
.browse_tool_button a:hover{color:#ffffff;}
.browse_nav {font-size:1.2em;font-weight:bold;}
/*tri annonces
-------------------------------------------------------------------------------------------------------------------*/
#tri_annonces { list-style-type: none; margin:0; padding:0; font-weight:bold;}
#tri_annonces li { display: inline; }
#tri_annonces a { margin:0 12px 0 0; }
#tri_annonces a:hover { text-decoration: none;}
/*Annonce
-------------------------------------------------------------------------------------------------------------------*/
.annonce { width:630px; margin-top:20px; }
.annonce_haut { height:20px; width:610px; margin-left:10px; padding-left:10px; background-color:#B8D8F1; color:#236FA7; font-size:0.9em; font-weight:bold; border-top:#56A3DB solid 1px; }
.annonce_photo { float:left; margin-left:10px; background-color:#DFEEF9; }
.annonce_photo img { margin:4px 15px 4px 15px; border:#666666 1px solid}
.annonce_milieu { width:630px; min-height:100px}
.annonce_droite { float:right}
.annonce_texte { font-size:0.7em; margin-left:175px; margin-right:120px; padding:10px 10px 10px 0px; text-align:justify }
.annonce_bas { height:18px; margin-left:10px; padding-left:10px; background-color:#B8D8F1; border-bottom:#56A3DB solid 1px ;font-weight:bold;color:#236FA7; clear:right }
.annonce_bas p { font-size:0.7em; padding-top:4px; }
.annonce_bt { margin-top:10px }
.annonce_bt img { margin-top:5px }
/*Annonces
-------------------------------------------------------------------------------------------------------------------*/
#espace_annonce { margin:25px 0px 0px 25px; }
#fiche_nav { width:630px; margin-bottom:15px; padding:8px 0px; border-bottom:#56A3DB solid 1px; border-top:#56A3DB solid 1px; font-size:0.7em; text-align:right }
#fiche_nav a { font-weight:bold; }
#fiche_detaillee { width:630px;}
#fiche_photos { float:left; width:360px; margin-bottom:10px}
#fiche_photos img { margin-top:5px}
#fiche_photos table {margin:0;padding:0}
#fiche_photos table tr{margin:0;padding:0}
#fiche_photos table td{margin:0;padding:0}
#fiche_photos table td img {cursor:pointer;}
#fiche_texte { margin-left:380px; padding-top:5px; display:block;}
#fiche_texte a { font-weight:bold;text-decoration:none; }
#fiche_texte a:hover { text-decoration:underline; }
.fiche_titre {font-size:0.9em; font-weight:bold; color:#236FA7; }
/*Paragraphe SIA
-------------------------------------------------------------------------------------------------------------------*/
#sia { margin: 15px 0px 0px 25px; height:100px; border-bottom:#999999 solid 1px; padding-right:20px;}
.siatitre { font-size:.8em; font-weight:bold; margin:15px 10px 0px 0px}
.siatxt { font-size:.75em; text-align:justify}
#espace_sia { width:240px; background-color:#FFFFFF; margin:0px 15px 0px 15px; padding:15px}
#espace_sia img { float:left; margin-right:8px}
/*Info légale
-------------------------------------------------------------------------------------------------------------------*/
#infolegale { margin: 15px 0px 0px 25px; }
/* ESPACE COUP DE COEUR
-------------------------------------------------------------------------------------------------------------------*/
.espacecoupdecoeur { width:270px; height:160px; background-color:#FFFFFF; margin:0px 15px 0px 15px}
.espacecoupdecoeur img { margin:15px 10px 10px 10px; border:#666666 solid 1px; float:left}
.cctxt1 { font-size:0.75em; margin:15px 0 0 0; float:left; width:125px;}
.cctxt2 { font-size:0.65em; margin:0px 10px 0 10px;}
.ccbtdetails { height:15px; width:250px; margin:5px 10px 0px 10px; background-image:url(../images/bt_detail.jpg);}
.ccbttxtdetails { font-size:.7em; font-weight:bold; color:#2470A8; text-align:right; margin:0; padding-top:2px; padding-right:18px }
.ccbttxtdetails a{text-decoration:none;}
.clear { clear:both }
/*Contacts
-------------------------------------------------------------------------------------------------------------------*/
#encartcontact { background-image:url(../images/fondbleucontact.jpg); width:190px; height:303px; margin:20px 15px 15px 20px; -margin:10px; padding:15px 15px 15px 15px}
#encartcontact img { margin:0px 0px 0px 8px}
/*Foot
-------------------------------------------------------------------------------------------------------------------*/
#pied { clear:both; border-top: solid #999999 1px; margin:10px 20px 0px 20px; padding:5px 0px}
#pied p { font-size:.65em; text-align:center; vertical-align:middle }
/* mise en forme texte
-------------------------------------------------------------------------------------------------------------------*/
.titre {font-size:1em; font-weight:bold; color:#236FA7;text-transform:uppercase;}
.titrejaune {font-size:.75em; font-weight:bold; color:#FFCC00; margin:0;}
.titrebleu {font-size:.8em; font-weight:bold; color:#55A3DB; margin:0;}
.titrebleufonce {font-size:.8em; font-weight:bold; color:#236FA7; margin:0;}
.txtblanc {font-size:.7em; color:#FFFFFF; margin:0;}
.txtblanc a {color:#FFFFFF; margin:0;}
.txtbleu {font-size:.7em; font-weight:bold; color:#B7D8F0; margin:0;}
.txtbleufonce {font-size:.65em; color:#2470A8; font-weight:bold; margin:0;}
.bleu {color:#2470A8; font-weight:bold;}
.xsmall {font-size:.65em; text-align:justify}
.small {font-size:.7em; text-align:justify}
.smallbold {font-size:0.7em; font-weight:bold;}
.large {font-size:.75em;}
.msxsmall {font-size:.65em; margin-top:5px}
a {color:#236FA7;}
h3{font-size:1em; font-weight:bold; color:#236FA7;text-transform:uppercase;margin: 50px 0px 15px 25px; border-bottom:#999999 solid 1px;}
h4{font-size:0.7em; font-weight:bold; color:#236FA7;text-transform:uppercase;margin: 10px 0 5px 0;}