/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */
@media screen, print, projection
{

body {
	
	background-color:#232325;
}
img {
	border: none;
}

h1{
	font-size:14px;
	margin:5px;
	text-decoration:none;
	font-weight:bold;
	text-transform: uppercase;
	color: #666;
/*	color:#FFFFFF; */	
}
h2{
	font-size:16px;
	text-decoration:none;
	color: #999;
	margin:10px;
	font-weight:normal;
}
li{
	margin-left:10px;	
}
p{
	font-size:12px;
	text-decoration:none;
	color: #666;
	font-weight:normal;
	margin:5px;
}
	#title 
	{
		position : relative;
		top      : 0px;
		margin   : 0.2em;
		padding  : 0.5em;
		z-index  : 3;
	}
	
	#pros
	{	
		position  : absolute;
		right : 54%;
		width : 320px;
		margin : 2%;
		top : 150px;
		padding-right: 100px;
		padding-left :0.5%;
		padding-top :0.5%;
		padding-bottom :0.5%;
		z-index : 1;
		color:#666;
	}

.text_div{
	position : absolute;
	right:0px;
	margin-top:30px;
	padding-left: 20px;
	padding-top : 30px;
	top: 380px;	
	bottom: 0px;
/*	color: #999;*/
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 60%;
	background-color:white;
	height: auto;
}

.text_div_accueil{
	position : absolute;
	right:0px;
	margin-top:30px;
	padding-left: 20px;
	padding-top : 50px;
	top: 480px;	
	bottom: 0px;
/*	color: #999;*/
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 60%;
	background-color:white;
	height: auto;
}

	#cons 
	{
		position  : absolute;
		right : 0;
		width : 60%;
		top: 280px;
		padding-left: 10px;
		height:auto;
		padding-bottom:40px;
		z-index : 1;
		background-color:#FFF;
		color:#666;
	}
	#cons_agenda 
	{
		position  : absolute;
		right : 0;
		width : 60%;
		top: 160px;
		padding-left: 10px;
		height:640px;
		z-index : 1;
		background-color:#FFF;
		color:#666;
	}

	#cons_accueil 
	{
		position  : absolute;
		right : 0;
		width : 60%;
		bottom:0px;
		padding-left: 10px;
		z-index : 1;
		background-color:#FFF;
		top : 250px;
		color:#666;
	}
	
.gris_droite_accueil	{
 	height:250px; 
	background-color:#232325;
	width:100%; 
	margin-left:0px;	
}	
	
.gris_droite	{
 	height:130px; 
	background-color:#232325;
	width:100%; 
	margin-left:0px;	
}	
	
#central_accueil
	{
		position : absolute;
		top : 170px;
		left:42%;
		margin-left: -90px;
		width : 710px;
		height: 260px;
		z-index : 2;
		text-align:center;
		background-color:#333333;
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
		font-size:12px;
		padding:0px;
	}
	#central
	{
		position : absolute;
		top : 172px;
		left:45%;
		margin-left: -90px;
		width : 710px;
		height:380px;
		z-index : 2;
		text-align:center;
		background-color:#333333;
		color: #FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
		font-size:12px;
		padding:10px;
	}
	#central_agenda
	{
		position : absolute;
		top : 192px;
		color: #FFFFFF;
		left:45%;
		margin-left: -90px;
		width : 710px;
		height:540px;
		z-index : 2;
		text-align:center;
		background-color:#333333;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
		font-size:12px;
		padding:5px;
	}

	.header{
	margin:auto;
	width:990px;
	height:80px;
	position:relative;
}
.header_menu{
	position:absolute;
	bottom:0;
}
.header_logo{
	float:right;
	padding-top:20px;
}
.div_recherche{
	left:44%;
	width:500px;
	height:60px;
	position:relative;
}
.recherche{
	color: #FFF;
	margin-right:160px;
	margin-top:40px;
}
.recherche_input{
	background-color:#3B3A3F;
	border:1px #3B3A3F solid;
	color: white; /*#717173;*/
	margin-left:5px;
}
.login_input{
	background-color:#3B3A3F;
	border:0px;
	color: white; /*#717173;*/
	margin-left:5px;
}
a{
	color: #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover{
	color: #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:visited{
	color: #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:link{
	color: #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.selcted{
	font-weight:bold;
	color:#FFF;}
.diapo_select{
	width:120px;
	height:43px;
	position:absolute;
	background-color:#CCC;
	margin-top:140px;
	left:39%;
	margin-left: -90px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:3;	
}
.diapo_select_bleu{
	width:120px;
	height:43px;
	position:absolute;
	background-color: #09F;
	margin-top:140px;
	left:39%;
	margin-left: -90px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:3;	
}
.diapo_select_violet{
	width:120px;
	height:43px;
	position:absolute;
	background-color: #63C;
	margin-top:140px;
	left:39%;
	margin-left: -90px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:3;	
}
.diapo_pastille{
	float:left;
	width:41px;
	height:41px;
	margin:auto;
	
}
.diapo_fleche{
	float:right;
	margin:auto;
	width:74px;
	height:41px;
	
		
}
	.conteneur_icon{
	margin-top:0px;
	float: left;	
}
.conteneur_title{
	margin-left:40px;
	margin-top:0px;
	width:300px;	
}
.conteneur_text{
	color:#AEA99F;
	text-align:justify;
	margin-top:10px;
	margin-left:40px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
}
.conteneur_text_accueil{
	color:#AEA99F;
	text-align:justify;
	margin-top:10px;
	margin-left:40px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.conteneur_bas{
	width:300px;
	height:180px;
	bottom:2px;
	position:relative;
	margin-left:0px;	
}
.agenda_image{
	margin-right:80px;
	margin-left:40px;
	margin-top:100px;
	width:300px;
}
.baton{
	margin-left:40px;
	margin-top:5px;
}
.agenda_date{
	margin-left:40px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.agenda_titre{
	margin-left:40px;
	margin-top:10px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.agenda_affiche{
	text-align:center;
}
.ligne{
	border-bottom: #666666 1px solid;
	margin-left:40px;
	margin-right:10px;
	height:10px;
	bottom:0;
}
.ligne_list{
	border-bottom: #666666 1px solid;
	height:2px;
}
.conteneur_footer{
	position: absolute;
	padding: 10px;
	bottom: 0px;
	color: #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
}
.conteneur_footer_accueil{
	position: absolute;
	padding:10px;
	bottom: 0px;
	color: #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
}
.conteneur_accueil{
	position:absolute;
	padding:20px;
	top:300px;
	color: #999;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.diapo_agenda{
	width:710px;
	height:	auto;
	position:relative;
	margin-left:300px;
	margin-top:30px;
	z-index:2;
	background-color:#3B3A3F;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
}
.paginate{
	position:absolute;
	margin-right:80px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.bouton{
	background-color:#F90;
	color: #FFFFFF;
	font-weight:bold;
	font-size:14px;
}
.bouton_dispo{
	background-color: #63C;;
	color: #FFFFFF;
	font-weight:bold;
	font-size:14px;

}
.orange{
	background-color: #f39800;
	color: #FFFFFF;
	font-weight:bold;
}
.orangeDetail{
	background-color: #868686;
	color: #FFFFFF;
	font-weight:bold;
}
}