body
{
	color: #000000;
	font-family: Verdana, Arial, Serif;
	background: url('../img/bg.jpg') repeat-y #888888 top center;
	padding: 0;
	margin: 0;
}

img { border: 0; } img a { border: 0; } img a:hover { border: 0; } 
.cls { clear: both; }

/* ************** FORM ************** */
input
{
	border: 1px dashed #00336A;
	padding: 0 3px 0 3px;
	background-color: #F5F4F4;
	background-image : url('../img/input.gif');
	border: 1px solid #C8C8C8;
}

input.bouton_ok
{
	background-image : url('../img/input.gif');
	cursor: pointer !important;
	height : 20px;
	margin : 3px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #C8C8C8;
	font-size: 12px;
	font-family: Verdana, Arial, Serif;
}

input.bouton_ok:hover
{
	border: 1px solid #C6D880;
}

input.bouton_annuler
{
	background-image : url('../img/input.gif');
	cursor: pointer !important;
	height : 20px;
	margin : 3px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #C8C8C8;
	font-size: 11px;
	font-family: Verdana, Arial, Serif;
}

input.bouton_annuler:hover
{
	border: 1px solid #fbc2c4;
}

textarea
{
	padding: 0 3px 0 3px;
	background-color: #FAFAFA;
	border: 1px solid #C8C8C8;
}


/* ************** TRAITEMENT ************** */
#blocinfo
{
	margin: auto;
	margin-top: 40%;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	width: 70%;
	border: 1px dashed black;
}

.bloc_err
{
	text-align: center;
	padding: 15px 0 15px 0;
	color: red;
	margin: auto;
	margin: 15px 20px 15px 20px;
	background-color: #FFC4C4;
	border: 1px solid red;
}


#global
{
	width: 740px;
	margin: auto;
}

#header
{
	background: url('../img/degrad_menu.jpg') repeat-x;
	height: 29px;
	width: 742px;
	line-height: 29px;
	color: #DADADA;
	font-size: 10px;
}

	#header #date
	{
		float: left;
		padding-left: 10px;
	}

#banniere
{
	background: url('../img/banniere.jpg') no-repeat;
	width: 742px;
	height: 129px;
	padding: 0;
	margin: 0;
}

#menu
{
	background: url('../img/degrad_menu.jpg') repeat-x;
	height: 29px;
	width: 742px;
	padding-bottom: 20px;
	line-height: 28px;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
}

	#menu a
	{
		color: #FFFFFF;
		text-decoration: none;
		border: 0;
	}
	#menu a:hover
	{
		color: #FF9C00;
		text-decoration: none;
		border: 0;
	}

span.dbarres
{
	color: #FF9C00;
}


#contenu
{
	text-align: justify;
	padding: 0 10px 0 10px;
	font-family: Verdana, Arial, Serif;
	font-size: 12px;
	color: #000000;
}

a
{
	text-decoration: none;
	color: #1D5697;
	border-bottom: 1px dashed #1D5697;
}

a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #FF9C00;
	color: #FF9C00;
}

	.titre
	{
		color: #1D5697;
		font-size: 18px;
		border-bottom: 1px solid #EBEBEB;
		margin-bottom: 7px;
		font-family: "Trebuchet MS";
		letter-spacing: 2px;

	}
	
	#edito
	{
		border: 1px solid #EBEBEB;
		background-color: #FAFAFA;
		width: 600px;
		margin: auto;
		padding: 5px;
		margin-bottom: 20px;
	}
	
	.news_date
	{
		color: #737373;
		line-height: 15px;
	}
	
	.news_titre a, .news_archives a
	{
		text-decoration: none;
		border-bottom: 1px dashed #1D5697;
		color: #1D5697;
	}	
	
	.news_titre a:hover, .news_archives a:hover
	{
		text-decoration: none;
		border-bottom: 1px dotted #FF9C00;
		color: #FF9C00;
	}	
	
	.news_archives
	{
		text-align: center;
	}
	
	#news_aff_date
	{
		color: #737373;
		text-align: right;
		font-style: italic;
	}
	

	
	
	
	.bloc_left
	{
		float: left;
		width: 450px;
	}
	
	.rea_aff
	{
		width: 30%;
		float: left;
		border: 1px solid #EBEBEB;
		margin: 0 0 0 15px;
		background-color: #FAFAFA;
		padding: 2px;
	}
	
	.rea_aff .titrerea
	{
		font-weight: bold;
	}
	
	.rea_aff .daterea
	{
		font-style: italic;
		color: #737373;
		font-size: 11px;
	}
	
	.rea_aff .imgrea
	{
		text-align: center;
		padding: 5px 0 5px 0;
	}
	
	.imgrea a { border: 0; } .imgrea a:hover { border: 0; } 
	
	.rea_aff .categrea
	{
		font-style: italic;
		color: #737373;
		font-size: 11px;
		text-align:right;
	}
	
	
	
	
	
	

	.bloc_right
	{
		float: right;
		width: 250px;
	}
	
		.bloc_right #pub
		{
			width: 200px;
			height: 200px;
			border: 1px solid #EBEBEB;
			background-color: #FAFAFA;
			margin: auto;
			margin-bottom: 10px;
		}


#footer
{
	margin-top: 20px;
	background: url('../img/degrad_menu.jpg') repeat-x;
	height: 29px;
	width: 742px;
	clear: both;
	text-align: center;
	line-height: 29px;
	color: #DADADA;
	font-size: 10px;
	/*position: fixed;
	bottom: 0;*/
}

#end, #end a
{
	margin: auto;
	margin-top: 5px;
	width: 700px;
	/*height: 60px;*/
	text-align: center;
	border: none;
}




/* ####### REA ####### */
.rea_b
{
	background-repeat: no-repeat;
	width: 712px;
	height: 100px;
	margin: auto;
}

.rea_b div
{
	padding: 10px 10px 10px 250px;
	font-size: 18px;
	font-weight: bold;
}

.rea_b span
{
	font-size: 12px;
	font-weight: normal;
	color: #1D5697;
}


/* ####### CV ####### */
.cv-left
{
	float: left;
	width: 180px;
	font-weight: bold;
	text-align: right;
	/*clear: both;*/
}

.cv-right
{
	border-left: 180px solid #FAFAFA;
	margin: 0;
	padding-left: 10px;
	width: 520px;
	margin-bottom: 10px;
}

.cv-right ul { margin: 0; }

.apropos p
{
	text-indent: 20px;
	text-align: justify;
}


/* ####### LIVREOR ####### */
#form_livreor
{
	border-bottom: 1px solid #C8C8C8;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#form_livreor li
{
	font-weight: bold;
}




/* ####### CONTACT ####### */
label.label_cote_contact
{
	width: 25%;
	clear: left;
	float: left;
	text-align: right;
	margin-right: 15px;
}

label.label_cote_connex
{
	width: 35%;
	clear: left;
	float: left;
	text-align: right;
	margin-right: 20px;
}

fieldset
{
	/*border: 1px solid #54A6FF;*/
	border: none;
}

legend
{
   color: #FF9C00;
   font-weight: bold;
}