@charset "iso-8859-1";
body {/*background-color: #665;
*/	background-color: #7C7C67;
	background : url(imgcss/id1.jpg);
	border: 1px solid #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	margin: 2em 5%;
	padding: 0;
	min-width:650px;
	}
/* nouveaux styles ajouter pour les pages liens utiles */

#pave-lettres
	{
		padding-bottom : 1em;
	padding-left : 1em;
	}

table.liens
	{
	margin-left : 1em;
	font-size: 88%;
	width:auto;
	background-color: #fff;
	}
.liens td
	{
	height : 24px;
	width : 25px;
	text-align : center;
	}
.navbox
	{
	background : no-repeat center center url(imgcss/btn.gif) ;
	}


.navbox_active
	{
	color:#000000;
	font-weight: bold;
	background : no-repeat center center url(imgcss/btn-lien-focus.gif) ;
	}
	
.navbox_active a
	{
	color:#000000;

	}
.navbox_active a:hover
	{
	color:#0000ff;

	}
.navbox_link {
		text-decoration:none; 
		background : no-repeat center center url(imgcss/btn-lien.gif) ;
		font-weight: bold;}

/* fin  de l'ajout pour les pages liens utiles */


table	{	width:100%;	cellpadding:0;	cellspacing:0; 	border:0;	
background-color: #eec;	}

.entete {	background : repeat-x center url(imgcss/fond1.jpg) ;
	background-color: #ffffff;
	padding-top:0.1em;
	padding-right:0.1em;	
	padding-left:0.1em;
	padding-bottom:0.1em;
	}
td.logo	{		vertical-align:
	center;
	text-align:center;
	background : no-repeat center url(imgcss/idaero.gif) ;
	height:79px;
	}
.leftcol	{	width:20%;	
		min-width:5em;
		background-color: #eec;
		/*border-rigth: 2px #333366 dotted;*/
		/* border-right: #cccc99 double 5px;*/
		}
.bordure	{
		border-rigth: solid 1px #cccc99;
		}
.content	{
		border-right: #ccc solid 1px;
		border-left: #ccc solid 1px;
		background-color: #fff;
		color: #000;
		}
.rightcol	{
		width:5%;		
		min-width:0.7em;
		background-color: #eec;
		/* border-left: #cccc99 solid 1px;*/
		}
.footer		{
		border-top: #ffe solid 1px;
		background-color: #eec;
		}
/*******************************************************/
img
		{
		border:0;	
		}
img.focus	{
		/* border: 2px solid #cccc99;*/
		border: 2px solid #7C7C67;
		}
A		{
		color: #65654F;
		text-decoration: none;
		}
A:hover		{
		color: #FB8300; 
		text-decoration: underline;
		}
.hide		{
		display: none;
		}
.inside		{
		padding: 0.5em;
		}
/*************** menu horizontal *****************/
.menuh		{
		border-style: solid;
		/*border-width: 0 0 1px 0;*/
		border-width: 0 0 0 0;
		}
.menuh		{
		border-top: 1px solid #cccc99;
		border-bottom: #cccc99 solid 1px;
		/* border-bottom: 1px solid #cccc99; */
		background-color:#eec;
		white-space: nowrap;
		margin: 0;
		}
.menuh ul	{	
		margin-top: 0;
		text-align: center;
		list-style-type: none;
		line-height: normal;	
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		}
.menuh ul span.divider
		{
		display: none;
		}
.menuh ul li	{
		display: inline;
		white-space: nowrap;
		margin: 0;
		}
.menuh ul li a	{
		text-decoration: none;
		margin: 0 4px 0 5px;
		padding: 1px 10px 1px 10px;
		/* border-left: solid 1px #000; left & right */	
		border-left: dotted 1px #cccc99;	
		border-right: dotted 1px #cccc99;
		color: #336;
		}
.menuh ul li a:hover
		{	
		text-decoration: none;
		background-color: #336;
		/*background-color:#434484;*/	
		color:#ffffff;
		}
.menuh ul li a img
		{
		vertical-align:middle ;
		}
/*********************/body> html .menuh/*
Hide from IE5/Mac (& IE5.0/Win) */
		{
		height: 1%;
		/* holly hack to fix a render bug in IE6/Win */
		}
body> html .menuh
		{
		height: auto;
		/* above IE6/Win holly hack breaks IE5/Win when page  length get beyond the point that 1%
		height is taller   than the text height. IE5/Win does not need this 			  
		holly hack so we remove it here */
		padding: 0;
		/* IE5/Win will resize #hnav to fit the heights of its
		inline children that have vertical padding. So this
		incorrect case selector will remove that padding */
		}
		body> html
.menuh ul li a
		{
		width: 1%;
		/* holly hack for IE5/Win inline padding. this 			  
		hack fixes different rendering bugs in 5.0 and 5.5.			   Width is used
		instead of height because if the 			   document is too long, these
		elements become very tall			   and disrupt the look of the document. too
		wide an
		element is better, visually, than too tall.*/
		}
/************** FONT ***********************************//*
 180 - 140 - 126 - 110 - 100
*//* 180 - 135 - 126 - 110 - 100 *//* 135 - 126 - 110 - 100 */
h1		{
		font-size: 135%;
		line-height:60px;
		display: none;
		}
h2.gene		{
		font-size: 126%;
		margin-top:3%;
		margin-left:2%;
		color: #336;
		}
h2		{
		font-size: 126%;
		margin-top:3%;	
		margin-left:2%;
		color: #65654F;	}
h3		{
		margin-top:3%;
		margin-left:2%;
		font-size: 110%;
		color: #7C7C67;
		}
h4		{
		font-size: 100%;
		}

/**************** mentions légales ***********/

h2.legal{	font-size: 110%;	margin-top:3%;	margin-left:2%;	color: #7C7C67;}

h3.legal{	margin-top:3%;	margin-left:2%;	font-size: 100%;	color: #7C7C67;}

p.mlegales{	
	text-align:justify;	
	line-height:16px;	
	margin-left:2%;	margin-right:5%;	
	margin-bottom:5%;	
	/*font-size: 85%;*/
	font-size: 82%;
	}
	
ul.mlegales 
	{
	padding-top : 0;
	margin-top : -10px;
	font-size: 82%;
	}







p.contenu	{
		text-indent:5%;
		text-align:justify;	
		line-height:16px;
		margin-left:2%;
		margin-right:5%;
		margin-bottom:5%;	
		/*font-size: 85%;*/
		font-size: 82%;
		}
#copyright	{
		font-size: 10px;		
		font-family: Courier New, Courier, mono;
		line-height: 10px;		
		word-spacing: 0;
		}
hr.end		{
		margin:5%;
		width:25px;
		height:20px;	
		visibility:hidden;	
		}
/******************************************************************************/
/********** ************* naviguer dans les pages  *******************/
#navpage 	{
		width:90%;
		margin-left:1.0em;
		margin-right:1.0em;
		text-align:right;	
		background-color:#EEEEEE;
		border-bottom: #cccc99 dotted 1px;
		}
#navpage a:hover	
		{
		font-weight: bold;
		}
#navpage span	{
		color:#666666;	
		}
.pagenav	{
		text-align:left;
		float: left;
		}
.listnav	{	
		text-align:right;
		font-size: 77%;
		}
/* img.pagenav	{	margin-right:20.0em;	
		padding-right: 15.0em; 	padding-right: 75%; 	
		}*/
/******************************************************************************/
span.msgrouge 	{
		color: #FF0000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px ;
		font-weight: bold;
		}
.msgrouge	{
		color: #FF0000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px ;
		font-weight: bold ;
		}
.boutonp
	{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
//	font-weight: bold;
	}