/* CSS Document */
.arial12 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; text-decoration: none; color: #000000}
.arial11 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: none; text-decoration: none; color: #000000}
.arial12_bleu {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-transform: none; color: #447ae7}
.arial12_orange {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-transform: none; color: #FF9900}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #fff;
	margin: 0;
	padding: 0;
	background-color:#e8e8e8;
	text-align:center;
}

#conteneur_principal {
	width:1004px;
	margin: 0 auto;
	text-align:left;
	}
	
	
/*-------titre Liens Boutons-----------------*/	
h1 {
	font-size:12px;
	font-weight:bold;
	color: #447ae7;
	margin: 0 0 4px 0;
	padding:0;
	}
	


h2 {
	font-size:15px;
	color:#f90;
	margin:5px 0 5px 8px;
	padding:0 0 0 12px;
	font-weight:normal;
	background:url(images/puce_h2.gif) no-repeat;
	text-align:left;
}



p{
	margin: 3px 2px 0px 22px;
}

ul {
	padding:0;
	margin: 0 0 0 20px;
}


li {
	list-style-image:url(images/puce.gif)
	}


select {
border: 1px solid #ccc;
width:141px;
margin: 0 0 11px 0;
font-size: 10px;
}

input {
color: #000000;
font-size: 11px;
background-color: #ffffff;
}


a.suite {
	font-size: 11px;
	color: #447AE7;
	text-decoration:underline;
	background:url(images/puce_suite.gif) no-repeat 0px; 
	padding-left: 15px;
}


a{
	font-size: 11px;
	color: #5586E9;
	text-decoration:underline;
}


a.suite2 {
	font-size: 11px;
	text-decoration:underline;
	background:url(images/puce_suite2.gif) no-repeat 0px; 
	padding-left: 15px;
}

.puce_blocs{
	padding-right: 10px;
	display:block;
	text-align:right;
}




.titres_blocs{
	margin-top: 10px;
}

.marge_titre{
	margin: 3px 2px 0px 11px;
}



/*------------------------------*/



#header {
	position: relative;
	width: 100%;
	height: 111px;
	background-image: url(images/bg_header.gif);
	background-color:#4E81E8;
	background-repeat: repeat-x;
}

#header img {
	margin: 0px 0px 0px 10px;
	border:none;
	/*height:108px;*/
}

/*-------------------menu--------------*/

#bloc_menu{
	width: 100%;
	background-image: url(images/bg_menu.gif);
	background-repeat: repeat-x;
	height:35px;
}


#menu li{
  float:left;
  list-style-image:none;
  }


#menu ul {
list-style-image:none;
list-style-type:none;
margin:0pt;
padding:0;
}

#menu li {
display:inline;
margin:0px 4px;
padding:0pt;
}

#menu a span , #menu a:visited span{
color: #3D6ED0;
display:block;
float:none;
padding:5px 15px 4px 12px;
background:url(images/btn_menu_droite.gif) no-repeat right top;
}

#menu a,  #menu a:visited{
background:transparent url(images/btn_menu_gauche.gif) no-repeat left top;
float:left;
margin:10px 0 0 0 ;
padding:0pt 0pt 0pt 4px;
text-decoration:none;
text-align:center;
font-size:14px;
font-weight:bold;
}


#menu a.select, #menu a.select:visited  {
background:transparent url(images/btn_menu_gauche.gif) no-repeat scroll left top;
background-position:0% -26px;
}

#menu a.select span, #menu a.select:visited  span {
color:#FFFFFF;
background:transparent url(images/btn_menu_droite.gif) no-repeat scroll right top;
background-position:100% -26px;
}

#menu a:hover {
background-position:0% -26px;
}

#menu a:hover span{
background-position:100% -26px;
color:#FFFFFF;
}

/*------------------membre---------------------*/

#espace_membre {
	position:absolute;
	right: 24px;
	top:12px;
	width:129px;
	height: 92px;
	border:#CCCCCC solid 1px;
	background-color:#709eff;
}

#ban_hori {
	position:absolute;
	right: 280px;
	top:12px;
	width:468px;
	height: 60px;
	border: none;
	display: inline;
}

#titre_espace_membre {
background-image:url(images/titre_espace_membre.gif);
height: 23px;
margin:0;
padding:0;
}

#espace_membre form{
padding:0;
margin:0;
}

#em1 {
float:left;
width:100px;
height:46px;
padding:0;
}

#espace_membre input{
width: 80px;
text-align:left;
border:#666666 solid 1px;
color:#000;
background-color:#FFFFFF;
margin: 5px 0px 0px 5px;
padding:0;
}

#em2{
float:left;
width:25px;
height:46px;
padding: 0; 
}

.btnGo{
height: 15px;
width: 19px;
background:url(images/bouton_fleche.gif);
border:none;
margin-top: 25px;

}

*+html #em2 .btnGo{
margin-top: 28px;
}


#em3{
float:left;
height:19px;
width:100px;
padding: 0;
margin: 0;
}

#em3 label{
border-right: 1px #FFFFFF dotted;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding: 0px 5px 0 0;
margin: 12px 0 0 0;
}

#em4{
width:10px;
height:19px;
float:left;
}

#em4 a{
color:#FFFFFF;
font-size:9px;
display:block;
margin: 0;
padding: 0;
}


#espace_membre input.casemembre{
background-color:transparent;
background:#0033CC;
width:10px;
height:10px;
border:none;
margin: 0 5px 2px 3px;
}

/*---------------bandeau--------------*/
#bandeau {
	text-align: center;
	font-size:13px;
	padding-top:4px;
}

p#bandeau {
	color:#FF6600;
	margin:0px;
}
/*--------------------------------------*/

/*---------------------conteneur et  colonne-------*/

#maincontent {	/*probleme back ground*/
	width: 100%;
	background-image: url(images/bg_content.gif);
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	overflow:auto;
	overflow-y: hidden; 
	}

#leftcolumn{
	float: left;
	width: 519px; 
	display: inline;
	margin: 13px 0 0 24px;
		}


#centralcolumn{
	float: left;
	width: 294px;
	margin: 13px 9px 0 9px;
	}



#rightcolumn{
	float: left;
	width: 120px; 
	display: inline;
	margin: 13px 11px 0 0;
}

#footer{
	color: #5586E9;
	padding-top: 20px;
	width: 100%;
	height: 100px;
	background:#fff;
	text-align:center;
	}
	
#footer a{
	color: #5586E9;
	font-weight:bold;
	text-decoration:underline;
}



/*-----------Content colonne gauche--------*/

#bloc_gauche1 {
	border: 1px solid #5586E9;
	background-image: url(images/bg_bloc_g1.jpg);
	margin-bottom: 11px;
	background-color: #fff;
	background-position: bottom;
	height: 268px;
	width:100%;
	}
	
* html #bloc_gauche1 {
	width:517px;
}


#titre_bloc_g1 {
	background-image: url(images/bg_titre_bloc_g1.gif);
	background-repeat: repeat-x;
	
}

#bloc_gauche1a {
	width: 43%;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #5183E9;
	margin-right: 5px;
}

#bloc_gauche1a form {
padding:0;
margin: 0 0 5px 0;
}

#bloc_gauche1a input {
font-size: 11px;
color:#fff;
background-color: #666;
margin-left: 22px;
border: none;
}

#bloc_gauche1b {
	float: left;
	width: 54%;
}

#bloc_gauche1b p {
	display:block;
	margin: 2px 0 10px 0;
}

#bloc_gauche1bis{
	/*width:100%;*/
	height:370px;
}

#bloc_gauche2bis{
	float:left;
	width: 172px;
}

/** html #bloc_gauche2 {
width:331px;
}*/

*+html #bloc_gauche2 {
width:335px;
}

* html #bloc_gauche2 {
margin-right:8px;
}

#bloc_gauche2 {
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	width:335px;
	height:366px;
	margin: 0 8px 0px 0 !important;
/*	margin: 0 12px 0px 0;*/
}


#bloc_gauche3 {
	width: 172px;
	height: 133px;
	margin: 0 0px 11px 0px;
	background: #fff;
	border: 1px solid #ccc;
	
}

#bloc_gauche3 p{
	margin: 3px 2px 0px 22px;
}



#bloc_gauche4 {
	width: 172px;
	height: 220px !important;
	height: 220px;
	margin: 0 0px 0px 0px;
	background: #fff;
	border: 1px solid #ccc;
}

#bloc_gauche4 p{
	margin: 3px 2px 0px 22px;
}



/*-------------------Content colonne milieu-----------*/
			/*----------bloc M1----------*/
#bloc_milieu1 {
	border: 1px solid #FF9900;
	background-image: url(images/bg_bloc_m1.jpg);
	margin-bottom:11px;
	background-color: #fff;
	background-position: bottom;
	height: 226px;
}



#titre_bloc_m1 {
	background-image: url(images/bg_titre_bloc_m1.gif);
	background-repeat: repeat-x;
}	

#bloc_milieu1 a{ color:#FF9900; }

#bloc_milieu1a { }
		
#bloc_milieu1b {
	float: left;
	width: 184px;
	margin: 6px 0 0 0;
}

#bloc_milieu1c {
position:relative;
left:-10px;
/*top:-30px;*/
}

/*#bloc_milieu1c {
	padding: 0 5px 0 0;
	margin: 0 0 5px 0;
}*/


		/*------------Bloc M2 --------*/
#bloc_milieu2 {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 11px;
	height: 408px !important;
	height: 420px;
}

#bloc_milieu2 p{
	margin: 3px 2px 0px 22px;
}

#bloc_milieu3 {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 14px;
	height: 172px !important;
	height: 176px;
}
/*--------------------------------------------------*/

/*-------------------Content colonne droite-----------*/

#bloc_droite1 {
	background: #fff;
	height: 238px;
	margin-bottom: 11px;
}
/*-----------------Bloc 2--------------------*/
#bloc_droite2 { margin-bottom: 5px; }

.lgm{ margin-bottom:3px; }

#bloc_droite3 {
	background: #fff;
	border: 1px solid #ccc;
	height: 49px !important;
	height: 49px;
	text-align:center;
}

#bloc_droite4 a:focus {
outline:0;
}