/* CSS Document */



body {

	width:auto;
	height:auto;
	font-family:verdana, arial, sans-serif;
	background-color:#fff;

}

.photo{
	height:100px;
	width:200px;
}




.haut {


width:800px;
height: 63px;
background-color:#fff;
text-align:center;


}

.haut img{

/*float:left;*/

}
.contractant {

width:800px;
height: 33px;
background-image:url(../Image/DECOUPES/BANDEAU-CONTRACTANT.jpg);

font-size:14px;


}


.bandeOrange {

width:800px;
height: 14px;
background-color:#F29400;

}




.conteneur {

background-color:#CCCCCC;
top:30px;
height:400px;
width:800px;

}



.gauche {
	
	
	width:200px;
	height:400px;
	
	
	float: left;
	z-index:0;
	margin-top:5px;
	overflow:auto;
	
	
}

.texte_ref {
	
	float: right;
	z-index:0;
	margin-top:5px;
	overflow:auto;
}


.gauche_img{

margin-top:5px;
vertical-align:middle;
text-align:center;


}



.droite {
	width:150px;
	height:300px;
	vertical-align:middle;
	float: right;
	z-index:0;
	margin-top:20px;
	margin-right:4px;
	overflow:auto;
	background-color:#F29400;
}

.droite_img{

margin-top:5px;
vertical-align:top;
text-align:center;


}

.droite_leg{


}




.frame{
	width:600px;
	height:390px;
	font-size:14px;
	float:left;
	padding-top: 10px;
	margin: 0px;
	overflow:auto;
	text-align:left;
	
}



.bas{
	width:800px;
	height:62px;
	background:#fff;
}

.ConteneurMenu{
	background-color: #857870;
	height : 20px;
	width:800px;
}

.bordure{
	height : 20px;
	width : 2%;
	float : left;
}

.Drapeau{
	/*left:23px;*/
	height : 20px;
	width : 13%;
	float : left;
	border:none;
}

.Drapeau dl{
	margin:3px;
	cursor:pointer;
	position : relative ; top : -2px ;
}

.Drapeau dl a img{
	border:none;
}

.chemin{
	font-size: 7pt;
}

.BandOMenu {
	height : 20px;
	width:85%;
	color: #fff;/*pour les menus utilisant un sous_menu*/
	font: 50% verdana, arial, sans-serif;
	float:left;
	z-index:300;
}


dl{
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	/*padding: 0;*/
	list-style-type: none;
	float:left;
}

dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;

}


#menu {

	/* placement du menu*/

	color: #fff;/*pour les menus utilisant un sous_menu*/
	
	z-index:300;

	position : relative ; top : -12px ;
	
	font-size: 7pt;
}

/*position des menus les uns par rapport aux autres*/

#menu dl { 
/*float:left;*/
width: 12em;
text-align:left;
vertical-align:top;

}

#menu dt { /*menu*/
cursor: pointer;
text-align: left;
font-weight: bold;
}

#menu dd {/*sous menu*/

/*color:#FF33CC;*/

position:absolute;
z-index:600;
display: none;

width:14em;
text-align: left;
/*font-weight: bold;*/
/*background:#857870;*/
background:#CCCCCC;

}

#menu li {/*façon dont les sous menu sont listés*/

	text-align: left;
	font-weight: bold;
/*background-image:url(../Image/DECOUPES/BANDEAU-ORANGE.jpg);*/

}

/*
#menu ul{
/*modif*/
/*
z-index:600;*/
/*
display:block;



}
*/

#menu dt a {/*les menus qui sont directement des liens*/
	color: #fff;
	text-decoration: none;
}


#menu li a {/*les sous menus qui sont des liens*/
	color: #fff;
	text-decoration: none;/*on n'utilise pas le style de lien par défaut*/
	display: block;
	height: 100%;
	padding:8px ;
	/*margin-top:2px;*/
	margin-bottom:2px;
	background:#857870;
}


.lien_ref{
	color: #fff;
	text-decoration: none;/*on n'utilise pas le style d elien par défaut*/
	font-weight:bold;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #999999;


}

.Agauche{
	width:300px;
	height:400px;
	float: left;
	overflow:auto;
}

.Ref{
width:500px;
	
	height:400px;
	
	
	font-size:14px;
	
	
	float:left;
	overflow:auto;
	text-align:left;
}

#erreur{
	color:#FF0000;
	font-weight:bold;
	font-size: 9pt;
}