/*
### Yahoo Reset CSS ###*/
html{color:#000; background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}
input, textarea, select{*font-size:100%}
legend{color:#000}
del, ins{text-decoration:none}
input{border:0}
/*HEADER */
#fond_header{background:#e4e4e4 url('http://www.7enlocation.com/style/fond.jpg') no-repeat scroll 50% 0;}
#div_head{margin:0 auto;width:1000px}
#header{clear:both;width:100%;color:#fff;font-weight:bold;height:173px;background:#fff url('http://www.7enlocation.com/style/header/sprite_header.jpg') 1px 91px no-repeat;overflow:hidden;}
#header_logo{float:left}
#header_logo a{width:220px;height:63px;display:block;overflow:hidden;position:relative;margin:26px 20px 0px 20px;}
#header_logo a img{position:absolute;top:-80px;}
#header_pub{width:728px; height:103px; margin-left:5px; margin-top:3px}
#header_pub img {width:728px; height:90px;}
#header_pub_h1{font-size:11px; float:left; width:728px; height:126px}
#header_pub_h1 h1{margin:0 5px 0 -80px; font-weight: normal;float:left; display:inline;color:#AAA}
* html #header_pub_h1 h1{position:relative}
#header_pub_h1 h1 a{ color:#888}
#header_pub_h1 h1 a:hover{cursor:text;text-decoration:none}
#header_pub_h1 span{color:#61afce; font-weight:normal}
#header_top{height:120px; float:left}
#header_menu{float:left; width:720px; height:31px}
/*#header_menu a{background:url('http://www.7enlocation.com/style/header/separation.png') no-repeat right 50%;color:#007fb1;float:left;padding:0 12px 0 10px;line-height:31px}*/
#header_menu a{color:#007fb1;float:left;padding:0 12px 0 10px;line-height:31px}
#header_menu a.sep{background:url('http://www.7enlocation.com/style/header/sprite_header.jpg') no-repeat -998px -85px;}
/*#header_menu a.btn_vert{background:url('http://www.7enlocation.com//style/header/bouton-promotions.png') no-repeat right 50%;color:#007fb1;float:left;padding:0 17px 0 15px;line-height:31px}*/
#header_menu a.btn_orange{background:url('http://www.7enlocation.com/style/header/sprite_header.jpg') no-repeat -315px -87px;color:#FFFFFF;float:left;padding:0 17px 0 15px;line-height:31px}
#header_menu a#header_proprio{background-image:none;color:#ff8200}
#header_newsletter{float:right;margin-top:3px;width:262px}
#header_newsletter input.text{font-weight:normal;width:198px;height:15px;color:darkgrey;}
/*#header_newsletter input.submit{background:url('http://www.7enlocation.com//style/header/ok.png'); height:18px; width:22px}*/
#header_newsletter input.submit{background:url('http://www.7enlocation.com/style/header/sprite_header.jpg') no-repeat -277px -88px;height:18px;width:22px}
#compte {border: 4px solid #CCC;background-color: #fff;padding-left:6px;padding-right:6px;}
#hsheader {position:absolute; top:2px;left:2px;background: url('http://www.7enlocation.com//style/header/bouton-espace-proprietaire.png') no-repeat right;
color: white;padding-left:10px;padding-right:10px;}
/*
### HTML tags ###*/
html,body{min-height:100%;height:auto !important;background-color: #E4E4E4;}
body *{font-size:12px;font-family:Verdana,Geneva,Arial;}
strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{font-weight:bold}
a{color:#525252; text-decoration:none}
a:hover{text-decoration:underline}
/*
### html element ###*/
html *{color:#4a5259}
/*
### Usefull class ###*/
.left{float:left}
.right{float:right}
.clear{clear:both}
.desactive{display:none;}
.no_vert{font-weight:bold;color:#8ACC00}
.flashy{color:#FE7B02}
br.clear{line-height:0;height:0;font-size:0}
/*
### Alerte navigateur ###*/
div.alert_navigateur{width:100%;background-color:#B01A29;color:#fff;font-weight:bold;padding:5px;margin-top:1px}
div.alert_navigateur a{color:#FFF;text-decoration:underline}
/*
### Infos home ###*/
div.info_home{width:100%;background-color:#7ABF00;margin-top:1px}
div.info_home p{color:#fff;font-weight:bold;padding:5px 0 5px 5px}
div.info_home p img{vertical-align:-15%}
/*
### Form error ###*/
div#form_error{margin-top:20px}
div#form_error ul li{color:red}
#not-logged #content div#form_error{width:316px;margin:35px 0px 10px 5px}
/*
### Formulaires ###*/
fieldset{margin-top:20px}
fieldset p{color:#0394ce;font-size:11px;margin-bottom:10px}
fieldset legend{font-weight:bold;position:relative}
fieldset hr{border:none;border-top:1px solid #4a5259;height:1px;position:relative;top:-6px;margin-bottom:-3px}
fieldset div{float:left;width:25%;margin-top:2px}
fieldset div.div_annee,fieldset div.button_annee{float:none;width:100%;}
fieldset label{float:left;width:60%;font-size:11px}
fieldset label.check{margin:-2px 0 2px 5px;margin:expression('2px 0 -2px 5px');width:auto}
fieldset input{float:left;width:20%}
fieldset input,
fieldset select{float:left;border:1px solid #4a5259;width:25%}
fieldset input.check{width:auto;border:none}
fieldset div.check{margin-top:2px}
fieldset span.desc{background:url(/style/form/info.png) no-repeat 10px 0;float:left;display:block;padding:1px 0 0 32px;font-size:11px;height:15px}
fieldset .prix span.desc{font-size:12px;background:none;padding:0 0 0 6px}
fieldset input[type=hidden]{display:none}
fieldset div.checker{clear:both;float:none;font-size:10px}
fieldset div.checker a{color:#99df00;font-size:10px}
fieldset input[type=submit]{float:none;border:none;height:27px}
#div-valider{width:100%}
.input_submit_option{width:100%;margin:0;padding:0;text-align:center}
.input_submit_option div{width:100%}
.input_submit_option legend,
.input_submit_option hr{display:none}
.input_submit_option input{background:url(/style/form/valider.png) no-repeat;width:84px;margin-top:26px;border:none;height:28px;cursor:pointer}
.input_submit_option #previous_button img, .input_submit_option #cancel_button img{vertical-align:bottom;margin-right:50px}
* html .input_submit_option input{position:relative;right:-48%}
.a_completer {color:#0680C5!important;font-size:11px;font-weight:600;}
#tag_descriptif .input_submit_option input{margin-top:expression('10px')}
/* Fieldset sur 1col */
fieldset.col1 div{width:100%}
fieldset.col1 label{width:200px;font-size:11px}
fieldset.col1 input{width:300px}
fieldset.col1 select{width:302px;width:expression('304px')}
/* Fieldset sur 2 col */
fieldset.col2 div{width:49.9%}
/* Fieldset sur 3 col */
fieldset.col3 div{width:33.2%}
/* Fieldset sur 6 col */
fieldset.col5 div{width:20%}
/* Fieldset sur 6 col */
fieldset.col6 div{width:16.6%}
/* Div aide */
fieldset div.aide{width:100%}
/* Textarea */
fieldset div.textarea_border{background:#909bae;width:100%;padding:0;margin:0}
fieldset div.textarea_inside{background:#FFF;margin:1px;float:none;width:auto;padding:10px 10px 0 10px}
fieldset div.textarea_count{background:#FFF;margin:0;padding:0 5px;font-size:11px}
fieldset div.textarea_count span{color:#0394ce;font-size:11px;border:none}
fieldset textarea{height:200px;width:100%;border:none;overflow:hidden;overflow-y:auto}
/* Titres */
fieldset#titre legend{background:url(/style/form/info-orange.png) no-repeat;font-size:14px;font-weight:bold;padding-left:24px;line-height:18px}
fieldset#titre p{color:#909bae;font-size:12px}
fieldset#titre p strong{color:#909bae}
.checkbox2nd input {
border:none;
}
/*
### Override form ###*/
/* Evironnement proche */
#geolocalisation_location label{width:65%}
/* pièces */
#piece label{width:65%}
/* cas des option de loc avec prix */
#option_location div.divclear.prix{width:20%}
#option_location input.divclear.prix{width:20%}
#option_location label.divclear.prix{width:auto;margin-right:6px}
/* cas des lits */
#literie_couchage label.divclear{width:65%;margin-right:6px}
/* tarifs */
#activer_nuitee {text-decoration: underline;cursor: pointer;}
#tarifs select,
#tarifs input{float:none;width:auto;width:60px;text-align:center}
#tarifs input.radio_tarif{border:none;width:auto}
#tarifs .aide_gris{color:#909BAE;margin-top:20px;font-size:12px}
#tarifs .aide_gris strong{color:#909BAE}
#tarifs #divers{float:left;margin-top:20px;background-color:#ededed;margin-left:30px;height:110px}
#tarifs #divers label{margin:15px 0 0 15px;width:80px}
#tarifs #divers input{margin:15px 0 0 15px}
#saisons{float:left}
#saisons td{width:160px;border:2px solid #FFF;text-align:center;line-height:26px}
#saisons thead td{font-weight:bold;font-size:11px;line-height:normal; height:20px}
#saisons tbody tr{background:#c7cdd6}
#saisons tbody tr td.saison_cell{font-size:11px}
#saisons tbody tr.ths td.saison_cell{background:#FCB448}
#saisons tbody tr.hs td.saison_cell{background:#ffe14b}
#saisons tbody tr.ms td.saison_cell{background:#c2ee72}
#saisons tbody tr.bs td.saison_cell{background:#B3EBFF}
#saisons tbody tr.ths td.semaine_cell{background:url(/style/form/saisons.jpg) no-repeat}
#saisons tbody tr.hs td.semaine_cell{background:url(/style/form/saisons.jpg) no-repeat 0 -28px}
#saisons tbody tr.ms td.semaine_cell{background:url(/style/form/saisons.jpg) no-repeat 0 -56px}
#saisons tbody tr.bs td.semaine_cell{background:url(/style/form/saisons.jpg) no-repeat 0 -84px}
.disponibilites{border-collapse: separate;border: 1px solid white;margin:auto}
.disponibilites thead td{font-weight:bold;font-size:11px;text-align:center}
.disponibilites input.dispo_visible {border:0px;}
.disponibilites thead td.tarif_titre{font-weight:normal}
.disponibilites thead td.promo_titre{color:#da0303}
.disponibilites tbody td{border:2px solid #FFF;border-right-width:6px;text-align:center}
.disponibilites tbody td.ths{background:#FCB448;width:22px}
.disponibilites tbody td.hs{background:#ffe14b;width:22px}
.disponibilites tbody td.ms{background:#c2ee72;width:22px}
.disponibilites tbody td.bs{background:#B3EBFF;width:22px}
.disponibilites tbody td.np{background:#9990cd;width:22px}
.disponibilites tbody td.separe{width:50px}
.disponibilites tbody td span.semaine_number{font-size:11px;font-weight:bold;color:#4c535f}
.disponibilites tbody td span.semaine_dates{font-size:11px;color:#0394ce}
.disponibilites tbody td input.checkbox{width:16px}
#modifier_coord {font-weight: bold;color: #EE4534;text-decoration: underline;}
.jour_le_jour {display:none;}
/* photos */
#photo_upload{height:0px;border:none}
#upload_photo{border:1px solid #4a5259}
#photos div.photo_container{width:138px;margin:0 20px 20px 0}
#photos div.photo_container img.photo{border:1px solid #a4b0c0;height:103px;width:136px;border:1px solid #909bae}
#photos div.photo_container div.controls{background:#a4b0c0;width:138px;float:left;margin-top:1px}
#photos div.photo_container div.controls img{float:left;background:url(/style/form/photo-gauche.png);height:9px;width:11px;border:7px solid #a4b0c0;cursor:pointer}
#photos div.photo_container div.controls img.suivant{float:right;background:url(/style/form/photo-droite.png)}
#photos div.photo_container div.controls span.supprimer{float:left;font-size:11px;color:#FFF;margin-left:15px;line-height:22px;cursor:pointer}
div#upload_result{color:red;margin-top: 10px;}
/* langues */
#langues_parlees label{background:url(/style/form/drapeaux.png) no-repeat;height:16px;padding-left:28px}
label#label_lan_1{}
label#label_lan_2{background-position: 0 -16px}
label#label_lan_3{background-position: 0 -48px}
label#label_lan_4{background-position: 0 -32px}
label#label_lan_5{background-position: 0 -64px}
label#label_lan_6{background-position: 0 -80px}
/* choix pack */
fieldset#calendrier legend{background:url(/style/form/info-orange.png) no-repeat;font-size:14px;font-weight:bold;padding-left:24px;line-height:18px}
#calendrier div.choix_pack{display:none;display:expression('block');height:0px;width:0px}
#calendrier div.offre{width:24.5%;text-align:center;margin-top:10px;margin-bottom:10px;}
/*#calendrier div.offre.pro{width:33.3%}*/
#calendrier div.offre.pro{width:20%}
/*#calendrier div.offre label.offre{height:20px;font-size:0px;color:#FFF;width:185px}*/
#calendrier div.offre label.offre{height:152px;font-size:0px;color:#FFF;width:220px;margin-left: 30px;}
#div-calendrier p {
color:#4A5259;
}
/*#calendrier div.offre label#label12{height:40px;width:200px}*/
div#compteur.avecPromo,div#compteur2nd.avecPromo {
margin:auto;
float:none;
white-space: nowrap;
width:525px;
margin-top:20px;
}
.avecPromo div#semaine_choisi,.avecPromo div#semaine_choisi2nd {
float:left;
margin:auto;
text-align:center;
width:20px;
border: 1px solid #999;
padding-left: 10px;
padding-right: 10px;
margin-right:20px;
font-weight:600;
color:#0394CE;
}
.avecPromo div#prix_a_payer_calendrier,.avecPromo div#prix_a_payer_calendrier2nd {
text-align:center;
float:right;
margin:auto;
width:150px;
border: 1px solid #999;
padding-left: 10px;
padding-right: 10px;
color:#0394CE;
font-weight:600;
}
div#compteur,div#compteur2nd {
margin:auto;
float:none;
white-space: nowrap;
width:410px;
margin-top:20px;
}
div#semaine_choisi,div#semaine_choisi2nd {
float:left;
margin:auto;
text-align:center;
width:20px;
border: 1px solid #999;
padding-left: 10px;
padding-right: 10px;
margin-right:20px;
font-weight:600;
color:#0394CE;
}
div#prix_a_payer_calendrier,div#prix_a_payer_calendrier2nd {
text-align:center;
float:right;
margin:auto;
width:35px;
border: 1px solid #999;
padding-left: 10px;
padding-right: 10px;
color:#0394CE;
font-weight:600;
}
#restantes {
display:none;
}
.important {
color:red;
font-weight:600;
font-size:16px;
}
.rougePromo,.attention {
color:red;
}
#label10{background:url(/style/form/pack12.png) no-repeat 10px 2px}
#label11{background:url(/style/form/pack26.png) no-repeat 10px 2px}
#label12{background:url(/style/form/pack52.png) no-repeat 10px 2px}
#label22{background:url(/style/form/chambres-dhotes.png) no-repeat 10px 2px}
/*Pack Avec Promo*/
#label102{background:url(/style/form/pack122.png) no-repeat 10px 2px}
#label104{background:url(/style/form/pack124.png) no-repeat 10px 2px}
#label106{background:url(/style/form/pack126.png) no-repeat 10px 2px}
#label112{background:url(/style/form/pack262.png) no-repeat 10px 2px}
#label114{background:url(/style/form/pack264.png) no-repeat 10px 2px}
#label116{background:url(/style/form/pack266.png) no-repeat 10px 2px}
#label118{background:url(/style/form/pack268.png) no-repeat 10px 2px}
#label1110{background:url(/style/form/pack2610.png) no-repeat 10px 2px}
#label122{background:url(/style/form/pack522.png) no-repeat 10px 2px}
#label124{background:url(/style/form/pack524.png) no-repeat 10px 2px}
#label126{background:url(/style/form/pack526.png) no-repeat 10px 2px}
#label128{background:url(/style/form/pack528.png) no-repeat 10px 2px}
#label1210{background:url(/style/form/pack5210.png) no-repeat 10px 2px}
/*Pack Avec Promo*/
/*Pack Avec Promo du Prix */
#label10p10{background:url(/style/form/pack12p10.png) no-repeat 10px 2px}
#label10p20{background:url(/style/form/pack12p20.png) no-repeat 10px 2px}
#label10p30{background:url(/style/form/pack12p30.png) no-repeat 10px 2px}
#label10p44-5{background:url(/style/form/pack12p44.jpg) no-repeat 10px 2px}
#label11p10{background:url(/style/form/pack26p10.png) no-repeat 10px 2px}
#label11p20{background:url(/style/form/pack26p20.png) no-repeat 10px 2px}
#label11p30{background:url(/style/form/pack26p30.png) no-repeat 10px 2px}
#label11p40{background:url(/style/form/pack26p40.png) no-repeat 10px 2px}
#label11p59-5{background:url(/style/form/pack26p59.jpg) no-repeat 10px 2px}
#label12p20{background:url(/style/form/pack52p20.png) no-repeat 10px 2px}
#label12p30{background:url(/style/form/pack52p30.png) no-repeat 10px 2px}
#label12p40{background:url(/style/form/pack52p40.png) no-repeat 10px 2px}
#label12p50{background:url(/style/form/pack52p50.png) no-repeat 10px 2px}
#label12p74-5{background:url(/style/form/pack52p74.jpg) no-repeat 10px 2px}
/*Pack Avec Promo du Prix */
/*#label11{background:url(/style/form/pack-26.png) no-repeat 10px 0}*/
/*#label12{background:url(/style/form/pack-52.png) no-repeat 10px 0}*/
#label40{background:url(/style/form/pack-pro-5.png) no-repeat 10px 2px}
#label40p50{background:url(/style/form/pack-pro5p50.png) no-repeat 10px 2px}
#label40p100{background:url(/style/form/pack-pro5p100.png) no-repeat 10px 2px}
#label41{background:url(/style/form/pack-pro-20.png) no-repeat 10px 2px}
#label41p50{background:url(/style/form/pack-pro20p50.png) no-repeat 10px 2px}
#label41p100{background:url(/style/form/pack-pro20p100.png) no-repeat 10px 2px}
#label41p150{background:url(/style/form/pack-pro20p150.png) no-repeat 10px 2px}
#label41p200{background:url(/style/form/pack-pro20p200.png) no-repeat 10px 2px}
#label41p300{background:url(/style/form/pack-pro20p300.png) no-repeat 10px 2px}
#label42{background:url(/style/form/pack-pro-50.png) no-repeat 10px 2px}
#label42p50{background:url(/style/form/pack-pro50p50.png) no-repeat 10px 2px}
#label42p100{background:url(/style/form/pack-pro50p100.png) no-repeat 10px 2px}
#label42p150{background:url(/style/form/pack-pro50p150.png) no-repeat 10px 2px}
#label42p200{background:url(/style/form/pack-pro50p200.png) no-repeat 10px 2px}
#label42p300{background:url(/style/form/pack-pro50p300.png) no-repeat 10px 2px}
#label42p400{background:url(/style/form/pack-pro50p400.png) no-repeat 10px 2px}
#label42p500{background:url(/style/form/pack-pro50p500.png) no-repeat 10px 2px}
#label42p600{background:url(/style/form/pack-pro50p600.png) no-repeat 10px 2px}
#label42p700{background:url(/style/form/pack-pro50p700.png) no-repeat 10px 2px}
#label43{background:url(/style/form/pack-pro-100.png) no-repeat 10px 2px}
#label43p100{background:url(/style/form/pack-pro100p100.png) no-repeat 10px 2px}
#label43p200{background:url(/style/form/pack-pro100p200.png) no-repeat 10px 2px}
#label43p300{background:url(/style/form/pack-pro100p300.png) no-repeat 10px 2px}
#label43p400{background:url(/style/form/pack-pro100p400.png) no-repeat 10px 2px}
#label43p500{background:url(/style/form/pack-pro100p500.png) no-repeat 10px 2px}
#label43p600{background:url(/style/form/pack-pro100p600.png) no-repeat 10px 2px}
#label43p700{background:url(/style/form/pack-pro100p700.png) no-repeat 10px 2px}
#label43p800{background:url(/style/form/pack-pro100p800.png) no-repeat 10px 2px}
#label43p900{background:url(/style/form/pack-pro100p900.png) no-repeat 10px 2px}
#label43p1000{background:url(/style/form/pack-pro100p1000.png) no-repeat 10px 2px}
#label43p1200{background:url(/style/form/pack-pro100p1200.png) no-repeat 10px 2px}
#label44{background:url(/style/form/pack-pro-10.png) no-repeat 10px 2px}
#label1{background:url(/style/form/pack-decouv.png) no-repeat 10px 0}
/*#calendrier div.offre label#label22{background:url(/style/form/pack-hotes.png) no-repeat 10px 0;font-size:0px;color:#FFF;}*/
/* pack pour opératrice
#label16{background:url(/style/form/pack-12.png) no-repeat 10px 0}
#label17{background:url(/style/form/pack-26.png) no-repeat 10px 0}
#label18{background:url(/style/form/pack-52.png) no-repeat 10px 0}*/
/*
#calendrier div.offre.pack_ope label#label22{background:url(/style/form/pack-hotes.png) no-repeat 10px 0;font-size:0px;color:#FFF;height:20px;}
#calendrier div.offre.pack_ope label#label22.selected{background-position:10px -21px}
#calendrier div.offre.pack_ope label.offre.pack_ope{height:20px;font-size:11px;color:#000;width:185px}
#calendrier div.offre.pack_ope label.offre.pack_ope.selected{background:#9990cd;} */
fieldset#calendrier label.offre.selected{background-position:10px -158px}
/*fieldset#calendrier label#label12.selected{background-position:10px -42px}*/
/* choix des semaines */
.dispo_array {
margin:auto;
margin-top:30px;
}
#calendrier_dispos,#calendrier_dispos2nd{
width:100%;
}
#div-abo2nd input {
margin-top:0px;
}
#linkCocher,#linkDeCocher {
float:right;
width:100px;
padding-top: 1px;
padding-bottom: 1px;
text-align:center;
background-color: #eee;
white-space: nowrap;
border: 1px solid #999;
cursor: pointer;
margin-bottom:2px;
}
#linkCocher {
margin-right:5px;
}
.row_linkCocher {
padding-bottom: 13px;
}
#linkDupliquer {
float:none;
margin: auto;
width:400px;
padding-top: 3px;
padding-bottom: 3px;
text-align:center;
/* padding-left: 10px;*/
/* padding-right: 10px;*/
background-color: #eee;
white-space: nowrap;
border: 1px solid #999;
cursor: pointer;
}
.dispo_array td{border:1px solid #FFF;border-right-width:10px}
.dispo_array thead td{text-align:center}
.dispo_array thead td p{font-size:12px;border-bottom:1px solid #909bae;width:150px;margin: 10px auto 5px auto;}
.dispo_array tbody td{color:#0394ce;background:#ededed;width:146px;height:20px;text-align:center}
.dispo_array tbody td input{margin-left:4px;border:none;width:auto}
.dispo_array tbody td span{color:#000;margin-right:6px}
.dispo_array tbody td.vide{background:#FFF}
/* resume */
#resume #resume_border{background:#909bae;width:100%;margin-bottom:20px}
#resume #resume_inside{background:#F7F7F7;margin:1px;float:none;width:auto;padding:10px;overflow:hidden;overflow-y:auto;height:200px}
#resume #resume_inside *{color:#4A5259;font-size:11px}
#resume #resume_inside h4{color:#0394CE}
#resume div.divclear{clear:both;width:100%}
#resume div.divclear label{width:450px}
#resume div.divclear input{width:auto;border:none}
#resume div.divclear a{color:#97be02;font-size:11px}
/* recap commande */
#recap_commande #adresse_commande,
#recap_commande *{font-size:11px;color:#4A5259;}
#recap_commande table{margin:auto;white-space: nowrap;}
#recap_commande table input {float:none;width:10%;border:none;}
#recap_commande table td, #recap_commande table th{font-size:11px;padding:3px 8px;background:#F5F5F5;border:1px solid #8d9cb0;padding-top:6px;padding-bottom:6px;}
#recap_commande table thead th{background:#8d9cb0;text-align:center;color:#FFF;font-weight:bold;}
#recap_commande table thead th.row_libelle{border-right:1px solid #FFF;width:120px}
#recap_commande table thead th.row_produit{border-right:1px solid #FFF;width:260px}
#recap_commande table thead th.row_montant{width:50px}
#recap_commande table tfoot th{background:#FFF;padding-top:5px;padding-bottom:5px;}
#recap_commande table .totalTTC th{background:#FFF;padding-top:10px;padding-bottom:10px;font-weight:600;}
#recap_commande #coupon_btn,#recap_commande #offert_btn,#recap_commande #complement_btn{display:block;float:right;height:16px;margin-left:10px; border:1px solid #4A5259;padding:0px 5px 4px}
#recap_commande #coupon_text,#recap_commande #offert_text,#recap_commande #complement_text{float:right;height:18px;padding:2px 5px 0;width:160px;border: 1px solid #999;}
#recap_commande #coupon_row{width:367px}
#recap_commande .prix{text-align:right!important;}
#recap_commande .prixOption{text-align:right;font-size:11px;color:red;}
#recap_commande .OptionLibelle{font-size:11px;color:red;}
#recap_commande #paiement_buttons{border:none;text-align:right}
#recap_commande #paiement_buttons a{margin-left: 30px}
#recap_commande #input_payer {border:none;width:69px;}
#recap_commande .cadeau th {background-color: #FFEFD2;}
#recap_commande .cadeautext {color:#DF0D00;font-weight: bold;}
#recap_commande .plusdinfo {color:blue;}
/* CHOIX OPTION */
/*
#choix_options *{font-size:11px;color:#4A5259;}
#choix_options table{margin:auto;width:97%;border-spacing: 2px;border-collapse: separate;}
#choix_options table input {float:none;width:10%;border:none;}
#choix_options table td {font-size:11px;padding:10px;background-color:#ECECEC;-height:1%;}
#choix_options table tbody td {border-color: #D2D2D2;}
#choix_options table thead th{background-color:#8d9cb0;text-align:center;color:#fff;font-weight:bold}
#choix_options table thead th.row_libelle{border-right:1px solid #FFF;width:90px}
#choix_options table thead .row_produit{border-right:1px solid #FFF;width:170px}
#choix_options table thead .row_montant{width:85px;}
#choix_options table tfoot th{background-color:#FFF;padding:10px;}
#choix_options table tfoot th{border-bottom: 1px solid #EAEAEA;}
#choix_options #coupon_btn,#choix_options #offert_btn{display:block;height:16px;margin-left:10px; border:1px solid #4A5259;padding:0px 5px 4px}
#choix_options #coupon_row{width:367px}
#choix_options .prix{text-align:right}
#choix_options .prixOption{text-align:right;font-size:11px;color:red;}
#choix_options .OptionLibelle{font-size:11px;color:red;}
#choix_options #paiement_buttons{border:none;text-align:right}
#choix_options #paiement_buttons a{margin-left: 30px}
#choix_options #input_payer {border:none;width:69px;}
#choix_options .cadeau th {background-color: #FFEFD2;}
#choix_options .cadeautext {color:#DF0D00;font-weight: bold;}*/
#paiement_fond {background-color: #8D9CB0!important;}
.row_description {width:800px!important;}
.td_vide {line-height: 1px;}
.row_quantite {width:10px!important;text-align: center;}
.facture_annuleContent {padding-top:0!important;padding-bottom:0!important;}
/*
TODO Fond de couleur pour le bouton de paiement facture
*/
#legend_abo2nd {float:left;}
/*
### Paiement CB ###*/
#paiement_cb form div{text-align:left;width:100%}
#paiement_cb form input{height:35px;width:59px;margin:0 8px}
/*
### Paiement chèque & virement ###*/
#paiement_ch div, #paiement_virement div{text-align:left;width:100%}
#paiement_ch div p, #paiement_virement p{color:#4a5259;font-size:12px}
#paiement_virement table td{padding:2px 5px}
div#div_retour_annonces {text-align:center;}
#div_retour_annonces img{margin: 30px auto 30px auto;}
/*
### Mes commandes ###*/
table#commandes{margin:20px auto;margin:expression('20px 0 0 0')}
#commandes thead tr th{border:1px solid #8d9cb0;background:#8d9cb0;text-align:center;color:#FFF;font-weight:bold;padding:3px 8px}
#commandes thead tr th.bordure{border-right:1px solid #FFF}
#commandes tbody td{padding:0 8px;border:1px solid #8d9cb0;vertical-align:middle;height:25px}
#commandes tbody td img{vertical-align:middle}
#commandes tbody td a{margin:0 0 0 30px}
/*
### Menu ###*/
table#menu{width:100%;margin-top:1px;margin-top:expression('0px');border-collapse:separate}
/*#menu th {border:1px solid #d3dde7;width:330px}*/
#menu th {height:90px;}
/*#menu th div#bloc_coordonnees{border:1px solid #d3dde7;width:330px;float:right}*/
#menu th div#bloc_coordonnees{border:1px solid #D3DDE7;float:right;width:330px;margin-right:1px;}
#menu th .coin3{position:absolute;top:0;right:329px}
#menu th .coin4{position:relative;top:1px;top:expression('3px');left:326px}
/*#menu th .fermer{position:absolute;top:0;right:0;z-index:100;width:72px}*/
#menu th .fermer {margin-bottom:-24px;position:relative;left:259px;top:-1px;width:72px;z-index:100;}
#menu th .infos{text-align:left;height:70px}
#menu th .infos ul{margin:5px 0 0 10px}
#menu th .infos ul li{font-size:11px;line-height:13px}
#menu th .infos ul li span{font-weight:bold}
#menu .codeprop{border-bottom:1px solid #8c9cb0;border-right:1px solid #FFFFFF}
#menu .codeprop *{font-size:11px}
#menu .codeprop span{font-size:14px;font-weight:bold;margin-left:5px}
#menu .codeprop img{vertical-align:text-bottom}
#menu .link{background-color: #CAD7E5;text-align:center;border-right:1px solid #FFF;height:25px;}
#menu .link:hover{background-color: #D6E3F2;text-align:center;border-right:1px solid #FFF;height:25px;}
#menu .link a{padding:0 15px}
#menu .link.aide{background:url(/style/menu/fond-aide.png)}
#menu .link.orange{background:url(/style/menu/fond-parrainage.png)}
#menu .link.aide a,#menu .link.orange a{color:#FFF}
#compte #message{border-left:1px solid #C8D2DC;padding:15px;padding-bottom:0px;}
#compte #message a{color:#FF7900}
#compte #message ul li{list-style-type:square;list-style-position:inside;color:#FF7900;font-size:14px;}
#compte #message ul li a{color:#7dc000;font-size:16px;}
#compte #message ul li a:hover{text-decoration:underline}
#compte #message p{margin-top:5px}
/*
### Home_particuliers ###*/
.annonce{margin-top:20px;width:100%;text-align:right}
.annonce .border{background:#97a2b3;padding:1px}
.annonce .border .container{width:100%;background:#fff;text-align:left}
.annonce .border .container .head{width:100%;background:#97a2b3;font-weight:bold}
.annonce div.infos_options{color:#828a99;font-size:10px;font-weight:normal;}/*margin-bottom:20px*/
.annonce div.infos_options .li_resume_option{font-size:10px;float:left;}
.annonce div.infos_options .li_resume_option img{margin-right:5px;position:relative;top:1px;}
.annonce .infos_options .span_duree_option{color:#4c535f;font-weight:bold;font-size:10px;margin-right:25px;}
ul.ul_resume_option{padding-bottom:20px;}
.annonce .border .container .aremplir{width:100%;background:#97a2b3;font-weight:bold}
.annonce .border .container .headred{width:100%;background:#B01A29;font-weight:bold}
.annonce .border .container .headred .close_annonce{position:absolute;right:1px;cursor:pointer;margin-top:expression("1px")}
.annonce .border .container .headred .titre{float:left;color:#fff;padding:5px 0 0 8px}
.annonce .border .container .headred .ref{float:right;background:#fe7b02;border-left:1px solid #fff;padding:5px 8px 0 8px;height:23px;width:154px}
* html .annonce .border .container .headred .ref{width:170px;height:27px}
.annonce .border .container .headred .ref span{color:#fff}
.annonce .border .container .head .close_annonce{position:absolute;right:1px;cursor:pointer;margin-top:expression("1px")}
.annonce .border .container .head .titre{float:left;color:#fff;padding:5px 0 0 8px}
.annonce .border .container .head .ref{float:right;background:#fe7b02;border-left:1px solid #fff;padding:5px 8px 0 8px;height:23px;width:170px}
* html .annonce .border .container .head .ref{width:170px;height:27px}
.annonce .border .container .head .ref span{color:#fff}
.annonce .border .container .body table{width:100%;}
/*.annonce .border .container .body .image{width:231px;vertical-align:top}*/
.annonce .border .container .body .image{width:174px;vertical-align:top;text-align: center;border-right: 1px solid #999;}
.annonce .border .container .body .image div {background:#f4f6f7;width: 100%;border-top: 1px solid #999;}
/*.annonce .liens table {height:120px!important;}*/
/*.annonce .liens table tr td {border-right: 1px solid #999;}*/
/*.liens table a span{color:#999!important}*/
.liens td {width: 33.2%;border-right: 1px solid #999;height: 120px;}
.liens {width:100%;}
/*.annonce .border .container .body .image img{width:217px;height:163px;margin:7px 0 0 7px}*/
.annonce .border .container .body .image img{width:169px;height:127px;margin:3px 0 3px 0px}
span.inact {font-style: italic;text-decoration: none;}
.annonce .border .container .body .boutons table{width:100%;height:auto}
.annonce .border .container .body .boutons table td{text-align:center}
.annonce .border .container .body .infos {width:170px;background:#f4f6f7}
.annonce .border .container .body .infos ul {width:170px}
.annonce .border .container .body .infos ul{margin:-4px 0 0 10px}
.annonce .border .container .body .infos ul li{color:#fe7b02;line-height:14px}
.annonce .border .container .body .infos ul li.titre{color:#4a5259;margin-top:4px}
.annonce .border .container .body .liens table{height:auto}
.annonce .border .container .body .liens ul{padding-top:15px;}
.annonce .border .container .body .liens li{margin-left:30px;line-height:20px}
.annonce .border .container .body .liens span{font-size:11px}
.annonce .border .container .body .liens li{display:list-item;list-style-position:inside;list-style:square;color:#FE7B02;font-size:12px}
.annonce a span.reabonnement{color:#FE7B02;font-weight:bold}
.annonce .border .container .body .liens div td.last{border:none}
/*
.annonce .footer {margin-top:5px;text-align:left;margin-top:expression('-16px')}
.annonce .footer div.option{width:170px;margin-top:expression('-2px');} */
.annonce .page_tourne{position:relative;bottom:19px;margin-bottom:-19px;margin-bottom:expression('0px')}
.annonce .footer {margin-top:5px;text-align:left}
.annonce .footer div.option{width:170px}
.multi_proprio .annonce .footer div.option{display:none;}
.annonce .footer div.option div.inside{height:150px;}
.avec_duree fieldset p{margin:0}
.annonce fieldset p{color:#0394CE}
form#location_form_flash p{margin-top:20px}
form#location_form_flash .input_submit_option input{margin-top:32px}
.hack_ie8_submit{margin-top /*\**/:150px}
/*html>/body, x:-moz-any-link, x:default .hack_ie8_submit{ margin-top :32px}*/
div.Optgratuit {text-align:center!important;padding-left:10px!important;padding-top:15px!important;}
input.Optgratuit {width:20px;}
.annonce .footer fieldset p{margin-bottom:10px}
.annonce .footer fieldset div{margin-top:0px}
.annonce .footer div.bordure{background:#8b8b8b;border:1px solid #8b8b8b;border-left:none;border-right:none}
.annonce .footer div.inside{background:#E7ECF2;margin:0 1px}
.annonce .footer div.element{background:#e7ecf2}
.annonce .footer div.element img{border:5px solid #e7ecf2;vertical-align:-40%}
.annonce .footer div.element em{margin:0 8px 0 3px;font-weight:bold}
.annonce .footer div.element span{color:#0394ce;font-weight:bold}
.annonce .footer div.option p{font-size:12px;text-align:center}
.annonce .footer div.option_avec_duree p{color:#0394CE;font-weight:bold;}
.annonce .footer div.option_avec_duree p.date_dep{font-weight:normal;margin-top:20px}
.annonce .footer div.option fieldset{margin:0}
.annonce .footer div.option fieldset div{width:100%;margin-top:0px;margin:0;float:none}
.annonce .footer div.option fieldset div select{width:90%;margin-left:5%}
.annonce .footer div.option .input_submit_option input{margin-top:10px}
.annonce .footer div.option_infos, .annonce .footer div.option_infos strong{font-size:11px}
.annonce .footer a.option_button{float:left;margin-right:5px}
.annonce div.conteneur_option{float:left;width:200px;}
.annonce .footer p.en_savoir_plus, .annonce .footer p.en_savoir_plus a{color:#0394CE;}
.annonce .footer p.en_savoir_plus a{font-weight:bold;}
.notvisible {filter:alpha(opacity=50); opacity:0.5;}
/*
### Modifs pro & part ###*/
#home_professionnel .annonce .footer .div_flash.conteneur_option{display:none}
#home_professionnel .annonce.cache{display:none}
#home_professionnel #div-valider fieldset legend.slidder,#home_professionnel #div-valider fieldset hr{display:none}
#home_professionnel .annonce .footer div.option{display:none;}
/*
### Vignette ###*/
div.vignette{background:url('/style/pro/minifiche.png') no-repeat;width:78px;height:109px;margin:15px 15px 0 0;float:left;cursor:pointer}
div.vignette:hover{background-position:0 -111px}
div.vignette.current{background-position:0 -111px}
.vignette .head{border:1px solid transparent;height:29px}
.vignette .head span{font-size:10px;padding:4px 0 0 3px}
.vignette .head em{color:#FFFFFF;font-size:11px;padding:0 0 0 3px}
.vignette .body{border:1px solid transparent}
.vignette .body ul{margin:0 0 0 2px}
.vignette .body ul li{color:#fe7b02;font-size:10px}
.vignette .body ul li.titre{color:#4a5259}
.vignette .footer .flash{margin:4px 0 0 6px;}/*margin-top:expression("4px")*/
/*
### Page de Stats */
td.stats {padding-top : 35px;}
div.stats {margin-top : 35px;}
div.comment_stats {width:400px; font-size:9px; padding-top:7px; color:#4a5259; }
/*
### Page de login */
#not-logged #leftcontent{float:left;width:270px;height:328px}
#not-logged #content{float:left;width:340px;height:328px}
#not-logged #rightcontent{float:left;width:35.5%}
#not-logged span.desc{display:none}
#not-logged form fieldset{margin:0}
#not-logged form label{font-size:12px}
/* login box */
#not-logged #leftcontent{background:url(/style/notlogged/cadre-login.png) no-repeat;margin-left: 15px;}
#not-logged #div-box{display:inline;margin:55px 0 0 38px;width:162px}
#not-logged #div-box fieldset div{width:122px;margin:0;width:100%}
#not-logged #div-box fieldset label{font-weight:bold;margin:0 0 0 15px;float:none;line-height:16px;width:100%}
#not-logged #div-box fieldset input{font-weight:bold;margin:0 0 0 15px;border:1px solid #4a5259;padding:1px 0 0 1px;height:16px;width:130px}
#not-logged #div-box fieldset span{clear:both;display:block;margin:0 0 15px 15px;width:130px}
#not-logged #div-box fieldset span a{color:#0394ce;font-size:11px;line-height:20px;text-decoration:underline}
#not-logged #div-box fieldset p{clear:both;color:#F70;font-size:10px;height:66px;line-height:12px;text-align:justify;margin:0}
#not-logged #div-box fieldset p#mdp_infos{padding-top:11px;height:160px}
#not-logged #div-box fieldset div.valid{text-align:center;width:100%}
#not-logged #div-box fieldset div.valid input{background:url(/style/notlogged/valider.png);height:27px;width:83px;margin:0 auto;border:none}
* html #not-logged #div-box fieldset div.valid input{position:relative;left:40px;top:5px}
#not-logged #leftcontent #form_error{left:40px;position:absolute;top:30px;width:185px}
#not-logged #leftcontent #form_error ul li{font-size:11px}
/* inscription */
#not-logged #content{background:url(/style/notlogged/cadre-inscription.png) no-repeat}
/*#not-logged #content form#insc_professionnel{display:none}*/
#not-logged #content p{margin:44px 0 0 14px;height:35px}
#not-logged #content p label{float:left;display:block;width:100px}
#not-logged #content p input{float:left;margin-right:6px}
#not-logged #content form{clear:both}
#not-logged #content form fieldset{width:285px;margin:0 0 0 14px}
#not-logged #content form div.divclear{float:left;clear:both;width:285px}
#not-logged #light_particulier div.divclear{margin-bottom:4px}
#not-logged #light_professionnel div.divclear{margin-bottom:4px}
#not-logged #content form label{width:52%;font-weight:bold}
#not-logged #content form input{width:46%;font-weight:bold;padding:1px 0 0 1px;height:16px;}
#not-logged #content form select{width:46%}
#not-logged #content fieldset div.depot_annonce{text-align:center;width:100%}
#not-logged #content fieldset input.depot_annonce{background:url(/style/notlogged/deposez-votre-annonce.png);height:27px;width:171px;border:none}
#not-logged #light_particulier input.depot_annonce{margin-top:26px}
#not-logged #light_professionnel input.depot_annonce{margin-top:26px}
* html #not-logged #content fieldset input.depot_annonce{position:relative;left:60px;top:11px}
/* espace com */
#not-logged #rightcontent #pack_image{background:url(/style/notlogged/cadre_droite.gif) no-repeat;height:373px}
#not-logged #footer #infos_pack_image{background:url(/style/particulier/description_part-l.png) no-repeat;height:735px;width:995px}
/*
### Page de login */
#depot_annonce #leftcontent{float:left;width:55%;margin-left:30px;margin-top:20px;margin-right:20px;}
#depot_annonce #content{float:left;width:36%;margin-top:20px;height:328px;}
#depot_annonce #rightcontent{float:left;width:35.5%;margin-top:20px;}
#depot_annonce #footer {text-align: center;float:none;margin-top:20px;}
#depot_annonce span.desc{display:none}
#depot_annonce form fieldset{margin:0}
#depot_annonce form label{font-size:12px}
/* login box */
/*#depot_annonce #leftcontent{background:url(/style/notlogged/cadre-login.png) no-repeat}*/
#depot_annonce #div-box{display:inline;margin:55px 0 0 38px;width:162px}
#depot_annonce #div-box fieldset div{width:122px;margin:0;width:100%}
#depot_annonce #div-box fieldset label{font-weight:bold;margin:0 0 0 15px;float:none;line-height:16px;width:100%}
#depot_annonce #div-box fieldset input{font-weight:bold;margin:0 0 0 15px;border:1px solid #4a5259;padding:1px 0 0 1px;height:16px;width:130px}
#depot_annonce #div-box fieldset span{clear:both;display:block;margin:0 0 15px 15px;width:130px}
#depot_annonce #div-box fieldset span a{color:#0394ce;font-size:11px;line-height:20px;text-decoration:underline}
#depot_annonce #div-box fieldset p{clear:both;color:#F70;font-size:10px;height:66px;line-height:12px;text-align:justify;margin:0}
#depot_annonce #div-box fieldset p#mdp_infos{padding-top:11px;height:160px}
#depot_annonce #div-box fieldset div.valid{text-align:center;width:100%}
#depot_annonce #div-box fieldset div.valid input{background:url(/style/notlogged/valider.png);height:27px;width:83px;margin:0 auto;border:none}
* html #depot_annonce #div-box fieldset div.valid input{position:relative;left:40px;top:5px}
#depot_annonce #leftcontent #form_error{left:40px;position:absolute;top:30px;width:185px}
#depot_annonce #leftcontent #form_error ul li{font-size:11px}
/* inscription */
#depot_annonce #content{background:url(/style/notlogged/cadre-inscription.png) no-repeat}
/*#not-logged #content form#insc_professionnel{display:none}*/
#depot_annonce #content p{margin:44px 0 0 14px;height:35px}
#depot_annonce #content p label{float:left;display:block;width:100px}
#depot_annonce #content p input{float:left;margin-right:6px}
#depot_annonce #content form{clear:both}
#depot_annonce #content form fieldset{width:285px;margin:0 0 0 14px}
#depot_annonce #content form div.divclear{float:left;clear:both;width:285px}
#depot_annonce #light_particulier div.divclear{margin-bottom:9px}
#depot_annonce #light_professionnel div.divclear{margin-bottom:4px}
#depot_annonce #content form label{width:52%;font-weight:bold}
#depot_annonce #content form input{width:46%;font-weight:bold;padding:1px 0 0 1px;height:16px;}
#depot_annonce #content form select{width:46%}
#depot_annonce #content fieldset div.depot_annonce{text-align:center;width:100%}
#depot_annonce #content fieldset input.depot_annonce{background:url(/style/notlogged/deposez-votre-annonce.png);height:27px;width:171px;border:none}
#depot_annonce #light_particulier input.depot_annonce{margin-top:21px}
#depot_annonce #light_professionnel input.depot_annonce{margin-top:26px}
* html #depot_annonce #content fieldset input.depot_annonce{position:relative;left:60px;top:11px}
/*### etapes ###*/
#etapes{text-align:center}
#etapes img{height:37px;width:86px;vertical-align:middle}
#etapes img.ffw{height:auto;width:auto;margin:0 20px}
#etape1{background:url(/style/form/etape-1.png) no-repeat}
#etape2{background:url(/style/form/etape-2.png) no-repeat}
#etape3{background:url(/style/form/etape-3.png) no-repeat}
#etape4{background:url(/style/form/etape-4.png) no-repeat}
#etape5{background:url(/style/form/etape-5.png) no-repeat}
#etape6{background:url(/style/form/etape-6.png) no-repeat}
#etapes .selected{background-position:0 -37px}
/*
### HTML ###*/
#html #content h1{background:url(/style/form/info-orange.png) no-repeat;border-bottom:1px solid;font-size:14px;padding-left:24px;margin-top:20px;border-color:#909BAE;}
#html #content p.sous_h1{margin-top:20px;color:#909bae;font-weight:normal}
#html #content h2{margin-top:20px;color:#2F94D0}
#html #content p.sous_h2{font-size:11px;color:#0394CE;margin-top:10px}
#html #content .text{margin-top:10px;font-size:11px}
#html #content .text *{font-size:11px}
#html #content .text img{margin:20px auto}
#html #content .text ol{margin: 0 0 20px 20px}
#html #content .text ol li{font-weight:bold;color:#ff7900;list-style:decimal inside}
#html #content .text ol li span{font-weight:normal}
/*
### Header op ###*/
.op_header{background:#FFCC99;height:25px}
.op_header td{padding:0 5px}
.op_header form {display:inline}
.op_header form input{border:1px solid #4A5259}
/*
### loaders ###*/
#loader{text-align:center;margin-top:40px}
#loader p{text-align:center;font-size:20px}
#loader p img{margin-top: 20px;}
/*
### abo/reabo/etc ###*/
#content div.produit{margin-bottom:10px}
#content div.produit span{color:#0394CE;font-weight:bold}
#content div.produit form.option div.option{float:left}
#content div.produit form.option select{width:120px;margin-right:5px}
.opt_valider{margin:0;padding:0}
.opt_valider legend,
.opt_valider hr{display:none}
.opt_valider input{background:url(/style/form/valider.png) no-repeat;width:84px;border:none;height:28px;cursor:pointer}/*margin-top:16px;*/
#cdf .restant {margin-top:5px;font-weight: bold;}
* html .opt_valider input{position:relative;right:-48%}
/*
### trucs & astuces ###*/
#content .text{color:#909BAE}
#content .text strong{color:#0394CE;font-weight:normal}
#div-tarifs {max-width:1100px;margin:auto;}
/*
### Pros ###*/
#recherche #recherche_field{background-image:url(/style/pro/compte_pro_top.png);width:278px; height:91px}
#recherche #recherche_field input{margin-top:40px;width:180px}
#recherche{height:91px;margin-top:3px}
#recherche_field .bas {height:24px;}
#recherche_field .activ_desac {color: #fff;line-height: 24px;}
#recherche_field .haut {height:67px;}
#recherche #cdf{vertical-align:top;background-image:url(/style/pro/compte_pro_top.png);background-position:-278px 0px;width:278px}
#recherche #cdf img{float:right}
/*#recherche #cdf.paye{background-image:url(/style/pro/optioncdfpaye.png);width:278px}*/
#recherche #cdf div{float:left}
#recherche #cdf input.choix_option{margin:0 2px 5px 2px;width:14px;border:none;margin-top:expression('-3px')}
#recherche #cdf #div-option{width:180px;margin-top:15px;margin-left:5px;}
#recherche #cdf #div-option label{font-size:12px;width:160px}
#recherche #cdf #div-option div{clear:both;width:180px}
#recherche #cdf #div-valider{width:90px;}
#recherche #cdf #div-valider input{background: transparent url(/style/form/valider.png) no-repeat;height:28px;padding:0;right:0;width:84px;}
#recherche #cdf select{margin-bottom:5px;margin-left:10px;width:160px}
#recherche #cdf p{clear:both;font-size:9px;margin-left:4px}
#recherche #abonnement{background-image:url(/style/pro/compte_pro_top.png);background-position: -556px 0px;width:439px; height:91px}
#recherche #abonnement ul li span{color:#0394CE;font-size:12px}
#recherche #abonnement ul li{font-size:12px;margin-top:2px}
#recherche #abonnement ul{margin:26px 0 0 10px;float:left;min-width: 250px;}
#recherche #abonnement .reabo{margin:30px 10px 0 0;float:right}
#recherche #abonnement .activ{margin:1px 6px 0 0;float:right}
#recherche td{border:2px solid #FFFFFF}
#recherche_field {text-align:center}
#recherche #show_all {color:#fff;font-size:10px}
/*#recherche_field .activ_desac img {color: #E46011;margin-top:10px;}*/
#calendrier #locs_to_add input{border:none}
#calendrier #locs_to_add{clear:both;margin:20px auto 0px auto}
#calendrier #locs_to_add tbody td{background-color:#EDEDED;border:2px solid #fff;padding:3px;text-align:center}
#calendrier #locs_to_add thead td{background-color:#C7CDD6;border:2px solid #fff;padding:3px;font-weight:bold}
#calendrier #locs_to_add tbody td.type_where{width:300px}
#calendrier #locs_to_add tbody td.descriptif{text-align:left}
/*
### Tooltips ###*/
.tip img{position:absolute;right:-5px;bottom:3px;}
.tip{opacity:1;background-color:#fff;border:1px solid #4c535f;padding:5px;width:300px;}
img.tooltip{margin-left:20px;}
.description_packs{margin-top:10px}
#diffusion ul {margin-top:15px}
#diffusion ul li{display:inline; padding:0 5px}
/* facture commande */
#facturation { color :#4A5259;
width:800px;
margin:auto;
}
#facturation #adresse_commande,
#facturation #adresse_commande *{font-size:11px;color:#4A5259}
#facturation #header_facture {width:100%;height:200px;}
#facturation #logo_7enlocation {float:none;padding-top:5px;}
#facturation #adresse_7enlocation {padding-top:10px;float:left;}
#facturation #factureNumber {padding-left:600px;margin-top:-20px;}
#facturation #clientName {padding-left:60%;padding-top:20px;position:relative;}
#facturation #codeAdherent {border:1px solid black;width:250px;padding:10px;}
#facturation #recapFacture {margin-top:50px;position:relative;}
#facturation #recapFacture td {text-align:center;vertical-align:top;border-color:black;height:20px;}
#facturation #recapFacture th {text-align:center;vertical-align:top;border-color:black}
#facturation #recapFacture table {height:300px;}
#facturation #recapFacture #netAPayerLeft {border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black;}
#facturation #recapFacture #netAPayerRight {border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black;}
#facturation #recapFacture #netAPayerCenter {border-top:1px solid black;border-bottom:1px solid black;}
#facturation #recapFacture #priceRight {border-right:1px solid black;border-bottom:1px solid black;}
#facturation #recapFacture #priceLeft {text-align:left;padding-left:60px;border-left:1px solid black;border-bottom:1px solid black;}
#facturation table{margin-left:1px;width:99%;}
#facturation table td, #recap_commande table th{width:100px;font-size:11px;padding:3px 8px;background:#F5F5F5;border:1px solid #8d9cb0}
#facturation table thead th{background:#8d9cb0;text-align:center;color:#FFF;font-weight:bold}
#facturation table thead th.row_libelle{border-right:1px solid #FFF;width:120px}
#facturation table thead th.row_produit{border-right:1px solid #FFF;width:250px}
#facturation table thead th.row_montant{width:50px}
#facturation table tfoot th{background:#FFF}
#facturation #coupon_btn{display:block;height:16px;margin-left:10px; border:1px solid #4A5259;padding:2px 5px}
#facturation #coupon_text{height:18px;padding:2px 5px 0;width:160px}
#facturation #coupon_row{width:367px}
#facturation .prix{text-align:right}
#facturation #footer {padding-top:100px;text-align:center;}
/**Apprise Mootool Alert Box */
.appriseOverlay
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#999;
opacity:0.5;
background:rgba(0, 0, 0, 0.3);
display:block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /* IE > 8 */
z-index:999999;
}
.appriseOuter
{
background:#eee;
border:1px solid #fff;
box-shadow:0px 3px 7px #333;
-moz-box-shadow:0px 3px 7px #333;
-webkit-box-shadow:0px 3px 7px #333;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-khtml-border-radius:4px;
position:absolute;
z-index:99999999;
min-width:200px;
min-height:50px;
max-width:75%;
position:fixed;
display:none;
}
.appriseInner
{
padding:20px;
color:#333;
text-shadow:0px 1px 0px #fff;
}
.appriseInner button
{
border:1px solid #bbb;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-khtml-border-radius:3px;
background: -moz-linear-gradient(100% 100% 90deg, #eee, #d5d5d5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#d5d5d5));
background: -webkit-linear-gradient(#eee, #d5d5d5);
background: -o-linear-gradient(#eee, #d5d5d5);
color:#232d3d;
font-size:12px;
font-weight:bold;
padding:4px 10px;
margin:0 3px;
text-shadow:0px 1px 0px #fff;
cursor:pointer;
box-shadow:0px 1px 2px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
-webkit-box-shadow:0px 1px 2px #ccc;
}
.appriseInner button:hover
{
color:#d85054;
}
.aButtons, .aInput
{
margin:20px 10px 0px 10px;
text-align:center;
}
.aTextbox
{
border:1px solid #aaa;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-khtml-border-radius:4px;
box-shadow:0px 1px 0px #fff;
-moz-box-shadow:0px 1px 0px #fff;
-webkit-box-shadow:0px 1px 0px #fff;
width:180px;
font-size:12px;
font-weight:bold;
padding:5px 10px;
}
/*MAPS Css*/
#maps {width:800px;margin:auto;}
#maps i {color:red;}
#maps input {border: 1px solid #999;padding:2px;}
#maps #recherchemaps {margin:10px ;}
#maps h2 {font-weight: normal;font-style: italic;}
#maps #address {width:400px;}
#maps #geocoordonne {margin-left:10px;}
.gog_map {color:#0F96C1;font-weight: bold;}
#gestion_loc .titre {width:800px;margin:auto;white-space: nowrap;}
#gestion_loc .loc {
margin: 10px 5px 10px 0px;
min-width:250px;
float:left;
border: 1px solid #999;
padding:5px;
}
#gestion_loc label {
font-weight: bold;
}
#gestion_loc img {
vertical-align: middle;
}
#gestion_loc h2 {
font-size: 15px;
}
#gestion_loc h4 {
color: #727272;
}
#gestion_loc .submit_locs {
background-image: url('/style/notlogged/valider.png');
width:83px;
height:27px;
cursor: pointer;
}
#lien_utils a {
font-size: 11px;
text-decoration: underline;
}
#video_accueil-wrapper {
margin-left:-45px;
top:125px;
/* display: none;*/
/* border: 1px solid #999;*/
/* border-right: 1px solid #999;*/
/* background-color: #ddd;*/
position:absolute;z-index:99999;
width:240px;
height: 500px;
}
#video_rubrique {
display: none;
}
#video_accueil-wrapper #video {
height:500px;
}
#video_accueil-wrapper #video_pre_spot {
/* display: none;*/
position:absolute;
top: 210px;
margin-left: -10px;
}
#video_accueil-wrapper #video_pre_spot_link {
top:400px;
margin-left: -103px;
padding: 10px;
}
#video_pre_spot_link{
z-index:9999;
position:absolute;
border: 2px solid orange;
font-weight: bold;
}
#video_pre_spot_link:hover {
background-color: orange!important;
color: #fff;
cursor: pointer;
}
#video_coordonnees_loc-wrapper #video_pre_spot {
position: absolute;
margin-left: 650px;
margin-top: -123px;
}
#video_coordonnees_loc-wrapper #video_pre_spot_link {
margin-left: 560px;
margin-top: -23px;
width:100px;
padding: 5px;
}
#video_coordonnees_loc-wrapper #video_rubrique #video_close {
position: absolute;
}
#video_rubrique,#video_pre_spot {
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#video_coordonnees_loc-wrapper #video_rubrique {
text-align: right;
position:absolute;
right:2px;
margin-top:-235px;
height:255px;
width:170px;
}
#video_coordonnees_loc-wrapper #video_close {
text-align: left;
}
#video_calendrier-wrapper div {
float:none;
}
#video_calendrier-wrapper #video_pre_spot {
margin-left: 100px;
}
#video_calendrier-wrapper #video_pre_spot_link {
width:100px;
margin-top: 110px;
padding: 5px;
/* margin-left: 40px;*/
}
#video_calendrier-wrapper #video_rubrique {
position: absolute;
right:2px;
}
#video_calendrier-wrapper #video,#video_calendrier-wrapper #video_close {
text-align: right;
width: 100%;
}
#video_paiement-wrapper #pre_spot_div,#video_paiementfinal-wrapper #pre_spot_div {
position: fixed;
margin-top: 330px;
right: 40%;
width: 200px;
bottom:0px;
}
#video_paiement-wrapper #video_pre_spot_link,#video_paiementfinal-wrapper #video_pre_spot_link {
width: 100px;
text-align: center;
position: relative;
margin-top: 120px;
padding: 5px;
background-color: #fff;
}
#video_paiement-wrapper #video_rubrique,#video_paiementfinal-wrapper #video_rubrique {
position:absolute;
right:2px;
margin-top: 21px;
}
#video_paiementfinal-wrapper #video_rubrique {
width:140px;
}
#video_paiement-wrapper #video_close,#video_paiementfinal-wrapper #video_close {
margin-top: -60px;
}
#video_paiementfinal-wrapper {
float:none;
}
#video_paiement-wrapper #video {margin-left:48px;}
#logout {float:right;margin-right:20px}
#welcome,#welcome_complement {float:left;}
#welcome_complement {padding-left:10px;}
#espace_client div a {margin: 0;padding: 0; }
#espace_client {
width:100%;
background-color: #ddd;
font-size: 14px;
font-weight: bold;
padding-left:10px;
height:30px;
line-height: 30px;
}
/*Jolie blue #2A85E8*/
#valid_cal {
position:fixed;right:50px;bottom:50px;width:100px;
}
#valid_cal input {
font-size: 13px;
width:100px;background-color:#FC6400;border:1px solid black;color:white;
}
#valid_cal input:hover {
background-color: white;
color: #FC6400;
cursor: pointer;
}