@charset "UTF-8"; /* je défini le type de caractere a utiliser */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Titillium Web', sans-serif;font-weight: 300;font-size: 14px;
}


/* je definie une largeur maximale pour les images à  100% */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

/*pour supprimer le rectangle autour des images-lien sous IE*/
a img { outline: none;outline:0; border: none;border: 0; }

img{display: block;}
img a{border: none;}

*{margin: 0;padding: 0;}

a{text-decoration: none;color: white;cursor: pointer;}

/*..............................................................................*/
.alaligne {clear:both;}
.alaligne15 {clear:both;width: 100%;min-height: 15px;background-color: transparent;position: relative;}
.alaligne25 {clear:both;width: 100%;min-height: 25px;background-color: transparent;position: relative;}
.alaligne50 {clear:both;width: 100%;min-height: 50px;background-color: transparent;position: relative;}
.alaligne100 {clear:both;width: 100%;min-height: 100px;background-color: transparent;position: relative;}
.alaligne1500 {clear:both;width: 100%;min-height: 1500px;background-color: transparent;position: relative;}


/*rose anne levy : #d6c0d0*/
/*rose foncé anne levy : #bc89aa*/
/*font-family: 'Titillium Web', sans-serif;*/


/*..................................................... WRAPPER ........................*/
#generalwrapper{
	position: relative;
	margin: 0 auto;
	width: 100%;max-width: 1024px;
}

/*...................................................... VIDEO HOME PAGE.................*/
.video_container {
 position: relative;
 top: 0;left: 0;
/* width: 100%;
 height: 100%; */	
 border-bottom: 4px solid #d6c0d0;
 font-size: 0;
 margin-top: 20px;
 
 padding: 0;
}

video { 
/*	   width:100%;*/
	   max-width:100%;
/*	   height:auto;*/
}

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.pave{
	position: absolute;left: 7.81%;top: 13.9%;
	width: 34%;max-width: 445px;
	border-bottom: 4px solid #d6c0d0;
}

.pave img{
	max-width: 100%;
}
/*...................................................... ACCROCHE TEXTE SOUS VIDEO.................*/

.accroche{
	width: 100%;padding: 60px 15%;
	font-size: 26px;text-align: center;
}
.myline{
	width: 70%;margin: 0 auto;
	border-bottom: 4px solid #d6c0d0;
	margin-top: 15px;
}

.titre_home{
	color:#d6c0d0 ;
	font-size: 38px;
	text-transform: uppercase;
	margin-left: 25px;
}
.titre_home span{
font-family: arial;
	color:#d6c0d0 ;
	font-size: 38px;
	text-transform: uppercase;
	margin-right: 15px;
}
/*...................................................... CONTAINER DES THEMES .......................*/
.titre_theme{
	position: relative;top: 0px;
	color:#d6c0d0 ;
	font-size: 38px;
	text-transform: uppercase;
	margin-left: 25px;

}
.titre_theme span{
font-family: arial;
	color:#d6c0d0 ;
	font-size: 38px;
	text-transform: uppercase;
	margin-right: 15px;
	border-right: 1px solid #d6c0d0;
	padding-right: 20px;
}


/*...................................................... CONTAINER DES VISUELS .......................*/

.container{
	width: 100%;
	border-bottom: 4px solid #d6c0d0;
}
.container img{
	max-width: 100%;
}
/*...................................................... INFORMATIONS PROJETS SOUS DIAPORAMA .........*/
.projets{
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 30px;
	width: 100%;
}
.infos_projets{
	float: left;
	margin-left: 25px;

	color:#767074 ;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.infos_projets span{
font-family: arial;
	color:#d6c0d0 ;
	font-size: 24px;
	text-transform: uppercase;
	margin-right: 15px;
	border-right: 1px solid #d6c0d0;
	padding-right: 15px;
}

.detail_projets{
	margin: 0;padding: 0;
	min-width: 30%;float: left;
	margin-left: 46px;
		line-height: 20px;

}
.detail_projets span{
margin: 0;padding: 0;
line-height: 20px;
	font-weight: 700;
	margin-right: 15px;

}
.detail_projets span.coupe{
	display: none;
	margin: 0;padding: 0;
	line-height: 20px;
}

.video_projet {
	margin-left: 50px;
}
.video_projet a{
	font-size: 14px;font-weight: bold;
	color: #d6c0d0;
	cursor: pointer;
}
.video_projet a:hover{
	font-style: italic;
}
/*...................................................... PROJET_PAGER .........*/

.bloc_pager{
	width: 100%;min-width: 190px;max-width: 190px;
	height: 35px;
	position: relative;
	text-align:center;font-size: 15px;color: white;
	background-color:#d6c0d0 ;
	float: right;
	margin-right: 125px;
}
.bloc_pager_detail{
	position: relative;
	display:inline-block;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;text-transform: uppercase;
	width: calc(100%-50px);height: 35px;
	text-align: center;line-height: 35px;
}
.bloc_pager_right,.bloc_pager_left{
	width: 25px;height: 25px;
	position: absolute;
	display:inline-block;
	
	vertical-align: middle;
	text-align: center;
	
}
.bloc_pager_left:hover,.bloc_pager_right:hover{
	background-color: #bc89aa;cursor: pointer;
}
.bloc_pager_left{
	padding: 5px 0;
	left: 0;height: 35px;
}
.bloc_pager_right{
	padding: 5px 0;
	right: 0;height: 35px;
}
/*...................................................... MENTIONS LEGALES .........*/
.clickmention{cursor: pointer;}
.mention{
	display: none;
	margin: 0 auto;
	text-align: center;
	color: #333;
	}
.mention h3{
	color: #d6c0d0 ;font-weight: 700;
	}
.mention div span{font-weight: 700;}

.mesmentions{
	padding: 0 55px;
	margin-bottom: 25px;
}
.mesmentions span{
	font-weight: bold;
}

/*................................................ TITRES Actu_Publi_People .........*/
.Actu_Publi_People{position: relative;}

.Actu_Publi_People .complement{
	position: absolute;
	bottom: 0;
	padding-left: 10px;
	text-transform: uppercase;font-size: 34px;
}
.Actu_Publi_People .complement a{text-transform: uppercase;color: white;font-size: 34px;}

.Actu_Publi_People .complement a:hover{color: #a17d97;cursor: pointer;}

.Actu_Publi_People .complement span{font-family: arial sans-serif;color: #d6c0d0;font-size: 34px;}











/*................................................ TITRES GRID dans themes .........*/
.Nom_dans_theme{
	position: absolute;z-index: 1000;
	bottom:3px;left: 0;
	padding: 0 6px;
	color: white;font-size: 13px;
	text-shadow: 2px 2px 2px #333;line-height: 14px;
}

.Nom_dans_theme  span{
	text-transform: uppercase;color: white;font-size: 12px;font-weight: 700;
}
/*...................................................... CONTAINER PUBLICATIONS .......................*/
.bloc_publication{
	position: relative;
	vertical-align: top;
	width: 100%;
	margin-top: 60px;
}
bloc_publication{ text-align:center; padding: 0;}

.theme_publication{
	position: relative;
	display:inline-block;
	vertical-align: top;
	color:#d6c0d0 ; font-size: 38px;
	text-transform: uppercase;
}

.theme_publication{ width: 49%;min-width: 320px; margin: 0;padding: 0;text-align: center;}

.theme_publication span{
	font-family: arial;
	color:#d6c0d0 ;
	font-size: 38px;
	text-transform: uppercase;
	margin-right: 15px;
	border-right: 1px solid #d6c0d0;
	padding-right: 20px;
}

.projets_publication{
	position: relative;
	display:inline-block;
	vertical-align: top;
}

.projets_publication{width: 49%;min-width: 49%;margin : 0 0 0 10px;}


.infos_projets_publication{
	float: left;
	margin-left: 25px;
	margin-bottom: 15px;
}

.infos_projets_publication span{
	font-family: arial; color:#d6c0d0 ; font-size: 24px;
	text-transform: uppercase;
	margin-right: 15px;
	border-right: 1px solid #d6c0d0;
	padding-right: 15px;
	float: left;
}
.infos_projets_publication h3{
	color:#767074 ; font-size: 20px; text-transform: uppercase;float: left;
}

.telecharger_publication{
	position: relative;
	display:inline-block;
	vertical-align: top;
	margin-left: 100px;
	color:#d6c0d0 ;
}

.telecharger_publication{width: 40%;max-width: 200px;min-width: 200px;}


.telecharger_publication .book{
	float: left;margin-right: 5px;
	font-size: 12px;
}
.telecharger_publication p a{ color:#d6c0d0 ;}
.telecharger_publication p a:hover{ color:#bc89aa ;cursor: pointer;}







/*...................................................... CONTAINER PEOPLE.......................*/


.container_people{
	width: 100%;
	margin: 40px 0 40px 0;
	position: relative;
	text-align:left;
	margin:0 auto;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
.container_people img, .container_people .contenu{
	position: relative;
	display:inline-block;
		
	vertical-align: bottom;
	text-align: left;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
.container_people img{width:  59%;max-width: 100%;}
.container_people .contenu{width: 40%;min-width: 300px;}
.container_people .contenu h4,.container_people .contenu h5,.container_people .contenu p{margin-left: 50px;}

.telecharger_people{
	position: relative; display:block;
	vertical-align: top;
	width:calc(100%-51px);margin-left:50px;padding-top:15px;
	color:#d6c0d0 ;
}
.telecharger_people img{float: left;width: 31px;text-align: left;margin-top:10px}
.telecharger_people div { float: left;margin-left:10px}
.telecharger_people div a{ color:#d6c0d0 ;}
.telecharger_people div a:hover{ color:#bc89aa ;cursor: pointer;}

.container_people .contenu .projets_people{width: 100%;}

.container_people .contenu .infos_projets_people{
	margin-left: 15px;margin-bottom: 15px;
	width: calc(95%-25px);
}

.container_people .contenu .infos_projets_people span{
	font-family: arial; color:#d6c0d0 ; font-size: 24px;
	text-transform: uppercase;
	margin-right: 15px;
	border-right: 1px solid #d6c0d0;
	padding-right: 15px;
	float: left;
}
.container_people .contenu .infos_projets_people h3{
	 font-size: 20px; text-transform: uppercase;float: left;color:#767074 ;margin: 0;
}
.container_people .contenu .infos_projets_people h4{
	 font-size: 20px; text-transform: uppercase;color:#d6c0d0;margin: 0;margin-left:35px;
}
.container_people .contenu .infos_projets_people h5{margin: 0;margin-left:35px;
	color:#767074 ; font-size: 16px;
}


.bloc_people{
	position: relative;
	text-align:left;
	vertical-align: top;
	width: 100%;
}
.theme_people{
	position: relative;
	display:inline-block;
	vertical-align: top;
	width: 25%;min-width: 25%;
	
	color:#d6c0d0 ; font-size: 38px;
	text-transform: uppercase;
	margin: 0 25px 0 25px;

}
.theme_people span{
	font-family: arial;
	color:#d6c0d0 ;
	font-size: 38px;
	text-transform: uppercase;
	margin-right: 15px;
	border-right: 1px solid #d6c0d0;
	padding-right: 20px;
}

.people_white{
	width: 100%;background: white;
}
.people_rose{
	width: 100%;background-color: #f8ebf5;padding: 10px 0;
}
.bloc_people .people_white .contenu, .bloc_people .people_rose .contenu{
	width: 100%;max-width: 650px;
	margin: 0 auto;padding: 0 15px;
	text-align: left;
}
.bloc_people .contenu .projets_people{width: 100%;}

.contenu .projets_people .infos_projets_people{
	margin-bottom: 10px;
	width: calc(95%-10px);
}

.contenu .projets_people .infos_projets_people h3{
	padding: 0;line-height: 24px;
	 font-size: 20px; text-transform: uppercase;color:#767074;margin: 0;
	 float: left;
}
.contenu p{
	margin: 5px 0;
}

.contenu p::first-letter {
	font-weight: 700;color: #d6c0d0;
}
.bande1{width: calc(100% - 120px);background-color: #f8ebf5;height: 5px;float: right;margin: 10px 0 0 20px;}
.bloc_people .contenu .projets_people .infos_projets_people h5{float: left;
	display: inline-block;
	margin: 0;padding: 0;line-height: 16px;
	font-size: 14px;font-weight: 700;text-transform: uppercase;color: #d6c0d0;
}
.rose{color:#767074 ;}
.texterose{color: #d6c0d0;margin-top:10px;font-weight: 700;}
.bande2{width: calc(100% - 120px);background-color: white;height: 5px;float: right;margin: 10px 0 0 20px;}
.margeplus{margin: 10px 0;}




sup { font-size: 9px; } 


/* ----------------------------------------- */
/* ------------- MEDIA QUERIES ------------- */
/* ----------------------------------------- */

@media screen and (max-width: 1024px) { /*960*/
	.detail_projets span.coupe{display: block;margin: 0;padding: 0;line-height: 12px;}
	.detail_projets span{height: 16px;line-height: 12px;}
	.detail_projets{line-height: 12px;}
	
	.bloc_publication{ text-align:center; padding: 0;}
	.theme_publication{ width: 49%;min-width: 320px; margin: 0;padding: 0;text-align: center;}
	.projets_publication{width: 49%;min-width: 49%;margin : 0 0 0 10px;}
	.telecharger_publication{width: 40%;max-width: 200px;min-width: 200px;}
}

@media screen and (max-width: 960px) { /*960*/
	.Actu_Publi_People .complement a{font-size: 30px;}


	.projets_publication{width: 49%;min-width: 300px;margin: 0 15% 25px 15%;}
	.telecharger_publication{width: 40%;max-width: 200px;min-width: 200px;margin: 0 15% 25px 15%;}
	
.projets_publication{text-align: center;margin : 0 0 25px 0;}

.infos_projets_publication{margin-left: 0;text-align: center;margin: 0 auto;width: 100%;}


	.infos_projets_publication span{display: none;}

	.infos_projets_publication h3{ font-size: 20px; margin: 0 auto;display: inline-block;width: 100%;}	
}

@media screen and (max-width: 768px) { 
	.Actu_Publi_People .complement a{font-size: 26px;}

	.Nom_dans_theme{font-size: 12px;}
	
	.Nom_dans_theme  span{font-size: 11px;}
	
	.container_people img{width:  100%;max-width: 100%;margin-bottom: 25px;}
	.container_people .contenu{width: 100%;min-width: 350px;padding-right: 15px;}
	.telecharger_people img{float: left;width: 31px;text-align: left;margin-top:10px}
}

@media screen and (max-width: 480px) { 
	
	.Actu_Publi_People .complement a{font-size: 22px;}
	
	.Nom_dans_theme{font-size: 10px;}
		
	.Nom_dans_theme  span{font-size: 10px;}
}