@font-face{font-family:OpenSansExtraboldItalic;src:url('/font/OpenSans-ExtraBoldItalic.eot'),url(/font/OpenSans-ExtraBoldItalic.ttf) format("truetype");}
@font-face{font-family:OpenSansExtrabold;src:url('/font/OpenSans-ExtraBold.eot'),url(/font/OpenSans-ExtraBold.ttf) format("truetype");}
@font-face{font-family:OpenSansItalic;src:url('/font/OpenSans-Italic.eot'),url(/font/OpenSans-Italic.ttf) format("truetype");}
@font-face{font-family:OpenSans;src:url('/font/OpenSans-Regular.eot'),url(/font/OpenSans-Regular.ttf) format("truetype");}
@font-face{font-family:Elbaris;src:url('/font/Elbaris.eot'),url(/font/Elbaris.ttf) format("truetype");}
@font-face{font-family:Flash;src: url('/font/Flash.eot');src: url('/font/Flash.eot?#iefix') format('embedded-opentype'),url(/font/Flash.ttf) format('truetype');    font-weight: normal;    font-style: normal;}
body{background:#00A0B2;color:#000;font:13px open sans;}


#page{position:absolute;width:100%;}
#hautdepage {position:relative;padding-bottom:67px;}
#basdepage {position:absolute;bottom:0px;text-align:center;height:67px;}

#offreprestataire {width:960px;position:relative;margin:auto;height:auto;background:#fff;padding:10px;text-align:center;}
#offreprestataire .title {color:#000;font:bold 24px Bookman Old Style;padding:10px;}
#offreprestataire .subtitle {color:#000;font:bold 20px Bookman Old Style;letter-spacing:-1px;padding:0px;text-align:left;}
#offreprestataire li,ul {color:#000;font:13px open sans;text-align:left;line-height:15px;padding-bottom:5px;margin-left:20px}
#offreprestataire ul {color:#000;margin:0;padding:0;}
#offreprestataire .horizontal_dotted_line {border-bottom: 1px dotted #444444;width:100%;height:1px;margin:0px 0px;}
#petits {position:absolute;bottom:2px;left:10px;font:bold 10px open sans;}
#offrefct { width:640px;height:150px;border:1px solid #fff;background-color:#E9FAFB;font:14px open sans;padding:15px;}
#offrefct .vertical_plain_line {border-right: 1px dotted #444444;width:1px;height:100%;margin:0px 0px;}
#details {position:relative;width:608px;height:auto;text-align:left;padding:10px;border:1px solid #fff;background-color:#E9FAFB;margin-top:10px;margin-bottom:30px;}
#details p {font:13px open sans;color:#000;text-align:justify;padding:0px 10px;line-height:15px;margin:3px 0px 3px 0px;}
#details .horizontal_dotted_line {border-bottom: 1px dotted #444444;width:98%;height:1px;margin:0px 10px 0px 0px;top:-4px;position:relative;}
#details .servicetitle {font:14px open sans;font-weight:800;color:#ce303b;text-align:justify;text-indent:-5px;margin-left:5px;padding-bottom:0;}
.servicetitle li{font:13px open sans;list-style-type:square;padding-left:0px;text-indent:0px;padding-bottom:0;}
#boxoffre {width:215px;height:220px;border:1px solid #00a0b2;float:right;margin:10px;padding-top:10px;margin-top:30px;}
#boxoffre .premier {position:relative;top:-30px;left:90px;}
#boxoffre li{font:12px open sans;padding:0px;margin-bottom:10px;list-style-position:inside;line-height:13px;}
#boxoffre ul {margin:-30px 5px 0px -15px;padding:5px;}
#boxoffre .savoirplus{font:bold 12px open sans;color:#00a0b2;margin:0px;padding:0px;}
.bleu {color:#00a0b2;}

#contacts {position:absolute;width:308px;height:70px;padding:0px;right:10px;top:10px;font:13px open sans;text-align:right;color:#d9278d;}
#contacts a {font:bold 13px open sans;color:#d9278d;text-decoration:none;}
#contacts a:hover {text-decoration:underline;}
#inscription {position:absolute;width:308px;height:380px;padding:0px;right:10px;top:70px;border:1px dashed #ddd9c3;font:12px open sans;line-height:10px;text-align:justify;background:url(../images/fond-blanc.png);}
#inscription #titre {position:relative;top:-1px;left:-1px;background:#00a0b2;border:1px dashed #ffffff;height:37px;width:100%;color:#fff;font:13px open sans;font-weight:800;text-align:center;padding-top:4px;}
#inscription .subtitle2 {color:#000;font:12px open sans;font-weight:800;padding-left:20px;line-height:12px;text-indent:-15px;}
#inscription .field {color:#000;font:12px open sans;}
#inscription table {padding:5px;width:300px;}
#inscription .formdate {width:100px;padding:0;margin:0}
#decouverte {position:absolute;width:308px;height:220px;padding:0px;top:465px;right:10px;font:13px open sans;text-align:right;color:#d9278d;border:1px dashed #ce303b;}
#decouverte #titre {position:relative;top:-1px;left:-1px;background:#ce303b;border:1px dashed #ffffff;height:30px;width:100%;color:#fff;font:15px open sans;font-weight:800;text-align:center;padding-top:10px;}
#decouverte li,ul {color:#000;font:13px open sans;text-align:left;line-height:14px;padding-bottom:5px;margin-left:20px}


/* bandeau de publicité - fichier adsense.php */
#publicite {position:absolute;top:680px;right:0px;width:318px;height:180px;right:0px;background:#fff;margin-top:15px;}
#parolede {position:relative;width:298px;padding:5px;right:1px;border:1px dashed #ddd9c3;font:11px open sans;line-height:13px;text-align:justify;}
#parolede table {position:relative;}
.guigui {font:30px open sans;padding:0;margin:0;line-height:10px;}
#filactu {position:relative;width:298px;height:60px;margin:8px 0px;padding:5px;right:1px;border:1px dashed #ddd9c3;font:11px open sans;line-height:13px;text-align:justify;}
#filactu td {margin:0px;padding:0px;}
#filactu p {margin:20px 0px;padding:0px;}
.offrerose {color:#d9278d;}
#encartpub {position:absolute;width:308px;height:10px;display:none;}


#offre .suboffre {color:#000;text-align:center;font:14px open sans;font-weight:800;}
#offre .offrerose {color:#d9278d;}
#offredetail {width:338px;height:145px;background-color:#c897b3;display:inline-block;padding:5px;margin-top:10px;float:left;border:1px dashed #ddd9c3;}
#offredetail .title {color:#000;font:bold 16px Bookman Old Style;}
#offredetail li,ul {color:#fff;font:11px open sans;text-align:left;line-height:11px;padding:5px 0px;margin-left:20px}
#offredetail a {color:#fff;}
#offredetail a:hover {color:#bbb;text-decoration:none;}


#offregroupee {position:relative;float:right;width:220px;height:127px;background:#542437;padding:15px;margin-top:10px;}
#offregroupee .title {font: bold 20px Bookman Old Style;color:#ffc000;}
#offregroupee hr {color:#ffc000;background-color:#ffc000;height: 1px;border: 0;margin:5px 10px 20px 10px;}
#offregroupee .contents {font: bold 20px Bookman Old Style;color:#fff;}
#offregroupee .contents2 {font: bold 20px Bookman Old Style;color:#ff660d;}
#conditions {font: 6px open sans; color:#fff000;width:45px;text-align:right;position:absolute; bottom:3px;right:3px;}
#offregroupee .asaisir {position:absolute;top:-3px;left:-3px;}

/* liste des boutons utilisés */
#boutonprorejoigneznous {position:relative;left:100px;margin:3px;background:url(../images/bouton-prorejoigneznous.png) 0 0 no-repeat;background-position:0px 0px;width:120px;height:30px;background-size:120px 60px;}
#boutonprorejoigneznous:hover, #boutonprorejoigneznous:focus, #boutonprorejoigneznous:active {background-position:0px -30px;}
#boutontrouveruntraiteur {position:relative;left:35px;bottom:-7px;margin:3px;background:url(../images/bouton-trouveruntraiteur.png) 0 0 no-repeat;background-position:0px 0px;width:150px;height:40px;background-size:150px 80px;}
#boutontrouveruntraiteur:hover, #boutontrouveruntraiteur:focus, #boutontrouveruntraiteur:active {background-position:0px -40px;}
#boutonjepostemademande {position:absolute;right:5px;bottom:5px;margin:3px;background:url(../images/bouton-jepostemademande.png) 0 0 no-repeat;background-position:0px 0px;width:100px;height:40px;background-size:100px 80px;}
#boutonjepostemademande:hover, #boutonjepostemademande:focus, #boutonjepostemademande:active {background-position:0px -40px;}
#boutonsinscriregratuit {position:relative;margin:3px;background:url(../images/bouton-sinscriregratuit.png) 0 0 no-repeat;background-position:0px 0px;width:168px;height:35px;background-size:168px 70px;}
#boutonsinscriregratuit:hover, #boutonsinscriregratuit:focus, #boutonsinscriregratuit:active {background-position:0px -35px;}
#boutonseconnecter {position:relative;margin:3px;background:url(../images/bouton-seconnecter.png) 0 0 no-repeat;background-position:0px 0px;width:168px;height:35px;background-size:168px 70px;}
#boutonseconnecter:hover, #boutonseconnecter:focus, #boutonseconnecter:active {background-position:0px -35px;}
#boutondecouvrirlesservices {position:relative;text-align:left;left:100px;margin:15px;background:url(../images/bouton-decouvrirlesservices.png) 0 0 no-repeat;background-position:0px 0px;width:168px;height:35px;background-size:168px 70px;}
#boutondecouvrirlesservices:hover, #boutondecouvrirlesservices:focus, #boutondecouvrirlesservices:active {background-position:0px -35px;}
#boutonenvoyer {margin:3px;background:url(../images/bouton-envoyer.png) 0 0 no-repeat;background-position:0px 0px;width:100px;height:30px;background-size:100px 60px;}
#boutonenvoyer:hover, #boutonenvoyer:focus, #boutonenvoyer:active {background-position:0px -30px;}


#infos {width:980px;position:relative;margin:auto;padding-top:10px;}

#projetsencours {width:590px;position:relative;height:25px;font: 18px open sans;left:10px;text-align:right;line-height:11px;padding:5px;}
#projetsencours span {font: bold 20px open sans;line-height:11px;}
#projetsencours a {font: 10px open sans;color:#bbbbbb;}

@-moz-document url-prefix() { .formatselect {width:270px;overflow:hidden;text-indent:25px;background-size:275px 34px;font: 14px Open Sans;  -moz-border-radius : 8px; -webkit-border-radius: 8px; border-radius : 8px; background-image:url(../images/fond-select.png); border: 1px solid #dbdad8; padding:7px;text-align :left;color:#444444;}}
.formatselect {width:180px;overflow:hidden;-webkit-appearance: none; font: 12px Open Sans; background:url(../images/fond-select.png) no-repeat;background-size:180px 27px;border:0; padding:4px;text-align :left;color:#444444;}
.formatselect option { background-color:#f3eedf;-border-radius:8px;color:#444444;}
.formatselectblanc {width:180px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; background-image:url(../images/fond-select-seul.png);background-repeat:no-repeat;background-size:12px 16px;background-position:97% 2px; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}
.formatinputblanc {width:180px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; border:0; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}
.formatradio {width:12px;height:12px;overflow:hidden;-webkit-appearance: none; background:url(../images/bouton-off.png) no-repeat;background-size:12px 12px;background-position:0px 0px;border:0; padding-right:15px;margin:0px;text-align :left;color:#444444;}
.formatradio:checked {background:url(../images/bouton-on.png) no-repeat;background-size:12px 12px;}
#formatselectblancdiv {display:none;}
@-moz-document url-prefix() { .formatselectblanc {text-indent:0px;width:180px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; background-image:url(../images/fond-select-seul.png);background-repeat:no-repeat;background-size:12px 16px;background-position:97% 2px; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}