<style type="text/css">
BODY {
	margin: 1px;
	background-color:#000000;
	text-align:center;
}
a {
	color:#0055A0;
	text-decoration:none;
}
a:hover {
	color:#0055A0;
	text-decoration:underline;
}
.page {
	margin-top:0%;
	min-width:800px;
	width:75%;
	background-color:#EDEDED;
}
.logo {

	text-align:center;
	height:auto;
	padding-top:1%;
}

ul#contenu_page {
	list-style-type:none;
}

ul#contenu_page li{
	float: left ;
}

.contenu_droite {

	width:55%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:none;
	margin-top:15px;
	margin-left:auto;
	margin-right:0;
	height:auto;
	text-align:center;
	color:#333333;
}
.contenu_droite_legende {
	width:87%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-style:italic;
	font-weight:none;
	margin-top:15px;
	margin-left:0;
	margin-right:0;
	height:auto;
	text-align:justify;
	color:#333333;
}
.cadre_pres_soc {
	text-align:center;
	height:auto;
	font-weight:none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#333333;
}
.contenu_gauche {
	width:40%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:none;
	color:#333333;
	margin-top:15px;
	margin-left:15px;
}

.contenu_gauche_presentation {
	height:auto;
	text-align:justify;
	margin-top:10px;
	width:85%;
}

div.contenu_gauche_titres {

	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

div.contenu_gauche_titres a {

	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight:bold;
	color:#0055A0;
	text-decoration:none;
}
div.contenu_gauche_titres a:hover {

	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight:bold;
	color:#0055A0;
	text-decoration:underline;
}
.contenu_gauche_presentation a:hover {
	color:#0055A0;
	text-decoration:none;
}
.contenu_gauche_presentation a:hover {
	color:#0055A0;
	text-decoration:underline;
}

/*Affichage du message sur la Une = fermeture de la photothèque*/
#backDiv {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:black;
	z-index:99;
	/* pour IE */
	filter: alpha(opacity=50);
	/* pour mozilla gecko */
	-moz-opacity:0.5;
	/* pour ceux qui respectent le standard CSS3 */
	opacity: 0.5;
}

#message {
	position: absolute;
	left: 15%;
	top: 50%;
	
	width: 25%;
	/*position:absolute;*/
	z-index:100;
	overflow:visible;
	/*margin-left:23%;*/
/*	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#000000', Positive='true');*/
}

div#message a { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}

div#message INPUT { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	border:solid 1px;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
}

div#message a:hover { 
	color:#FF3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}

.titre_message {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	height:auto;
	text-align:center;
	border-bottom:dotted 1px;
}

.contenu_message {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:13px;
	font-weight:none;
	padding-top: 2em;
	min-height: 4em;
	text-align:center;
}

.valid_message {
	text-align:right;
	height:auto;
}

.valid_message_bas {
	margin-bottom:0px;
	text-align:right;
	background:#fff;
	height:auto;
	border-top:dotted 1px;
}

.croix_message {
	width:auto;
	height:auto;
	margin-right:1px;
}

#news_ul {
	/*margin-top:2em;*/
	margin-bottom:0.5em;
}
/* un bloc de news */
.news {
	float: left;
	text-align: left;
	width: 31%;
	margin: 1em;
	padding:0px;
}

.titre_news {
	background-image:url('../images/menu_unselect.png');
	background-repeat: repeat-x;
	background-color: #333333;
	border-bottom:1px solid;
	color:#CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:bold;
	height: 15px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	vertical-align: middle;
	text-align: left;
	padding-left: 5%;
	text-decoration:none;
	vertical-align:middle;
	width:95%;
}

.texte_news {
	margin:0px;
	border-left: 1px dashed #333333;
	border-right: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
	border-color:black;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 0%;
	padding-bottom: 0.5em;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:justify;
	text-decoration:none;
	width:91%;
	background-color:#DDDDDD;
	height: 220px;
}
.texte_news a {
	color:#0055A0;
	text-decoration:none;
}
.texte_news a:hover{
	color:#0055A0;
	text-decoration:underline;
}
.news h3 {
	margin-top: 0;
	font-size:10px;
}

.img_news {
	margin: 2px;
}
.bouton124 a, .bouton164 a, .bouton64 a {
	color: #CCCCCC;
}
.bouton124 a:hover , .bouton164 a:hover, .bouton64 a:hover{
	color: #FFFFFF;
}
.INPUT_NOK {
	border:solid 1px;
	background-color:#FF3333;
}

.erreur {
color: red;
font-weight: bold;
font-size: 12px;
}
.bannieres {
	vertical-align:middle;
}
#bannieres ul {
margin-top:1%;
	width:70%;
}
</style>
