@charset "utf-8";

/* CSS Document */


/* --------------------------------------
-----------------------------------------
ECRIT PAR BLUE ROOM

If you want to know about how I did something, just ask me. :)

---------------------------------------*/

html, body { height: 100%; }

body { background-color:#fdf5d1; background-image:url(../images_css/html_background.jpg); background-position:top left; background-repeat:repeat-x; }

#resultatsjeu { position:absolute; left:0; top:0; z-index:3 }

#main { background-image:url(../images_css/main_background.jpg); background-position:center top; background-repeat:no-repeat; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -67px; }

.png_bg { background:transparent }

/* --------------------------------------
HEADER
---------------------------------------*/

#header { height:250px; }

#log { display:block; float:right; margin-top:10px; width:110px; height:11px; padding-right:10px; background-image:url(../images_css/arrow.png); background-position:right top; background-repeat:no-repeat; margin-right:80px; }

#log.active { background-position:right bottom; }

/* FORM LOGIN */

#log_container { top:40px; right:5px; width: 280px; height:189px; background-image:url(../images_css/log_bg.png); background-repeat:no-repeat; }

#log_container a { border-bottom: #FFF; }

.toggle_container { margin:0; padding:0; overflow: hidden; clear: both; z-index:60; position:absolute; }

.toggle_form { margin:0; padding:0; overflow: hidden; clear: both; }

.bloke { margin:20px 10px 10px 10px; }

#formulaire_login a { text-decoration:underline; }

#formulaire_login label { float:left; margin-right:5px; font-size:0.7em; text-align:right; display:block; width:80px; height:15px; margin-top:5px; padding-top:5px; }

#formulaire_login .input_text { margin-top:5px; }

.bouton_login { display:block; width:117px; height:27px; background-image:url(../images_css/envoyer.png); background-position:left top; float:right; margin-top:7px; margin-right:30px; }

.bouton_login:hover { background-position:left bottom; }

h1 img { margin-left:10px; margin-top:60px; }

/* --- FORM LOGIN PARTICULIER --- */

#form_login_particulier { float:left; margin:20px 0; }

#form_login_particulier label { float:left; text-align:right; width:200px; padding:10px; }

#form_login_particulier .input_text { margin-top:5px; }

/* ---MENU---*/

#demotip { display:none; background:rgba(0, 0, 0, 0.8) !important; background:#000; font-size:0.80em; padding:10px; width:120px; color:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border:#CCC solid 1px; }

#main_menu { height:38px; background-image:url(../images_css/menu_background.png); background-position:top center; background-repeat:no-repeat; margin-top:30px; padding-top:14px; padding-left:18px}

#main_menu ul li { float:left; }

#main_menu ul li a { display:block; height: 33px; text-indent:-60000px; }

#netannuaire a {background:url(../images_css/netannuaire_bg.png) top left; width:120px; margin-left:2px;}

#netannuaire a:hover {background-position:bottom;}

#netpromo a { background-image:url(../images_css/netpromo_bg.png); background-position:top; width:100px; margin-left:2px; }

#netpromo a:hover { background-position:bottom; }

#netdevis a { background:url(../images_css/netdevis_bg.png) top; width:100px; }

#netdevis a:hover { background-position:bottom; }

#netmarketing a { background-image:url(../images_css/netmarketing.png); background-position:top; width:120px; margin-left:2px; visibility:hidden; }

#netmarketing a:hover { background-position:bottom; }

#netlegal a { background-image:url(../images_css/netlegal.png); background-position:top; width:86px; margin-left:2px; visibility:hidden; }

#netlegal a:hover { background-position:bottom; }

#netangel a { background-image:url(../images_css/netangel.png); background-position:top; width:89px; margin-left:2px; }

#netangel a:hover { background-position:bottom; }

#net7227 a { background-image:url(../images/net7227.png); background-position:top; width:89px; margin-left:2px; visibility:hidden; }

#net7227 a:hover { background-position:bottom; }

#netbonsplans a { background-image:url(../images_css/netbonsplans_bg.png); background-position:top; width:130px; margin-left:2px; }

#netbonsplans a:hover { background-position:bottom; }

#netactu a { background-image:url(../images_css/netactu.png); background-position:top; width:80px; margin-left:2px; visibility:hidden; }

#netactu a:hover { background-position:bottom; }

/* ---FORM SEARCH---*/

#form_search { float:left; margin-left:20px; height:33px; display:block; float:left; visibility:hidden; }

label.text { display: block; float: left; }

.input { outline: none 0; height: 17px; width: 130px; background-color: transparent; border: none 0; }

.input_text { background:url(../images_css/input.png) no-repeat top left; border:none; outline:0; height:17px; width:134px; margin-top:2px; margin:0 0 10px 5px; padding:5px; display:block; float:left; }

.input_text:hover { background-position:left bottom; }

.bouton_search { display:block; width:33px; height:32px; background-image:url(../images_css/submit.png); background-position:0 0; float:left; margin-left:10px; }

.bouton_search:hover { background-position:0 32px; }

.bouton_netportail { display:block; width:89px; height:33px; background-image:url(../images_css/netportail.png); background-position:0 0; float:left; margin-left:30px; visibility:hidden; }

.bouton_netportail:hover { background-position:0 33px; }

/* --------------------------------------
BLOKE MAIN
---------------------------------------*/

/* ---MAIN CONTENT---*/

#main_content { background:#fef6d2; margin-top:20px; min-height: 100%; height: auto !important; height: 100%; display:block; float:left; padding-bottom:20px; }

.loc { float:right; margin-top:-56px;}

.shadow { box-shadow: 1px -5px 12px #555; -moz-box-shadow: 1px -5px 12px #555; -webkit-box-shadow: 1px -5px 12px #555;}

.shadow2 { box-shadow: 1px 1px 5px #555; -moz-box-shadow: 1px 1px 5px #555; -webkit-box-shadow: 1px 1px 5px #555;}

/* ---CONTENT TOP---*/

#content_top { background:url(../images_css/netpro_bg_v2.jpg) no-repeat #1c1c1c; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top:25px; }

#content_top h3 { font-size:1.00em; margin-bottom:10px; font-weight:lighter; -moz-text-stroke:1px #333; }

#content_top_header { margin:5px 0 0 95px; height:56px; float:left; width:848px; }

.etape { float:left; }

.etape { margin-top:20px; }

.etape img { margin-top:-20px; margin-left:20px; }

#content_top_main { float:left; width:850px; height:350px; margin:10px 0 0 105px; }

.suggestions { position:absolute; float:right; background-color:#fff; margin-left:-2px; margin-top:2px; *margin-top:22px; *margin-left:-144px; border:1px solid #F90; border-top: none; z-index:2; width:250px; -moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; }

.suggestions ul { padding: 2px; margin: 0; list-style-type: none; }

.suggestions ul li a { color:#333; font-size:0.70em; line-height:2em; }

.suggestions ul li a:hover { color:#333; text-decoration:none; }

#content_top_main_second { float:left; width:410px; }

/* ---FORM SEARCH NETPRO---*/

.form_search_netpro { float:left; width:410px; }

.form_search_netpro label, #form_search_inverse label, #form_search_netachat label { width:110px; float:left; display: block; text-align: right; margin: 5px 13px 0 0; padding:2px; font-size:1.20em; }

#form_search_inverse { margin-top:20px; }

.net7227 { margin-top:20px; }

.net7227 h2 img { margin-left:0; }

.net7227 img { margin-left:285px; }

.bouton_chercher { display:block; width:94px; height:27px; background-image:url(../images_css/chercher.png); background-position:0 0; background-repeat:no-repeat; float:left; margin-left:10px; margin-top:0; }

/* ---FORM CONTACT NETPRO---*/

#form_contact { float:left; width:940px; margin-bottom:20px; }

#form_demande { float:left; width:940px; margin-bottom:20px; }

#form_demande fieldset, #form_contact fieldset {border:#F90 dotted 1px; height:270px;}

#form_demande legend, #form_contact legend {background:##fef6d2; padding:5px; margin-left:20px; margin-top:-10px; display:block; }

#form_contact label, #form_demande label { float:left; text-align:right; width:200px; padding:5px; }

#form_contact select, #form_demande select { margin-top:5px; margin-left:5px; margin-bottom:10px; }

.date {width:190px; float:left;}

.message { width:281px; height:71px; background:url(../images_css/textaera_bg.png) 0 88px; float:left; border:none; margin-left:70px; margin-top:8px; margin-bottom:20px; padding:13px 5px 5px 5px; }

*+html .message { width:281px; height:71px;  background:url(../images_css/textaera_bg.png) 0 88px; float:left; border:none; margin-left:70px; margin-top:8px; margin-bottom:20px; padding:13px 5px 5px 5px; }

.message:focus, .message:hover { background-position:0 0; }

.message_txt { width:281px; height:71px; border:none }

*+html .message_txt { width:281px; height:71px; border:none; margin-left:-70px; }

.bouton_envoyer { float:right; width:94px; height:27px; background-image:url(../images/envoyer.png); background-position:top left; margin-right:45px; margin-top:20px; }

.bouton_envoyer:hover { background-position:bottom left }

.captcha { float:left; margin-top:-5px; margin-left:10px; }

/*---CONTENT BOTTOM--*/

.content_bottom { background-image:url(../images_css/content_bottom_background.png); background-position:center top; background-repeat:no-repeat; height:266px; margin-bottom:10px; }

.content_bottom_header { float:left; width:300px; margin:5px 0 15px 0; }

.content_bottom_main { float:left; width:284px; text-align:justify; height: 180px; overflow: hidden; padding-top: 0; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }

.bouton_infos { margin-left:160px; float: left; }

/*---MAIN SECOND---*/

#main_second { background-image:url(../images_css/main_second_bg.png); background-repeat:no-repeat; padding-top:5px; margin-top:25px; }

/*--FICHE--*/
.fiche { float:left; width:600px; padding:10px; margin-top:20px; border-bottom:#333 solid 1px; margin-bottom:20px; }

.logo { float:left; width:125px; height:125px; background:url(../images_css/logo_bg.png) no-repeat; padding:8px; margin-right:10px; margin-bottom:20px; }

.logo img:hover { filter:alpha(opacity=50); opacity: 0.5; }

.coupon_detail { float:left; height:150px; padding:10px; margin-right:5px; }

.coupon_detail img {border:#FFF solid 5px; width:125px; height:125px; box-shadow: 1px 1px 5px #555; -moz-box-shadow: 1px 1px 5px #555; -webkit-box-shadow: 1px 1px 5px #555;}

.coupon_detail img:hover { filter:alpha(opacity=50); opacity: 0.5; }

.description {float:left; width:940px; margin-left:10px; margin-right:10px;}

/*.description_horaire, .description_activite, .description_presentation, .description_sms, .description_mail {display:block; float:left; width:440px; margin-bottom:20px; background:#f1ecd7; padding:10px; border-bottom:dotted 1px #F90;}*/

.description_horaire, .description_activite, .description_presentation, .description_sms, .description_mail, .description_adresse, .description_galerie, .description_localisation, .description_promo {display:block; float:left; width:920px; margin-bottom:20px; background:#f1ecd7; padding:10px; border-bottom:dotted 1px #F90;}

.description_sms, .description_mail {padding:0; width:940px;}

.adresse { float:left; margin-bottom:20px; }

.fiche_detail { float:left; margin-bottom:10px; width:600px; padding:10px;background:#f1ecd7; border-bottom:dotted 1px #F90;}

.fiche_infos { float:left; margin-bottom:10px; width:600px; padding:10px;background:#f1ecd7; border-bottom:dotted 1px #F90; border-top:dotted 1px #F90;}

.fiche_plan { float:left; margin-bottom:10px; width:920px; padding:10px;background:#f1ecd7; border-bottom:dotted 1px #F90; border-top:dotted 1px #F90; margin:20px 0;}

.bouton_black {height:12px; display:block; padding:7px 10px; background:url(../images_css/bouton_black_bg.gif); -moz-border-radius: 8px; -webkit-border-radius: 8px; width:40%}

.description h4{padding-left:30px;}

.bouton_black a{color:#FFF; text-decoration:none; font-weight:lighter;}

.bouton_black a:hover{color:#f3950f;}

#bouton_infos a { float:right; width:117px; height:45px; background-image:url(../images_css/voir_infos.png); background-position:top left; margin-right:10px; }

#bouton_infos a:hover { background-position:bottom left }

#bouton_sms2 a { float:left; width:126px; height:27px; background-image:url(../images_css/envoyer_sms2.png); background-position:top left; margin-right:10px; }

#bouton_sms2 a:hover { background-position:bottom left }

#bouton_modifier a { float:right; width:117px; height:27px; background-image:url(../images_css/modifier.png); background-position:top left; margin-right:10px; }

#bouton_modifier a:hover { background-position:bottom left }

#bouton_envoyer_vers a { float:right; width:117px; height:27px; background:url(../images_css/envoyer_vers.png) top left; margin-right:10px; margin-top:18px; }

#bouton_envoyer_vers a:hover { background-position:bottom left; }

#bouton_creer_compte { float:right; margin-right:10px; margin-top:-50px; }

.michelin { border:#666 solid 1px; margin-left:-5px; float:left; }

.vignette { float:left; width:113px; height:113px; background-image:url(../images_css/vignette_bg.jpg); padding:8px; margin-left:10px; margin-bottom:10px; filter:alpha(opacity=70); opacity: 0.7 }
.vignette:hover {filter:alpha(opacity=100); opacity: 1;}

.vignette_galerie { float:left; background:#FFF; padding:8px; margin-left:10px; margin-bottom:10px; filter:alpha(opacity=70); opacity: 0.7 }
.vignette_galerie:hover {filter:alpha(opacity=100); opacity: 1;}

.promo { float:left; width:430px; margin:0 10px;}

.promo img {border:#FFF 8px solid; margin-bottom:20px; width:410px; height:287px;}

.remise_promo { height:91px; width:121px; background-image:url(../images_css/promo_remise_bg.png); background-repeat:no-repeat; position:absolute; margin-top:-100px; margin-top/*\**/:-110px\9; margin-left:260px; padding-top:30px; padding-left:0; font-size:180%; text-align:center; }

.galerie {float:left; width:430px;}

/*---NETACHAT---*/

#rubrique {font-size:0.80em; }

#bouton_imprimer a { float:left; width:117px; height:27px; background-image:url(../images_css/bouton_imprimer.png); background-position:top left; margin-left:10px; }

#bouton_imprimer a:hover { background-position:bottom left }

.coupon_image { border:#FFF solid 5px; margin-bottom:20px; float:left; width:500px; height:350px; }

#zone legend { font:bold 0.90em; margin-bottom:20px; display:block; }

#zone label { float:left; text-align:right; width:200px; padding:5px; font-size:0.90em; }

#zone select { float:left; text-align:right; width:100px; }

.label { position:absolute; top:300px; left:750px; }

.remise { height:63px; width:61px; background-image:url(../images_css/remise_bg.png); background-repeat:no-repeat; position:absolute; margin-top:-180px; margin-top/*\**/:-180px\9; margin-left:60px; padding-top:14px; padding-left:0; font-size:100%; text-align:center; }

.offre { position:absolute; margin-top:-10px; margin-left:500px; *margin-left:-50px; padding-top:12px; padding-left:5px; font-size:120%; text-align:left; }

*+html .offre { position:absolute; margin-top:-10px; margin-left:-200px; padding-top:12px; padding-left:5px; font-size:120%; text-align:left; }

/*---MAIN THIRD---*/

#main_third { float:left; width:300px; }

#pub {margin-top:0; float:right; margin-bottom:50px}

#pub img, #pub swf { border:#333 solid 1px;}

/*---PAGES---*/

#pages { margin-top:20px; }

#pages p { font-size:0.90em; }

#pages ul li { float:left; margin-left:5px; }

#pages ul li a { color:#c28006; padding-right:5px; border-right:#000 solid 1px; }

.left { float:left; margin-left:10px; }

/*---7227---*/

.super_container {background:#fef6d2; width:100%; height:auto !important; height:100%; min-height:100%;}

#container {background:#fef6d2; float:left; width:auto;}

/*---NETBONSPLANS---*/

.rubrique {float:left; width:110px; margin-bottom:10px;}

/* --------------------------------------
FOOTER
---------------------------------------*/

.clearfooter { height:0; clear: both; margin-bottom:100px; }

#footer { height:67px; background:url(../images_css/footer_bg_v2.jpg); width:100%; position: relative; }

#footer ul li { float:left; }

#footer ul li a { display:block; height: 18px; text-indent:-60000px; margin-left:20px; }

#blueroom a { background-image:url(../images_css/blueroom.png); background-position:top; width:110px; }

#blueroom a:hover { background-position:bottom; }

#scdev a { background-image:url(../images_css/scdev.png); background-position:top; width:115px; }

#scdev a:hover { background-position:bottom; }

#footer_menu { float:right; margin-top:30px; }

#contact a { background-image:url(../images_css/contact.png); background-position:top; width:78px; }

#contact a:hover { background-position:bottom; }

#faq a { background-image:url(../images_css/faq.png); background-position:top; width:27px; height:}

#faq a:hover { background-position:bottom; }

#mentions a { background-image:url(../images_css/mentions.png); background-position:top; width:80px; }

#mentions a:hover { background-position:bottom; }

#conditions a { background-image:url(../images_css/conditions.png); background-position:top; width:120px; }

#conditions a:hover { background-position:bottom; }

#regie a { background-image:url(../images_css/regie.png); background-position:top; width:56px; }

#regie a:hover { background-position:bottom; }

#cnil a { background-image:url(../images_css/cnil.png); background-position:top; width:80px; margin-right:20px; }

#cnil a:hover { background-position:bottom; }

#press a { background:url(../images_css/press.png) top; width:40px; }

#press a:hover { background-position:bottom; }

#plan a { background-image:url(../images_css/plan.png); background-position:top; width:78px; }

#plan a:hover { background-position:bottom; }

/*---CONDITIONS D'UTILISATION---*/

.container { width:600px; overflow:hidden; margin-top:20px; }

.selector { background: url(img/selector.png); }

.hovering { background: url(img/selector.png); opacity: 0.5; }

.container .TabMenu { position: relative; top: 5px; left: 2px; z-index: 10; }

.container .TabMenu span { display: inline-block; height: 77px; margin: 0px; padding:0px; }

.container .ContentFrame { width: 600px; left:0; position: relative; overflow:hidden; }

.container .ContentFrame .AllTabs { position: relative; left:0px; width: 1200px; overflow:hidden; }

.container .ContentFrame .AllTabs .TabContent { width:600px; margin-right:20px; text-align: justify; float:left; overflow:hidden; }