/* CSS Document */
html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#746a72;
}

a{
	color:#000000;
}

img{
	border:0;
}

/* entete de la page */

#header{
	background-image:url(../images/header.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/header.png');
	_background-image: none;
	height:98px;
	width:900px;
}

#rejoigneznous{
	display:block;
	margin-top:24px;
	_margin-top:24px;
	height:29px;
	width:119px;
	background-image:url(../images/rejoignez-nous.png);
	float:left;
	margin-left:224px;
	_margin-left:110px;
	background-repeat:no-repeat;
}

#rejoigneznous:hover{
	background-image:url(../images/rejoignez-nou_hover.png);
}

#version_fr{
	display:block;
	float:left;
	padding-top:20px;
	margin-left:260px;
}

#version_uk{
	display:block;
	float:left;
	padding-top:20px;
	margin-left:30px;
}

/* contenu principal */

#accueil{
	_background-image:url(../images/fond.jpg);
	width:900px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:0;
	min-height:100%;
	margin-left:-450px;
	border-left:1px #990000 solid;
	border-right:1px #990000 solid;
}

#gabarit_1{
	background-color:#f0ede6;
	width:900px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:0;
	min-height:100%;
	margin-left:-450px;
	border-left:1px #990000 solid;
	border-right:1px #990000 solid;
}

#gabarit_2{
	background-color:#f0ede6;
	width:900px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:0;
	min-height:100%;
	margin-left:-450px;
	border-left:1px #990000 solid;
	border-right:1px #990000 solid;
}

#gabarit_3{
	background-color:#f0ede6;
	width:900px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:0;
	min-height:100%;
	margin-left:-450px;
	border-left:1px #990000 solid;
	border-right:1px #990000 solid;
}

#gabarit_4{
	background-color:#f0ede6;
	width:900px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:0;
	min-height:100%;
	margin-left:-450px;
	border-left:1px #990000 solid;
	border-right:1px #990000 solid;
}


h1{
	margin:0;
	padding:0;
	margin-top:10px;
	color:#696f77;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

h2{
	margin:0;
	padding:0;
	margin-top:10px;
	color:#696f77;
	font-size:14px;
	font-weight:bold;
}

h3{
	margin:0;
	padding:0;
	margin-top:10px;
	color:#aa0018;
	font-size:13px;
}

h5{
	color:#FFFFFF;
	background-color:#696f77;
	display:inline;
	padding-left:4px;
	padding-right:8px;
	padding-bottom:3px;
	padding-top:1px;
	font-size:12px;
}

ul{
	margin:0;
	padding:0;
	padding-left:19px;
}

li{
	list-style-image:url(../images/li_standard.png);
}

a{
	color:#000000;
}

.rouge{
	color:#aa0018;
	font-weight:bold;
	text-decoration:none;
}

.gris{
	color:#696f77;
}

/* banniere */

#banniere{
	float:left;
	width:665px;
	font-weight:bold;
	font-size:11px;
	padding-right:28px;
	text-align:right;
}

#gabarit_1 #banniere{
	background-image:url(../images/banniere_standard.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/banniere_standard.png');
	_background-image: none;
	height:44px;
}

#gabarit_2 #banniere{
	background-image:url(../images/banniere_standard.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/banniere_standard.png');
	_background-image: none;
	height:44px;
}

#gabarit_3 #banniere{
	background-image:url(../images/banniere_standard.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/banniere_standard.png');
	_background-image: none;
	height:44px;
}

#gabarit_4 #banniere{
	background-image:url(../images/banniere_standard.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/banniere_standard.png');
	_background-image: none;
	height:44px;
}

#accueil #banniere{
	background-image:url(../images/banniere_accueil.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/banniere_accueil.png');
	_background-image: none;
	height:70px;
	padding-right:0px;
	width:693px;
}

/* cadre pour le texte principal (au milieu de la page) */

#main{
	float:left;
	padding-bottom:40px;
	padding-left:10px;
}

#main p{
	margin:0;
	padding:0;
	padding-bottom:10px;
}

#accueil #main{
	width:440px;
}

#gabarit_1 #main{
	width:240px;
}

#gabarit_2 #main{
	width:680px;
	_width:660px;
}

#gabarit_3 #main{
	width:680px;
	_width:660px;
}

#gabarit_4 #main{
	width:450px;
	_width:430px;
}

#menu .rouge{
	margin-left:15px;
}


/* rond en bas */

#ptit_rond{
	width:200px;
	_width:190px;
	padding-bottom:30px;
}

#ptit_rond img{
	margin-top:12px;
	display:block;
	float:left;
}

#ptit_rond div{
	margin-top:10px;
	float:left;
	width:140px;
	margin-left:10px;
}

#ptit_rond a{
	text-decoration:none;
}

#ptit_rond h2{
	margin:0;
	padding:0;
}


#cadre_haut label{
	width:225px;
	|width:224px;
	display:block;
	float:left;
	font-weight:bold;
}

#cadre_haut .last{
	width:160px;
}

#cadre_haut select{
	border:1px solid;
	width:210px;
	margin-right:15px;
}

#cadre_haut #select_1{
	border-color:#aa0018;
}

#cadre_haut #select_2{
	border-color:#696f77;
}

#cadre_haut .champ{
	border:1px solid #c9c0ac;
	width:160px;
	|width:158px;
}

/* caracteristique commune a tout les cadres */

.cadre{
	font-size:11px;
	float:left;
	margin-left:15px;
	z-index:10;
	margin-top:10px;
}

.cadre h4{
	color:#FFFFFF;
	background-color:#aa0018;
	display:inline;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
}

.cadre div{
	background-color:#e3dfd2;
	padding:5px;
	margin-bottom:20px;
}

.cadre li{
	margin-bottom:10px;
}


/* cadre gris sur la coté droite dans la page d'accueil */

#accueil .cadre{
	width:220px;
}

/* cadre gris sur la coté droite dans le gabarit 1 */

#gabarit_1 .cadre{
	width:400px;
}

#gabarit_1 .cadre div{
	/*position:absolute;*/
	width:400px;
	top:167px;
	bottom:0px;
	left:472px;
}

#gabarit_4 .cadre{
	width:198px;
}

#gabarit_4 .cadre div{
	background-color:#dad4c4;
	padding:0px;
}

#gabarit_4 .cadre div h3{
	margin-top:0px;
}

#gabarit_4 .cadre div img{
}
/* footer */

#footer{
	position:fixed;
	_position:relative;
	bottom:0px;
	width:900px;
	left:50%;
	margin-left:-449px;
	_margin-left:-450px;
}

#img_rond{
	display:block;
	_display:none;
	position:fixed;

	background-image:url(../images/fond.jpg);
	background-position:bottom;

	width:902px;
	height:2000px;

	bottom:0px;
	left:50%;
	margin-left:-450px;
	z-index:0;

}

.equipe{
	float:left;
	width:215px;
	_width:210px;
	margin-right:10px;
	height:250px;
	overflow:auto;
}

.equipe div{
	float:left;
	width:150px;
	_width:145px;
	margin-left:5px;
}

.equipe img{
	margin-top:10px;
	margin-right:8px;
	margin-bottom:5px;
	float:left;
}

#plan_du_site{
	margin-left:10px;
}

#plan_du_site li{
	list-style:none;
	font-weight:bold;
}

#plan_du_site li ul li{
	list-style-image:url(../images/li_standard.png);
	font-weight:normal;
}

#plan_du_site li a{
	text-decoration:none;
}

#plan_du_site li ul li ul{
	margin:0;
	padding:0;
	margin-left:12px;
}

#plan_du_site li ul li ul li{
list-style:disc;
	font-weight:normal;
}