/* Globals */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;}

body {
background-color: #ffffff;
font-family: 'Tenor Sans', sans-serif;
font-size:1.0em;
width:100%;
}

td{padding:5px;}

.divVersionMobile{
	width:100%; 
	display:block; 
	margin:auto; 
	margin-top:30px; 
	margin-botom:30px; 
	text-align:center;
}
.divVersionMobile img{
		width:160px;
	}

/* mouvement perpetuel */
.divContenuAnim{
	display:block;
	width:100%;
	min-height:220px;
	/* overflow:hidden; */
	position:relative;
	/* background-color:#FCC; */
}
#pastille1{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:-1000px;
	left:-1000px;
	background-image:url(../images/pastille1.png);
	z-index:2;
}
#pastille2{
	display:block;
	width:100px;
	height:100px;
	position:absolute;
	top:-1000px;
	left:-1000px;
	background-image:url(../images/pastille2.png);
	z-index:3;
}
#pastille3{
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	top:-1000px;
	left:-1000px;
	background-image:url(../images/pastille3.png);
	z-index:4;
}
/* fin mouvement perpetuel */

/*LIENS*/
a { color: #FE9900; text-decoration:none;}
a:hover { color: #FE9900; text-decoration:underline;}

.lienFooter { font-size: 11px;font-weight: normal; color: #A40C5F; ; text-decoration: none}
.lienFooter:hover {font-size: 11px;font-weight: normal; color: #ffffff; text-decoration: none}

h1{ 
	font-size:2.4em;
	color:#ff9900;
	font-family: 'Gruppo', cursive;
	font-weight:normal; 
	letter-spacing:0px;
}
h2{
	font-size: 1.4em; 
	color:#aa0d0a;
	letter-spacing:0px;
	font-family: 'Gruppo', cursive;
}
h3{font-size: 1.1em; }

.img{
	border:0px;
}
.arrondi8px{
	-moz-border-radius: 8px;        /* Mozilla */
	-khtml-border-radius: 8px;      /* Safari et Chrome */
	-webkit-border-radius: 8px;     /* Safari sur Mac */
	border-radius: 8px;
}
.arrondi12px{
	-moz-border-radius: 12px;        /* Mozilla */
	-khtml-border-radius: 12px;      /* Safari et Chrome */
	-webkit-border-radius: 12px;     /* Safari sur Mac */
	border-radius: 12px;
}
.divLigneH{
	width:100%;
	height:16px;
	margin:15px auto;
	background-color:#FFE3BE;
	background-image: url(../images/bg_menu.jpg);
	background-repeat: repeat-x;
	float:none;
	z-index:100;
}
.divConteneurContenu{
	width:98%;
	max-width:1200px;
	margin:auto;
	color:#999;
	position:relative;
}
.divLogo{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	z-index:20;
}
.divLogo a img{
	width:100%;
}


.divTitreSite{
	display:block;
	position:absolute;
	top:15px;
	left:220px;
	z-index:20;
}
.divTitreSite h1{
	/*
	font-family: 'Bilbo Swash Caps', cursive;*/
	font-size:2.0em;
	
}
.divMenu{
	position:absolute;
	top:130px;
	right:0px;
	display:block;
	width:70%;
	z-index:2000 !important;
}

/* accueil */
.divReferencesAccueil{
	text-align:center;
	background-color:#ff9900;
	padding:5px 0px;
}
.divReferencesAccueil>a{
	display:inline-block;
	width:280px;
	height:280px;
	border:0px;
	border-radius:0px;
	margin:1px;
	overflow:hidden;
	
}
.divReferencesAccueilLogo{
	width:100%;
	height:100%;
	background-color:#FFF;
	border-radius:0px;
	transition:all 0.5s;
}
.divReferencesAccueil >a > .divReferencesAccueilLogo > img{
	width:100%;
	height:auto;
	transition:all 0.5s;
}
.divReferencesAccueil > a:hover > .divReferencesAccueilLogo{
	border-radius:200px;
	overflow:hidden;
}
.divReferencesAccueil > a:hover > .divReferencesAccueilLogo > img{
	width:110%;
	margin-top:-5%;
	margin-left:-5%;
	height:auto;
}
.divSloganAccueil{
	padding:15px 2%;
	text-align:center;
}
.divConteneurArticlesAccueil{
	display:flex;
	flex-wrap: wrap;
}
	.divArticleAccueil{
		display:block;
		background-image: url(../images/bg_article.jpg);
		background-repeat: repeat-x;
		text-align:left;
		width:22%;
		margin:10px 0.5%;
		padding:10px 1%;
		border-radius:10px;
	}
	
.divColonneMoitieGauche{
	display:block;
	float:left;
	width:50%;
	margin-right:2.5%;
}
.divColonneMoitieDroite{
	display:block;
	float:left;
	width:45%;
	margin-left:2.5%;
}

.divAccueilColG{
	display:block;
	float:left;
	width:30%;
	margin-right:2.5%;
}
.divAccueilColD{
	display:block;
	float:left;
	width:65%;
	margin-left:2.5%;
}

/* *page standard */ 
.divTitrePage{
	text-align:right;
}
.divTitrePage h1{
	margin-top:10px;
}

.divArticle{
	display:block;
	background-image: url(../images/bg_article.jpg);
	background-repeat: repeat-x;
	text-align:left;
	margin:auto;
	margin-top:20px;
	padding-top:10px;
	width:95%; 
	padding:2.5%; 
}

.divBlocArticle{
	margin-top:100px;
	transition:all 1s;
}
	.divBlocArticle.comeIn{
		margin-top:10px;
	}

.divPhotoArticleLeft{
	display:block;
	width:42.5%;
	float:left;
	margin-top:20px;
}
.divPhotoArticleRight{
	display:block;
	width:42.5%;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
}

.divPhotoArticleLeft img, .divPhotoArticleRight img{
	width:100%;
}
.divTexteArticleLeft{
	display:block;
	background-image: url(../images/bg_article.jpg);
	background-repeat: repeat-x;
	text-align:left;
	margin-top:20px;
	padding-top:10px;
	width:50%; 
	padding:2.5%; 
	float:left; 
	margin-left:2.5%;
}
.divTexteArticleRight{
	display:block;
	background-image: url(../images/bg_article.jpg);
	background-repeat: repeat-x;
	text-align:left;
	margin-top:20px;
	padding-top:10px;
	width:50%; 
	padding:2.5%; 
	float:right; 
	margin-right:2.5%;
}
.divTexteArticleCentre, .divTexteArticle{
	display:block;
	background-image: url(../images/bg_article.jpg);
	background-repeat: repeat-x;
	text-align:left;
	margin-top:20px;
	padding-top:10px;
	width:95%; 
	padding:2.5%; 
	margin:auto;
}


.divTexteArticle ul{
	margin:10px;
	margin-left:50px;
}

.divCommentaire{
	display:block;
	border:1px #ddd dashed;
	color:#999;
	font-style:italic;
	padding:10px;
	margin:10px;
}

/* 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{
	box-sizing:border-box;
	background-color:#feeed7; 
	border : 2px  #ff9900 dotted; 
	font-size: 1.2em;  
	color: #555; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:96%;
	padding:5px 1%;
	margin:1px 0px;
	border-radius: 8px;
	}
input[type=checkbox]{
	width:20px;
	height:20px;
}
a.lienCmd{
	display:block;
	background-color:#ff9900;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius: 0px;
	font-size:1.0em;
	max-width:300px;
	color:#fff;
	text-decoration:none;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	transition:all 0.5s;
}
a.lienCmd:hover{
	background-color:#333;
		color:#fff !important;
		text-decoration:none;
}

/* references */
.divPhotoRef{
	display:block;
	float:left;
	width:18%;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
}
.divPhotoRef img{
	width:100%;
}
.divTexteRef{
	float:left;width:50%;margin-left:5%;
	margin-top:10px;
}

.divCoordonneesFooter{
	margin:auto;
	width:95%;
	text-align:center; 
	padding:2.5%;
	margin-top:20px;
	margin-bottom:20px;
	border-style:dotted;
	border-color:#F90;
	border-width:1px;
}

.divLiensFooter{
	width:1200px;
	margin:auto; 
	color:#bbb;
	font-size:0.8em;
	text-align:center;
	padding:10px 1%;;
	text-align:justify;
}

.divLiensFooter a{
	color:#bbb;
}
.divLiensFooter a:hover{
	color:#999;
}

.divPartageReseaux{
	margin:auto;
	max-width:200px;
	text-align:center;
	margin-bottom:15px;
	font-size:12px;
	padding:5px;
	border:1px #fef1e0 solid;
	border-radius:10px;
}

.divRefRecherche{
	font-size:0.7em;
	color:#900;
	text-align:center;
	margin:15px 2%;
	padding:15px 2%;
	border: 2px #ffedd7 dotted;
	border-radius:100px;
}
.divRefRecherche a, .divRefRecherche a:hover{
	color:#900;
	text-decoration:none;
}

@media screen and (max-width:1200px){
	.divLiensFooter{
		width:98%;
	}

}
@media screen and (max-width:1000px){
	.divMenu{
		top:5px;
		right:auto;
		left:220px;
		display:block;
		width:70%;
		z-index:200!important;
	}
	.divTitreSite{
		left:500px;
	}
	.divTitreSite h1{
		font-size:1.2em;
	}

}
@media screen and (max-width:800px){
	.divColonneMoitieGauche, 
	.divColonneMoitieDroite,
	.divAccueilColG,
	.divAccueilColD{
		display:block;
		width:98%;
		margin-right:0;
	}
	ul.diaporama li img{
	width:100%;
	}
	.divArticleAccueil{
		width:47%;
	}

}
@media screen and (max-width:640px){
	.divTitrePage{
		text-align:center;
	}
	h1{
		font-size:1.6em;
	}
	.divLogo{
		position:relative;
		float:none;
		width:100%;
		text-align:center;
	}
	.divLogo a img{
		width:160px;
	}
	.divMenu{
		position:relative;
		float:none;
		width:100%;
		margin-top:10px;
		top:auto;
		left:auto;
		margin-bottom:10px;
	}
	.divTitreSite{
		position:relative;
		width:100%;
		margin-top:5px;
		top:auto;
		left:auto;
		text-align:center;
	}
	.divTitreSite h1{
		font-size:1.3em;
	}
	.divCarrousselAccueil, .divTitreCarrousel{
		display:none;
	}
	/* references */
	.divPhotoRef{
		display:block;
		float:left;
		width:48%;
		margin-left:1%;
		margin-right:1%;
		margin-top:10px;
	}
	.divPhotoRef img{
		width:100%;
	}
	.divTexteRef{
		float:none;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-top:10px;
	}
	
	.divPhotoArticleLeft{
		display:block;
		width:100%;
		float:none;
	}
	.divPhotoArticleRight{
		display:block;
		width:100%;
		float:none;
	}
	.divTexteArticleLeft{
		width:95%; 
		padding:2.5%; 
		float:none; 
		margin:auto;
	}
	.divTexteArticleRight{
		width:95%; 
		padding:2.5%; 
		float:none; 
		margin:auto;
	}

}
@media screen and (max-width:480px){
	.divVersionMobile img{
		width:100%;
	}
	.divLogo a img{
		width:120px;
	}
	.divTitreSite h1{
		font-size:1.0em;
		line-height:0.8em;
	}
	.divArticleAccueil{
		width:97%;
	}
}

.divClear{
	clear:both;
}

.mailto {  color: #FE9900; ; text-decoration: none}
.mailto:hover { color: #000000; text-decoration: none}

.lienTitreAccueil{ color: #FE9900; font-weight: bold; text-decoration:none;}
.lienTitreAccueil:hover { color: #333333; font-weight: bold; text-decoration:none;}

.lienTitre{ color: #FE9900; text-decoration:none;}
.lienTitre:hover { color: #FE9900; text-decoration:none;}


/*TABLEAUX*/
.tabFond1{ BORDER: #555555 1px solid; padding:2px;}
.tabTitre1{
background-color:#555555; color:#ffffff;
letter-spacing:1px;
font-weight:bold;
}
.tabCmd{
padding:2px;
background-color:#ff8800;
}



/*FORMULAIRES*/
.form{background-color:#ffffff; BORDER: #F8A201 1px solid; font-size: 11px;  COLOR: #F8A201; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

/*DIV*/


.divHeadder{
width:100%;
margin:auto; 
font-size:10px;
letter-spacing:1px;
text-align:center;
color:#A40C5F;
height:30px;
overflow:hidden;
}
.divH1{
width:100%;
margin:auto; 
height:30px;
overflow:hidden;
}