html, body{
width:100%;
margin: 0 0 0 0;
background: url(/dynRewrite/images/fond.jpg) repeat-x left top;
}
ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li{
list-style: none;
}
a{
font-style: normal;
text-decoration: none;
font-family:arial;
font-size:12px;
}
p{
margin: 0 0 0 0;
}
span.gras{
font-weight: bold;
}
#main{
width: 999px;
margin:0 auto 0 auto;
}
form{
margin: 0 0 0 0;
}
h2{
font-family:arial;
font-size:16px;
margin: 0 0 0 0;
}
input.submitRechercher{
height:25px;
width:115px;
border: 0;
}
td {
color:#474747;
font-family:Arial;
font-size:8pt;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*-------------------------------- BAS -------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#bas{
display: block;
clear: both;
height: 174px;
/*background: url(/dynRewrite/images/bas.jpg) repeat-x left top;*/
}
#bas a#lienhaut{
float: right;
width: 192px;
height: 21px;
text-align: right;
background: url(/dynRewrite/images/lienhaut.jpg) no-repeat right top;
}
#bas a#lienhaut span{
float: right;
display: inline;
width: 40px;
margin: 3px 5px 0 0;
color: #7e7f81;
font-family: arial;
font-size: 11px;
background: url(/dynRewrite/images/flechehaut.jpg) no-repeat left 4px;
}
#bas p#basliens{
float: left;
display: inline;
clear: left;
margin: 20px 0 0 25px;
}
#bas p#basliens a{
font-size: 11px;
font-family: arial;
color: #595959;
}
#bas p#copyright{
float: left;
display: inline;
clear: left;
font-size: 11px;
font-family: arial;
color: #595959;
margin: 0 0 35px 25px;
}
#bas p#publicite, #bas p#refFooter{
display: block;
clear: both;
margin: 0 0 0 0;
text-align: center;
}
#bas p#refFooter{
color: #595959;
font-family: arial;
font-size: 11px;
margin-bottom: 5px;
}
#bas p#publicite img{ border: 0;}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*-------------------------------- HAUT -----------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#haut{
display: block;
height: 198px;
}
#haut img#logos{
float: left;
}
#haut #hautdroit{
float: right;
}
#haut a#lienlogo img{
border: 0
}
/*-------------------------------------------------------------*/
/*------------ moteur de recherche - --------------------*/
/*-------------------------------------------------------------*/
#haut form{
display: block;
margin: 0 0 0 0;
width: 811px;
height: 36px;
}
#haut form input#sub{
float: right;
display: inline;
width: 20px;
height: 20px;
margin: 8px 37px 0 0;
border: 0;
}
#haut form input#motcle{
float: right;
display: inline;
width: 145px;
height: 19px;
margin: 8px 15px 0 0;
padding: 1px 0 0 4px;
border: 0;
background: url(/dynRewrite/images/motcle.jpg) no-repeat left top;
color: #58585a;
font-family: arial;
}
#haut form h2 a{
float: none;
}
#haut form a{
float: right;
display: inline;
width: 18px;
height: 13px;
margin-right: 15px;
margin-top:10px;
}
#haut form a#drapeaufr{
background: url(/dynRewrite/images/drapeaufr.jpg) no-repeat right top;
}
#haut form a#drapeauen{
background: url(/dynRewrite/images/drapeauen.jpg) no-repeat right top;
}
#haut form h2{
float: right;
display: inline;
color: #FFFFFF;
font-family: arial;
margin: 9px 145px 0 0;
font-size: 12px;
font-weight: normal;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc infos ---------------------------*/
/*-------------------------------------------------------------*/
#haut ul#infos{
display: block;
width: 811px;
height: 122px;
background: url(/dynRewrite/images/fondinfos.jpg) no-repeat left top;
}
#haut a#liensancy{
float: left;
width: 170px;
height: 196px;
}
#haut a#liensaison1{
float: left;
width:18px;
height: 45px;
}
#haut a#liensaison2{
float:left;
height:36px;
margin-top:0;
width:15px;
}
#haut a#lienete{
position: absolute;
top: 0;
left: 165px;
width: 40px;
display: block;
height: 40px;
}
#haut ul#infos li{
float: left;
height: 121px;
list-style: none;
background: url(/dynRewrite/images/bordureinfo.jpg) no-repeat right 13px;
}
#haut ul#infos li h3{
color: #1a171b;
font-family: arial;
font-size: 11px;
height: 25px;
margin: 5px 0 0 0;
}
#haut ul#infos li#info1{
width: 151px;
}
#haut ul#infos li#info1 .default{
width: 151px;
height: 122px;
background: transparent;
}
#haut ul#infos li#info1 .default img{
margin: 0 0 0 0;
float: none;
display:block;
}
#haut ul#infos li#info1 .default table{
background: transparent;
width: 125px;
}
#haut ul#infos li#info1 .default table tr, #haut ul#infos li#info1 .default table tr td{
background: transparent;
}
#haut ul#infos li#info1 .default table .meteo_ville{
padding: 11px 0 0 0;
margin-right: 5px;
background: url(/dynRewrite/images/soleil.jpg) no-repeat right 4px;
color: #1a171b;
font-family: arial;
font-size: 11px;
display: block;
width: 140px;
height: 25px;
font-weight: bold;
text-transform: uppercase;
}
#haut ul#infos li h3#soleil{
padding:6px 0 0 25px;
margin-right: 5px;
background: url(/dynRewrite/images/soleil.jpg) no-repeat right top;
}
#haut ul#infos li h3#webcam{
padding:6px 0 0 25px;
margin-right: 40px;
background: url(/dynRewrite/images/webcam.jpg) no-repeat right top;
}
#haut ul#infos li p#meteo{
text-align: center;
display: block;
height: 45px;
}
#haut ul#infos li#info1 p{
margin-left: 5px;
}
#haut ul#infos li p#meteo img{
float: none;margin: 0;
}
#haut ul#infos li#info2{
width: 145px;
}
#haut ul#infos li#info2 a{
display: block;
text-align: center;
}
#haut ul#infos li#info2 img{
width: 107px;
height: 72px;
border: 0;
float: none;
margin: 0 0 0 0;
}
#haut ul#infos li#info3{
width: 515px;
background: none;
}
#haut ul#infos li img{
float: right;
display: inline;
margin: 16px 9px 0 0;
}
#haut ul#infos li #infotexte{
float: left;
display: inline;
width: 400px;
height: 100px;
margin: 16px 0 0 16px;
}
#haut ul#infos li h1{
font-family: verdana;
font-size: 15px;
margin: 0 0 10px 0;
}
#haut ul#infos li p{
text-align: justify;
color: #1a171b;
font-size: 9px;
font-family: arial;
margin: 0 0 0 0;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc lien-s ---------------------------*/
/*-------------------------------------------------------------*/
#haut ul#lien{
float: left;
width: 192px;
height: 40px;
background: url(/dynRewrite/images/fondlien.jpg) no-repeat left top;
}
#haut ul#lien li{
float: left;
width: 20%;
height: 40px;
text-align: center;
}
#haut ul#lien li a{
display: block;
width: 100%;
height: 40px;
}
#haut ul#lien li a#hlien1{ background: url(/dynRewrite/images/hlien1.jpg) center center no-repeat}
#haut ul#lien li a#hlien2{ background: url(/dynRewrite/images/hlien2.jpg) center center no-repeat}
#haut ul#lien li a#hlien3{ background: url(/dynRewrite/images/hlien3.jpg) center center no-repeat}
#haut ul#lien li a#hlien4{ background: url(/dynRewrite/images/hlien4.jpg) center center no-repeat}
#haut ul#lien li a#hlien5{ background: url(/dynRewrite/images/hlien5.jpg) center center no-repeat}
#haut ul#lien li a#hlien6{ background: url(/dynRewrite/images/hlien6.jpg) center center no-repeat}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*-------------------------------- GAUCHE---------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#gauche{
float: left;
width: 188px;
}
#gauche a#gaucheMtRech{
color: #FFFFFF;
font-family: arial;
font-size: 12px;
font-weight: bold;
}
#gauche a#gaucheMtRech:hover{
text-decoration: underline;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc liens communes -------------*/
/*-------------------------------------------------------------*/
#gauche ul#menucommunes{
display: block;
width: 185px;
height: 372px;
padding-top: 25px;
}
#gauche ul#menucommunes li{
margin-left: 11px;
height: 20px;
}
#gauche ul#menucommunes li a{
font-family: arial;
font-size: 11px;
color: #cfd4e1;
}
#gauche ul#menucommunes li a:hover{
font-weight: bold;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc hebergement-----------------*/
/*-------------------------------------------------------------*/
#gauche #rechhebergement{
margin: 0 0 0 0;
display: block;
width: 185px;
height: 295px;
}
#gauche #rechhebergement h2{
display: block;
height: 20px;
padding-top: 12px;
margin: 0 0 12px 5px;
font-family: arial;
font-size: 8px;
color: #cfd4e1;
padding-left: 25px;
width: 150px;
}
#gauche #rechhebergement p{
float: left;
display: inline;
width: 94%;
margin: 5px 7px 0 7px;
}
#gauche #rechhebergement p#rechsub{ margin-top: 15px; text-align: right;}
#gauche #rechhebergement select{ width: 100%}
#gauche #rechhebergement input{ float: left;width: 96.5%;}
#gauche #rechhebergement input#formrechsub{
float: right;
width: 115px;
height: 25px;
border: 0;
}
#gauche #rechhebergement a{
background:url(/dynRewrite/images/calendrier.jpg) no-repeat right top;
float:right;
height:15px;
width:20px;
margin-top: 5px;
}
/*-------------------------------------------------------------*/
/*--------------- bloc centrale reservation -------------*/
/*-------------------------------------------------------------*/
a#centralereservation{
display: block;
width: 188px;
height: 70px;
}
/*-------------------------------------------------------------*/
/*--------------- bloc centrale reservation -------------*/
/*-------------------------------------------------------------*/
a#easycard{
display: block;
width: 188px;
height: 99px;
}
/*-------------------------------------------------------------*/
/*--------------- bloc espace 1 et 2 --------- -------------*/
/*-------------------------------------------------------------*/
#espace1{
display: block;
width: 186px;
height: 86px;
}
#espace2{
display: block;
width: 186px;
height: 115px;
}
#espace1 a, #espace2 a{
float: left;
display: inline;
font-family: verdana;
font-size: 14px;
margin-left: 17px;
color: #FFFFFF;
padding-left: 25px;
margin-top: 15px
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*-------------------------------- DROITE -------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#droite{
float: right;
width: 192px;
background: url(/dynRewrite/images/fonddroite.jpg) repeat-y right top;
}
#droite h3{
display: block;
height: 27px;
margin: 0 0 0 0;
padding-left: 10px;
font-family: verdana;
font-size: 14px;
color: #858585;
background: url(/dynRewrite/images/droiteh3.jpg) no-repeat left top;
}
#droite h3 span#dtitre1{ float:left;width:110px;margin-top: 5px;}
#droite h3 span#dtitre2{ float:left;width:120px;margin-top: 5px;}
#droite h3 span#dtitre3{ float:left;width:125px;margin-top: 5px;}
/*-------------------------------------------------------------*/
/*--------------- bloc liens droit -------------------------*/
/*-------------------------------------------------------------*/
#droite ul#lesliens{
margin-top: 25px;
}
#droite ul#lesliens li{
margin-left: 12px;
height: 20px;
background: url(/dynRewrite/images/barredliens.jpg) no-repeat left bottom;
}
#droite ul#lesliens li a{
font-family: arial;
font-size: 11px;
color: #00adc6;
padding-left: 28px;
}
#droite ul#lesliens li#mndlien1 a{ background: url(/dynRewrite/images/dlien1.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien2 a{ background: url(/dynRewrite/images/dlien2.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien3 a{ background: url(/dynRewrite/images/dlien3.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien4 a{ background: url(/dynRewrite/images/dlien4.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien5 a{ background: url(/dynRewrite/images/dlien5.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien6 a{ background: url(/dynRewrite/images/dlien6.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien7 a{ background: url(/dynRewrite/images/dlien7.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien8 a{ background: url(/dynRewrite/images/dlien8.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien9 a{ background: url(/dynRewrite/images/dlien9.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien10 a{ background: url(/dynRewrite/images/dlien10.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien11 a{ background: url(/dynRewrite/images/dlien11.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien12 a{ background: url(/dynRewrite/images/dlien12.jpg) no-repeat left top}
#droite ul#lesliens li#mndlien13 a{ background: url(/dynRewrite/images/dlien13.jpg) no-repeat left top}
/*-------------------------------------------------------------*/
/*----------------------- bloc carte-------------------------*/
/*-------------------------------------------------------------*/
#carte{
display: block;
width: 177px;
height: 174px;
margin-left: 7px;
margin-top: 39px;
margin-bottom: 25px;
border: 1px solid #72c8d9;
padding: 0;
}
a#carte img{
border: 0;
width: 177px;
height: 174px;
padding: 0;
margin: 0;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc tag cloud----------------------*/
/*-------------------------------------------------------------*/
#tagCloud{
display: block;
margin: 10px 5px;
}
#tagCloud a{
margin-left: 5px;
font-family: arial;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc club sancy -------------------*/
/*-------------------------------------------------------------*/
#csancy{
display: block;
height: 98px;
margin: 10px 5px;
}
#csancy p{
float: left;
display: inline;
width: 110px;
margin: 0 5px 0 0;
color: #FFFFFF;
font-family: arial;
font-size: 11px;
font-weight: bold;
}
#csancy p span{
color: #00a1b9;
}
a#csancy img{
display: block;
padding: 0;
margin: 0;
border: 0;
}
/*-------------------------------------------------------------*/
/*--------------------- bloc tribu sancy ------------------*/
/*-------------------------------------------------------------*/
#tribusancy{
display: block;
height: 64px;
text-align: justify;
}
#tribusancy a{
float: left;
display: inline;
margin: 22px 0 0 14px;
}
#tribusancy img{
border: 0;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--------------------------- CONTENT-----------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#content{
float: left;
width: 999px;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--------------------------- CONTENT-----------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#centre{
float: left;
width: 619px;
}
#centre #animFlash1{
display: block;
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#centre #animFlash1 img {
display: block;
margin:0;padding: 0;border: 0;
}
#centre #thematique{
display: block;
height: 115px;
}
#centre #thematique #listetemathique{
float: left;
width: 619px;
height: 35px;
}
#centre #thematique img{
width: 619px;
border: 0
}
#centre #thematique #listetemathique h1{
float: left;
display: inline;
margin-left: 25px;
margin-top: 8px;
color: #FFFFFF;
font-family: arial;
font-size: 14px;
}
#centre #thematique #listetemathique h1 span{
font-size: 16px;
}
#centre #thematique #listetemathique ul{
float: right;
display: inline;
width: auto;
margin-top: 7px;
}
#centre #thematique #listetemathique ul li{
float: left;
display: inline;
height: 21px;
width: 21px;
margin-right: 7px;
background: none;
}
#centre #thematique #listetemathique ul li a{
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 14px;
height: 18px;
width: 18px;
float: left;
padding-left:3px;
padding-top:3px;
}
#centre #filariane{
#centre #filariane
display: block;
height: 34px;
background: url(/dynRewrite/images/filariane.jpg) no-repeat left top;
}
#centre #filariane p{
font-family: arial;
font-size: 12px;
margin: 0 0 0 30px;
padding: 10px 0 0 0;
color: #77787a;
width: 580px;
}
#centre #filariane p a{
/*color: #77787a;*/
font-weight: bold;
text-decoration: none;
}
#centre #filariane p a:hover{
text-decoration: underline;
}
#centre ul{
float: left;
width: 206px;
/*border-right: 1px solid #ececec;*/
}
#centre ul li{
display: block;
height: 231px;
background: url(/dynRewrite/images/article.jpg) no-repeat left top;
}
#centre ul li p#lesliens a{
float: left;
display: inline;margin-right: 7px;
}
#centre ul p{
display: block;
margin: 0 5px 0 25px;
font-family: arial;
color: #848587;
font-size: 12px;
text-align: justify;
}
#centre ul p.date{
font-size: 11px;
padding-top: 25px;
}
#centre ul h2{
display: block;
font-family: arial;
color: #00adc6;
font-size: 12px;
margin:0 5px 0 25px;
}
#centre ul a.article{
display: block;
text-align: left;
}
#centre ul img{
border: 0;
}
#centre ul a.ensavoirplus{
display: block;
background: url(/dynRewrite/images/ensavoirplus.jpg) no-repeat left top;
width: 68px;
height: 16px;
margin: 5px 0 0 25px;
}
#centre ul a.bonplan{
display: block;
background: url(/dynRewrite/images/bonplan.png) no-repeat left top;
width: 68px;
height: 16px;
margin: 5px 0 0 25px;
}
ul#listemeubles li #infomeuble p a {
float:right;
}
ul#listemeubles li #infomeuble p.pbonplan {
clear:left;
float:left;
margin-bottom:10px;
width:93%;
}
#centre ul#lesresas, #centre ul#lesagendas{
width:200px;
}
#centre ul#lesresas li, #centre ul#lesagendas li, #centre ul#lesactus li{
height: auto;
padding-top: 25px;
background: none;
}
#centre ul#lesagendas li{
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
}
#centre ul#lesresas li h2, #centre ul#lesagendas li h2, #centre ul#lesactus li h2{
margin-bottom: 10px;
}
#centre ul#lesresas li img, #centre ul#lesagendas li img, #centre ul#lesactus li img{
margin-left: 25px;
}
#centre ul#lesresas li p, #centre ul#lesagendas li p, #centre ul#lesactus li p{
width: 154px;
}
#centre #visuel1{
display: block;
}
#centre #visuel1 img{
display: block;
width: 619px;
border: 0;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------- Article -------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#articleV1, #articleV2, #articleV3,#articleV4,#articleV5, #articleV6{
float: left;
display: inline;
width: 610px;
margin: 0 0 0 5px;
color:#474747;
font-family:Arial;
font-size:8pt;
text-align: justify;
}
#articleV1 ul li, #articleV2 ul li, #articleV3 ul li,#articleV4 ul li,#articleV5 ul li,#articleV6 ul li{
list-style: circle;
}
#articleV1 h2, #articleV2 h2, #articleV3 h2,#articleV4 h2,#articleV5 h2,#articleV6 h2{
color: #057C7A;
margin-left: 14px;
}
/*------ articleV1 -----------*/
#articleV1 img{
float: left;
display: inline;
margin: 0 8px 7px 0;
clear: left;
}
#articleV1 #colonne1{
float: left;
width: 250px;
}
#articleV1 #colonne2{
float: left;
width: 350px;
}
/*------ articleV2 -----------*/
#articleV2 img{
float: right;
display: inline;
margin: 0 0 7px 8px;
clear: right;
}
#articleV2 #colonne2{
float: right;
width: 250px;
}
#articleV2 #colonne1{
float: left;
width: 350px;
}
/*------ articleV3 -----------*/
#articleV3{
margin-left: 0;
}
#articleV3 #letext1, #articleV3 #letext2, #articleV3 #levisuel2, #articleV3 #levisuel3{
float: left;
display: inline;
width: 288px;
margin-left: 14px;
margin-bottom: 20px;
}
#articleV3 #levisuel2, #articleV3 #levisuel3{
text-align: center;
}
#articleV3 #colonne2{
float: left;
display: inline;
margin-left: 5px;
width: 300px;
}
#articleV3 #colonne1{
float: left;
width: 300px;
}
/*------ articleV4 -----------*/
#articleV4{
margin-left: 0;
}
#articleV4 #colonne1, #articleV4 #colonne2{
float: left;
display: inline;
width: 288px;
margin-left: 14px;
margin-bottom: 20px;
text-align: center;
}
#articleV4 .letext{ text-align: justify;}
#articleV4 #colonne1 .letext{ margin-bottom: 20px;}
#articleV4 #colonne2 .letext{ margin-top: 20px;}
/*------ articleV4 -----------*/
#articleV5{
margin-left: 0;
}
#articleV5 #colonne1, #articleV5 #colonne2{
float: left;
display: inline;
width: 288px;
margin-left: 14px;
margin-bottom: 20px;
text-align: center;
}
#articleV5 .letext{ text-align: justify;}
#articleV5 #colonne1 .letext{ margin-top: 20px;}
#articleV5 #colonne2 .letext{ margin-bottom: 20px;}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--------------------- Page Carrefour -------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#pagecarrefourv1, #pagecarrefourv2, #pagecarrefourv3{
float: left;
display: inline;
width: 609px;
margin: 0 0 0 5px;
color:#474747;
font-family:Arial;
font-size:8pt;
text-align: justify;
}
#centre #pagecarrefourv1 ul li p, #centre #pagecarrefourv2 ul li p, #centre #pagecarrefourv3 ul li p{
color:#474747;
font-family:Arial;
font-size:8pt;
text-align:justify;
margin-left: 0;
}
#centre #pagecarrefourv1 p#first{
margin-left: 15px;
}
#pagecarrefourv1 h2, #pagecarrefourv2 h2, #pagecarrefourv3 h2{
color: #057c7a;
margin-left: 22px;
margin-bottom:10px;
}
#pagecarrefourv1 h3, #pagecarrefourv2 h3, #pagecarrefourv3 h3{
margin: 0 0 5px 0;
color:#00ADC6;
font-family:arial;
font-size:13px;
font-style:normal;
text-align: left;
}
#pagecarrefourv1 h3{
margin-left: 15px;
}
#pagecarrefourv1 ul li img, #pagecarrefourv2 ul li img, #pagecarrefourv3 ul li img{
height: auto;
}
/*------ pagecarrefourv2 -----------*/
#pagecarrefourv2 ul{
float: left;
width: 612px;
border: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #474747;
}
#pagecarrefourv2 ul li{
float: left;
width: 405px;
height: auto;
background: none;
}
#pagecarrefourv2 ul li.colimg{
display: inline;
width: 180px;
margin-right: 15px;
}
#pagecarrefourv2 ul li.colimg img{
height: auto;
width: 180px;
}
/*------ pagecarrefourv3 -----------*/
#pagecarrefourv3 ul{
float: right;
display: inline;
width: 283px;
border: 0;
padding:0;
border-bottom: 1px solid #474747;
padding-bottom: 12px;
margin-top: 12px;
margin-bottom: 12px;
margin-right: 10px;
clear: right;
}
#pagecarrefourv3 ul.alaligne{
clear: left;
float: left;
margin-left:15px;
}
#pagecarrefourv3 ul li{
float: left;
height: auto;
padding:0;
background: none;
}
#pagecarrefourv3 ul li.colimg{
float: left;
width: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#pagecarrefourv3 ul li.colimg img{
margin: 0 0 10px 0;
}
#pagecarrefourv3 ul li.colimg img{
display: block;
height:auto;
margin-left:0;
padding-left: 0;
}
#pagecarrefourv3 ul li.colimg object, #pagecarrefourv3 ul li.colimg embed{
float: left;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*-------------------------- Pagination -------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.lapagination{
float: left;
width: 100%;
margin-bottom: 25px;
}
.lapagination a{
font-family: arial;
font-size: 12px;
font-weight: bold;
}
.lapagination .prec{
float: left;
width: 100px;
text-align: left;
}
.lapagination .suiv{
float: right;
width: 70px;
text-align: right;
}
.lapagination .liste_pages{
float: left;
width: 435px;
text-align: center;
}
p#resultatpages{
display: block;
color: #057c7a;
margin: 0 10px 15px 10px;
border-bottom: 2px solid #057c7a;
}
#definitiontypeproduit{
margin: 5px 15px 5px 7px;
font-family: arial;
font-size: 12px;
color: #5C5C5C;
text-align: justify;
}
ul#listemeubles{
float: left;
display: inline;
margin: 0 0 0 10px;
width: 98%;
}
ul#listemeubles li{
float: left;
width: 598px;
margin-bottom: 15px;
background: none;
height: auto;
border-bottom: 2px solid #057c7a;
}
#imgmeuble{
float: left;
width: 190px;
}
ul#listemeubles li #imgmeuble img{
width: 180px;
height: auto;
}
ul#listemeubles li #imgmeuble img.pictos{
clear: left;
width: auto;
margin-right: 7px;
}
ul#listemeubles li #infomeuble img.pictos{
height: auto;
width: auto !important;
}
ul#listemeubles li #infomeuble{
float: left;
width: 405px;
}
#entetedetaille #infomeuble a.ensavoirplus img{ border: 0;}
ul#listemeubles li #infomeuble p{ margin-right: 0;}
ul#listemeubles li #infomeuble p#voirdetail{ display: inline;}
ul#listemeubles li #infomeuble h2{ margin-right: 0;}
#centre ul#listemeubles h2{
margin-left: 0;
}
ul#listemeubles li #infomeuble a{
color: #057C7A;
font-weight: bold;
text-decoration: underline;
}
ul#listemeubles li #infomeuble p#voirdetail a{
float: right;
display: inline;
}
ul#listemeubles li #infomeuble a:hover{ text-decoration: none;}
ul#listemeubles li #infomeuble p#voirdetail{
float: left;
clear: left;
margin-bottom: 10px;
width:93%;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*---------------------- Produit détaillé -----------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--- entete ---*/
#entetedetaille{
float: left;
display: inline;
width: 610px;
margin-left: 5px;
margin-top: 15px;
}
#entetedetaille #imgmeuble img{
width: 180px;
height: auto;
}
#entetedetaille #imgmeuble img.pictos{
clear: left;
width: auto;
margin-right: 7px;
}
#entetedetaille #infomeuble img.pictos{
height: auto;
width: auto !important;
}
#entetedetaille #infomeuble{
float: left;
width: 300px;
}
#entetedetaille #infoLiensNet{
float: right;
width: 100px;
}
#entetedetaille #infoLiensNet a{
float: right;
margin-top: 5px;
clear: right;
}
#entetedetaille #infoLiensNet a img{
border: 0;
}
#entetedetaille h2{
display:block;
font-family:arial;
font-size:15px;
margin:0 5px 0 25px;
}
#entetedetaille p{
color:#848587;
display:block;
font-family:arial;
font-size:12px;
margin:0 5px 0 25px;
}
#entetedetaille #infomeuble a{
color: #057C7A;
font-weight: bold;
text-decoration: underline;
}
#entetedetaille #infomeuble a:hover{
text-decoration: none;
}
/*--- les onglets ---*/
ul#lesonglets{
float: left;
display: inline;
width: 610px;
margin-top: 15px;
margin-left: 5px;
}
ul#lesonglets li{
float: left;
display: inline;
height: 24px;
margin-left: 1px;
background: none;
text-align: center;
}
ul#lesonglets li#ong1{ background: url(/dynRewrite/images/onglets/selongdescr.jpg) no-repeat left bottom;width:76px;}
ul#lesonglets li#ong2{ background: url(/dynRewrite/images/onglets/ongequserv.jpg) no-repeat left bottom;width:140px;}
ul#lesonglets li#ong3{ background: url(/dynRewrite/images/onglets/ongclubSancy.jpg) no-repeat left bottom;width:76px;}
ul#lesonglets li#ong4{ background: url(/dynRewrite/images/onglets/ongtarifs.jpg) no-repeat left bottom;width:37px;}
ul#lesonglets li#ong5{ background: url(/dynRewrite/images/onglets/ongsituation.jpg) no-repeat left bottom;width:54px;}
ul#lesonglets li#ong6{ background: url(/dynRewrite/images/onglets/ongenfant.jpg) no-repeat left bottom;width:44px;}
ul#lesonglets li#ong11{ background: url(/dynRewrite/images/onglets/ongdispos.jpg) no-repeat left bottom;width:46px;}
ul#lesonglets li#ong12{ background: url(/dynRewrite/images/onglets/ongbonsplans.jpg) no-repeat left bottom;width:70px;}
ul#lesonglets li#ong7{ background: url(/dynRewrite/images/onglets/ongphotos.jpg) no-repeat left bottom;width:47px;}
ul#lesonglets li#ong8{ background: url(/dynRewrite/images/onglets/ongvideos.jpg) no-repeat left bottom;width:39px;}
ul#lesonglets li#ong10{ background: url(/dynRewrite/images/onglets/ongphotos.jpg) no-repeat left bottom;width:47px;}
ul#lesonglets li#ongcoin{ background: url(/dynRewrite/images/onglets/ongcoin.jpg) no-repeat left bottom;width:88px;}
ul#lesonglets li#ong1:hover{ background: url(/dynRewrite/images/onglets/selongselongdescr.jpg) no-repeat left top;width:76px;}
ul#lesonglets li#ong2:hover{ background: url(/dynRewrite/images/onglets/selongequserv.jpg) no-repeat left top;width:140px;}
ul#lesonglets li#ong3:hover{ background: url(/dynRewrite/images/onglets/selongclubSancy.jpg) no-repeat left top;width:76px;}
ul#lesonglets li#ong4:hover{ background: url(/dynRewrite/images/onglets/selongtarifs.jpg) no-repeat left top;width:37px;}
ul#lesonglets li#ong5:hover{ background: url(/dynRewrite/images/onglets/selongsituation.jpg) no-repeat left top;width:54px;}
ul#lesonglets li#ong6:hover{ background: url(/dynRewrite/images/onglets/selongenfant.jpg) no-repeat left top;width:44px;}
ul#lesonglets li#ongx:hover{ background: url(/dynRewrite/images/onglets/selongbonsplans.jpg) no-repeat left top;width:70px;}
ul#lesonglets li#ong7:hover{ background: url(/dynRewrite/images/onglets/selongphotos.jpg) no-repeat left top;width:47px;}
ul#lesonglets li#ong8:hover{ background: url(/dynRewrite/images/onglets/selongvideos.jpg) no-repeat left top;width:39px;}
ul#lesonglets li#ong10:hover{ background: url(/dynRewrite/images/onglets/selongcontact.jpg) no-repeat left top;width:47px;}
ul#lesonglets li#ong11:hover{ background: url(/dynRewrite/images/onglets/selongdispos.jpg) no-repeat left bottom;width:46px;}
ul#lesonglets li#ong12:hover{ background: url(/dynRewrite/images/onglets/selongbonsplans.jpg) no-repeat left bottom;width:70px;}
ul#lesonglets li a{
display: block;
color: #FFFFFF;
font-size: 11px;
font-family: arial;
font-weight: bold;
margin-top: 8px;
}
/*--- contenu des onglets ---*/
#cdrtarifs, #cdrequserv, #cdrsituation, #cdrenfant, #cdrphotos, #cdrvideo, #cdrskishop, #cdrdispos, #cdrbonsplans, #cdrcontact, #cdrclubSancy{
float: left;
display: none;
width: 597px;
padding: 5px;
margin-left: 6px;
font-family:arial;
font-size: 13px;
text-align: justify;
color:#5C5C5C;
border: 1px solid #636364;
background-color: #eae9e9;
}
#cdrdescr{
float: left;
display: inline;
width: 597px;
margin-left: 6px;
font-family:arial;
font-size: 13px;
text-align: justify;
color:#5C5C5C;
padding: 5px;
border: 1px solid #636364;
background-color: #eae9e9;
}
#cdrdescr p, #cdrtarifs p, #cdrequserv p, #cdrsituation p, #cdrenfant p, #cdrphotos p, #cdrvideo p, #cdrskishop p, #cdrdispos p, #cdrbonsplans p, #cdrcontact p{
color:#5c5c5c;
display:block;
font-family:arial;
font-size: 13px;
text-align: justify;
margin: 2px;
float: left;
display: inline;
width: 100%;
height: auto;
margin: 0 0 4px 0;
}
#cdrdescr span, #cdrtarifs span, #cdrequserv span, #cdrsituation span, #cdrenfant span, #cdrphotos span, #cdrvideo span, #cdrskishop span, #cdrdispos span, #cdrbonsplans span, #cdrcontact span{
color:#5c5c5c;
display:block;
font-family:arial;
font-size: 13px;
text-align: justify;
margin: 2px;
float: left;
display: inline;
width: 50%;
height: auto;
margin: 0 0 4px 0;
}
#cdrequserv p span{
float: left;
width: 290px;
}
#cdrdescr h2, #cdrtarifs h2, #cdrequserv h2, #cdrsituation h2, #cdrenfant h2, #cdrphotos h2, #cdrvideo h2, #cdrskishop h2, #cdrdispos h2, #cdrbonsplans h2, #cdrcontact h2{
margin: 15px 0 10px 0;
font-family: arial;
font-size: 14px;
float: left;
width: 100%;
display: inline;
}
ul#diaporama{
float: left;
width: 600px;
margin-top: 10px;
}
ul#diaporama li{
float: left;
width: 200px;
height: auto;
background: none;
text-align: center;
margin-bottom: 10px;
}
#cartegoogle{
float: left;
display: inline;
width: 500px;
height: 350px;
margin-left: 50px;
margin-top: 10px;
}
#cartegoogle span{
visibility: hidden;
}
#ongphot{
display: block;
clear: left;
overflow: hidden;
text-align: center;
}
#cdrphotos ul#diaporama li img{
border: 1px solid #5c5c5c;
width: 100px;
cursor: pointer;
}
#ongphot img{
border: 2px solid #5c5c5c
}
a.retour{
color:#057C7A;
font-weight:bold;
margin: 7px 0 0 6px;
font-family: arial;
font-size: 12px;
background: url(/dynRewrite/images/revenirliste.jpg);
width: 103px;
height: 16px;
float: left;display: inline;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--------------- Moteur de recherche detaille ---------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
form#moteurRechAvance{
float:left;
}
form#moteurRechAvance h2{
float: left;
display: inline;
width: 610px;
margin: 15px 0 5px 5px;
font-family: arial;
font-size: 16px;
}
form#moteurRechAvance .acote{
float: left;
display: inline;
width: 295px;
margin-right: 12px;
}
form#moteurRechAvance a#cacheAffiche{
float: right;
display: inline;
width: 224px;
height: 25px;
clear: both;
margin-top: 7px;
margin-bottom: 10px;
}
form#moteurRechAvance .acote p{
width: 287px;
}
form#moteurRechAvance .acote p select{
width: 146px;
}
form#moteurRechAvance .acote p label{
width: 135px
}
form#moteurRechAvance p{
float: left;
display: inline;
width: 590px;
margin: 3px 0 0 5px;
color: #5C5C5C;
font-family: arial;
font-size: 12px;
}
form#moteurRechAvance p.dynamiquep{
margin-left: 20px;
width: 590px;
}
form#moteurRechAvance p span{
float: left;
width: 290px;
height: 25px
}
form#moteurRechAvance label{
float: left;
display: inline;
width: 140px;
margin-top: 2px;
color: #5C5C5C;
font-family: arial;
font-size: 12px;
}
form#moteurRechAvance label.checklab{
width: auto;
}
form#moteurRechAvance input{
float: left;
}
form#moteurRechAvance select{
width:242px;
}
form#moteurRechAvance h3{
float: left;
display: inline;
width: 600px;
margin: 5px 0 5px 10px;
color: #5C5C5C;
font-family: arial;
font-size: 14px;
}
form#moteurRechAvance #blocaffinement select{
width: 135px;
}
/*-------------------------------------------------------------*/
/*---------------- liste annuaire activites ------------------*/
/*-------------------------------------------------------------*/
ul#annuaireActivite{
display:block;
float:left;
display: inline;
margin:15px;
width:95%;
}
ul#annuaireActivite li{
display: block;
float: left;
background: none;
height: auto;
width: 100%;
margin-bottom: 25px;
}
ul#annuaireActivite li img{
width: 40px;
height: 41px;
float: left;
display: inline;
margin-right: 15px;
}
ul#annuaireActivite li a, ul#annuaireActivite li p{
float: left;
width : 500px;
margin-left: 0;
text-align: justify;
}
ul#annuaireActivite li a{
font-weight: bold;
width : auto;
}
ul#annuaireActivite li a:hover{
text-decoration: underline;
}
/*-------------------------------------------------------------*/
/*----------------------- grand evenement ------------------*/
/*-------------------------------------------------------------*/
#cadreAnimation h2{
margin-left: 30px;
margin-top: 10px;
}
#cadreAnimation p{
margin-left: 30px;
font-weight: bold;
}
table#grandEvenement{
margin-top: 10px;
border: 1px solid #057c7a;
font-family:arial;
font-size:11px;
}
table#grandEvenement td.AW_Table_Entete{
background-color: #00858e;
}
table#grandEvenement td.AW_table_Ligne1{
background-color: #eaeeef;
}
table#grandEvenement a:hover{
text-decoration: underline;
}
#cadreAnimation form#leForm{
float: left;
display: inline;
width:560px;
margin-left: 30px;
padding-bottom: 12px;
}
#cadreAnimation form#leForm p{
float: left;
display: inline;
width: 86%;
margin-top: 10px;
}
#cadreAnimation form#leForm label{
float: left;
width: 70px;
padding-right: 10px;
text-align: right;
font-family: arial;
font-size: 12px;
font-weight: normal;
}
#cadreAnimation form#leForm select{ float: left;}
#cadreAnimation form#leForm input{ float: right;}
#cadreAnimation form#leForm input.calendar{ float: left;width: 70px;}
#cadreAnimation form#leForm a{ float: left;}
#cadreAnimation form#leForm img{ border: 0;}
/*-------------------------------------------------------------*/
/*---------------- liste articles recherche -----------------*/
/*-------------------------------------------------------------*/
ul#listeArticles{
display:block;
float:left;
display: inline;
margin:15px;
width:95%;
}
ul#listeArticles li{
display: block;
float: left;
background: none;
height: auto;
width: 100%;
margin-bottom: 25px;
}
ul#listeArticles li a:hover {
text-decoration: underline;
}
ul#listeArticles li a {
font-weight: bold;
width: auto;
}
ul#listeArticles li a, ul#listeArticles li p {
float: left;
margin-left: 0;
text-align: justify;
width: 575px;
}
p.reponseRech{
font-weight: bold;
color: #848587;
font-family: arial;
font-size: 12px;
}
/*-------------------------------------------------------------*/
/*--------------------------- Bulletin Neige ------------------*/
/*-------------------------------------------------------------*/
.bulletinsynthetique{
position: absolute;
visibility : hidden;
border: 2px solid #047d78;
background-color: #8edbe5;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 300px;
padding: 7px;
}
.bulletinsynthetique p{
color: #000000;
font-family: arial;
font-size: 11px;
}
#centre ul#bulletinNeige{
width: 619px;
}
#centre ul#bulletinNeige li{
float:left;
width: 100%;
background: none;
height: auto;
}
#centre ul#bulletinNeige img{
height: 13px;
}
#centre ul#bulletinNeige li p, #centre ul#bulletinNeige li h2{
float: left;
width: 100%
}
#centre ul#bulletinNeige li#general{
margin-bottom: 25px;
}
#centre ul#bulletinNeige li.infoPistes{
margin-bottom: 12px;
}
#centre ul#bulletinNeige li.infoPistes span{
float: left;
width: 270px;
}
#centre ul#bulletinNeige li.infoPistes h2{
margin-left: 50px;
display: inline;
}
#centre ul#bulletinNeige li.infoPistes p{
margin-left: 70px;
display: block;
}
#centre ul#bulletinNeige span.colorpistes{
width: 105px;
float: left;
text-align: right;
}
#centre ul#bulletinNeige li.lititre{
padding-top:6px;
background: url(/dynRewrite/images/bn-trait2.gif) no-repeat center top;
}
#cdrdispos span.Style2{
color:#FFFFFF;
font-weight:bold;
font-family:Arial;
font-size:8pt;
}
table.tabdetailBn {
margin: 0 auto 0 auto;
}