body{
background: #444444 url(yo.png) no-repeat top center;
font-size:12px;
text-align:center;
min-width:1024px;
font-family:arial;
}
.logo{
position:absolute;
}
.cadre{
background-color:#D9D9D9;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
width:30%;
height:300px;
margin: 0px auto 0px auto;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.tableau{
}
.formulaire{
padding:20px;
background-color:#E2EAF4;
text-align:center;
border:5px;
border-style:outset;
border-color:grey;
width:50%;
margin: 0px auto 0px auto;
}
.formulairebon{
background-color:#D9D9D9;
opacity:0.2;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:60%;
margin: 0px auto 0px auto;
}
.formulairebon:hover{
background-color:#D9D9D9;
opacity:0.9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:60%;
margin: 0px auto 0px auto;
}
.litige{
background-color:#ffffff;
opacity:0.2;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:45%;
margin: 0px auto 0px auto;
position: absolute;
top: 50px;
left: 1050px;
}
.litige:hover{
background-color:#ffffff;
opacity:0.9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:45%;
margin: 0px auto 0px auto;
position: absolute;
top: 50px;
left: 1050px;
}
.validation{
background-color:#E2EAF4;
background-image:url(image_062_2.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
border:5px;
border-style:solid;
border-color:grey;
width:150px;
height:150px;
margin: 0px auto 0px auto;
}
.erreur{
background-color:white;
text-align:center;
border:2px;
border-style:outset;
border-color:red;
width:30%;
margin: 0px auto 0px auto;
}
.erreur2{
background-color:white;
text-align:center;
border:2px;
border-style:outset;
border-color:red;
width:30%;
margin: 0px auto 0px auto;
}
.titre_page{
top:10px;
left:0px;
text-align:center;
color:red;
font: bold italic large Palatino, serif ;
}
a{
text-decoration:none;
color:#CC3300;
}
a:hover{
text-decoration:none;
color:#FF6633;
font-size:18px;
}
.retour{
text-align:center;
font-size:12px;
}
#cadre_recherche{
font-size:8pt;
background-color:gray;
width:150px;
height:20px;
}
.positioncadre{

position:relative;
width:1000px;
height:500px;
}
.recherchegauche{
top:150px;
left:10px;
position:absolute;
width:200px;

}
.recherchedroit{
top:150px;
left:820px;
position:absolute;
width:200px;

}
.cadre_recherche1{
font-size:12px;
background-color:#D9D9D9;
opacity:0.2;
text-align:center;
border:1px solid #000000;
padding:10px;
border-radius: 20px 20px 20px 20px;
width:150px;
}
.cadre_recherche1:hover{
font-size:12px;
background-color:#D9D9D9;
opacity:0.9;
text-align:center;
border:1px solid #000000;
padding:10px;
border-radius: 20px 20px 20px 20px;
width:150px;
}
.cadre_recherche2{
font-size:10px;
background-color:#ffffff;
text-align:center;
border:1px solid #000000;
padding:10px;
border-radius: 20px 20px 20px 20px;
width:150px;
}
#cadre_result{
text-align: left;
font-size:8pt;
width:150px;
}
.deroul{
min-height:20px;
}
.tarifs{
position: absolute;
opacity:0.2;
text-align:left;
top:0px;
left:830px;
width: 150px;
height:120px;
}
.tarifs:hover{
position: absolute;
opacity:0.9;
text-align:left;
top:0px;
left:830px;
width: 150px;
height:120px;
}