*{
	margin:0; padding:0;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	/*border: 1px solid blue;*/
}
html, body
{
   height:100%;
   max-height:100%;
   background-color:#999;
   margin: 20px;
}
img{
	border: 0;
}
a{
	text-decoration:none;
	color:#333;
}
input{
	display:block;
	margin: 2px 0 8px 0;
	font-size:10px;	
}
form{
	padding-left: 6px
}
#global {
	position: absolute;
	width: 878px;
	left: 50%;
	margin-left: -439px;
	background: url("/javax.faces.resource/images/global_fond.gif.xhtml");
	background-repeat: repeat-y ;
	background-color:#FFF;	
}
#annonceaccueil{
	position: absolute;
	top: 81px;
	left: 322px;
	height: 400px;
	width: 80px;
	z-index:1;
}
#header{
	width: 878px;
	height: 161px;
	background: url("/javax.faces.resource/images/header_fond.jpg.xhtml") no-repeat;
}
#headerconnexion{
	width: 878px;
	height: 161px;
	background: url("/javax.faces.resource/images/header_connexion_2021.png.xhtml") no-repeat;
}
#logo{
	position: absolute;
	left: 82px;
	height: 160px;
	width: 160px;
}
#colgauche{
	float: left;
	width: 160px;
	padding: 0 0 20px 0;	
}
#corpsaccueil{
	float: left;
	width: 540px;
	padding: 90px 10px 20px 10px;
	background: url("/javax.faces.resource/images/corpsaccueil_fond.jpg.xhtml") no-repeat;
}
#corpsconnexion{
	width: 678px;
	padding: 40px 0 20px 200px;
}
#coldroite{
	float: left;
	width: 148px;
	padding: 80px 0 20px 0;
	background: url("/javax.faces.resource/images/coldroiteaccueil_fond.jpg.xhtml") no-repeat;
}
#footer{
	clear: left;
	width: 878px;
	height: 20px;
	padding: 5px 0;
	background-color:#E60005;
	font-size: 10px;
	color: #FFF;
	text-align: center;
}
#footer a {
	color: #FFF;
}
h1{
	font-size: 24px;
	color: #E60005;
	padding-bottom: 10px;
	background-image:url("/javax.faces.resource/images/line_separation.gif.xhtml");
	background-repeat: repeat-x;
	background-position: bottom;
}
#corpsconnexion h1{
	width:478px;
	font-size: 24px;
	color: #E60005;
	padding-bottom: 30px;
	background-image:none;
}
h2{
	font-size: 16px;
	color: #E60005;
	margin-top : 10px;
	margin-bottom : 10px;
}
hr{
	clear:both;
	border:0;
	color: #FFF;
	margin : 10px 0;
	height : 5px;
	background-image:url("/javax.faces.resource/images/line_separation.gif.xhtml");
	background-repeat: repeat-x;
}
h3{
	color: #333;
	font-weight: bold;
	font-size: 14px;
}
#corps p, corps a{
	color: #333;
	font-size: 10px;
}
#corpsconnexion p{
	width:478px;
	color: #333;
	font-size: 12px;
	margin-bottom: 20px;
}
#colgauche a, #coldroite a{
	color: #333;
}
#colgauche p{
	font-size:12px;
}
#colgauche a:hover, #coldroite a:hover{
	color: #333;
}
#colgauche li{
	display : block;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid white;
}
#colgauche li a{
	display : block;
}
#colgauche h3{
	font-size: 12px;
	font-weight:bold;
	padding: 4px 0 10px 10px;
}
#colgauche p a{
	display:block;
	padding: 0;
	color: #333;
}
#colgauche p{
	font-size:10px;
	padding: 4px 0 4px 10px;
}
#corpsaccueil p{
	margin-bottom: 15px;
	color: #333;
	font-size: 11px;
}
#corpsaccueil h3{
	padding-bottom: 4px;
}
#corpsaccueil ul{
	padding: 0 0 8px 0;	
}
#corpsaccueil li{
	display : block;
	color: #333;
	padding: 0 0 5px 0px;
}
#coldroite h3{
	font-size: 12px;
	font-weight:bold;
	padding: 4px 0 0 10px;
}
#coldroite ul{
	padding: 4px 0 0 10px;	
}
#coldroite li{
	list-style-type:none;	
	display : block;
	padding: 0 0 7px 0;
}
.imgscreen{
}
.body_mention {
    background-color: #FFF;
    margin: -20px;
    padding: 30px;
    display: table;
}
.corpsgauche{
	float: left;
	width: 258px;
	margin-right: 20px;
}
.corpsdroite{
	float: left;
	width: 258px;
}
.hr{
	clear:both;
	margin : 10px 0;
}
.a{
	text-decoration: none;

}
a:hover{
	text-decoration: #0000FF underline;
}