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

/*----------------------------------------------------------------------------------------------*/
/* all */
* {
	font-family: Arial,  sans-serif;
}
/*----------------------------------------------------------------------------------------------*/
/* reset */
/*----------------------------------------------------------------------------------------------*/
html,div,ul,ol,li,footer,header,lireplus2,liretravaux,nav {
	padding: 0px;
	border: 0;
	outline: 0;	
	vertical-align: baseline;
	list-style-type: none;  

}

body{
	width: 480px;	
	margin: auto;
 	margin-top: 20px;
  	margin-bottom: 20px; 
	overflow:auto; 
	font-size:50%;

}
/*---------------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: 0;
}

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

}

a {
	color: #7D7979;
	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:95%;*/
/*max-width:100px;*/
	height:40px;
	display:inline;
	position:relative;	 
   	background-color:#002525;
/*background-color:red;*/
}
nav ul
{
	width:100%;	
	display: table;
	table-layout: fixed;	
}

nav ul li
{
	display: in-line;		
}

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:#003333;
	/* Old browsers */
	background: #003333;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #709ff3 0%, #003333 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#709ff3), color-stop

(100%,#1b4088));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #709ff3 0%,#1b4088 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #709ff3 0%,#1b4088 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #709ff3 0%,#1b4088 100%);
	/* W3C */
	background: linear-gradient(to bottom, #002222 0%,#003333 100%);
	/* 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:#BBB;
    	text-shadow: 0px -1px 2px #202020;
}

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


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

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

.drapeau_cv {
	position: absolute;
	top:92px;
	float:left;
	margin-left:25%;
	z-index:3;
}

/*-----------------fin gestion des drapeaux pour la langue-------------------*/
/*----------------lireplus1-------------------*/
#lireplus1{
	position: absolute;
	display:block;
	top: 120px;
	margin-left :10%;
	width:380px;
	color:#272525;	

	text-align:justify;
	text-justify:inter-word;
}
/*----------------fin lireplus1-------------------*/
/*----------------liretravaux-------------------*/
#liretravaux{
	position: absolute;
	display:block;
	top: 175px;
	height:700px;
	margin-left :10px;
	/*left :16%;*/
	width:21%;
	color: #272525;
	/*background-color: #003333;*/

	text-align:justify;
	text-justify:inter-word;
}
/*----------------fin liretravaux-------------------*/

a.lireplus span{
	position : absolute;
	top: 0px;
	margin-left :320px;
	/*margin-top:120px;*/
	display:none;
	text-decoration:none;
	color: #272525;
}

a.lireplus:hover span{
	position : absolute;
	top:0px;
	margin-left :210px;
	/*margin-top:120px;*/
	display:block;
}


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



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

#bloc{
	position:absolute;
	display:block;
	top:0px;
	margin:36%; 
	z-index:3;
	width: 25%;
	float:right;	
	background-color:#c1bebe;
height:auto; 
}
/*--------------fin bloc page travaux---------*/

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


.smartphones-links{
height:40px;
margin-top:1px;
padding-top:20px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#d9d8d7;
}