body {
margin: 0px;
padding: 0px;
font-family:Verdana, Helvetica, sans-serif;
font-size:70%;
font-style:normal;
font-weight:normal;
background-image:url(images/back_site_web.jpg);
background-repeat: repeat;
background-color : #B2B2B2;
background-position : center;
} 
A {
color:#7D7D7D;
text-decoration:underline;
font-style:normal;
background-color:inherit;
} 
A:hover {
color:#336699;
text-decoration:none;
background-color:inherit;
font-style:normal;
} 
input, textarea, select, iframe
{
font-size:95%;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
}
.button
{
background-color:#336699;
color:#FFFFFF;
font-weight:bold;
border:1px solid #000000;
padding:2px;
margin:4px;
}
H1
{
    font-size: 170%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #336699;
    background-color: inherit;
    padding-top: 1px;
    margin-bottom: 3px;
}
H2 {
font-size: 140%;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#336699;
background-color:inherit;
padding:0px;
margin:0px;
}
H3 {
font-size: 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#336699;
background-color:inherit;
padding:0px;
margin:0px;
}
H4 {
font-size: 110%;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#336699;
background-color:inherit;
padding:0px;
margin:0px;
}
html{
margin: 0px;
padding: 0px;
height: 100%;
}
th {
font-weight:bold;
background-image:url(images/back_entete.jpg);
background-position : bottom;
padding-right:7px;
padding-top:7px;
text-align:left;
border-top:1px solid #B2B2B2;
}
td {
border-top:1px solid #B2B2B2;
text-align:left;
}
table {
background-color : #FFFFFF;
border:2px solid #E5E5E5;
}
form {margin:0px;padding:0px;}
div#contenuformulaire {width:98%;margin:3px;vertical-align:top;}
div#contenuformulaire div.sautligne {padding:2px;vertical-align:top;width:97%;}
div#contenuformulaire form label {float:left;width:170px;font-weight:bold;padding:2px;}
div#formconnexion {width:98%;margin:3px;vertical-align:top;}
div#formconnexion div.sautligne {padding:2px;vertical-align:top;width:97%;}
div#formconnexion form label {float:left;width:140px;font-weight:bold;padding:2px;}
div#contenucommande {width:98%;margin:3px;}
div#contenucommande div.sautligne {padding:2px;width:97%;text-align:right;}
div#contenucommande form label {float:left;width:270px;font-weight:bold;padding:2px;}
.textepetit
{
font-size: 90%;
}
.menu
{
    font-size: 110%;
    font-weight: bold;
    margin:0px;
    background: url(images/fleche_menu.gif) no-repeat left 1px;
    padding: 1px 14px 4px 20px;
float:left;
position:relative;
}
.information
{
font-weight:bold;
color:#FF0000;
}
.haut
{
font-weight:bold;
color:#E17100;
}
.repondu
{
color:#44BC36;
}
.nouveau
{
color:#FF0000;
}
.entraitement
{
color:#E17100;
}

.promo
{
    font-size: 130%;
    font-weight: bold;
    color: #E17100;
    font-family:Verdana, Helvetica, sans-serif;
}
.textepromo
{
    font-size: 200%;
    font-weight: bold;
    font-style: italic;
    font-family:Verdana, Helvetica, sans-serif;
}
.commonButton {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding:3px;
	width: 80px;
	height: 80px;
	margin:0px;
	cursor: pointer;
	text-align: center;
	float: left;
	text-decoration: underline;
	font-size:90%;
}
.navigation_cadre
{ 
float:right;
width: auto; 
height: auto;
margin: 0px;
padding: 0px;
background-color:inherit;
text-align : right;
}
.fleche_navigation
{
	cursor : pointer;
	border : 0px;
}
#filigrane
{
position:fixed;
display: none;
overflow: auto;
top: 0%;
left: 0%;
width: 100%;
height:100%;
z-index:5000;
background-color:#000000;
-moz-opacity: 0.6;
opacity:0.60;
filter: alpha(opacity=60);
}
#filigrane2
{
position:fixed;
display: none;
overflow: auto;
top: 0%;
left: 0%;
width: 100%;
height:100%;
z-index:5000;
background-color:#000000;
-moz-opacity: 0.6;
opacity:0.60;
filter: alpha(opacity=60);
}
#messagebox, #attentebox
{
display:none;
position:fixed;
top:50%;
left:50%;
z-index:9999;
width:350px;
height:150px;
border:2px solid #B2B2B2;
text-align:center;
overflow: auto;
margin-top: -150px;
margin-right: 0;
margin-bottom: 0;
margin-left: -200px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFFFFF;
font-size: 110%;
font-weight:bold;
}
.loading
{
	height: 20px;
	background: url('images/working.gif') 50% 50% no-repeat;
}
#cadre_central
{ 
position:relative;
width:785px; 
height: 100%; 
margin: 0px auto;
background-color:#ffffff;
}
#cadre_top
{ 
position:relative;
width:785px; 
height: 99px; 
margin: 0px;
padding: 0px;
}
#cadre_logo
{ 
position:relative;
width: 229px; 
height: 99px; 
margin: 0px;
padding: 0px;
float:left;
background-color:inherit;
}
#cadre_menu_recherche
{
position:relative;
width: 546px;
height: 38px;
margin: 0px;
padding: 0px;
float:left;
background-color:inherit;
}
#cadre_recherche
{
position:relative;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
float:right;
background-color:inherit;
text-align : right;
}
#cadre_menu_2
{ 
width:546px; 
height: 37px; 
margin-top :7px;
margin-bottom :0px;
margin-left : 0px;
margin-right :0px;
padding: 0px;
float:left;
background-color:inherit;
text-align : right;
}
.cadre_hebergement
{ 
width:140px; 
height:250px; 
margin:3px;
padding:5px;
float:left;
background-color:inherit;
text-align : left;
border:2px solid #B2B2B2;
}
.cadre_domaine
{ 
width:285px; 
height:150px; 
margin:3px;
padding:5px;
float:left;
background-color:inherit;
text-align : left;
border:2px solid #B2B2B2;
}
#cadre_footer
{ 
width:785px; 
height: 50px; 
margin: 0px;
padding: 0px;
color:#B2B2B2;
}
#navigation
{
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 1px;
	padding-right : 1px;
	float:right;
}
.recherche
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left :2px;
	margin-right : 7px;
	vertical-align : middle;
}
.bouton_panier
{
	float:right;
	text-align : right;
}
.image_commun
{
float:left;
margin:3px;
padding:1px;
border:1px solid #000000;
}
.cadre_pays
{
float:right;
margin:4px;
}
#selection
{
float:left;
border:1px solid #7F7F7F;
background-image:url(images/back_case_hebergement_web.jpg);
background-position:bottom;
width:98%;
margin:2px;
padding:2px;
}
a.info {
    position:relative;
    background:none;
	font-style:normal;
	font-weight:normal;
    z-index:10; 
}
a.info:hover {
    z-index:20; 
	font-style:normal;
	font-weight:normal;
}
a.info span {
    display:none;
	font-style:normal;
	font-weight:normal;
}
a.info:hover span
{
    display: block;
    position: absolute;
    top:5px;
    left:5px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    width:230px;
    height:80px;
    font-family:Verdana, Helvetica, sans-serif;
    font-style: italic;
    font-size: 100%;
    color: #000000;
	font-style:normal;
	font-weight:normal;
    text-decoration: none;
    border:1px solid #7F7F7F;
    background-image:url(images/back_case_hebergement_web.jpg);
    background-position:bottom;
}
a.info2 {
    position:relative;
    background:none;
	font-style:normal;
	font-weight:normal;
    z-index:10; 
}
a.info2:hover {
    z-index:20; 
	font-style:normal;
	font-weight:normal;
}
a.info2 span {
    display:none;
	font-style:normal;
	font-weight:normal;
}
a.info2:hover span
{
    display: block;
    position: absolute;
    top:5px;
    left:5px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    width:230px;
    height:120px;
    font-family:Verdana, Helvetica, sans-serif;
    font-style: italic;
    font-size: 100%;
    color: #000000;
	font-style:normal;
	font-weight:normal;
    text-decoration: none;
    border:1px solid #7F7F7F;
    background-image:url(images/back_case_hebergement_web.jpg);
    background-position:bottom;
}
.affiche_domaine
{
float:left;
width:250px;
border-top:1px solid #7F7F7F;
margin:2px;
padding:2px;
}
.etat_recherche
{
float:left;
width:20px;
}
#cadre_login
{
float:left;
width:290px;
height: 100%;
}
#cadre_enregistrement
{
float:left;
width:485px;
height: 100%;
border-left:1px solid #7F7F7F;
padding-left:5px;
}
#cadre_client
{
width:774px; 
float:left;
position:relative;
border:1px solid #7F7F7F;
padding:5px;
margin-top:9px;
margin-bottom:3px;
background-image:url(images/back_case_hebergement_web.jpg);
background-position:bottom;
}
#menu_client
{
float:left;
position:relative;
width:255px;
}
.detail_compte
{
color:#7D7D7D;
font-weight:bold;
}
