/**********  global   ***********/
*{
	margin: 0px;
	padding: 0px;
}

body, html {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	color: #064e74;
	height: 100%;
	width: 100%;
	background: url(images/fond_rouge.gif);
	}

td{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	text-align: justify;
}

table.align{
	margin: 3px;
	padding: 3px;
}

p{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	text-align: justify;
	margin: 3px;
	padding: 3px;
}

h1,h2{
	font-weight: lighter; 
	font-size: 11px;
}

input, textarea, select{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: #808a92 solid 1px;
	background: #f0f4f8;
	font-size: 11px;
	color: #064e74;
	font-weight: lighter;
	vertical-align: middle;
}

.bold{
	font-weight: bold;
}

a{
	text-decoration: none;
}

li{
  margin-left:15px;
}

ul{
	
	margin: 03px;
	padding: 03px;
}

.spacer{
	clear: both;
}

/**********  structure   ***********/

#haut{
	height: 260px;
	background: url(images/fond_bann.jpg) repeat-x;
	/*border: #0f0 solid 1px;*/
}

#page{
	background: url(images/fond_bleu.gif);
	/*border: #00CC00 solid 1px;*/
	border-bottom: #fff solid 3px;
	padding-bottom: 40px;
}

#conteneur{
	width: 950px;
	margin: auto;
	/*border: #f00 solid 1px;*/
}

#colonne_menu{
	width: 190px;
	float: left;
	/*border: #ff0 solid 1px;*/
}

#colonne_contenu{
	width: 705px;
	float: right;
	background: #fff;
	padding: 10px 10px 0px 20px;
	/*border: #0ff solid 1px;*/
}

/**********  banniere   ***********/

#banniere{
	position: relative;
	width: 950px;
	height: 260px;
	margin: auto;
	zindex: 1;
	
}

/**********  sous menu   ***********/

#sous_menu{
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 0px;
	/*border: #0ff solid 1px;*/
	margin-bottom: 8px;
	zindex: 1;
}

#sous_menu a{
	color: #fff;
}

#sous_menu a:hover{
	color: #ffa8ac;
}

.bouton_ok{
	border: none;
}
/**********  menu   ***********/

.menu{
	width: 151px;
	height: 21px;
	font-size: 13px;
	font-weight: bold;
	color: #004c65;
	background: url(images/fond_menu.jpg) no-repeat -181px 0px;
	display: block;
	/*border: #0ff solid 1px;*/
	padding: 6px 0px 0px 30px;
	margin: 6px 0px 0px 0px; 
}

.menu:hover{
	color: #bb0611;
	background: url(images/fond_menu.jpg) no-repeat 0px 0px;
}

/**********  contenu   ***********/

#titre{
	width: 735px;
	height: 57px;
	float: right;
	margin: 0px 0px 0px 20px;
	/*border: #00f solid 1px;*/
}

.barre_bas_contenu{
	margin: 0px 0px 0px -20px;
	float: right;
}

#colonne_texte{
	float: left;
	border-left: #122975 solid 1px;
	border-right: #122975 solid 1px;
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 0px;
	width: 440px;
	min-height: 312px;
}
*html #colonne_texte{
	height: 312px;
}

#colonne_images{
	float: right;
	width: 235px;
}

/**********  footer   ***********/
.credit{
	font-size: 10px;
	float: right;
	color: #c29c9e;
	background: url(images/fond_credit.gif) no-repeat right;
	margin: 3px 12px 5px 0px;
	padding: 0px 16px 0px 0px;
}
.credit:hover{
	color: #fff;
}

.mention{
	font-size: 10px;
	float: left;
	color: #c29c9e;
	margin: 3px 0px 5px 12px;
	padding: 0px 0px 0px 0px;
}

.mentions{
	color: #fff;
}


/**********  accueil 16/01/08   ***********/

#fond_accueil{
	height: 438px;
	width: 100%;
	background: url(images/fond_bande_accueil.gif) repeat-x;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -219px;
	/*border: #f00 solid 1px;*/
}

#accueil{
	height: 438px;
	width: 1000px;
	background: url(images/fond_accueil.jpg) no-repeat;
	/*border: #00f solid 1px;*/
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -219px;;	
}

#accueil_bas{
	height: 77px;
	width: 100%;
	background: url(images/fond_accueil_bas.png) no-repeat ;
	behavior: url(transparence/iepngfix.htc);
	/*border: #00f solid 1px;*/
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: 219px;;	
}

#accueil_haut{
	height: 31px;
	width: 100%;
	background: url(images/fond_accueil_haut.png) no-repeat;
	behavior: url(transparence/iepngfix.htc);
	/*border: #00f solid 1px;*/
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -250px;;	
}

#edito{
	font-size: 10px;
	text-align: justify;
	position: absolute;
	width: 290px;
	height: 130px;
	top: 50%;
	left: 0px;
	margin-top: -185px;
	margin-left: 24px;
	/*border: #00f solid 1px*/;
}

#edito p{
	/*border: #00f solid 1px;*/
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*height:1.5em;*/
}

#actu{
	position: absolute;
	width: 300px;
	height: 70px;
	top: 50%;
	left: 602px;
	margin-top: -160px;
	margin-left: 24px;
	/*border: #00f solid 1px;*/
}

#menu{
	position: absolute;
	width: 600px;
	height: 20px;
	top: 50%;
	left: 340px;
	margin-top: -238px;
	z-index: 2;
	/*border: #00f solid 1px;*/
}

#menu a{
	display: block;
	background-repeat: no-repeat;
	height: 12px;
	font-size:1px;
	/*border: #00f solid 1px;*/
	float:left;
}
#menu a:hover{
	background-position: 0px -12px;
	
}

#groupe{
	color: #fff;
	font-weight: bold;
	position: absolute;
	width: 400px;
	height: 130px;
	top: 50%;
	left: 20px;
	margin-top: 225px;
	/*border: #00f solid 1px;*/
	z-index: 2;
}

.groupe_acc{
	color: #fff;
	font-weight: bold;
	/*border: #00f solid 1px;*/
	z-index: 2;
}

.credit_accueil{
	font-size: 10px;
	float: right;
	color: #5178b0;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: 280px;
	/*background: url(images/fond_credit.gif) no-repeat right;*/
/*	margin: 3px 12px 5px 0px;*/
	padding: 0px 16px 0px 0px;
}
.credit_accueil:hover{
	color: #91add7;
}

.mention_accueil{
	font-size: 10px;
	color: #5178b0;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: 280px;
	/*margin-left: 24px;*/

}

.mention_accueil:hover{
	color: #91add7;
}