html, body { topmargin: 0;
}
body {
font-family:arial ;
font-size: 10px;
}
/*#conteneur {
position: relative;
min-height: 100%;
height: 100%;
width: 800px;
voice-family: inherit;
background-color: silver;
margin: 0 auto;
}*/
html>body #conteneur {
height: auto;
}
#headerlou{
z-index:2;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 80px;
background-color: blue;
text-align: center;
}
A {
color: #000000;
text-decoration: none;
}
A:hover {
color: #F08817;
text-decoration: underline;
}
ul.menu {
list-style:none; margin:0; padding:0;
}
ul.menu * {
margin:0; padding:0;
z-index:50;
}
/*couleur et position texte menu */
ul.menu a {
color: #ffffff;
text-decoration: none;
display: block;
margin-left: 0px;
position: relative;
top: -1px;
left: 0px;
text-indent: 13px;
line-height: 18px;
font-size: 11px;
text-align: left;
}
ul.menu a:hover {
color: #FE8122;
text-decoration: none;
}
/*position barre principale menu*/
ul.menu li {
position:relative;
top:1px;
left:0px;
float:left;
margin-right:1px;
}
ul.menu ul {
position:absolute;
top:20px; left:1px;
display:none;
opacity:0;
list-style:none;
}
/*proprietées des sous menu*/
ul.menu ul li {
position:relative;
top:5px;
left:-1px;
border:0px ;
border-top:none;
width:160px;
}
/*couleur de fond des sous menu GRIS*/
ul.menu ul li a {
display:block; padding:3px 7px 5px;
background-color:#F08817;
width:160px;
text-indent: 5px;
}
/*couleur de fond reactive des sous menu ou si tu prefere la couleur que quand tu met le doit dessus ORANGE*/
ul.menu ul li a:hover {
background-color:#5C3B27;
width:160px;
}
ul.menu ul ul {
left:160px; top:-1px;
}
/*habilage et taille des menus avec sous menu*/
ul.menu .menulink {
border:0px solid #aaa;
padding:2px 4.6px 2px 10px ;
font-weight:bold;
background:url(images/header_over.gif);
width:127px;
height: 21px;
z-index:20;
}
ul.menu .menulink:hover, ul.menu .menuhover {
background:url(images/header.gif);
z-index:20;
}
ul.menu .sub {
background:#d1d1d1 url(images/arrow.gif) 160px 8px no-repeat;
}
ul.menu .topline {
border-top:1px solid #aaa;
}
#contenu {
position: relative;
/* min-height: 100%;*/
height: 410px;
width: 1000px;
/* voice-family: "\"}\"";
voice-family: inherit;*/
margin: 0 auto;
}
#attente {
z-index:1;
position: absolute;
top: 0px;
left: 230px;
height: 400px;
width: 766px;
/*border: blue 1px solid; */
overflow: auto;
}
.footer {
position: relative;
top: 0px;
}
.footeracc {
position: relative;
top: 0px;
}
.txtfooter {
font: 10px/1.0 , arial, helvetica, sans-serif;
background-color:#F08817;
font-weight:bold;
color: #ffffff;
}
.motscle {
height: 100px;
width: 100px;
font-size: 10px;
color: #000000;
}
A.txtfooter: hover {
color: #000000;
text-decoration: underline;
}
#reponse{
position: relative;
top: -160px;
left: 129px;
height:230px;
}
#reponse2{
position: relative;
top: -360px;
left: 10px;
height:230px;
}
#reponse_det{
position: relative;
top: -160px;
left: 129px;
height:0px;
}
#td.reponse{
position: relative;
top: 0px;
left: -102px;
width:270px;
height:180px;
}
#td.rechtd{
position: relative;
top: 0px;
left: -102px;
width:270px;
height:280px;
}
#rech{
position: relative;
top: 5px;
left: 20px;
width: 100px;
height: 198px;
visibility: visible;
display: block;
font-size: 12px ;
font-family:arial ;
color : #000000;
font-weight: 300;
}
#news{
position: relative;
top: -67px;
left: -13px;
width: 100px;
height: 198px;
visibility: visible;
display: block;
/*width:175px;*/
}
#news2{
position: relative;
top: -29px;
left: 7px;
width: 100px;
height: 198px;
visibility: visible;
display: block;
/*width:175px;*/
}
#listetitre{
background-color: #EFE2D1;
font-size: 14px ;color : #FF9900;
font-weight: 900;
width: 245px;
}
#listesuite{
background-color: #EFE2D1;
font-size: 11px ;color : #FF9900;
font-weight: 600;
width: 245px;
}
#listefin{
background-color: #EFE2D1;
font-size: 9px ;color : #000000;
font-weight: 300;
width: 245px;
}
/*#nbrpiece{
width:60px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
}*/
.titrecat{
position:absolute;
top:-455px;
left: -20px;
width:265px;
background-color: #EFE2D1;
font-size: 14px ;color : #FF9900;
}
#titre_cat{
position:absolute;
top:-225px;
left: 525px;
width:325px;
font-weight: 900;
background-color: #EFE2D1;
font-size: 14px ;color : #FF9900;
}
.titrecat{
position:absolute;
top:-230px;
left: 70px;
width:265px;
background-color: #EFE2D1;
font-size: 16px ;color : #FF9900;
}
#affdet{
position: absolute;
top: -120px;
left: 22px;
width: 240px;
height:200px;
background-color: #EFE2D1;
font-size: 19px ;color : #000000;
display: block;
}
#detail_frame{
position: absolute;
top: 0px;
left: 365px;
width: 110px;
height:200px;
background-color: #EFE2D1;
font-size: 11px ;color : #000000;
display: block;
z-index:50;
}
#a0{
position:absolute;
top:-180px;
left: 90px;
width:240px;
height:240px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
display: block;
overflow: hidden;
}
#a1{
position:absolute;
top:-180px;
left:352px;
width:240px;
height:240px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
display: block;
overflow: hidden;
}
#a2{
position: absolute;
top:-180px;
left:620px;
width:240px;
height:240px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
display: block;
overflow: hidden;/**/
}
#a3{
position: absolute;
top: 90px;
left: 90px;
width:240px;
height:240px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
display: block;
overflow: hidden;
}
#a4{
position: absolute;
top: 90px;
left:352px;
width:240px;
height:240px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
display: block;
overflow: hidden;
}
#a5{
position: absolute;
top: 90px;
left:620px;
width:240px;
height:240px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
display: block;
overflow: hidden;
}
#b1{
position:absolute;
top:-40px;
left:0px;
height:267px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
}
#b2{
position: absolute;
top:185px;
left:0px;
height:72px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
}
#b3{
position: absolute;
top:185px;
left:127px;
height:72px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
}
#b4{
position: absolute;
top:185px;
left:252px;
height:72px;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
}
#b5{
display: none;
}
#b6{
display: none;
}
#b7{
display: none;
}
#b8{
display: none;
}
#b9{
display: none;
}
#b10{
display: none;
}
#b11{
display: none;
}
#b12{
display: none;
}
#b13{
display: none;
}
#b14{
display: none;
}
#b15{
display: none;
}
#coupcoeur {
position: relative;
top: 190px;
left: 0px;
width: 500px;
height: 400px;
visibility: visible;
display: block ;
}
#couv1{
position:absolute;
top:95px;
left:20px;
cursor:hand;
width:85px;
overflow: hidden;
}
#couv2{
position:relative;
top:95px;
left:110px;
cursor:hand;
width:85px;
overflow: hidden;
}
#couv3{
position:absolute;
top:95px;
left:200px;
cursor:hand;
width:85px;
overflow: hidden;
}
#couv4{
position:absolute;
top:95px;
left:290px;
cursor:hand;
width:85px;
overflow: hidden;
}
#couv5{
display: none;
}
#couv6{
display: none;
}
#couv7{
display: none;
}
#couv8{
display: none;
}
#couv9{
display: none;
}
#couv10{
display: none;
}
#couv11{
display: none;
}
#couv12{
display: none;
}
#couv13{
display: none;
}
#couv14{
display: none;
}
#couv15{
display: none;
}
#listecouv{
position: absolute;
top:-100px;
left:350px;
width: 150px;
font-weight: 900;
background-color:#EFE2D1;
font-size: 14px ;color : #EFE2D1;
}
#listecouvsuit{
position: absolute;
top:50px;
left:350px;
width: 150px;
background-color:#EFE2D1;
font-size: 12px ;color : #EFE2D1;
}
#nouveaute{
position: relative;
top:-140px;
left:20px;
width:150px;
}
#listecoul{
width: 120px;
font-weight: 900;
background-color:#EFE2D1;
font-size: 11px ;color : #000000;
}
#listecoulsuit{
width: 50px;
background-color:#EFE2D1;
font-size: 10px ;color : #000000;
}
#coul1{
position:absolute;
top:10px;
left:0px;
width:107px;
overflow: hidden;
}
#coul2{
position: absolute;
top:10px;
left:120px;
width:107px;
overflow: hidden;
}
#coul3{
position: absolute;
top:145px;
left:0px;
width: 100px;
width:107px;
overflow: hidden;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
}
#coul4{
position: absolute;
top:145px;
left:120px;
width: 100px;
width:107px;
overflow: hidden;
background-color: #EFE2D1;
font-size: 9px ;color : #FF9900;
}
#coul5{
display: none;
}
#coul6{
display: none;
}
#coul7{
display: none;
}
#coul8{
display: none;
}
#coul9{
display: none;
}
#coul10{
display: none;
}
#coul11{
display: none;
}
#coul12{
display: none;
}
#coul13{
display: none;
}
#coul14{
display: none;
}
#coul15{
display: none;
}
#det1{
position:absolute;
top:-195px;
left:90px;
height:235px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
/*width:450px;*/
overflow: hidden;
}
#det2{
position:absolute;
top:50px;
left:90px;
height:65px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
width:85px;
overflow: hidden;
}
#det3{
position:absolute;
top:50px;
left:180px;
height:65px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
width:85px;
overflow: hidden;
}
#det4{
position:absolute;
top:50px;
left:270px;
height:65px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
width:85px;
overflow: hidden;
}
#det5{
position:absolute;
top:50px;
left:360px;
height:65px;
background-color:#EFE2D1;
font-size: 9px ;color : #FF9900;
width:85px;
overflow: hidden;
}
#det6{
display: none;
}
#det7{
display: none;
}
#det8{
display: none;
}
#det9{
display: none;
}
#det10{
display: none;
}
#det11{
display: none;
}
#det12{
display: none;
}
#det13{
display: none;
}
#detail_retour{
position: relative;
top: -230px;
left: 80px;
width: 350px;
z-index:30;
background-color: #EFE2D1;
font-size: 12px ;color : #000000;
}
#detail_cat{
position: relative;
top: -250px;
left: 525px;
width: 300px;
z-index:30;
background-color: #EFE2D1;
font-size: 12px ;color : #000000;
}
#detail_champs{
position: relative;
top: -250px;
left: 520px;
width: 250px;
z-index:30;
background-color: #EFE2D1;
font-size: 11px ;color : #000000;
}
#nbrpages{
position: absolute;
top: -217px;
left: 350px;
width: 245px;
z-index:5;
background-color: #EFE2D1;
font-size: 13px ;color : #000000;
}
#nbrpageimah{
position: absolute;
top: -225px;
left: 280px;
width: 245px;
z-index:5;
}
#nbrpagesb{
position: absolute;
top: 367px;
left: 400px;
width: 245px;
z-index:30;
background-color: #EFE2D1;
font-size: 13px ;color : #000000;
}
#nbrpageimab{
position: absolute;
top: 360px;
left: 330px;
z-index:35;
}
#resteg{
position: relative;
top:20px;
left:22px;
width:450px;
height: 400px;
}
.titres1{
font-size: 12px ;
font-family:arial ;
color : #F08817;
font-weight: 600;
line-height: 20px;
}
.titres2{
font-size: 14px ;
font-family:arial ;
color : #F08817;
font-weight: 600;
line-height: 20px;
}
.texte{
font-size: 11px ;
font-family:arial ;
color : #000000;
font-weight: 300;
line-height: 15px;
}
.textemention{
font-size: 11px ;
font-family:arial ;
color : #000000;
font-weight: 300;
line-height: 15px;
height: 200px;
}
.textec{
font-size: 10px ;
font-family:arial ;
color : #000000;
font-weight: 300;
line-height: 10px;
}
.texte2col1{
font-size: 11px ;
font-family:arial ;
color : #000000;
font-weight: 300;
line-height: 15px;
position: relative;
top:-30px;
left:0px;
width:110px;
height: 150px;
}
.texte2col2{
font-size: 11px ;
font-family:arial ;
color : #000000;
font-weight: 300;
line-height: 15px;
position: relative;
top:-350px;
left:250px;
width:100px;
height: 350px;
/*border-left-color: #FE8122;
border-style: none none none double;*/
}
#rested{
position: relative;
top:-22px;
left:-10px;
width:270px;
height: 160px;
padding-left: 20px;
background:url(images/fondverti.jpg);
}
#fcgr{
position: relative;
top:-660px;
left:370px;
width:100px;
}
.titresd1{
font-size: 12px ;
font-family:arial ;
color : #F08817;
font-weight: 600;
line-height: 20px;
}
.titresd2{
font-size: 14px ;
font-family:arial ;
color : #F08817;
font-weight: 600;
line-height: 20px;
}
.texted{
font-size: 11px ;
font-family:arial ;
color : #000000;
font-weight: 300;
line-height: 15px;
z-index:30;
}
#rested_foto{
position: relative;
top:10px;
left:-10px;
width:200px;
height: 150px;
padding-left: 20px;
border-style: solid;
}