/*
				filter: alpha(style=0,opacity=50);
				-moz-opacity: 0.5;
*/

/* Definition de la font family par défaut */
*	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.noline {  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
color: #000000; 
text-decoration: none
}

body	{
	margin: 0px;
	padding: 0px;
	}
html	{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	}

.titre_menu	{
		color: #002797;
		font-size: 13px;
		font-weight: bold;
		}

.texte_petit	{
font-family:Verdana, Arial;
		font-size: 10px;
	color:#4F6A78;
	z-index:1; 

		}

.texte_imp	{
		color: #000099;
		font-size: 12px;
		font-weight: bold;
		}


h1	{ /* utilisé pour le CV un petit peu ... vite fait*/
	font-weight: bold;
	color: #646464;
	font-size: 14px;
	margin: 0px;
	}

h2	{
	font-weight: bold;
	color: #646464;
	font-size: 14px;
	margin: 0px;
	}

h3	{
	font-weight: bold;
	color: #636363;
	font-size: 12px;
	margin: 0px;
	}

acronym	{
		color: #166730;
		cursor:help;
		}

strong	{
		font-weight: bold;
		}

blockquote	{
			margin: 0px 0px 0px 15px;
			}

code	{
		font-size: 10px;
		padding: 2px;
		border-left: #666666 2px dotted;
		}

pre {
	color: #4C4C4C;
	padding: 2px;
	margin: 5px;
	background-color: #FFF7EE;
	border: #666666 1px dotted;
	}

/* Les INPUT */
.bouton	{
	background-color: #c8c8c8;
	border-bottom: #c8c8c8 1px solid;
	border-left: #002797 1px solid;
	border-right: #c8c8c8 1px solid;
	border-top: #002797 1px solid;
	max-height: 20px;
	font-size : 11px;
	font-family : Verdana, Helvetica, Sans-Serif;
	-moz-border-radius: 10px;	/* Marche que sous mozilla */
	}

input	{
	background-color: #FBECD8;
	border: #002797 1px solid;
	max-height: 20px;
	font-size : 12px;
	font-family : Verdana, Helvetica, Sans-Serif;
	}

select
			{
			background-color: #E9ECF5;
			border: #002797 1px solid;
			max-height: 20px;
			font-size : 12px;
			font-family : Verdana, Helvetica, Sans-Serif;
			text-decoration: none;
			}

textarea
			{
			background-color: #FBECD8;
			border: #002797 1px solid;
			font-size : 12px;
			font-family : Verdana, Helvetica, Sans-Serif;
			}

fieldset	{
			margin: 0px;
			border: #93A7F4 1px solid;
			-moz-border-radius: 10px;	/* Marche que sous mozilla */
			}

legend	{
		font-weight: bold;
		}

img	{
	border: 0px;
	}


ul	{
	list-style: disc;
	}

li	{
	margin-left: -22px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	color: #646464;
	}

ol	{
	list-style: decimal;
	}

hr	{	/* J'ai définit la balise hr avec l'attribut clear: both dans des fins de mise en page (pour les type float!) */
	margin: 1px;
	padding: 0px;
	clear: both;
	}

a:link		{
			color: #002797;
			text-decoration: none;
			}
a:visited	{
			color: #002797;
			text-decoration: none;
			}
a:active	{
			color: #646464;
			text-decoration: none;
			}
a:hover		{
			color: #646464;
			text-decoration: underline;
			}




/* RESSOURCE */
.rsc_titre	{	/* Titre de page */
			padding: 3px;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 20px;
			border-bottom: #C8C8C8 2px solid;
			border-left: #002797 2px solid;
			border-top: #002797 2px solid;
			border-right: #C8C8C8 2px solid;
			background-color: #C8C8C8;
			-moz-border-radius: 10px;	/* Marche que sous mozilla */
			}
.rsc_cadre_titre1	{
					right: 0px;
					padding: 2px;
					margin-right: 2px;
					width: 99%;
					border-bottom: #9082B1 1px solid;
					border-left: #9082B1 1px solid;
					border-top: #00EE76 1px solid;
					border-right: #00EE76 1px solid;
					background-color: #00CD89;
					font-weight: bold;
					color: #444444;
					font-size: 13px;
					-moz-border-radius: 10px;	/* Marche que sous mozilla */
					}
.rsc_cadre_titre2	{
					right: 0px;
					padding: 2px;
					margin-right: 2px;
					width: 95%;
					background-color: #00CDAB;
					color: #495CA2;
					font-weight: bold;
					font-size: 12px;
					}
.rsc_cadre_texte1	{
					right: 0px;
					padding: 2px;
					margin-right: 2px;
					width: 95%;
					background-color: #00DCB7;
					color: #495CA2;
					font-size: 12px;
					}
.rsc_cadre_texte2	{
					right: 0px;
					padding: 2px;
					margin-right: 2px;
					width: 95%;
					background-color: #00E3BD;
					color: #495CA2;
					font-size: 12px;
					}
.rsc_cadre_texte3	{
					right: 0px;
					padding: 2px;
					margin-right: 2px;
					width: 95%;
					background-color: #FFFFFF;
					border: dotted 1px #CCCCCC;
					color: #495CA2;
					font-size: 12px;
					-moz-border-radius: 10px;	/* Marche que sous mozilla */
					}
.rsc_boite_float	{
					margin: 2px;
					float: left;
					width: 130px;
					height: 150px;
					text-align: center;
					}
.rsc_boite_float_petite	{
			margin: 4px;
			float: left;
			height: 100px;
			text-align: center;
			}
.rsc_boite_float_nosized	{
				float: left;
				margin: 2px;
				}
.rsc_boite_float_gauche	{
						float: left;
						padding: 2px;
						width:49%;
						text-align:left;
						border: dotted 1px #00CDAB;
						background-color: #00E3BD;
						}
.rsc_boite_float_droite	{
						float: right;
						padding: 2px;
						width:49%;
						text-align:right;
						border: dotted 1px #00CDAB;
						background-color: #00E3BD;
						}



/* MISE EN PAGE */
#logo	{
		/*position: absolute;*/
		/*z-index: 25;*/
		/*background: transparent url("image/logo.png");*/
		/*background-position : top left;
		background-repeat: no-repeat;
		top: 0px;*/
		/*left: 0px;*/
		margin: 0px;
		/*padding: 0px;*/
		width: 230px;
		/*height: 142px;*/
		
		
		
		position: relative;
	/*	background: transparent url("../image/Logo_INRETS.png"); */
/*		background-position : top left; */
		/*float:right;*/
		top: 0px;
		left: 32px;
		margin: 0px;
		padding: 15px 0px 0px 0px;
		height: 1px;
		}
		
		
#haut	{
		position: relative;
		background: transparent url("../image/onglet-lescot.jpg");
		background-position : top left;
		background-repeat: no-repeat;
		top: 0px;
		left: 32px;
		margin: 10px 0px 0px 0px;
		padding: 8px 0px 0px 40px;
/*		height: 29px;*/
		/*width:100%;*/
		color: #FFF;
		font-size: 72px;
		}

#gauche	{
		position: relative;
		background: transparent url("image/gauche.jpg");
		background-position : top left;
		background-repeat: no-repeat;
		top: 37px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		width:100%;
		/*width: 200px;*/
		}


#footer{
	position: relative;
	clear:both;
	text-align: center;
	border: dotted 1px #00CDAB;
/*	height: 30px; */
/*	top:120px; */
	vertical-align:bottom;
}

		
#pied_de_page	{
				float: right;
				width: 600px;
				padding: 5px;
				margin: 2px;
				text-align: right;
				border: dotted 1px #00CDAB;
				-moz-border-radius: 10px;	/* Marche que sous mozilla */
				}
#include_message	{
					margin-top: 100px;	/* Pour décaler le menu du logo */
					margin-left: 230px;
					padding: 5px;
					background-color: #E32A2A;
					border: dashed 1px #00CDAB;
					}
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/

/* cette classe decrite la largeur des pages simples */
.pageSimple
{ width:100%;
 z-index:10; 
}


#include	{
		position:relative;
		width:85%;
		top: 37px;
		margin-left: 155px;
		padding: 0px 0px 0px 15px;
		background-color: #FFF;
		z-index:0;
		}

	/***************** POUR LA DIV INCLUSE DANS LA PAGE *********************/		

/* avec IE, il faut mettre un zindex=-1 sinon le menu n'est pas visible!! */
* html #include {
		position:relative;
		top: 37px;
		margin-left: 162px;
		padding: 0px 0px 0px 15px;
		background-color: #FFF;
		width:85%;
		clear:both;
		z-index:-1;
}			

/* cette partie décrit l'apparence des div qui liste des éléments!! */
#liste{ 
	z-index: 30;
	position:relative;
	float:left;
/*	left:15px; */
/*	margin-right:50px; */
	background-color: #FFF;
	display:block;
	width:20%;
}

* html #liste {
	width:24%;
	}

/* cette partie décrit l'apparence des div qui décrivent les éléments séléctionnés dans la liste */
#description{ 
	z-index:40; 
	background-image:url("../image/coin_haut.jpg");
	background-position : top left;
	background-repeat: no-repeat;
	position:relative;
	float:left;
	width:70%; 
	display:block;
}

* html #description {
	width:74%;
	}

#photo{
	float:left; 
	background: transparent;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:0px;
	padding-top:25px;
}

#textePhoto
{ 	float:left;
	padding-top:25px;
	padding-left:25px;

}

#details
{  	background-image:url("../image/coin_bas.jpg");
	background-position:bottom right;
	background-repeat: no-repeat;
	clear:both;
	padding-top:20px;
	padding-bottom:15px;
	padding-left:25px;
	padding-right:10px;
}

.titre /* ce sont les titres dans les pages de descriptions */
{	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#4F6A78;
}

.titreListe /* ce sont les titre de catégories dans les liste */
{	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#4F6A78;
}

.titreSouligne
{	background-image:url("../image/surlignage.jpg");
	background-position:right bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	font-family:Verdana, Arial;
	font-size:17px;
	color:#4F6A78;
	font-weight:bold;
	font-style:italic;

}
.titreSoulignePetit
{	background-image:url("../image/surlignage_petit.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	font-family:Verdana, Arial;
	font-size:17px;
	color:#4F6A78;
	font-weight:bold;
	font-style:italic;

}

.texte
{	font-family:Verdana, Arial;
	font-size:12px;
	color:#4F6A78;
	z-index:1; 
}


#banniereLescot
{	
	width:117px;
	height:176px;

/* <img src="image/ph-lescot.jpg" alt="Lescot" width="117" height="176" /> */
}
/* CCS Hack pour la compatibilité avec internet explorer */
* html #banniereLescot {
	width:125px;
	height:176px;
	margin: -5px 0px 0px 0px;
}

#logoLESCOT
{	width:122px;
	height:37px;
}
* html #logoLESCOT {
	width:127px;
	height:37px;
	float:left;
}
/* width="121" height="37" */


/**********************************************************************************************/
/**********************************       LES LIENS             *******************************/
/**********************************************************************************************/
a.liste:link {
	font-family:Verdana, Arial;
    color: #4F6A78;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;

/*	background-image:url("../image/ligne.jpg"); */
/*	background-position:center bottom; */
/*	background-repeat:repeat-x; */
/*	padding-bottom:2px;  */
}
a.liste:visited {
	font-family:Verdana, Arial;
    color: #4F6A78;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;
}
a.liste:hover {
	font-family:Verdana, Arial;
    color: #4F6A78;
    text-decoration: underline;
    font-weight: bold;
    font-style: normal;
}

a.liste:active {
	font-family:Verdana, Arial;
    color: #85adbe;
    text-decoration: none;
    background-color: #FFF;
    font-weight: bold;
    font-style: normal;
}

/********************* pour les titres ********************/
a.titreliste:link {
	font-family:Verdana, Arial;
    color: #4F6A78;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;
	font-size:13px;
}


a.titreliste:visited {
	font-family:Verdana, Arial;
    color: #4F6A78;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;
	font-size:13px;
}
a.titreliste:hover {
	font-family:Verdana, Arial;
    color: #4F6A78;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
	font-size:13px;
}

a.titreliste:active {
	font-family:Verdana, Arial;
    color: #FF0;
    text-decoration: none;
    background-color: #000;
    font-weight: bold;
    font-style: italic;
	font-size:13px;	
}


/********************* pour les liens soulignés ********************/
a.lienSouligne:link {
	background-image:url("../image/surlignage.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	font-family:Verdana, Arial;
	font-size:17px;
	color:#4F6A78;
	font-weight:bold;
	font-style:italic;
   text-decoration: none;	
}


a.lienSouligne:visited {
	background-image:url("../image/surlignage.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	font-family:Verdana, Arial;
	font-size:17px;
	color:#4F6A78;
	font-weight:bold;
	font-style:italic;
   text-decoration: none;	
}
a.lienSouligne:hover {
	background-image:url("../image/surlignage.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	font-family:Verdana, Arial;
	font-size:17px;
	color:#85adbe;
	font-weight:bold;
	font-style:italic;
   text-decoration: none;	
}

a.lienSouligne:active {
	background-image:url("../image/surlignage.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	font-family:Verdana, Arial;
	font-size:17px;
	color:#4F6A78;
	font-weight:bold;
	font-style:italic;	
   text-decoration: none;	
}

/********************* pour les liens non soulignés dans la liste********************/
a.lienTitreListe:link {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#4F6A78;
    text-decoration: none;	
}


a.lienTitreListe:visited {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#4F6A78;
   text-decoration: none;	
}
a.lienTitreListe:hover {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#85adbe;
   text-decoration: none;	
}

a.lienTitreListe:active {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#4F6A78;
   text-decoration: none;	
}


/********************* pour les liens qui titrent les pages de thésard********************/
a.lienTitre:link {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#4F6A78;
 /*text-decoration: underline;	 */
 text-decoration: none;	 
}


a.lienTitre:visited {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#4F6A78;
 text-decoration: none;	 
}
a.lienTitre:hover {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#85adbe;
 text-decoration: none;	 
}

a.lienTitre:active {
	font-family:Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#4F6A78;
 text-decoration: none;	 
}




/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/


/* ACCUEIL */
.cadre_gauche	{
				/* Centrage à marge négative */
				position: relative;
				/*left: 50%;
				width: 560px;
				margin-left: -280px;*/
				width: 100%;
				background: transparent url("image/coin_haut_gauche.jpg");
				background-repeat: no-repeat;
				background-color: #c3e8fe;
				-moz-border-radius: 5px;	/* Marche que sous mozilla */
				}
.cadre_droite	{
				margin-left: 15px;
				padding-right: 15px;
				background: transparent url("image/coin_bas_droit.jpg");
				background-repeat: no-repeat;
				background-position : bottom right;
				}
.cadre_haut	{
			height: 7px;
			background: transparent url("image/cadre_haut.png");
			background-repeat: no-repeat;
			}
.cadre_bas	{
			height: 7px;
			background: transparent url("image/cadre_bas.png");
			background-repeat: no-repeat;
			background-position : bottom right;
			}
.cadre_titre	{
				background: transparent url("image/cadre_titre.png");
				background-position : top left;
				background-repeat: repeat-y;
				}
.cadre_pied	{
			background: transparent url("image/cadre_pied.png");
			background-position : top right;
			background-repeat: repeat-y;
			text-align: right;
			}