/****************************Général***********************/
*{
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
}
.body_normal{
	position: relative;
	background: url(../img/fond2.jpg) fixed;
}
.body_cv{
	position: relative;
}
img{
	border: none;
}
.clear{
	clear: both;
}
/***********************************fin général**********************/

/**********************************en tête**************************/
header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 250px;
	/*background: -webkit-linear-gradient(darkred,goldenrod);
	background: -moz-linear-gradient(darkred,goldenrod);
	background: -ms-linear-gradient(darkred,goldenrod);
	background: -o-linear-gradient(darkred,goldenrod);
	background: linear-gradient(darkred,goldenrod);*/
	box-shadow: 0px 3px 5px black;
	background-color: brown;
	overflow: hidden;
	text-align: center;
	border-bottom: 3px solid burlywood;
	z-index: 2;
	font-family: 'Cabin', sans-serif !important;
	min-height: 40px;
}
#tete{
	width: 1000px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	position:relative;
}
.titre{
	width: 450px;
	/*height: 100px;*/
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: 'Cabin', sans-serif;
	padding-left: 6px;
	}
.titre a{
	text-decoration : none;
}
.titre h1{
	font-size: 70px;
	/*line-height:70px;*/
	color: white;
}
.titre h1:hover{
	color: darkred;
}
nav{
/*	float: left;
	margin-left: 30px;
	margin-top: 2px;*/
}
nav a{
	color: darkred;
	font-size: 18px;
	background: white;
	padding: 0 15px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 5px 5px 0 0;
	
}
nav a:hover{
	color: white;
	background: darkred;
}
/*nav a:active{
	color: white;
	background: darkred;
}*/
.style2{
	position: absolute;
	bottom: 15px;
	right: 50px;
	width: 100px;
	background: white;
	border: 2px solid burlywood;
	border-radius: 5px;
}
.style2a{
	color: #9B815E;
}
.style2:hover{
	background: burlywood;
}
.style2a:hover {
	color: brown;
}
.style1{
	position: absolute;
	bottom: 50px;
	right: 50px;
	width: 100px;
	background: burlywood;
	border: 2px solid burlywood;
	border-radius: 5px;
}
.style1a{
	color: brown;
}
.style1:hover{
	background: white;
}
.style1a:hover {
	color: #9B815E;
}

/*********************section********************/
.section_normale {
	position: relative;
	margin: 253px auto 0 auto;
	width: 970px;
	background: blanchedalmond;
	z-index: 1;
}
.section_cv {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: blanchedalmond;
	z-index: 1;
	font-size: 18px;
}
.site_revenir {
	position: fixed;
	text-align: center;
	font-family: 'Cabin', sans-serif;
	/*font-family: arial;*/
	top: 10px;
	width: 13px;
	background: purple;
	word-wrap: break-word;
	padding: 7px;
	border-radius: 5px;
}
.site_revenir  a{
	text-decoration: none;
	color: white;
}
.site_revenir  a:hover{
	color: goldenrod;
}
.cv_pdf {
	position: fixed;
	text-align: center;
	font-family: 'Cabin', sans-serif;
	/*font-family: arial;*/
	top: 200px;
	width: 13px;
	background: red;
	word-wrap: break-word;
	padding: 7px;
	border-radius: 5px;
}
.cv_pdf  a{
	text-decoration: none;
	color: white;
}
.cv_pdf  a:hover{
	color: goldenrod;
}
#conteneur {
	padding: 0 15px;
}
#conteneur a{
	text-decoration: none;
	color: darkred;
}
#conteneur a:hover{
	color: darkgoldenrod;
}
.texte_presentation h2{
	font-size: 35px;
	text-align: center;
	color: darkred;
	padding: 20px 0;
	z-index: 0;
}
.texte_presentation p{
	margin: 0 10px;
	text-align: justify;
}
.site{
	z-index: 1;
	float: left;
	position: relative;
	width: 400px;
	margin: 5px 15px 0 10px;
	background: white;
	border-radius: 3px;
	height: 320px;
	overflow: hidden;
	font-size: 15px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site p{
	position: absolute;
	top: 280px;
	background: rgba(0,0,0,0.7);
	width: 390px;
	margin: 0;
	padding:5px;
	height: 40px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.9);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;

}
.site img{
	width: 400px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site:hover p{
	background: rgba(1,1,1, 0.9);
	color: #fff;
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}
.site:hover img{
	-moz-transform: scale(1.1) translate(0px, -5px);
	-webkit-transform: scale(1.1) translate(0px, -5px);
	-ms-transform: scale(1.1) translate(0px, -5px);
	-o-transform: scale(1.1) translate(0px, -5px);
	transform: scale(1.1) translate(0px, -5px);
}
.site:hover{
	box-shadow: 2px 2px 8px #000;
}

/*************Page sites**************/
/*trois principales sous-sections*/

.image_site {
	display: block;
	margin: auto;
}
.sites_faits {
	float: left;
	width: 32%;
	margin-right: 2%;
	cursor: pointer;
	height: 148px;
	overflow: hidden;
	position: relative;
}
.sites_en_chantier {
	float: left;
	width: 32%;
	margin-right: 2%;
	cursor: pointer;
	height: 148px;
	overflow: hidden;
	position: relative;
}
.sites_collaborateur {
	float: left;
	width: 32%;
	cursor: pointer;
	height: 148px;
	overflow: hidden;
	position: relative;
}
.sites_faits:hover {
	float: left;
	width: 32%;
	margin-right: 2%;
	cursor: pointer;
	height: auto;
}
.sites_faits:hover :before{
	content: "cliquez pour voir les sites";
	color: black;
	background: white;
	opacity: 0.4;
	padding: 5px;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 150px;
	z-index: 50;
	font-size: 12px;
	font-weight: normal;
}
.sites_en_chantier:hover {
	float: left;
	width: 32%;
	margin-right: 2%;
	cursor: pointer;
	height: auto;
}
.sites_en_chantier:hover :before{
	content: "cliquez pour voir les sites";
	color: black;
	background: white;
	opacity: 0.4;
	padding: 5px;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 150px;
	z-index: 50;
	font-size: 12px;
	font-weight: normal;
}
.sites_collaborateur:hover {
	float: left;
	width: 32%;
	cursor: pointer;
	height: auto;
}
.sites_collaborateur:hover :before{
	content: "cliquez pour voir les sites";
	color: black;
	background: white;
	opacity: 0.4;
	padding: 5px;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 150px;
	z-index: 50;
	font-size: 12px;
	font-weight: normal;
}
.sites_faits:hover .sites_faits_p{
	color: darkgoldenrod;
}
.sites_en_chantier:hover  .sites_en_chantier_p{
	color: darkgoldenrod;
}
.sites_collaborateur:hover  .sites_collaborateur_p{
	color: darkgoldenrod;
}
.suspension{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 50px;
	line-height: 1px;
	font-size: 20px;
}
.suspension2{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 50px;
	line-height: 1px;
	font-size: 20px;
}
.suspension3{
	float: left;
	width: 32%;
	margin-bottom: 50px;
	vertical-align: top;
	line-height: 1px;
	font-size: 20px;
}

.sites_faits_interieur{
	display: none;
}
.sites_en_chantier_interieur{
	display: none;
}
.sites_collaborateur_interieur{
	display: none;
}
/*div présentant les sites*/
/*******/
.site_midori{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_midori p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_midori img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_midori:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
/*******/
.site_LeeFightSchool{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_LeeFightSchool p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_LeeFightSchool img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_LeeFightSchool:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_parimis{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_parimis a{
	float: left;
	margin-right: 15px;
}
.site_parimis p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_parimis img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_parimis:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_lokisalle{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_lokisalle a{
	float: left;
	margin-right: 15px;
}
.site_lokisalle p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_lokisalle img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_lokisalle:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_fil_rouge{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_fil_rouge a{
	float: left;
	margin-right: 15px;
}
.site_fil_rouge p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_fil_rouge img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_fil_rouge:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_paris_sumo{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_paris_sumo a{
	float: left;
	margin-right: 15px;
}
.site_paris_sumo p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_paris_sumo img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_paris_sumo:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_saas{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_saas a{
	float: left;
	margin-right: 15px;
}
.site_saas p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_saas img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_saas:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_institutionnel{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_institutionnel a{
	float: left;
	margin-right: 15px;
}
.site_institutionnel p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_institutionnel img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_institutionnel:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_cv{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_cv a{
	float: left;
	margin-right: 15px;
}
.site_cv p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_cv img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_cv:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
/*******/
.site_cms{
	width: 800px;
	border: 2px solid goldenrod;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;
	padding: 20px;
}
.site_cms a{
	float: left;
	margin-right: 15px;
}
.site_cms p{
	width: 380px;
	float: left;
	cursor: default;
}
.site_cms img{
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.site_cms:hover img{
	border-radius: 3px;
	box-shadow: 2px 2px 8px #000;
}
label{
	width: 150px;
	float: left;
}
.erreur{
	color: red;
	font-weight: bold;
	font-size: 20px;
	border: 1px solid red;
	width : 400px;
	padding: 5px;
	text-align: center;
}
/*******************CSS POUR CV******************************/

/********************PROPRIETES GENERALES**************/
.body_cv_interne{
	background: floralwhite;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	box-sizing: border-box;
	/*font-family: arial;*/
	font-family: 'Cabin', sans-serif;
}
.avertissement{
	position: absolute;
	top: 15px;
}
.titre_cv{
	font-weight: bold;
	font-size: 28px;
	text-align: left;
	box-sizing: border-box;
	letter-spacing: 1px;
}
.titre_rubrique{
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	background: -webkit-linear-gradient(left, midnightblue, floralwhite); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, midnightblue, floralwhite); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, midnightblue, floralwhite); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, midnightblue, floralwhite);
	padding: 10px;
	margin: 30px 0 50px 0;
	color: white;
}
/********************EN TETE****************/
.bloc1{
	text-align: left;
}
.image{
	position: absolute;
	top: 50px;
	right: 30px;
	z-index: 4;
}
.clear{
	clear: left;
}
.titre_cv2{
	text-align: center;
	/*font-family: arial;*/
	padding: 30px 0 15px 0;
}
.titre_cv2 a{
	display: block;
	text-decoration: none;
	color: red;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
	font-size: 25px;
}
.ligne1{
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
}
/*******************COMPETENCES*******************/

.competences{
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.competences_web{
	float: left;
	width: 32%;
	margin-right: 1.5%;
	height: 200px;
	background: lightsteelblue;
	box-sizing: border-box;
	padding: 1.5%;
}
.competences_web_texte{
	display: none;
	margin-top: 10px;
}
.competences_web_texte a{
	display: block;
	width: 25%;
	color: lightyellow;
	background: lightcoral;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
/*	font-weight: bold;*/
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	padding: 5px;
}
.competences_web_texte a:hover{
	background: tomato;
	color: white;
}
.competences_pao{
	float: left;
	width: 32%;
	margin-right: 1.5%;
	height: 200px;
	background: lightseagreen;
	box-sizing: border-box;
	padding: 1.5%;
}
.competences_pao_texte{
	display: none;
	margin-top: 10px;
}
.competences_autres{
	float: left;
	width: 32%;
	height: 200px;
	background: lightskyblue;
	box-sizing: border-box;
	padding: 1.5%;
}
.competences_autres_texte{
	display: none;
	margin-top: 10px;
}
.competences_autres_texte img{
	display: block;
	margin:auto;
	width: 160px;
	height: 160px;
}
.competences p{
	margin-bottom: 4px;
}
.img_langages {
	height: 50px;
	margin-right: 10px;
}
.img_langages2 {
	height: 20px;
	margin-right: 10px;
}
.img_langages3 {
	height: 60px;
}
/*.img_langages:hover {
	height: 70px;
}*/
/********************EXPERIENCES********************/
.experiences{
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.coopattitude, .cg, .atelier, .service, .anr{
	margin-bottom: 10px;
}
.ligne2, .ligne3, .ligne4, .ligne5, .ligne6{
	display: none;
	padding: 0 0 0 150px;
	margin-bottom: 10px;
}
/************************FORMATION***************/
.formation{
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
}
.formation p{
	margin-bottom: 10px;
}
.images_formation {
	position: absolute;
	width: 100px;
	top: 10px;
	right: 100px;
}
.f2i_img {
	width: 100px;
	display: none;
}
.ifocop_img {
	width: 100px;
	display: none;
}
.eslsca_img {
	width: 100px;
	display: none;
}
.saint_cloud_img {
	width: 100px;
	display: none;
}
.science_sexy_img {
	width: 100px;
	display: none;
}
.science_sexy2_img {
	width: 100px;
	display: none;
}
.retour_futur_img {
	width: 100px;
	display: none;
}
.science_img {
	width: 100px;
	display: none;
}
.science2_img {
	width: 100px;
	display: none;
}

/*********************CENTRES INTERETS******************/
.centresinteret{
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.centresinteret p{
	margin-bottom: 10px;
}


/********************pied de page****************************/
footer{
	/*position: fixed;*/
	bottom: 0;
	width: 100%;
	border-top: 3px solid brown;
	z-index: 2;
}
#pied {
	background: burlywood;
	box-shadow: 2px 0px 5px black;
	color: white;
	font-size: 13px;
	padding:10px 0;
	text-align: center;
	margin: 0 auto;
}
.copy {
	 float: left;
	 margin-left: 15px;
}
.mentions{
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
}
footer a{
	text-decoration: none;
	color: white;
}
footer a:hover{
	color: darkred;
}