@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------*/
/* all */
* {
	font-family: Arial,  sans-serif;

}
/*----------------------------------------------------------------------------------------------*/
/* reset */
/*----------------------------------------------------------------------------------------------*/
html,div,ul,li,footer,header,liretravaux,nav {
	/*margin: 0;*/
	padding: 0;
	border: 0;
	outline: 0;	
	vertical-align: baseline;
	list-style-type: none;   

}


body{
	width: 90%;	
	margin:auto;
 	margin-top: 20px;
  	margin-bottom: 20px; 
	overflow:auto; 
	font-size:80%;
}
/*---------------fin body----------------------------*/
h2 {
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
 	color:  #272525 ;
 	/*text-shadow: 2px 2px 2px #202020;*/
}
/*---------------fin H2----------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

header,nav,img,div,footer {
	display: block;
}

a {
	color: #807B7B ;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color:  #272525 ;
}



html {
	background-color: #c1bebe;
    	color:  #272525 ;
	
}

header {	
  	height: 40px;	
	background-position: right 0;
}
/*---------------fin header----------------------------*/

/*----------------------------------------------------------------------------------------------*/
/* navigation */
/*----------------------------------------------------------------------------------------------*/	
nav {
	width:90%;
	margin: 0 auto;
	height:40px;
	display:block;
	position:relative;	 
   /*	background-color:#002525;*/
/*background-color:red;*/
}
nav ul
{
	width:100%;	
	display: table;
	table-layout: fixed;	
}

nav ul li
{
	display: table-cell;		
}

nav ul li a {
	width: 100%;
	line-height:40px;
	display:inline-table;
	text-align: center;	
	font-size:14px;
}
/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
nav ul li a,nav ul li a:visited
 {
	behavior: url(PIE.php);
	/*----------------------------------------------------------------------------------------------*/
	/* box gradient */
	/* Fallback */
	background-color:#c1bebe;
	/* Old browsers */
	background: #c1bebe;
	
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#709ff3), color-stop (100%,#1b4088));
		
	/* IE6-8 */
	-pie-background: linear-gradient(bottom, #1b4088 0%, #709ff3 100%);
}


/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
nav ul li a,nav ul li a:hover,nav ul li a:active,nav ul li a:visited {
	color:#272525;
	/* text-shadow */
    /* 	text-shadow: 0px -1px 2px #202020;*/
}


img {
	position: relative;
	display:block;   	
	margin: 0px;   	
   	max-width:600px;
	height:auto; 
  }
/*-----------------fin img-----------*/

/*------gestion des drapeaux pour la langue-----------*/
.drapeau_bio {
	position:absolute;
	top:89px;
	float:left;
	margin-left:40%;
	z-index:3;
}

.drapeau_quete {
	position: absolute;
	top: 89px;
	float:left;
	margin-left:52%;
	z-index:3;
}

.drapeau_cv {
	position: absolute;
	top: 89px;
	float:left;
	margin-left:29%;
	z-index:3;
}
/*-----------------fin gestion des drapeaux pour la langue-------------------*/
/*----------------lireplus1-------------------*/
#lireplus1{
	position: absolute;
	display:block;
	top: 160px;
	margin-left :25%;
	width:50%;
height:1000px;
	color: #272525 ;
	/*background-color:red;*/
	text-align:justify;
	text-justify:inter-word;

}
/*----------------fin lireplus1-------------------*/
#lireplus2{
	position: absolute;
	display:block;
	top: 160px;
	margin-left :29%;
	width:50%;
	color: #272525 ;
	/*background-color:red;*/
	text-align:justify;
	text-justify:inter-word;
}

/*----------------fin lireplus2-------------------*/

/*----------------liretravaux-------------------*/
#liretravaux{
	position: absolute;
	display:block;
	top: 175px;
	height:300px;
	margin-left :2%;
	width:21%;
	color:  #272525 ;
	background-color: #c1bebe;
	text-align:justify;
	text-justify:inter-word;
}
/*----------------fin liretravaux-------------------*/

a.lireplus span{
	position : absolute;
	top: 0px;
	
	display:none;
	text-decoration:none;
	color:  #272525 ;
}

a.lireplus:hover span{
	position : absolute;
	top:0px;
margin-left :127%;/*change la marge d'affichage de l'image au survol de l'item du menu*/	
	display:block;

}
/*----------------fin liretravaux-------------------*/

#bloc{
	position:relative;
	display:block;
	/*top:-28px;*/
top:-48px;
	margin:9%; 
	z-index:3;
	width: 600px;
	float:right;	
	background-color:#c1bebe;
}
/*--------------fin bloc page travaux---------*/

#bloc1{
	/*position:absolute;*/
	display:block;
	top: 55px;
	width:90%;
	font-size:90%;
	/*background-color:red;*/
	background-color:#c1bebe;
	margin-left:auto;
	margin-right:auto;
	color: #272525 ;
}
/*--------------fin bloc page index---------*/