/* CSS Document */
* {margin: 0;padding: 0;font-family:arial;border:0;font-size:11px;}
.cleaner{clear:both;}
body{background:url(/img/bg.jpg) repeat-x #3a3b3c;margin:auto;text-align:center;}
#logo{height:72px;float:left;display:inline;width:278px;}
#telephone{float:left;display:inline;margin-top:10px;}
#monespace{width:250px;float:left;display:inline;margin-top:10px;}
#monespace p{float:left;width:110px;display:inline;}
#monespace input{width:100px;margin-top:5px;}
#monespace label{font-size:13px; color:#5d686c;}
#global{margin-right:auto;margin-left:auto;width:990px;background-color:#FFFFFF;margin-top:30px;text-align:left;}
.gris{font-size:10px;color:#8b8b8b;}
.red{font-size:10px;color:#FF0000;}
a:hover.gris{text-decoration:none;}
h1{font-size:18px;color:#0b8831;}
.titre{font-size:18px;color:#0b8831;}
h2{color:#0b8831;font-size:14px;padding-bottom:4px;margin-left:5px;padding-top:10px;padding-left:20px;border:0px solid;}
.pomme{color:#12b543;font-size:18px;font-weight:normal;}
/*-------Oo---------header----------oO------------*/

#menu{background:url(/img/menu.jpg) no-repeat; width:988px;height:47px;border:0px solid;}
#menu li{display:inline;float:left;margin-top:15px;border:0px solid;}
#menu li a{background: transparent;
    display:inline;
    float:left;
	font-weight:bold;color:#6e6e6e;
    height:24px;
    margin-right:6px;
    padding-right:5px; /* sliding doors padding */
    text-decoration: none;
   }
   
#menu li a span{background: transparent ;
    display: block;
    line-height:14px;
    padding: 5px 10px 5px 15px;}
	
#menu li a:hover span{background: transparent url(/img/bg_button_a_span.gif) no-repeat;
    display: block;
    line-height:14px;
    padding: 5px 10px 5px 15px;}
	
#menu li a:hover{background: transparent url(/img/bg_button_a.gif) no-repeat scroll top right;
    display:inline;
    float:left;
	font-weight:bold;color:#fff;
    height:24px;
    margin-right:6px;
    padding-right:5px; 
    text-decoration:none;
   }
#menu li a.select span{background: transparent url(/img/bg_button_a_span.gif) no-repeat ;
    display: block;
    line-height:14px;
    padding: 5px 10px 5px 15px;}
	
#menu li a.select {background: transparent url(/img/bg_button_a.gif) no-repeat scroll top right;
    display:inline;
    float:left;
	font-weight:bold;color:#fff;
    height:24px;
    margin-right:6px;
    padding-right:5px;
    text-decoration:none;
   }
#bandeau{margin-left:6px;background:url(/img/bandeau.gif) no-repeat; width:984px; height:300px;}
#bandeau h1{margin-left:6px;color:#000000;font-size:24px;padding:26px 0px 0px 168px;line-height:35px;word-spacing:-2px;font-weight:lighter;}
#bandeau h1 span{font-weight:bold;font-size:26px;}
.bt_orange{background:url(/img/bt_orange.gif) no-repeat;float:left;display:inline;width:100px;position:relative;top:32px;left:201px;text-align:center;
padding:3px 0px 3px 0px;color:#fff;font-weight:bold;text-decoration:none;font-size:12px;margin-left:10px;}
a:hover.bt_orange{text-decoration:underline;}

.bt_info{background:url(/img/bt_info.gif) no-repeat;width:699px;height:32px;color:#FFFFFF;font-weight:bold;text-decoration:none;display:block;margin-left:22px;margin-top:-20px;padding:1px;}
.bt_info span{padding-left:180px;font-size:15px;margin-top:08px;display:block;}
a:hover.bt_info{text-decoration:underline;}

/*.etapes{float:left;display:inline;margin-top:7px;border:1px solid;}*/
p.etape{margin-top:100px;width:210px;border-top:1px solid #CCCCCC;padding-top:10px;margin-left:15px;padding-bottom:5px;}
span.puces{color:#fff;font-size:16px; padding-left:14px;display:block;width:20px;position:relative;top:26px;font-weight:bold;}
h1.etapes{font-size:18px;color:#0b8831;background:url(/img/puce.gif) no-repeat;padding-left:50px;padding-bottom:15px;line-height:17px;}

#etape1{background:url(/img/photographiez.gif) no-repeat;width:234px;margin-left:25px;float:left;display:inline;}
#etape1 a{background:url(/img/bt_vert.gif) no-repeat; display:block;text-align:center;width:220px;margin-left:10px;margin-top:10px;height:25px;padding-top:4px;color:#fff;border:1px solid;font-weight:bold;text-decoration:none;font-size:12px;}
#etape1 a:hover{text-decoration:underline;}

#etape2{background:url(/img/transferez.gif) no-repeat;width:234px;float:left;display:inline;}
#etape2 a{background:url(/img/bt_vert_2.gif) no-repeat;display:block;text-align:center;width:220px;margin-left:5px;margin-top:10px;height:25px;padding-top:4px;color:#fff;border:1px solid;font-weight:bold;text-decoration:none;font-size:12px;}
#etape2 a:hover{text-decoration:underline;}

#etape3{background:url(/img/partagez.gif) no-repeat;width:234px;margin-left:0px;float:left;display:inline;}
#etape3 a{background:url(/img/bt_vert.gif) no-repeat; display:block;text-align:center;width:220px;margin-left:10px;margin-top:10px;height:25px;padding-top:4px;color:#fff;border:1px solid;font-weight:bold;text-decoration:none;font-size:12px;}
#etape3 a:hover{text-decoration:underline;}

#colonne{float:right;width:284px;position:relative;top:-8px;left:-8px;display:inline;background:url(/img/fbg_colonne.gif) repeat-y left top;border:0px solid;padding-left:28px;margin-left:0px;}
html>body #colonne{padding-left:29px;width:263px;left:0px;}

h2.gris{color:#5d686c;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #CCCCCC;padding-bottom:4px;width:225px;/*margin-left:10px;*/}
html>body h2.gris{padding-bottom:2px;width:205px;}

.ssgris{color:#5d686c;font-size:13px;font-weight:bold;display:block;margin-bottom:5px;}
.bg_gris{background:url(/img/bg_gris.gif) no-repeat left;width:230px;padding:5px;margin-left:5px;border:0px solid;}
.bg_gris a{background:url(/img/bt_gris.gif) no-repeat; display:block;text-align:center;width:230px;height:25px;padding-top:4px;color:#fff;font-weight:bold;text-decoration:none;font-size:12px;}
.bg_gris a:hover{text-decoration:underline;}
.puces li{font-size:12px;color:#000;list-style:none;background:url(/img/ptitepuce.gif) no-repeat top left;padding-left:20px;padding-right:5px;}
#footer{background-color:#5d686c;width:990px;} 
#footer ul {width:550px;height:25px;text-align:center;margin-left:400px;}
#footer ul li{list-style:none;float:left;margin-left:20px;margin-top:5px;} 
#footer ul li a{color:#FFFFFF;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}

/*-------------oO----------------Page contact---------------Oo-----------------------------*/
#bandeau_2{margin-left:6px;background:url(/img/bandeau_2.gif) no-repeat;width:984px;height:126px;}
#bandeau_2 h1{color:#000000;font-size:24px;padding:30px 0px 0px 30px;word-spacing:-2px;font-weight:lighter;}
#bandeau_2 h1 span{font-size:24px;font-weight:bold;}

.gauche{float:left;display:inline;border:0px solid;}
.droite{float:left;display:inline;width:270px;}

#contact{float:left;margin-left:30px;display:inline;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;width:650px;}
html>body #contact{width:648px;}
#contact td{font-weight:bold;color:#5d686c;font-size:13px;border-bottom:2px solid #fff;margin-bottom:2px;}
.text{border:1px solid #999999;width:170px;height:22px;font-weight:normal;padding-top:2px;}
.aro_grisf{background:url(/img/aro_grisf.gif) no-repeat #ececec;height:32px;border-bottom:2px solid #FFFFFF;padding-left:20px;width:250px;}
.grisf{background-color:#ececec;border-bottom:3px solid #FFFFFF;padding-left:40px;width:130px;}
.arf_grisf{background:url(/img/arf_grisf.gif) no-repeat right #ececec;border-bottom:2px solid #FFFFFF;padding-right:20px;}
.aro_grisc{background:url(/img/aro_grisc.gif) no-repeat #f7f7f7; border-bottom:2px solid #FFFFFF;height:33px;padding-left:20px;width:250px;}
.grisc{background-color:#f7f7f7;border-bottom:2px solid #FFFFFF;;padding-left:40px;}
.arf_grisc{background:url(/img/arf_grisc.gif) no-repeat right #f7f7f7; border-bottom:2px solid #FFFFFF;padding-right:20px;}
.valid{background:url(/img/formv.gif) no-repeat;width:655px;height:25px;display:block;padding-left:306px;color:#fff;font-weight:bold;text-decoration:none;padding-top:2px;margin-left:28px;top:-3px;position:relative;}
a:hover.valid{text-decoration:underline;}
html>body .valid{width:648px;}
#pdf{margin-left:30px;width:150px;}
#pdf label{font-weight:bold;color:#5d686c;font-size:13px;margin-left:5px;}
#superpose{position:relative;float:left;display:inline;top:-122px;border:0px solid;}
.grisbold{font-weight:bold;color:#5d686c;font-size:14px;}
.vert{font-size:18px;color:#0b8831;}
.rapel{background:url(/img/rapelv.gif) no-repeat;height:28px;display:block;padding-left:90px;color:#fff;font-weight:bold;text-decoration:none;padding-top:8px;margin-left:30px;top:-3px;position:relative;}
#rappel{float:left;margin-left:30px;display:inline;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;width:219px;}
a:hover.rapel {text-decoration:underline;}
html>body #rappel{width:217px;}

/*-------------oO----------------Page offres---------------Oo-----------------------------*/
#giroptic{position:relative;top:-59px;left:19px;float:left;display:inline;border:0px solid;}
#perso{float:right;margin-top:17px;height:365px;border:0px solid;display:inline;}
#videoffre{float:left;border:0px solid red;width:390px;position:relative;display:inline;}

.bt_demande{background:url(/img/bt_demande.gif) no-repeat;width:650px;height:32px;color:#FFFFFF;font-weight:bold;text-decoration:none;display:block;margin-left:22px;margin-top:-20px;padding:1px;}
.bt_demande span{padding-left:180px;font-size:15px;margin-top:06px;display:block;border:0px solid red;}
a:hover.bt_demande{text-decoration:underline;}
.bt_lien{background:url(/img/bt_lien.gif) no-repeat top left;list-style:none;height:41px;width:235px;margin-left:2px;display:block;text-decoration:none;color:#51b045;}
html>body .bt_lien{width:238px;}
a:hover.bt_lien{text-decoration:underline;}
.bt_lien span{font-weight:bold;display:block;padding-top:16px;padding-left:30px;}
.closed{background:url(/img/fbg_col_bas.gif) no-repeat bottom right;border:0px solid;width:295px;padding-bottom:50px;float:right;}

/*-------------oO----------------Page tech---------------Oo-----------------------------*/
#ecran{position:absolute;top:0px;left:30px;float:left;display:inline;border:0px solid;}
.blocs{margin-top:60px;border:0px solid;width:680px;display:block;padding-left:20px;}

.bloc_liste{width:300px;border:0px solid red;float:left;display:inline;margin-left:10px;}
.puce_blanche li {list-style:none;background:url(/img/puce_blanche.jpg) no-repeat left 2px;padding-left:20px;padding-bottom:5px;}
.pack_1{background:url(/img/pack_1.png) no-repeat top left;width:320px;height:166px;float:left;border:0px solid;margin-left:10px;}
.pack_2{background:url(/img/pack_2.png) no-repeat top left;width:320px;height:166px;float:left;border:0px solid;margin-left:10px;}
.prix{color:#000;font-weight:bold;font-size:15px;}
.annoncea{display:inline;border:0px solid;color:#73bf68;height:156px;font-size:16px;text-align:center;width:130px;float:left;background:url(/img/pack1.gif) no-repeat bottom left;margin-left:3px;margin-top:5px;}
.annonceab{color:#73bf68;font-size:15px;text-align:center;margin-top:5px;border:0px solid red;width:170px;float:left;}
.annonceb{color:#73bf68;font-size:15px;text-align:center;background:url(/img/pack2.gif) no-repeat bottom left;margin-left:5px;height:155px;border:0px solid;padding-top:5px;}
.infos{font-size:10px;width:160px;color:#000000;display:block;}
.infosb{font-size:10px;color:#000;display:block;padding-right:15px;}
#recevoir_pres{ border:0px solid;background:url(/img/bg_pres.gif) no-repeat top left;padding:5px 0px 5px 0px;}
#recevoir_pres input{ border:1px solid #CCCCCC; height:20px;margin:5px;} 
#recevoir_pres label{ width:60px;border:px solid;display:block;float:left;margin:5px;padding-top:4px;color:#0b8831;font-size:13px;}
.bt_vert{background:url(/img/bt_vert.gif) no-repeat; display:block;text-align:center;width:220px;margin-left:10px;margin-top:10px;height:25px;padding-top:4px;color:#fff;border:0px solid red;font-weight:bold;text-decoration:none;font-size:12px;float:left;}
 a:hover.bt_vert{text-decoration:underline;}
 
/*-------------oO----------------Page exemples---------------Oo-----------------------------*/
.exemple{border:0px solid;width:320px;float:left;display:inline;margin-right:10px;padding-left:10px;}
.exemple h2{font-size:16px;color:#0b8831;padding-left:0px;border-bottom:1px solid #e8e8e8;margin-bottom:10px;}
.ex{border:0px solid #CCCCCC;padding:5px;float:left;display:inline;}
.exemple p{float:left;display:inline;border:0px solid;width:150px;padding:5px;padding-top:145px;}

/*-------------oO----------------Page temoignages---------------Oo-----------------------------*/
.temoignages{border-bottom:0px solid #c4e590;width:315px;float:left;display:inline;margin-left:20px;padding: 0px 5px 5px 5px;margin-top:20px;background:url(/img/bg_pres.gif) no-repeat right -10px;border-top:1px solid #0ea73c;margin-bottom:10px;}
.interview{border:0px solid;display:inline;padding:10px;float:left;width:120px;float:left;display:inline;border:0px solid;}
.temoignages p{border:0px solid;font-style:italic; padding-left:0px;text-align:justify;}
.interview p{border:0px solid;font-style:normal;padding-left:5px;}
.interview h2{padding:10px 10px 10px 0px;}
.photo{float:left;display:inline;background:url(/img/photo.gif) no-repeat;width:160px;border:px solid;height:110px;position:relative;margin-top:2px;}
.portrait{margin-left:32px;margin-top:21px;border:0px solid;}
.temoignages span{color:#12b543;font-size:25px;display:inline;border:0px solid;vertical-align:bottom;line-height:5px;padding-left:2px;padding-right:2px;}

/*-------------oO----------------Page blog---------------Oo-----------------------------*/
.blog{margin-top:20px;border:0px solid #e2e2e2;background:url(/img/contact_haut.gif) no-repeat top left;width:650px;margin-left:10px;}
.blog p{padding:10px;padding-left:0px;float:left;width:500px;display:inline;text-align:justify;font-size:13px;}
.img_blog{display:inline;float:left;margin:5px;margin-left:15px;margin-right:15px;}
.post{float:left;display:inline;border-right:1px solid #e4e4e4;width:650px;border-left:1px solid #e4e4e4;padding-bottom:40px;padding-left:70px;}
html>body .post{width:578px;}
.blog h2 {background:url(/img/pt.gif) repeat-x bottom left;font-size:15px;padding-left:5px;border:0px solid;}
.blog h3 {color:#81c06b;font-size:13px;display:block;border-bottom:1px solid;margin-top:20px;width:490px;background-color:#fff;color:#81c06b;padding-left:10px;padding-bottom:2px;font-variant:small-caps;}
.commentaire{background:url(/img/bas_blog.gif) no-repeat bottom right;display:block;border:0px solid;height:25px;width:651px;}
.commentaire a{border:0px solid;display:inline;float:right;color:#666666;position:relative;top:-20px;margin-right:88px;}
.commentaire a:hover{text-decoration:none;}
.categorie li{list-style:none;background:url(/img/puce_blanche.jpg) no-repeat left 2px;padding-left:20px;padding-bottom:5px;border:0px solid;width:170px;font-size:12px;}
html>body .categorie li{width:150px;}
.categorie li a{font-size:12px;color:#333333;text-decoration:none;}
.categorie li a:hover{color:#81c06b;text-decoration:overline;}
.categorie li a.select{color:#81c06b;text-decoration:overline;}







/*-------------oO----------------Page popup---------------Oo-----------------------------*/
.panoramique{width:400px;border:1px solid #CCCCCC;margin-left:15px;margin-top:10px;padding:5px;margin-left:20px}
.panoramique h2{font-size:15px;color:#8f8f8f;font-variant:small-caps;padding-left:0px;border-bottom:1px solid;margin-bottom:10px;margin-left:0px;width:400px;}
.legende{color:#666666;padding:10px 0px;width:400px;}
.legende span{color:#000000;font-size:13px;color:#92c974;font-weight:bold;}
#bas_popup{background-color:#5d686c;height:15px;color:#FFFFFF;padding:5px;}
#bas_popup p{padding-left:15px;font-size:10px;}
.plan{border:1px solid #92c974;padding:10px;margin-top:10px;}
.nav{width:300px;border:0px solid;height:21px;}
.nav ul li{float:left;list-style:none;border:0px solid red;padding:0px 0px 0px 1px;height:20px;}
.nav ul li a {color:#fff;font-weight:bold;text-decoration:none;}
.nav li a span{background: transparent url(/img/nava.gif) no-repeat;display:block;padding:3px 10px 6px 10px;}
.nav li a {background:  url(/img/navb.gif) no-repeat scroll top right; display:inline;float:left;font-weight:bold;color:#fff; height:24px;margin-right:6px; padding-right:5px; text-decoration:none;}
.nav li a:hover span{background: transparent url(/img/navah.gif) no-repeat;display:block;padding:3px 10px 6px 10px;}
.nav li a:hover {background:url(/img/navbh.gif) no-repeat scroll top right; display:inline;float:left;font-weight:bold;color:#fff; height:24px;margin-right:6px;}
.nav li a.select span{background: transparent url(/img/navah.gif) no-repeat;display:block;padding:3px 10px 6px 10px;}
.nav li a.select {background:url(/img/navbh.gif) no-repeat scroll top right; display:inline;float:left;font-weight:bold;color:#fff; height:24px;margin-right:6px;}
.puce_blanche li a {color:#666666;text-decoration:none;}
.puce_blanche li a:hover{color:#81c06b;text-decoration:overline;}
.puce_blanche li a.select{color:#81c06b;text-decoration:overline;}
#anim{position:absolute;top:-33px;margin-left:5px;}



.top_text {font-size:12px;color:#000;}
.top_text span {font-size:12px;color:#000;font-weight:bold;}