@charset "utf-8";
/* CSS Document */

body { background-color:#f7f7f7; margin:0px; padding:0px; width:100%; height:100%;}
#site-ext { background-color:#fafafa; width:100%; top:50%;margin-top:-226px; height:451px; position:absolute; overflow:hidden;}
#site { width:981px; height:451px; background-color:#FFF; margin:0px auto 0px auto; position:relative; overflow:hidden;}
#site #signature { position:absolute; bottom:-22px; right:-1px; color:#dcd9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; width:220px; text-align:right; height:20px}
#site #signature:hover { color:#999999;}
#site #logo-sign { width:32px; height:165px;bottom:0px; right:-32px; position:absolute;}
#site #col-left { width:125px; height:415px; position:relative; float:left; border-right:1px solid #dddddd; margin-top:18px; z-index:10;}
#site #col-left #menu { margin:0px 0px 0px 0px; padding:0px; width:125px; display:block;height:430px;}
#site #col-left #menu img { border:0; float:right; display:block;}
#site #col-left #menu li { margin:0px; padding:0px; list-style-type:none; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:114px; margin-left:11px; margin-bottom:4px;}
#site #col-left #menu li a { text-decoration:none;}
#site #col-left #menu li a span { text-decoration:none; padding-right:11px;}
#site #col-left #menu li#onglet0 { margin:0 0 44px 11px;}
#site #col-left #menu li#onglet1 a { height:19px; color:#000000; width:114px; display:block;}
#site #col-left #menu li#onglet2 { margin-bottom:45px;}
#site #col-left #menu li#onglet2 a { color:#000000; width:114px; display:block;}
#site #col-left #menu li#onglet3 { margin-bottom:45px;}
#site #col-left #menu li#onglet3 a { color:#000000; width:114px; display:block; cursor:pointer;}

#site #col-left #menu li#onglet7 { height:75px; color:#EC732C; width:114px; display:block; margin:0 0 31px 11px;}
#site #col-left #menu li#onglet7 a { height:19px; color:#EC732C; width:114px; display:block; margin-top:41px;}

#site #col-left #menu li#onglet8 { height:35px; color:#EC732C; width:114px; display:block; margin:0 0 0 11px;}
#site #col-left #menu li#onglet8 a { height:35px; color:#EC732C; width:104px; display:block; background-image:url(../images/live-off.jpg); background-repeat:no-repeat; background-position:right; margin:0 10px 0 0; cursor:pointer;}
#site #col-left #menu li#onglet8 a:hover { background-image:url(../images/live-on.jpg); background-repeat:no-repeat; background-position:right;}


#site #menu li.ongletMenu a{ /*height:18px; color:#999999; width:102px; display:block; float:right; padding-right:12px;*/ height:18px; color:#999999; width:102px; display:block; float:right; padding-right:12px;}
#site #menu li.ongletDernierMenu a{ color:#999999; width:102px; float:right; display:block; padding-right:12px;}

#site #col-left .sous-menu { position:absolute; width:234px; height:417px; background-color:#f6f6f6; display:none; z-index:12;filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
}

#site #col-left .sous-menu2 { position:absolute; width:124px; height:417px; background-color:#f18e00; display:none; z-index:12;filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
}

#txtLogin { float:left; width:120px; padding:2px; margin:320px 0 5px 0; border:none; font-size:11px; line-height:11px; height:11px; color:#868685; text-align:right;}
#txtMotDePasse { float:left; width:120px; padding:2px; margin:0 0 5px 0; border:none; font-size:11px; line-height:11px; height:11px; color:#868685; text-align:right;}
#txtSub { float:right; padding:0; margin:0; border:none; font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

#site #col-left #sous-menu1 {top:0px; left:125px; }
#site #col-left #sous-menu2 {top:0px; left:359px; }
#site #col-left #sous-menu3 {top:0px; left:125px; padding:0 10px 0 10px;}
#site #col-left .sous-menu ul { margin:50px 0px 0px 0px; padding:0px; width:231px;}
#site #col-left .sous-menu ul li{ margin:0px; padding:0px; list-style-type:none; height:18px;}
#site #col-left .sous-menu ul li a{ color:#716f70; font-size:10px; text-transform:uppercase; display:block; height:18px; padding-top:5px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#site #col-left .sous-menu ul li span{ padding-left:21px;}
#site #col-left .sous-menu ul li a:hover{ background-color:#dddddd; color:#EC732C;}



#site #col-right-ext { width:854px; float:right; height:451px; position:absolute; z-index:5; left:126px; top:0px;}
#site #col-right { width:854px; float:right; height:451px; position:relative; z-index:5;}



/* home debut */
#home { height:451px;}
#home .exemple { position:absolute; top:49px; left:89px; width:284px; height:355px;}
#home .bloc { position:absolute; top:119px; left:424px; width:380px; height:268px; overflow:hidden;}
#home h1 { margin:0px 0px 40px 0px;}
#home p { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999; line-height:18px;}
#home .maphome { width:450px; float:left; margin:18px; position:relative;}
#home .maphome img { float:left; border:0; margin:0; padding:0; border:1px solid #1A171B; width:452px; height:286px;}
#site #col-right-ext #col-right #home .maphome #menudiapo { float:left; margin:0; position:relative; width:51px; height:16px; padding:0 0 0 403px; background-color:#1A171B; font-family:Arial, Helvetica, sans-serif; display:block;}
#site #col-right-ext #col-right #home .maphome #menudiapo li { float:left; list-style:none; width:16px; height:16px; border-left:1px solid #FFFFFF; background-color:#F18E00; display:block; text-align:center; cursor:pointer; color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
#site #col-right-ext #col-right #home .maphome #menudiapo li:hover, #site #col-right-ext #col-right #home .maphome #menudiapo .lihover { background-color:#1A171B;}
#home .maphome .maptext { float:left; width:450px; margin:10px 0 0 0; padding:0; font-style:italic; font-size:12px; color:#b0b0b0; text-align:justify; line-height:normal;}
#home .textintro { float:left; width:340px; margin:0; padding:0 0 20px 0; font-size:12px; color:#8d8d8d; text-align:left; line-height:16px;}
#home .introd { float:left; width:355px; margin:46px 0 0 0; height:388px; padding:0;}
/* home fin */

/* contact debut */
#contact {height:451px;}
#contact #plan { float:left; width:458px; height:451px; display:block;}
#contact .bloc { float:left; width:345px; height:451px; position:relative;}
#contact h1 { margin:0px 0px 0px 0px; height:50px; display:block;}
#contact label { margin:0; font-family:Arial, Helvetica, sans-serif; display:block; color:#939393; font-size:12px; height:19px;}
#contact .input { border:0px; background-color:#f6f6f6; width:100%; height:21px;}
#contact .input2 { margin:0; font-family:Arial, Helvetica, sans-serif; display:block; color:#939393; font-size:12px; width:100%; border:0px; background-color:#f6f6f6;}
#contact .input { border:0px; background-color:#f6f6f6; width:100%;}
#contact .input3 { border:0px; background-color:transparent; font-family:Arial, Helvetica, sans-serif; display: block; float:right;}
#contact .span1 { font-family:Arial, Helvetica, sans-serif; color:#939393; font-size:12px;}
#contact .span2 { font-family:Arial, Helvetica, sans-serif; color:#939393; font-size:10px; font-style:italic; display:block; float:left;}
#contact address { display:block; position:absolute; height:106px; bottom:14px; left:0px;font-family:Arial, Helvetica, sans-serif; color:#939393; font-size:12px;}
#contact address a{font-family:Arial, Helvetica, sans-serif; color:#939393; font-size:12px; text-decoration:none;}
#contact address a:hover {color:#777777;}
/* contact fin */


/* carroussel debut */
#carroussel #scrollLinks  .gauche { position:absolute; top:207px; left:20px; cursor:pointer; z-index:8;}
#carroussel #scrollLinks  .droite { position:absolute; top:207px; left:820px; cursor:pointer; z-index:8;}
#carroussel .cache-gauche { position:absolute; top:18px; left:20px; width:30px; z-index:7; height:419px; background-color:white;}
#carroussel .cache-droite { position:absolute; top:18px; left:805px; width:52px; z-index:7; height:419px; background-color:white;}
#carroussel #wn { margin:18px 0px 0px 34px;width:789px; height:419px; overflow:hidden; z-index:6; position:relative; overflow:hidden;}/*1538*/
#carroussel #wn { margin:0px 0px 0px 34px;width:789px; height:419px; overflow:hidden; z-index:6; position:relative; overflow:hidden;}/*1538*/
#carroussel .bloc-image { width:748px; height:320px; overflow:hidden; text-align:center; margin-left:20px;}
#carroussel h2{ margin:5px 0px 2px 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000000; width:749px;}
#carroussel p{ margin:0px 0px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; line-height:18px; width:749px;}
#carroussel td span {width:789px; height:419px; display:block;}
/* carroussel fin */

#popuphome { background-image:url(../images/transback.png); width:100%; top:0;margin-top:0; height:100%; position:absolute; z-index:98; display:none; cursor:pointer;}
#bigmap { position:absolute; top:50%; left:50%; margin:-227px 0 0 -320px; width:639px; height:453px;}

/* tableau espace client */
img{border:none;}
.espace_client .titre{ float:left; text-align:left; height:116px; display:inline; margin:50px 0 0 23px;}
.espace_client .titre h2{margin:0 0 10px; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.espace_client .titre .bienvenue{text-align:left; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; display:block;}
.espace_client .titre .bienvenue a{ display:block; color:#f27823; margin:5px 0 0; padding:0; text-decoration:none;}
.espace_client .titre .bienvenue a:hover{ text-decoration:underline;}
.espace_client th, .espace_client td{font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; background-color:#f7f7f7;}
.espace_client th.first, .espace_client td.first{ padding:0 0 0 15px;}
.espace_client td{color:#a0a0a2;}
.espace_client td.pictos{text-align:center;}
.espace_client td.pictos a{display:inline-block; width:13px; height:12px; text-align:center; background:url(../images/pictos.gif) no-repeat; text-decoration:none;}
.espace_client td.pictos a:hover, .espace_client td.pictos a.active{background:url(../images/pictos_over.gif) no-repeat; text-decoration:none;}
.espace_client th{font-weight:bold;}

/** popop **/
.pops{margin:139px auto 0;display:none;border:1px solid #ff731f;width:332px;height:130px; color:#000; text-align:center; padding:40px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.pops span{display:inline-block; margin:0 0 46px; padding:0;}
.pops input.Ok{border:none; background:none; padding:0; margin:0; cursor:pointer; font-size:14px; color:#ff731f;}

.div.clear{clear:both; height:1px; width:100%; overflow:hidden;}

/** Animation intro site **/


#animhome-right { 
	background-color: #FFFFFF;
    background-image: url("../images/loghome.jpg");
    background-position: -132px 0;
    background-repeat: no-repeat;
    display: none;
    height: 451px;
    left: 132px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 849px;
    z-index: 10000;
	}
#animhome-left { 
	width:132px; 
	height:451px; 
	background-repeat:no-repeat; 
	background-color:#FFF; 
	position:relative; 
	top:0; 
	left:0; 
	margin:0; 
	z-index: 10000; 
	display: none;
	}
#animhome-right #titlhome {
    color: #4F4F4F;
    display: none;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    left: -66px;
    letter-spacing: 10px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 252px;
    width: 100%;
    z-index: 10001;
	}