@charset "utf-8";

html, body { font-family: Arial, Verdana,sans-serif; margin: 0px; padding: 0px; background: #fff; color:#666; font-size:12px; line-height: 1.5;
 background:#fdfdfd url(../images/bkgnd.png) left top repeat-x;} 
textarea{
	font-family: Arial, Verdana,sans-serif; 
	font-size:12px;
	color: #666666;
}

/*
body {
		scrollbar-face-color: #0c0b0d;
		scrollbar-shadow-color: #000000;
		scrollbar-highlight-color: #222;
		scrollbar-3dlight-color: #000000;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #181e28;
		scrollbar-arrow-color: #fff;
} */


form	{ margin:0px; border:none;}
p   	{ margin:0px; padding:0px; }
a   	{ outline:none; }
img 	{ border:0; }
a:active, a:focus, a:visited, a:link{ color:#a05544;}
a:hover { color:#9a5141;}

h2  	{ color:#a05544; font-weight:bold; font-size:16px; }
h3  	{ margin-top:10px; color:#b3604d; font-weight:bold; font-size:13px; }

.clearboth { clear:both; }
.floatleft { float:left; }


h1 p {
	display: block;
	float: right;
	width: 200px;
	font-size: 11px;
	text-align: right;
	padding: 10px 15px 0 0;
}
/****************/
/*	GLOBAL	*/
/****************/

#zoneinfouser   { background:#212121; height:15px; color:#fff; padding-top:2px; text-align:right; padding-right:8px; font-size:0.9em;}
#zonebanner 	{ background:#b8bfc4; height:98px; background:url(../images/bannertop.jpg) 50% top;}
#zonemenu   	{ margin: auto; width: 760px; /*border: 1px solid red;*/ }



#global 		{ width:800px; /*height:650px;*/ padding:0; margin-left:auto; margin-right:auto; } 

#zoneheader 	{ width:100%; height:20px; }
#zonecontenu	{ width:100%; background:white; border:1px solid #bac1c7; height: 400px;} 
#global > #zonecontenu{ width:100%; background:white; border:1px solid #bac1c7; min-height: 400px; height: auto;} 
#zonecontenu p { margin-bottom:5px;}

#contenuheader  { width:100%; background: #fff url(../images/bkgndheadercontenu.png) left top repeat-x;}
#contenupath	{ padding-left:21px; color:#676767; font-weight:bold;}

#zonecontenu	h1 { /*font-variant: small-caps;*/ margin:0; padding-left:20px; padding-top:10px; margin-bottom:0px; color:#424242; font} 

#zonetitre  	{ }
#contenu		{ margin:32px; margin-top:10px; overflow: auto;}

.chapeau { line-height: 1.5;}
.chapeau p{ line-height: 1.5; padding-right:20px;}
.basdepage { line-height: 1.5;}

.gab3ulmonog a.monographie{color: black; text-decoration: none;}
.gab3ulmonog a.monographie:visited{color: #888888; text-decoration: none;}

/******************/
/*	GABARITS	*/
/******************/

#gab0colgauche  { width:425px;/* margin-right:32px; *//*float:left;*/}
#gab0coldroite  { background:#e8e8e8; /*#9eabb8;*/ width:265px;  text-align:center; color:#777; padding-top:20px; padding-bottom:20px;}
#gab0coldroite img { margin-bottom:5px; }
#gab0coldroite strong { font-weight:bold; display:block; margin-bottom:10px; font-size:12px; }
#gab0coldroite a  	{ color:#555; } 
#gabaccueilfooter {background:#f6e7b7; padding:8px 10px 10px 10px; }


.gab3ulmonog		{ width:44%; float:left; color:#000; list-style-position:inside; list-style-type:none; margin-right: 25px;}
.gab3ulmonog li 	{ position: relative}
.gab3ulmonog a  	{ color:#000; text-decoration:none;}
.gab3ulmonog img	{ margin:4px 6px 4px 10px;}
.gab3ul2			{ background:#f5f1e3; padding: 0 15px;}
.gab3ul2 li 		{ height:18px; padding:5px 15px; position: relative}
.gab3ul2 li.note 		{ height:18px; padding:5px 0px; margin: 0;  list-style: none;}
.gab3ul2 li.note span	{ font-style: italic; color: #666666}
.gab3ul2 a  		{ font-style: italic }

.gab4blocfaqrep 	{ margin:10px 20px 12px 30px; text-align:justify; border-left:7px solid #ddd; padding-left:8px;}


.gab1liste  		{ width:90%; float:left; color:#000; list-style-position:inside; list-style-type:none; }
.gab1liste li 		{  padding-top:2px; position: relative}
.gab1liste a  	{ color:#000; text-decoration:none;}
.gab1liste img	{ margin:4px 6px 4px 10px;}
.rm-btn { position: absolute; right:5px; top:5px; display: block;}
.add-btn { position: absolute; right:5px; top:5px; display: block;}

/******************/
/*	GABARITS	*/
/******************/
.popup {
	width: 800px;
}
.popup ul {
	margin: 10px 0;
}
.popup h1 {
	margin: 0;
	padding: 0 5px;
}

.popup p {
	margin: 5px;
	clear: both;
}
.popup textarea {
	width: 96%;
}

/******************************************************************************************************************************/
/*																															*/
/*  																MENU  													*/
/*																															*/
/******************************************************************************************************************************/

	#nav
	{
		height: 25px;
	}
	#nav, #nav ul {
		float: left;
		/*width: 36em;*/
		
		list-style: none;
		line-height: 1;
		background: #eee; /*white;*/
		font-weight: bold;
		padding: 0;
		border: solid #9b9b99;
		border-width: 0px 0;
		margin: 0 0 1em 0;
			z-index: 10;
		width:100%;
		
	}

	#nav a {
		display: block;
   	/* width: 10em;
		w\idth: 7em;*/
		color: #383831;
		text-decoration: none;
		padding: 0.20em 1em;
		text-align: center;
		
padding-top:8px;		
height:18px;  

	}

	#nav a.daddy {
		background: url(../images/flechemenu.png) center right no-repeat;

	}

	#nav li {
		height: 25px;
		float: left;
		padding: 0;
		width: auto;
	}

	#nav li ul {
			
		position: absolute;
		left: -999em;
		height: auto;
		width: 14.4em;
		w\idth: 13.9em;
		font-weight: normal;
   	/* border-width: 0.25em;*/
border-color:#cbcbcb;   	
border-width:1px;   	
		margin: 0;
		padding-bottom: 7px;
	}

	#nav li li {
		padding-right: 1em;
		width: 13em;
		
height:auto;  /*TS*/
	}

 #nav li ul a {
		width: 11em;
		text-align: left;
		
		height:auto;   margin-bottom:3px;   /*TS*/ 
  }
	
	/*TS*/
  #nav li ul li ul { margin-bottom:0; margin-right:0; padding-right:0;  width:200px;}
	#nav li ul li li  { width:188px;}
	#nav li ul li li  a{ width:180px; } /*TS*/
	
	

	#nav li ul ul {
		margin: -27px 0 0 14em;  
	}

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;  
	}

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto; 
	}

	#nav li:hover, #nav li.sfhover {
		background: #b1bbc5; 
	}

	#content {
		clear: left;
	}

	#content a {
		color: #383831;
	}

	#content a:hover {
		text-decoration: none;
	}

	#scaffolding {
		height: 70px;
		background: white url(/images/header_bg.gif) no-repeat;
		border: solid #9b9b99;
		border-width: 1px 0 0 0;
		margin: 1em 0 0 0;
	}

	#scaffolding a {
		text-decoration: none;
		text-indent: -999em;
		display: block;
		height: 70px;
		background: url(/images/hdlogo_flip2.gif) no-repeat;
		background-position: 181px 0;
	}

	#scaffolding a:hover {
		background-position: 181px -70px;
	}
#mon_compte_msg td.mesMails{
	border-bottom:#666666 solid 1px;
	line-height:normal;
	padding:3px;
}
#mon_compte_msg td.mesMails_nonlu{
	border-bottom:#666666 solid 1px;
	line-height:normal;
	padding:3px;
	font-weight:bold;
}  
.error{
	border:3px dotted #CC3333;
	color:#CC0000;
	font-weight:bold;
	left:5%;
	padding:3px;
	text-align:center
}	


/**************************/
/* ALERT BOX PERSONALISEE */
/**************************/

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(../images/trame.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:220px;
	border:3px solid #ddd;
	background-color:#f6f9fa;
	/*background-image:url(../images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;*/
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 
{
	background-color: #A05544;
	color: white;
	font-size: 14px;
	padding: 3px;
}

#alertBox p {
	margin-top:18px;
	font-family:Verdana, Arial;
	height:50px;
	/*padding-left:115px;*/
	margin-left:20px;
	font-size:11px;
	color:#808080;
	letter-spacing:0.5px;	
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #ddd;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#A05544;
	text-decoration:none;
	font-weight:bold;
}