body
{
	width: 100%;
	height: 1000px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	overflow: visible;
	/* Old browsers */
	background: rgb(252,252,252);
/* //FF3.6+ 
	background: -moz-linear-gradient(left,
		#4d82cc 0%,
		#2892e2 15%, 
		#9deade 40%,
		#9deade 60%,
		#28a6e0 85%,
		#4d82cc 100%); 
	// Chrome,Safari4+ 
	background: -webkit-gradient(linear,
		left top,
		right top, 
		color-stop(0%,#4d82cc),
		color-stop(15%,#2892e2),
		color-stop(40%,#9deade),
		color-stop(60%,#9deade),
		color-stop(85%,#28a6e0),
		color-stop(100%,#4d82cc));
 	// Chrome10+,Safari5.1+ 
	background: -webkit-linear-gradient(left,
		#4d82cc 0%,
		#2892e2 15%,
		#9deade 40%,
		#9deade 60%,
		#28a6e0 85%,
		#4d82cc 100%); 
	// Opera11.10+ 
	background: -o-linear-gradient(left,
		#4d82cc 0%,
		#2892e2 15%,
		#9deade 40%,
		#9deade 60%,
		#28a6e0 85%,
		#4d82cc 100%); 
	// IE10+ 
	background: -ms-linear-gradient(left,
		#4d82cc 0%,
		#2892e2 15%,
		#9deade 40%,
		#9deade 60%,
		#28a6e0 85%,
		#4d82cc 100%); 
	// IE6-9 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9deade', endColorstr='#4d82cc',GradientType=1 ); 
	// W3C 
	background: linear-gradient(left,
		#4d82cc 0%,
		#2892e2 15%,
		#9deade 40%,
		#9deade 60%,
		#28a6e0 85%,
		#4d82cc 100%); */
	background-repeat: repeat-y;
}   

/*en-tete*/
.header{ 
	position: relative;
	width : 90%; 
	height: 10%;
	overflow: visible;
	margin: 4px auto;
	margin-bottom: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
}

.header a{
	left: 30%;
	position: relative;
	width: 400px;
	text-align: center;
	margin: 5px auto; 
}

#head-txt{
	position:absolute;
	top:60%;
	float:right;
	right:10%;
	font-family:  "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: black;
}
/* Le menu */

.nav{ 
	position: relative;
	width : 90%; 
	height : 10%;
	margin: 46px auto;
	margin-bottom:0;
	padding : 0;
	color: orange;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
}

 .nav ul{
	position: relative;
	list-style-type : none; 
	height:100%; 
	margin:0 auto;
	padding-top: 5px;
	padding-left:0;
	overflow: visible;
}

.nav li {
	position: relative;
	float : left;
	line-height: 50px; 
	width : 20%;
	overflow: visible;
	list-style-type : none;
	text-align: center;
	font-size: 1.1em;	
}

.nav li img{
height: 90px;
width: 90px;
}

.nav li.p{
	border-radius: 3px ;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background-image: url("images/testmenu.png");
	background-color:rgba(105,151,211,0.5);
	background-repeat: repeat-y;
 }

.nav li.tw{
	border-radius: 3px ;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background-image: url("images/testmenu.png");
	background-color:rgba(66,130,211,0.6);
	background-repeat: repeat-y;
 }
 
.nav li.th
{
	border-radius: 3px ;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius:3px;
	background-image: url("images/testmenu.png");
	background-color:rgba(14,81,167,0.7);
	background-repeat: repeat-y;
}
 
.nav li.f{
	border-radius: 3px ;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background-image: url("images/testmenu.png");
	background-color:rgba(105,151,211,0.4);
	background-repeat: repeat-y;
}

.nav li.d {
	border-radius: 3px ;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background-image: url("images/testmenu.png");
	background-color:rgba(105,151,213,0.4);
	background-repeat: repeat-y;
}


 
.nav a {
	padding : 0 0.5em;
	text-decoration : none;
	font-size :  0.8em;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color : #black;
}

.nav ul ul,.nav ul ul ul{
	margin-left: 0;
	padding : 0;
	text-align: center;
	list-style-type : none; 
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: #F96B07:
	opacity: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
	display: none;
	overflow: auto;
	background-color: rgba(218,208,208,0.4);
}

.nav ul ul li{
	line-height: 30px;
	width: 33%;
	font-size:0.9em;
}

.nav ul ul ul li{
	width: 100%;
	margin-top: 5px;
}

.nav li:hover ul ul, .nav li.sfhover ul ul /*Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    display: none; /* On expédie les sous-sous-listes hors du champ de vision */
}

.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul,.nav li li.sfhover ul  /*Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
    display: block; /*Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
	z-index: 100;
}

/*le corps*/

p{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: black;
	opacity: 1;
}

p strong{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: red;
	opacity: 1;
}
 
 p.title_f {
	font-size : 1.5em;
	font-weight: bold;
	color: #0C5AA6;
 }
 
#all, #all-index{
	position: relative;
	width: 89%;
	height: 70%;
	margin: 20px auto;
	padding: 5px;
	z-index: 1;
	padding-top: 0;
	overflow: auto;
	color: black;
	opacity:0.7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
	border: 1px solid black;
	background-image: url("images/fond.png");
	background-repeat: no-repeat;
} 

#all-index{
	margin: 40px auto;
}

.all_projets{
	position: relative;
	width: 89%;
	height: 2100px;
	margin: 20px auto;
		z-index:1;
	padding: 5px;
	padding-top: 0;
	overflow: auto;
	color: black;
	opacity:0.7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
	border: 1px solid black;
	background-image: url("images/fond.png");
	background-repeat: no-repeat;
}

#all_c{
	position: relative;
	width:89%;
	height: 70%;
	margin: 20px auto;
		z-index:1;
	padding: 5px;
	padding-top: 0;
	color: black;
	opacity: 0.7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
	border: 1px solid black;
	background-color: rgba(105,151,211,0.4);
	background-image: url("images/Fotolia_12024455_XS.jpg");
	background-position: center;
	background-repeat: no-repeat;
}
 
/*articles*/

.article{
	position: relative;
	float: left;
	left: 10%;
	width: 73%;
	margin: 20px auto;
	margin-bottom: 39px;
	padding-top: 0;
	text-align: justify;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: black;
	font-size: large;
	background-color: rgba(218,208,208,0.4);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.article-offre{
	position: relative;
	float: left;
	left: 0;
	width: 73%;
	margin: 20px auto;
	padding-top: 0;
	text-align: justify;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: black;
	font-size: large;
	background-color: rgba(218,208,208,0.4);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.article .header_r{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: red;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1px auto;
}

.article .header, .article-offre .header, .header-p{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: blue;
	height: 30px;
	background-color: rgba(255,255,255,0.9);
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px auto;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.header-p{
	height: 74px;
	-webkit-border-radius: 13px;
	-khtml-border-radius: 13px;
	-o-border-radius: 13px;
	-ms-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
 .article .header2{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: blue;
	height: 50px;
	background-color: rgba(255,255,255,0.9);
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px auto;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.header-index{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: blue;

font-size: 1.2em;
	font-weight: bold;
	margin: 1px auto;
}

.title{
	position: relative;
	display:block;
	height: 30px;
	width: 50%;
	background-color: rgba(255,255,255,0.9);
	font-weight: bold;
	color: blue;
	margin-bottom: 8px;
	font-size: 1.2em;
	text-align: center;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.s-header{
position: relative;
margin: 32px;
width: 100%;
height: 5%;
}

 .s-title{
	display: block;
	width: 35%;
	height: 30px;
	position: relative;
	float: left;
	margin: 5px;
	margin-left: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	background-color: rgba(255,255,255,0.9);
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

 .s-title2{
	display: block;
	width: 45%;
	height: 30px;
	position: relative;
	float: left;
	margin: 5px;
	margin-left: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	background-color: rgba(255,255,255,0.9);
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

 .s-title3{
	display: block;
	width: 85%;
	height: 30px;
	position: relative;
	float: left;
	margin: 5px;
	margin-left: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	background-color: rgba(255,255,255,0.9);
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

 .s-title4{
	display: block;
	width: 90%;
	height: 50px;
	position: relative;
	float: left;
	margin: 5px;
	margin-left: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	background-color: rgba(255,255,255,0.9);
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	-o-border-radius: 11px;
	-ms-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.text{

	position: relative;
	top: 40%;
	float: center;
	padding-top: 9px;
	margin-top: 20px;
	margin-bottom: 2px;
	text-align: left;
 
}

.text_l{
	position: relative;
	float:left;
	width: 60%;
	height: 100%;
	margin-right:5%;
	margin-bottom: 2px;
	text-align: left;
}
.section {
	margin: 9px auto;
	margin-top: 2px;
}

.section-c {
	margin: 5px auto;
	margin-top: 4px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	width: 70%;
	color: #A3A29E;
	background-color: rgba(255,255,255,0.5);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

.section a, .article-offre a{
	margin-top: 2px;
	margin-left: 60%;
	text-align: right;
	color: blue;
	text-decoration: none;
	font-size: 0.9em;
}

.article img{
float: center;
	height: 77px;
	width: 103px;
	margin-left: 2px;
	margin-right: 7px;
}

/*corps*/

#corps_index{
	position: relative;
	float: left;
	width: 100%;
	height: 21%;
	margin: 10px auto;
	margin-top: 5px;
	padding-top:0;
	text-align: center;
	font-size: large;
	color: #867C90;

}

#corps{
	position: relative;
	float: left;
	width: 100%;
	margin: 10px auto;
	margin-top: 5px;
	padding-top:0;
	text-align: center;
	font-size: large;
}

#actus{
	position: relative;
	float: left;
	width: 40%;
	height: 70%;
	margin-right: 0;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	background-color: rgba(218,208,208,0.4);
}

#table{
	position: relative;
	float: right;
	width: 50%;
	height: 70%;
	padding-top: 30px;
	margin-right: 5%;
	padding-top: 0;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	background-color: rgba(218,208,208,0.4);

}


#home{
	
	top: 0;
	right: 5%;
	height: 90px;
	width: 180px;
	float: right;
	margin: 2px auto;
}

#home img{
	width: 42px;
	height: 28px;
}
.cell{
	position: relative;
	float: center;
	width: 200px;
	height: 200px ;
	display: inline-block;	
	margin: 0;
}

.cell_top{
	position: relative;
	top: 10px;
	float: center;
	width: 200px;
	height: 200px ;
	display: inline-block;	
	margin: 0;		
}
.cell_bottom_l{
	position: relative;
	left: 2px;
	top: 10px;
	float: center;
	width: 200px;
	height: 200px ;
	display: inline-block;	
	margin: 0;	
}

.cell_bottom_r{
	position: relative;
	right: 2px;
	top: 10px;
	float: center;
	width: 200px;
	height: 200px ;
	display: inline-block;	
	margin: 0;		
}

.h{
	width: 90%;
	float: left;
	text-align: center;
	font-size: 1.2em;
}

ol{
	width: 50%;
	margin: 2px auto;
	text-align: left;
	list-style-type: none;
	
}

ol li{
	margin: 25px auto;
}


 #s {	
	position: relative;
	float: left;
	width: 90%;
	height: 70%;
	margin-right: 0;
	text-align: center;
	text-decoration: none;
	overflow: auto;
}

 #s p{ 
 	position: relative;
	float: left;
	width: 90%;
	padding: 15px;
	padding-left: 5px;
	border: 1px solid #ccc;
}

.images{
width: 60%;
margin: 1px auto;
}

/*form */


form, fieldset{
	margin: 2px auto;
	padding: 2px;
	border: none;
}

#submit, #reset{
	display: inline;
}

input:required, input, textarea{
	border: 1px solid blue;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	display: block;
}

input:valid{
	border: 1px solid green;
}

input:invalid{
	border: 1px solid red;
}


/*headers*/

h1{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: red;
	margin: 1px auto;
}

h2{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: red;
	opacity: 1;
}

hr{
	color: rgb(255,226,00);
	color: rgba(255,226,00,1);
	opacity: 1;
 }

 /*liens*/

a{
	text-decoration: none;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: black;
	border: none;
}

 img{
	opacity: 1;
	border: none;
	margin: 0;
}

a:hover{
	text-decoration: underline;
}

/*le pied de page*/


span{
	
	margin-right: 5%;
}

.c2{
	position: relative;
	float: center;
	width: 90%;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	margin-right: 90px;
	line-height: 90%;
	
}


.footer{
	position: relative;
	width: 90%;
	height:10%;
	margin: 1px auto;
	padding-bottom: 5px ;
	line-height: 50%;
	text-align: center;
	color: black;
	opacity:0.7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
	border: 1px solid black;
	background-image: url("backz.png");
	background-repeat: repeat-y;
}