/*************** DEFAULT DEFINITION */
html, body { margin: 0; padding: 0; font: 100% Arial, Helvetica, sans-serif; line-height: normal; color:#393f2a; background-color: #9D9EA0; font-weight: 500; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none; }
dt, dd, li { font-size: 0.75em; }
li li, li p, li h2, li h3, dd li, dd p, dd dd, dd dt, dd h2, dd h3 { font-size: 1em; }
table { border-collapse: collapse; font-size: 1em; padding: 0; }
a { outline: 0 none; color: #424242; text-decoration: none; }
a:hover { text-decoration: underline; }
.floatLeft { float: left; }
.floatRight { float: right; }
.offLeft { position: absolute; left: -5000px; top: -2000em; }
.clear { clear: both; display: block; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
acronym { border: none; }
p{margin: 7px;}


/*********************INFOBULLES****************************************/
a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid #1A99E8;
   border-left: 4px solid #1A99E8;
}


/*************** FORMS */
.inputText, textarea, select { border: 1px solid #777;}
.inputText, textarea { padding: 0 2px; }
select.inputText {font: 11px Arial; padding:0}
textarea.inputText {font: 12px Arial; padding:0}
input.inputSubmit {border: 1px solid #777; color: #FFF; background-color: #7380d7; margin: 0 0 0 15px;}
label { cursor: pointer; }
fieldset { padding: 10px 0; }
.submit { text-align: right; }
.forms label { display: block; float: left; text-align: right; width: 250px; }
.forms .inputText { border: 1px solid #777; width: 49%; margin: 0 0 0 15px; color: #444; vertical-align: top;}
.forms select.inputText { width: 49.5%; }
.errorField { border-color: #DB1940 !important; border-width: 2px; }

input.valider{
	background-color: #7380d7;
	border: 1px solid #777;
	color:#FFF;
	font: 11px Verdana, Helvetica, sans-serif; 
	padding: 2px;
}

input.contact{
	background-color: #FFF;
	border: 1px solid #A93E5A;
	color:#8c2e46;
	float: left;
	font-size: 11px; 
	height: 15px;
	margin-left: 20px;
	margin-top: 8px;
	padding: 2px;
	width: 150px;
}

#container{
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

/*****************CENTRE***********************/

#centre{
	background: #FFF url(../images/left-menu-bg.jpg) repeat-y left;
	float: left;
	width: 788px;
}

/*****************MENU HAUT***********************/

#menu_haut{
	/*background-color: #7380d7;*/
	background-image: url(../images/mainmenu-bg.jpg);
	float: left;
	height: 41px;
	width: 788px;
}

	#menu_haut ul{
		background-color: red;
	}
	
	#menu_haut li{
		border-right: 1px solid #FFF;
		float: left;
		line-height: 41px;
		padding-bottom: 0;
		text-align: center;
		width: 192px;
	}
	
	#menu_haut li.client{
		//background-color: #777;
	}
	
	#menu_haut li.last{
		border-right: 0;;
	}
	
	#menu_haut li:hover{
		background-color: #4f5cb6;
	}
	
	#menu_haut li a {  
		color: #FFFFFF;
		display: block;
		font-family: Arial;
		font-weight: bold;
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
		text-decoration: none; 
		/*width: 100px;*/
	}
	
		#menu_haut li.selected a {  
			background-image: url(../images/mainmenu-hover.jpg);
		}
	
	#menu_haut li a:hover {  
		background-image: url(../images/mainmenu-hover.jpg);
	}
		

/*****************COL GAUCHE***********************/	

	
	#menu_gauche{
		background-color: #dfc9a2;
		float: left;
		min-height: 950px;
		_height: 950px;
		width: 192px;
	}
	
		#menu_gauche ul{
			width: 192px;
		}
		
		#menu_gauche li{
			border-top: 1px solid #c3bfb9;
			float: left;
			font-size: 12px;
			height: 49px;
			padding-left: 5px;
			width: 187px;
		}
		
		#menu_gauche li.last{
			border-right: 1px solid #000;
		}
		
		#menu_gauche li.selected{
			background-image: url(../images/image-hover.jpg);
		}
		
		#menu_gauche li.selected a{
			color: #FFF;
		}
		
		#menu_gauche li:hover{
			background-image: url(../images/image-hover.jpg);
			color: #FFF;
			cursor: pointer;
		}
		
		#menu_gauche li a{  
			color: #444;
			display: block;
			font-size: 12px;
			height: 49px;
			line-height: 49px;
			text-decoration: none; 
			width: 188px;
			font-weight: bold;
		}
		
		#menu_gauche li a:hover{
			color: #FFF;
		}
		


/*****************FIL ARIANE***********************/
#fil_ariane{
	color: #6E6E6E;
	float: left;
	font-family : arial;
	font-size: 11px;
	margin-left : 40px;
	width: 600px;	
}
	
/*****************CONTENU***********************/

#contenu{
	color: #444;
	float: left;
	font-family : arial;
	font-size: 12px;
	padding-top: 20px;
	width: 570px;
}

	.errorMessage{
	color: red;
	font-weight: bold;
	}

	#contenu h2{
	color: #393f2a;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
	}
	
	#contenu h3{
	background-color: #8C2E46;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
	}
	
	
	#contenu .titre{
	color: #823C54;
	font-size: 13px;
	font-weight: 600;
	}

	#contenu ul{
		list-style: disc;
		margin-left : 30px;
	}
	
	#contenu li{
		font-size: 11px;
		list-style: disc;
		margin-left : 0;
		padding: 3px;
	}

	#pflow {
		float: left;
		height: 300px;
		color: #767467;
		background-color: #FFF;
		width: 590px;
	}

	#accueil{
		background-image: url(../images/back_accueil.jpg);
		background-repeat: no-repeat;
		margin: 0;
		width: 595px;
	}
	
		#accueil_credit{
			border-bottom: 2px #61615F solid;
			border-left: 2px #61615F solid;
			border-right: 2px #61615F solid;
			height: 200px;
			margin-left: 43px;
			margin-top: 150px;
			padding: 10px;
			width: 491px;
		}
		
		#accueil .intro{
			color: #3dabab;
			font-size: 14px;
		}
		
		#accueil .question{
			color: #000;
			font-size: 14px;
		}
		
		#reponse1{
			border-bottom: 1px #D2D2D2 solid;
			padding: 10px;
			margin-left: 30px;
			width: 400px;
		}
		
		#reponse2{
			border-bottom: 1px #D2D2D2 solid;
			padding: 10px;
			margin-left: 30px;
			width: 400px;
		}
		
		#reponse3{
			padding: 10px;
			margin-left: 30px;
			width: 400px;
		}
	


/*************************COL DROITE*************************/
#col_droite{}

	#col_droite_contact{
		background-color: #8c2e46;
		color: #FFF;
		float: left;
		font-size: 13px;
		height: 320px;
		width : 192px;
	}

	#col_droite_article1{
		background-color: #665A40;
		color: #FFF;
		float: left;
		font-size: 12px;
		height: 260px;
		padding : 10px;
		width : 172px;
	}
	
	#col_droite_article2{
		background-color: #3DABAC;
		color: #FFF;
		float: left;
		font-size: 12px;
		height: 260px;
		padding : 10px;
		width : 172px;
	}

	.titre_article{
		font-size: 14px;
		font-weight: bold;
	}
	
	.lien_article{
		font-size: 13px;
		color : #FFF;
		font-weight: bold;
	}


/*******************FOOTER*********************************/

#footer{
	float: left; 
	height: 15px;
	padding: 0;
	width: 788px;
}

	#footerLeft{
		background: url(../images/footerbgleft.jpg) repeat-x;
		float: left; 
		font-size: 11px;
		height: 31px;
		text-align: center;
		width: 192px;
	}
	#footerLeft em{
	line-height: 31px;
	color: #FFF;
	font-weight: bold;
	}
	
	#footerCenter{
		background: url(../images/footerrightbg.jpg) repeat-x;
		float: left; 
		font-size: 11px;
		height: 31px;
		width: 596px;
	}
	#footerCenter a{
		line-height: 31px;
		color: #FFF;
		font-weight: bold;
		}
		
		
		#footer a{
			color: #FFFFFF;
		}
		
	#footer #copyright{background: white;}
	#footer #copyright p{text-align: center; font-size: 10px; color: black; margin: 0;}
	
	

/***********************************************************ADMIN*********************************************************************/




/*****************CONTENU ADMIN***********************/

#container_admin{
	background-color: #FFFFFF;
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 960px;
}

#contenu_admin{
	border: 1px solid #D8D8D8;
	color: #444;
	float: left;
	font-family : arial;
	font-size: 12px;
	padding: 20px;
	width: 920px;
}

	#contenu_admin h2{
		font-size: 16px;
	}
	
	#contenu_admin h3{
	background-color: #1A99E8;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
	}
/*****************POUR REFERENCEMENT***********************/

#footer #referencement{
	background-color: #FFF;
	
}
	#footer #referencement a{text-align: center; font-size: 10px; color: black; margin: 0;}
	#footer #referencement p{text-align: center; margin: 0; }