@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
/*
vert : #a2b08f
*/
body{
	background-color:#579ada;
	font-family:'Josefin Sans', sans-serif;
	color:#fff;
}
img{
	border:0px;
}

table{
margin:auto;
border:2px solid #ddd;
border-radius:5px;
}
td{
padding:8px;
border-radius:5px;
}
.trTitre td{
background-color:#aaa;
}

/*VIDEOS */
.video-wrapper {
	width: 600px;
	max-width: 96%;
	margin:10px auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:10px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*TABLEAUX*/
.tabDesc{background-color: #9ECBF7; color:#579ADA;  text-decoration:none;  font-weight:normal; font-size: 11px; letter-spacing:1px;}
.tabFond1{background-color: #ffffff; border-color: #DDC280; border-width:1px; border-style:solid; padding:2px;}
.tabFond2{background-color: #ffffff; border-color: #DDC280; border-width:1px; border-style:solid; padding:2px;}
.tabTitre1{background-color: #DDC280; font-weight: bold; color: #ffffff; }
.tabTitre2{background-color: #7F6601; font-weight: normal; color: #ffffff; }
.tabTitreFiche{background-color: #DDC280; font-weight: bold; color: #ffffff; }
.tabTexteFiche{background-color: #ffffff; border-color: #DDC280; border-width:1px; border-style:solid; padding:2px;}
.tabAdresse{
background-color: #579ADA; font-size: 10px; font-weight: bold; color: #DDC280;
background-image:url(../images/bg_bas.gif); background-repeat:no-repeat; }
.tabCouleur1{background-color: #FFAFAF;}
.tabCouleur2{background-color: #FFE8BA;}

iframe{
	border:none;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

A
{
  color: #cc9900;
  font-weight: bold;
  text-decoration-line: none;
  text-decoration-style: solid;
}

/* Ligne 57 */
A:hover
{
  color: #9ecbf7;
  font-weight: bold;
  text-decoration-line: none;
  text-decoration-style: solid;
}
hr{
	border: 1px dotted #fe9900;
	margin:30px;
}
/*Dobeuliou ckeditor*/
.txtPlusPetit{
	font-size:0.8em;
}
.txtPlusGrand{
	font-size:1.2em;
}
.txtCouleur1{
	color:#ff0000;
}
.txtCouleur2{
	color:#c90;
}
.txtCouleur3{
	color:#579ada;
}
.txtCouleur4{
	color:#ffcc00;
}
.txtCouleur5{
	color:#004a8f;
}


h1{
	font-size:1.5em;
	text-shadow: 2px 2px 2px rgeba(0,0,0,0.2);
	line-height:1.0em;
	margin-top:0px;
	padding-bottom:15px;
	font-weight:normal;
	color:#c90;
}
h2{
	font-size:1.3em;
	line-height:1.0em;
	margin-top:10px;
	margin-bottom:10px;
}


.divRef{
}
.divRef img{
	display:block;
	max-width:90%;
	margin:0px;
	padding:0px;
}
.divConteneurGlobal{
	display:block;
	width:100%;
	max-width:1300px;
	min-height:400px;
	margin:auto;
	margin-top:5px;
	margin-bottom:30px;
	z-index:1;
	position:relative;
	overflow:hidden;
}
.divConteneurGlobalAccueil{
	margin-top:0px;
}
/* HEADER */

header{
	display:block;
	width:100%;
	height:200px;
	margin:auto;
	margin-top:0px;
	z-index:100;
	position:relative;
}
.divLogoAnim{
	position:absolute; 
	top:3px; 
	left:40px;
}

.divBtnHD{
	position:absolute;
	display:block;
	padding:5px;
	top:10px;
	right:0px;
	z-index:100;
	font-size:20px;
	text-transform:uppercase;
}
.divLangHD{
	display:block;
	float:left;
	text-align:right;
	margin-left:20px;
}


.divMenu{
	position:absolute;
	top:25px;
	right:0px;
	width:560px;
	/* background-color:#FF0; */
	z-index:1000;
}




/*************** 2 COLONNES ***/
.divDemiColG{
	display:block;
	float:left;
	width:48%;
	margin-right:2%;
}
.divDemiColD{
	display:block;
	float:left;
	width:48%;
	margin-left:2%;
}

/* Accueil */
.divConteneurContenuAccueil{
	display:block;
	width:800px;
	margin:auto;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:50px;
	z-index:1;
	position:relative;
}
.divTitreAccueil{
	margin:auto; 
	text-align:center;
}
.divTitreAccueil h1{
	color:#FFF;
	font-size:32px;
	text-shadow:2px 2px 4px rgba(0,0,0,0.2);
}


/*************** CONTENU *********************/
.divConteneurTitrePage{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color:#FFF;
	
	background-image:url(../images/bg-titre-page.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:10px;
	margin-top:20px;
	z-index:1;
}
.divTitrePageHD{
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	background-image:url(../images/bg-titre-page-HD.png);
	background-position:top left;
	background-repeat:no-repeat;
	top:0px;
	right:-20px;
	z-index:2;
}
.divConteneurContenu{
	display:block;
	width:96%;
	padding-left:4%;
	background-color:#FFF;
	color:#333;
	background-image:url(../images/bg-contenu.png);
	background-position:top left;
	background-repeat:repeat-y;
	border-radius:0px 0px 30px 0px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
	min-height:360px;
	z-index:1;
	/*position:relative;*/
}
.divContenu {
	display:block;
	min-height:400px;
	width:96%;
	margin-left:2%;
	margin-right:2%;
	padding-top:0px;
	margin-top:0px;
	text-align:left;
	font-size:1.0em;
	position:relative;
}
.divTitrePage{
	padding-top:28px;
	padding-right:15px;
	padding-left:20px;
	text-align:right;
}
.divContenu p{
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
}
.divContenu ul{
	margin:10px;
	margin-left:50px;
}
.divContenu li{
 	padding-left: 25px;
}
.divContenu blockquote{
		margin-left:20px;
		border-left:5px #ccc solid;
		padding-left:15px;
		
}

/*MENU LOCAL*/

.divMenuLocal{
	display:block;
	float:left;
	width:19%;
	margin-right:1%;
}
.divContenuAvecMenuLocal{
	display:block;
	float:left;
	width:75%;
	padding-left:2%;
	margin-right:2%;
	border-left:2px #cecece dotted;
}
.divTitreMenuLocal{
	display:block;
	padding:5px;
	border-radius:0px 0px 10px 10px;
	color:#fff;
	background-color:#000;
	margin-bottom:5px;
	text-align:center;
}
.divMenuLocal a{
	display:block;
	padding:5px;
	border-radius:10px;
	background-color:#efefef;
	border:1px #eee solid;
	margin-bottom:5px;
}
.divMenuLocal a:hover {
	background-color:#ddd;
	border-color:#000;
}
.divMenuLocal a.select,
.divMenuLocal a.select:hover {
	color:#fff;
	background-color:#000;
	border-color:#000;
	border-radius:10px 0px 0px 10px;
	text-align:right;
	margin-left:5%;
	margin-right:-5%;
}




/* ARTICLES PAGES */

.divArticleContenu{
	margin-top:20px;
	margin-bottom:20px;
	border-top :0px #000 dotted;
	border-radius: 0px 0px 20px 0px;
}

.divPhotoArticleLeft{
	display:block;
	float:left;
	text-align:right;
	width:35%;
	margin-right:2%;
	margin-top:15px;
}
.divTexteArticle{
	display:block;
	float:none;
	width:100%;
}
.divTexteArticleLeft{
	display:block;
	float:left;
	width:60%;
	padding-top:15px;
}
.divPhotoArticleRight{
	display:block;
	float:right;
	text-align:left;
	width:35%;
	margin-left:2%;
}
.divTexteArticleRight{
	display:block;
	float:right;
	width:60%;
}
.divPhotoArticleLeft img, 
.divPhotoArticleRight img{
	width:100%;
	margin-bottom:10px;
	border-radius:10px;
}
.divPhotoArticleLeft img.photoPrincipale, 
.divPhotoArticleRight img.photoPrincipale{
	width:100%;
}
.divPhotoArticleLeft img.photoSecondaire, 
.divPhotoArticleRight img.photoSecondaire{
	display:block;
	float:left;
	width:29%;
	margin:2%;
}

.divFicheColG{
	display:block;
	float:left;
	width:54%;
	margin-right:1%;
}
.divFicheColD{
	display:block;
	float:left;
	width:45%;
}
	


#divBoutonPrecedent a,
#divBoutonListe a,
#divBoutonSuivant a{
	display:block;
	float:left;
	margin-top:0px;
	margin-right:5px;
	border-radius:7px;
	width:30px;
	height:30px;
	padding:5px;
	position:relative;
	text-decoration:none;
	font-size:28px;
	line-height:1.0em;
	text-align:center;
	cursor:pointer;
	z-index:10;
	background-color:#dedede;
	color:#f2f2f2;
}
#divBoutonPrecedent a:hover,
#divBoutonListe a:hover,
#divBoutonSuivant a:hover{
	background-color:rgba(0,0,0,0.5);
	border-color:#fff;
	color:#fff;
	text-decoration:none;
}
#divBoutonPrecedent a img,
#divBoutonListe a img,
#divBoutonSuivant a img{
	width:100%;
	height:auto;
	opacity:0.6;
}
#divBoutonPrecedent a:hover img,
#divBoutonListe a:hover img,
#divBoutonSuivant a:hover img{
	width:100%;
	height:auto;
	opacity:1.0;
}

/*BLOG */
.divBlogMenu{
	display:block;
	width:23%;
	float:right;
	margin-left:2%;
	margin-top:20px;
}
.divBlogMenu a{
	display:block;
	width:100%;
	padding:3px;
	background-color:#ddc280;
	margin-bottom:2px;
	color:#fff;
	transition:all 0.5s;
}
.divBlogMenu a:hover{
	background-color:#c9a047;
}
.divBlogArticles{
	display:block;
	width:75%;
	float:right;
}
.divBlogArticles hr{
	border: 1px dotted #c9a047;
	margin: 0px;
	margin-bottom:10px;
}

/* liste liens pdf */
ul.listeMemoires{
	list-style:none;
}
a.listeMemoires{
	display:block;
	margin-bottom:10px;
	background-color:#faf7ed;
	padding:5px 15px;
	margin:10px 0px;
	border-radius:10px 0px 10px 0px;
	transition: all 0.5s;
}
a.listeMemoires:hover{
	background-color:#f7f1dd;
	color:#cc9900;
}
a.listeMemoires > span,
a.listeMemoires:hover > span{
	color:#000;
	font-size:0.8em;
	font-style:italic;
	font-weight:normal;
}



/* FORMS */

.divFormColG{
	display:block;
	width:28%;
	float:left;
	text-align:right;
	margin-right:2%;
	margin-top:2px;
	margin-bottom:2px;
	clear:both;
}
.divFormColD{
	display:block;
	width:70%;
	float:left;
	text-align:left;
	margin-top:2px;
	margin-bottom:2px;
	
}
input, textarea, select, a.lienCmd{
	background-color:rgba(255,255,255,0.3); 
	border : 1px  #c90 solid; 
	font-size: 14px;  
	color: #333; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	border-radius: 6px;
	width:96%;
}
input[type=checkbox] {
 width:auto;
 }
 

select{
	width:96%;
}
a.lienCmd{
	display:block;
	background-color:#fff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	font-size:1.0em;
	max-width:300px;
	color:#c90;
	text-decoration:none;
	padding:8px;
	margin-top:5px;
	margin-bottom:5px;
}
a.lienCmd:hover{
	background-color:#c90;
		color:#fff !important;
		text-decoration:none;
}


/*** FOOTER ***/

.btnHautdepage{
	text-align:right; 
	font-size:1.1em; 
	cursor:pointer;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	color:#c9a047;
}

.divConteneurFooter{
	position:relative;
	display:block;
	width:100%;
	min-height:100px;
	background-image:url(../images/bg-footer.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:15px;
	text-align:center;
}

.divConteneurFooter a{
}
.divConteneurFooter a:hover{
}

.divDobeul{
	display:block;
	padding:4px;
	padding-right:10px;
	text-align:right;
	font-size:10px;
}
.divDobeul a{
	font-family:Verdana, Geneva, sans-serif;
	color:rgba(255,255,255,0.4);
	text-decoration:none;
}
.divDobeul a:hover{
	color:rgba(255,255,255,0.8);
	text-decoration:none;
}

.divLegal{
	text-align:center;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	padding:20px;
}

.divBtnLike{
	padding:20px;
}
.divBtnLike a img{
	opacity:0.8;
	height:30px;
	margin:10px;
	transition:all 0.5s;
}
.divBtnLike a:hover img{
	opacity:1.0;
	height:40px;
	margin:5px;
}


/* GENERAL */
.txtPetit{
	font-size:0.8em;
}
.divClear{
	clear:both;
}
.boxShadow{
	box-shadow: 0px 2px 10px #333;
}
.borderRadius{
		-moz-border-radius: 12px;       
		-khtml-border-radius: 12px;     
		-webkit-border-radius: 12px;
		border-radius: 12px;
}
.triangleBas{
	background-image:url(../images/triangleBas.png);
	background-repeat:no-repeat;
	background-position:right;
}
.triangleHaut{
	background-image:url(../images/triangleHaut.png);
	background-repeat:no-repeat;
	background-position:right;
}

@media screen and (max-width:980px){
	.divConteneurGlobal, 
	.divConteneurGlobalAccueil{
		width:100%;
		margin:auto;
	}
}
@media screen and (max-width:800px){
	.divConteneurContenuAccueil{
		width:100%;
	}
	.divMenu{
		width:94%;
		margin-right:3%;
	}
}
@media screen and (max-width:640px){
	.divConteneurGlobal{
			width:100%;
			margin:auto;
	}
	
	header{
		height:180px;
		padding-top:30px;
	}
	#vague{
		display:none;
		opacity:0;
	}
	.divTitrePageHD{
		display:none;
	}
	h1{
		font-size:1.2em;
	}
	.divLogoAnim{
		top:40px; 
		width:100%;
		overflow:hidden;
	}
	.divTitreAccueil h1{
		font-size:20px;
	}
	.divConteneurHeader{
	}
	.divConteneurFooter{
		position:relative;
	}
	.divConteneurFooter a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	.divConteneurContenu {
		padding-top:5px;
		width:94%;
		padding-left:6%;
	}
	.divContenu {
		width:96%;
		padding-top:5px;
	}
	.divContenu h1{
		font-size:1.3em;
	}
	.divContenu h2{
		font-size:1.3em;
	}
	
	/*equipe*/
	.divPhotosEquipe{
		margin-bottom:10px;
	}
	.divPhotosEquipe img{
		height:110px;
		margin-right:10px;
		margin-bottom:10px;
	}
		
	/* ARTICLES PAGES & RESUMES */

	.divPhotoArticleResumeLeft, .divTexteArticleResumeLeft, .divPhotoArticleResumeRight, .divTexteArticleResumeRight, 
	.divPhotoArticleLeft, .divTexteArticleLeft, .divPhotoArticleRight, .divTexteArticleRight, .divArticleColG, .divArticleColD, 
	.divFicheVillageColG, .divFicheVillageColD,
	.divFormColG, .divFormColD,
	.divDemiColG, .divDemiColD{
		float:none;
		width:100%;
		margin:0;
	}
	/*BLOG */
	.divBlogMenu,
	.divBlogArticles{
		display:block;
		width:95%;
		float:none;
		margin-left:0%;
		margin-top:0px;
		margin-bottom:20px;
	}

	.divPhotoArticleResumeLeft, .divPhotoArticleResumeRight,.divPhotoArticleLeft, .divPhotoArticleRight{
		text-align:center;
	}
	.divFormColG{
		text-align:left;
	}


}