body,h1,h2,h3,h4,h5,h6,p,div,form,fieldset,input,ol,ul,dl,dt,dd,img{margin:0;padding:0;border:0}
a{text-decoration:none;outline:none}a:hover{text-decoration:none}
hr{clear:both;visibility:hidden}
#footer p,#footer hr,#footer dl{display:none}
#footer noscript dl{display:block;margin:20px auto;width:620px;padding:8px;border:dashed 1px #2c192c;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:justify}
/* body*/
body{
background-color:#fff;
}
#bodycontent{
width:950px;
height:683px;
margin:0px auto;
text-align:left;
}
/**********************Gauche*************************/
#gauche{
float:left;
width:180px;
height:480px;
padding:20px 0 0 0;
}
#gauche h1{
margin:0 0 55px 0;
width:127px;
height:97px;
}
#gauche h1 a{
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
width:117px;
height:97px;
padding:0 0 0 10px;
background:url(/img/logo.jpg) no-repeat 0 0;
}
/* Menu */
#menu{
clear:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:#575758;
}
#menu span{
display:none;
}
#menu ul{
list-style:none;
}
#menu ul li{
/*height:26px;*/
margin-bottom:5px;
}
#menu ul li a{
display:block;
margin-bottom:3px;
height:26px;
text-indent:-9999px;
overflow:hidden;
}
#menu ul li.m1{
/*background:url(/img/agence_off.jpg) no-repeat 0 0;*/
background:url(/img/agence.jpg) no-repeat 0 0;
}
#menu ul li.m1:hover ,
#menu ul li.m1.current{
/*background:url(/img/agence_on.jpg) no-repeat 0 0;*/
background:url(/img/agence.jpg) no-repeat 0 -27px;
}
#menu ul li.m2{
display:none;
/*background:url(/img/presta_off.jpg) no-repeat 0 0;*/
background:url(/img/presta.jpg) no-repeat 0 0;
}
#menu ul li.m2:hover ,
#menu ul li.m2.current{
/*background:url(/img/presta_on.jpg) no-repeat 0 0;*/
background:url(/img/presta.jpg) no-repeat 0 -28px;
}
#menu ul li.m3{
/*background:url(/img/reference_off.jpg) no-repeat 0 0;*/
background:url(/img/reference.jpg) no-repeat 0 0;
}
#menu ul li.m3:hover ,
#menu ul li.m3.current{
/*background:url(/img/reference_on.jpg) no-repeat 0 0;*/
background:url(/img/reference.jpg) no-repeat 0 -26px;
}
#menu ul li.m4{
/*background:url(/img/actu_off.jpg) no-repeat 0 0;*/
background:url(/img/actu.jpg) no-repeat 0 0;
}
#menu ul li.m4:hover ,
#menu ul li.m4.current{
/*background:url(/img/actu_on.jpg) no-repeat 0 0;*/
background:url(/img/actu.jpg) no-repeat 0 -24px;
}
/* sous menu */
#menu ul li ul{
/*padding-left:10px;*/
display:none;
}
#menu ul li.current ul{
display:block;
}
#menu ul li ul li{
margin-bottom:2px!important;
margin-bottom:-2px;
}
#menu ul li ul li a{
display:block;
margin-bottom:0px;
height:auto;
padding-left:10px;
text-indent:0;
color:#575758;
background:transparent url(/img/puce.gif) no-repeat 0 4px!important;
background:transparent url(/img/puce.gif) no-repeat 0 7px;
}
#menu ul li ul li a:hover ,
#menu ul li.current ul li.current a{
color:#9D052B;
}
/**********************Centre*************************/
#centre{
float:left;
overflow:hidden;
margin:0 0 5px 0;
width:770px;
background:transparent url(/img/actualite/bottom.jpg) no-repeat center bottom;
}
#centre span.bordure{
float:left;
margin:0 3px 73px 0;
width:533px;
height:25px;
line-height:20px;
overflow:hidden;
text-indent:-9999px;
background-color:#EAE9E6;
}
#centre ul.menu{
float:right;
width:221px;
height:19px;
padding:0 10px 5px 0;
text-align:right;
background-color:#9D052B;
}
#centre ul.menu li{
display:inline;
position:relative;
padding:0 0px 0 2px;
height:20px;
list-style:none;
background:url(/img/spacer.gif) no-repeat 2px 7px;
}
#centre ul.menu li a{
margin-left:8px;
font:10px Arial,Helvetica,sans-serif ;
color:#FFF;
}
#centre ul.menu li a:hover{
font:10px Arial,Helvetica,sans-serif ;
color:#000;
}
#nav{
clear:left;
display:block;
margin-bottom:55px;
}
#nav dt{
display:none;
}
#nav dd{
display:block;
width:100%;
height:20px;
line-height:20px;
font:bold 10px Arial,Helvetica,sans-serif ;
color:#201C1D;
}
#nav dd a{
color:#9D052B;
}
#nav dd a:hover{
text-decoration:underline;
}
#script{
width:750px;
padding:0 10px 5px 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#2c192c;
min-height:400px;
}
#script div.form{
margin:1px 0 15px 0;
}
#script h2{
float:left;
margin-bottom:15px;
border-bottom:1px solid #9D052B;
width:335px;
padding-bottom:5px;
font-size:16px;
font-weight:normal;
color:#9D052B;
}
#script form{
float:right;
margin:12px 0 0 0;
/*width:400px;*/
text-align:right;
}
/**********************Bottom*************************/
#bodycontent ul.bottom{
clear:both;
padding:0px;
text-align:right;
}
#bodycontent ul.bottom li{
display:inline;
position:relative;
padding:0 0px 0 2px;
height:20px;
list-style:none;
background:url(/img/spacer.gif) no-repeat 2px 7px;
}
#bodycontent ul.bottom li a{
margin-left:8px;
font:10px Arial,Helvetica,sans-serif ;
color:#3F4238;
}
#bodycontent ul.bottom li a:hover{
font:10px Arial,Helvetica,sans-serif ;
color:#000;
}
/****Pagination***/
div.num_page{
float:right;
margin:0 50px 10px 0!important;
margin:0 20px 10px 0;
height:14px;
}
span.pagination{
display:block;
float:left;
/*width:90px;*/
color:#575758;
font:bold 11px Arial,Helvetica,sans-serif ;
/*border-right:1px solid #D6D6D6;*/
}
span.pagination a{
display:inline;
width:20px;
height:14px;
padding:0 3px;
color:#575758;
font:bold 11px Arial,Helvetica,sans-serif ;
}
span.pagination a:hover ,
span.pagination a.cpc{
background-color:#9D052B;
color:#fff;
font:bold 11px Arial,Helvetica,sans-serif ;
}
/*** Bottom suuuuper joli ***/
span.gris{
clear:both;
float:left;
margin:0 5px 0 185px;
width:513px;
height:70px;
text-align:right;
overflow:hidden;
text-indent:-9999px;
background-color:#EAE9E6;
}
span.vert{
float:left;
width:242px;
height:70px;
text-align:right;
overflow:hidden;
text-indent:-9999px;
background-color:#728718;
}
span.clear{
display:block;
clear:both;
}
/* struture page wysiwyg */
#content div.txt,
#content div.txtxt,
#content div.txtimg,
#content div.imgtxt,
#content div.imgimg{
clear:both;
}
#content div.bloc,
#content div.bloc div,
#content div.init,
#content div.init div{
cursor:pointer;
}
#content div.txtxt div.txtlft{
float:left;
width:47%;
}
#content div.txtxt div.txtrgt{
float:right;
width:47%;
}
#content div.txtimg div.imgrgt{
float:right;
}
#content div.txtimg div.imgrgt img{
display:block;
}
#content div.imgtxt div.imglft{
float:left;
}
#content div.imgtxt div.imglft img{
display:block;
}
#content div.imgimg{
text-align:center;
}
#content .selimg{
border:solid 1px #8B4513;
}
#content .edit{
border:dashed 1px #DCDCDC;
}
#content #iedit{
border:solid 1px #999;
}
#content div.bloc,
#content div.bloc div{
border:dashed 1px #2c192c;
}
#content div.txt.init,
#content div.imgimg.init,
#content div.init div{
border:solid 1px #2c192c;
}
#content{
padding:0 10px 5px 0;
font:11px Arial,Helvetica,sans-serif ;
color:#575758;
}
#content h2{
margin-bottom:15px;
border-bottom:1px solid #9D052B;
padding-bottom:5px;
font:normal 16px Arial,Helvetica,sans-serif;
color:#9D052B;
}
#content h3{
padding:10px 0 5px 0;
font:bold 12px Arial,Helvetica,sans-serif;
color:#728718;
}
#content h4{
padding:10px 0 5px 0;
height:11px;
font:bold 11px Arial,Helvetica,sans-serif;
color:#000;
}
#content a{
color:#9c042b;
text-decoration:none;
}
#content a:hover{
text-decoration:underline;
}
/*
#content h2{
padding-bottom:15px;
font-size:18px;
color:#9c042b;
}
#content h3{
padding:5px 0 15px 0;
font-size:16px;
color:#738718;
}
#content h4{
padding-bottom:10px;
font-size:14px;
color:#2c192c;
}
#content a{
color:#9c042b;
text-decoration:none;
}
#content a:hover{
color:#738718;
text-decoration:underline;
}
#content ul{
padding:10px 0 10px 30px;
}
#content ol{
padding:10px 0 10px 30px;
}
#content img{
background:#fff;
border:1px solid #2c192c;
margin:0 0 10px 10px;
}
*/
#nav{
margin-bottom:26px;
}
#centre{
background:none;
}
#script{
position:relative;
width:770px;
/*min-height:520px;*/
min-height:550px;
padding:0 0 5px 0;
background:transparent url(/img/actualite/bottom.jpg) no-repeat center bottom;
}
#script h2{
position:absolute;
top:32px;
left:0;
margin:0;
overflow:hidden;
text-indent:-9999px;
border:none;
width:37px;
height:500px;
padding:0;
background:url(/img/realisations/titre_selection.jpg) no-repeat scroll 3px 0;
}
div.photo{
float:left;
position:relative;
margin:0 0 30px 36px!important;
margin:0 0 30px 18px;
width:723px;
min-height:150px;
padding:10px 0 0 0;
text-align:center;
}
div.photo img{
border:1px solid black;
width:650px;
/*height:330px;*/
z-index:2;
display:none;
}
div.photo img.pcurrent{
display:inline;
}
#next ,#prev{
display:none;
}
div.photo span{
display:block;
position:absolute;
width:62px;
height:64px;
}
div.photo span.coing{
/*
top:290px;
left:15px;
*/
bottom:-10px;
left:15px;
background:url(/img/selections/coing-trans.png);
}
div.photo span.coind{
/*
top:-5px;
left:640px;
*/
top:-5px;
right:15px;
background:url(/img/selections/coind-trans.png);
}
div.photo a{
display:block;
position:absolute;
/*top:155px;*/
top:0;
overflow:hidden;
text-indent:-9999px;
width:40px;
height:35px;
z-index:4;
}
div.photo a.photoprec{
left:5px;
background:url(/img/selections/flecheg-trans.png) no-repeat;
}
div.photo a.photosuiv{
/*left:672px;*/
right:10px;
background:url(/img/selections/fleched-trans.png) no-repeat;
}
div.txt_gauche{
float:left;
width:225px;
min-height:150px;
padding:0 0 0 100px;
font:11px Arial,Helvetica,sans-serif ;
color:#575758;
}
div.txt_gauche strong{
color:#9D052B;
line-height:15px;
}
div.txt_droit{
float:left;
width:360px;
min-height:150px;
padding:0 0 10px 50px;
font:11px Arial,Helvetica,sans-serif ;
color:#575758;
border-left:1px solid #E4E4E4;
/*text-align:justify;*/
}
div.txt_droit strong{
display:block;
margin-bottom:0px;
font:15px Arial,Helvetica,sans-serif ;
font-weight:bold;
color:#728718;
}
div.txt_droit span.red{
padding:0 0 0 10px;
font:17px Arial,Helvetica,sans-serif ;
font-weight:bold;
color:#9D052B;
}
#script a.autresreas{
display:block;
position:absolute;
bottom:10px!important;
bottom:5px;
left:60px;
width:116px;
height:20px;
overflow:hidden;
text-indent:-9999px;
background:url(/img/realisations/titre_autres.jpg) no-repeat 0 -4px;
}
a.zoom{
float:right;
width:18px;
height:18px;
margin-right:35px;
background:url(/img/realisations/zoom.jpg) no-repeat 0 -3px;
overflow:hidden;
text-indent:-9999px;
}
span.gris{
display:none;
}
span.vert{
display:none;
}
#navreas{
float:right;
margin:10px 4px 0 0;
width:756px;
height:65px;
padding:0 0 0 5px;
background-color:#728718;
}
#navreas a{
overflow:hidden;
text-indent:-9999px;
}
#navreas a.proj{
float:left;
width:30px;
height:65px;
}
#navreas a.vignettesnav{
visibility:hidden;
float:left;
width:30px;
height:65px;
}
#navreas #vignetteprec{
background:url(/img/selections/fleche_g.jpg);
}
#navreas #vignettesuiv{
background:url(/img/selections/fleche_d.jpg);
}
#navreas #reas{
float:left;
overflow:hidden;
height:53px;
padding:12px 0 0 0;
background-color:#EAE9E5
}
#navreas a.rea,
#navreas a.reanone{
float:left;
border:1px solid #999;
margin:0 6px;
height:35px;
width:56px;
padding:2px;
background:white;
}
#navreas a.reanone{
display:none;
}
#navreas a.rea img,
#navreas a.reanone img{
float:left;
margin:50% 0;
}
/* compteur JS pour les vignettes */
#navreas #navcount{
display:none;
}
#selections{
/*border:1px solid blue;*/
padding:20px 0 0 50px;
}
#selections div{
clear:both;
width:100%;
}
#selections dl{
display:block;
float:left;
margin-bottom:10px;
padding:15px 15px 0 20px;
}
#selections dl dt{
position:relative;
display:block;
margin-bottom:5px;
width:192px;
height:144px;
}
#selections dl dt a{
display:block;
overflow:hidden;
margin:auto ;
width:192px;
height:144px;
}
#selections dl dt a img{
width:192px;
height:144px;
}
#selections dl dd{
width:185px;
/*padding-left:45px;*/
text-indent:45px;
color:#728718;
}
#selections div span{
display:block;
position:absolute;
width:62px;
height:64px;
}
#selections div span.cg{
bottom:-20px!important;
bottom:0px;
left:-20px;
background:url(/img/selections/coing-trans.png);
}
#selections div span.cd{
top:-17px;
right:-17px!important;
right:0;
background:url(/img/selections/coind-trans.png);
}