@charset "UTF-8";
/* CSS Document */

/* STYLE SHEET
Créé par [David Lefebvre]

	1. Reset CSS
	2. Font-Face
	3. Base
	4. Structure
	5. Texte et h1 ,h2
	6. Media Querry
	  */
/*--------- 1. Reset CSS ---------*/
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, 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, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font: inherit;

	/*vertical-align: baseline;*/

}
/* HTML5 display-role reset for older browsers */

article, section, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, h1, h2, h3, h4, p {
	display: block;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../font/bebasneue-webfont.eot');
    src: url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue-webfont.woff2') format('woff2'),
         url('../font/bebasneue-webfont.woff') format('woff'),
         url('../font/bebasneue-webfont.ttf') format('truetype'),
         url('../font/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'signatureregular';
    src: url('../font/signature_regular-webfont.eot');
    src: url('../font/signature_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/signature_regular-webfont.woff2') format('woff2'),
         url('../font/signature_regular-webfont.woff') format('woff'),
         url('../font/signature_regular-webfont.ttf') format('truetype'),
         url('../font/signature_regular-webfont.svg#signatureregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Conv_RobotoSlab-Bold';
	src: url('../font/RobotoSlab-Bold.eot');
	src: url('../font/RobotoSlab-Bold.woff') format('woff'), url('../font/RobotoSlab-Bold.ttf') format('truetype'), url('../font/RobotoSlab-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*--------- 3.Base ---------*/
html{
	height: 100%;
	font-family: Verdana, arial, sans-serif;
}
body{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #f5ebde;
	background-repeat: repeat-y;
}
/*--------- 4. Structure ---------*/
#container_body{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0;
	background-image: url(../img/fond2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}
#container_main{
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 1% auto 0;		
}
#container_main p{
	width: 100%;
	margin: 1% auto;
}
#container_header{
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 17% 0;	
}
header{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: url(../img/photoheader.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.header2{
	display: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none;
}
footer{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/fondfooter.png);
	background-repeat: no-repeat;
  	background-size: cover;
}
.footer2{
	display: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none;
}
/*---------Page d'accueil ---------*/
#section_president{
	float: left;
	width: 100%;
	height: auto;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	-moz-box-shadow:    3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	box-shadow:         3px 3px 10px 0px rgba(221, 199, 159, 0.84);
}
.padding{
	padding: 4.5% 3% 0 3%;
}
#section_activite{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 3%;
}
p.signature{
	font-family: "signatureregular";
	font-size: 1.3em;
	text-align: right;
	padding: 2% 0 3% 0;
}
.copyright{
   	font-family: "bebas_neueregular";
	font-size: 1.1em; 
	color: #fff;
	text-align: left;
	letter-spacing: 0.01em;
	padding: 1% 0 3% 0;
	clear: both;
}
.copyright a{
   	margin:auto auto auto 0.5em;
} 
#section_president img{
	float: left;
	margin: 0 2% 1% 0;
}
.photo_haut{
	display: block;
	float: left;
	width: 53%;
	height: auto;	
}
.photo_large{
	display: block;
	float: left;
	width: 100%;
	height: auto;	
}
.photo_haut img{
	width: 100%;
	height: auto;
}
.texte_haut{
	display: block;
	float: left;
	width: 37%;
	margin: 0 auto;
	padding: 5%;
	height: auto;
}
.texte_large{
	display: block;
	float: left;
	width: 90%;
	margin: 0 auto;
	padding: 5%;
	height: auto;
}
.texte_haut p{
	font-size: medium;
	color: #000;
	margin: 3% auto;
	text-align: left;
}
.texte_haut h2{
	margin: 3% auto;
	color: #219ed7;
}
.texte_haut img{
	float: right;
	margin:3%;
}
#activite_secondaire{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3.7% 0 3.7% 0;
	background-color: #0088dd;
	background-image: url(../img/activite_fondbleu.png);
	background-repeat: no-repeat;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	-moz-box-shadow:    3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	box-shadow:         3px 3px 10px 0px rgba(221, 199, 159, 0.84);	 
}
#activite_secondaire p{
	font-size: medium;
	color: #fff;
	margin: 3% auto;
	text-align: left;
}
#activite_secondaire h2{
	margin: 3% auto;
	font-family: 'Conv_RobotoSlab-Bold';
	font-size: 1em;
}
#activite_secondaire img{
	float: right;
}
#activite_secondaire img:hover{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
#activite_principal{
	display: block;
	float: left;
	width: 75%;
	height: auto;
	background-color: #000;
}
/*---------Page Fondateur ---------*/
#container_fondateur{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;
}
#texte_container_fondateur{
	padding: 1% 3% 0% 3%;
}
#section_fondateur{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_fondateur img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_fondateur h2{
	margin: 1% 0 1% 0;
}
#texte_fondateur p{
	text-align: left;
	margin:  2% 0 2% 0;	
}
/*---------Page Gerants ---------*/
#container_gerant{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	 
}
#texte_container_gerant{
	padding: 1% 3% 0 3%;
}
#section_gerants{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_gerants img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_gerants h2{
	margin: 1% 0 1% 0;
}
#texte_gerants p{
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Page Présidents Syndicats ---------*/
#container_syndicat{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	 
}
#texte_container_syndicat{
	 padding: 1% 3% 0 3%;
}
#section_syndicat{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_syndicat img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_syndicat h2{
	margin: 1% 0 1% 0;
}
#texte_syndicat p{
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Page Témoignages ---------*/
#container_temoignage{
	display: block;
	float: left;
	width: 97%;
	height: auto;
	padding: 1% 0 0% 3%;	
	margin: 3% auto 3%;	
}
#section_temoignage{
	display: block;
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 0% 3%;
	margin: 3% auto 3%;
}
#section_temoignage img{
	width: 40%;
	float: left;
	padding: 0 3% 1% 0;	
}
#section_temoignage p{
	text-align: left;	
}
.temoignage_signature{
	float: right;
	margin-right: 3%;
}
#video{
	width: 80%;
	margin: 3% 1% 3% 8%;
}
#video iframe{
	height: 450px;
}
/*---------Page Chronologie ---------*/
#container_chronologie{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	 
}
#texte_container_chronologie{
	 padding: 1% 3% 0 3%;
}
#section_chronologie{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_chronologie img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_chronologie h2{
	margin: 1% 0 1% 0;
}
#texte_chronologie p{
	width: auto;
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Page Nécrologie ---------*/
#container_necrologie{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	 
}
#texte_container_necrologie{
	padding: 1% 3% 0 3%;
}
#section_necrologie{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_necrologie img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_necrologie h2{
	margin: 1% 0 1% 0;
}
#texte_necrologie p{
	width: auto;
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Page d'activité ---------*/
#container_activite{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 auto 3%;	
}
#container_activite_principal{
	float: right;
	width: 60%;
	height: auto;
	margin:1.40% 0 0;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	-moz-box-shadow:    3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	box-shadow:         3px 3px 10px 0px rgba(221, 199, 159, 0.84);
}
#container_activite_secondaire{
	float: left;
	width: 38%;
	height: auto;
}
#activite_secondaire article{
	margin: 10% 7% 3% 7%;
}
#activite_secondaire article a img{
	margin: 0 0 3% 0;
}
#calendrier{
	width: 100%;
	height: auto;
	margin: 3.7% 0 0 0;
	text-align: center;
	background: #fff;
	font-family: "bebas_neueregular";
	font-size: 1.4em;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	-moz-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
}
#calendrier caption{
	background: #fff;
	padding: 3% 1%;
	color: #219ed7;
}
#calendrier caption a{
	text-decoration: none;
	color: #219ed7;
	padding: 0 2%;
}
#calendrier caption a:hover{
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
#calendrier caption a:first-of-type{
	float: left;
}
#calendrier caption a:last-of-type{
	float: right;
}
#calendrier tr:first-of-type{
	background: #f5f5f5;
}
#calendrier tr td, #calendrier tr th{
	padding: 3% 1%;
}
#calendrier tr td a{
	text-decoration: none;
	color: #219ed7;
}
#calendrier tr td span{
	display: none;
}
#texte_container_activite{
	padding: 1% 3% 0% 3%;
	margin: 3% auto;
}
#photo_activite{
	max-height: 300px;
	overflow: hidden;
}
#container_activite_simple{
	float: left;
	width: 100%;
	height: auto;
	padding: 3%;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	-moz-box-shadow:    3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	box-shadow:         3px 3px 10px 0px rgba(221, 199, 159, 0.84);
}
#texte_activite h2{	
	color:#219ed7;
	margin-top: 1%;
	font-family: 'Conv_RobotoSlab-Bold';
	font-size: 1em;
}
#text_activite{
	padding: 3% 0 0% 3%;
}
.activite_icone_bleu{
	float: right;	
}
.activite_icone_bleu:hover{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.retour{
	float: right;
	width: 10%;
	margin: 2% 3% 3% 84%;
	padding: 0.75% 0;
	color: #FFF;
	text-decoration: none;
	background-color: #219ed7;
	font-size: 1.1em;
	text-align: center;
}
.retour:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.retour_recherche{
	float: right;
	width: auto;
	margin: 2% 3% 3% 84%;
	padding: 0.75%;
	color: #FFF;
	text-decoration: none;
	background-color: #219ed7;
	font-size: 0.9em;
	text-align: center;
}
.retour_recherche:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
/*---------Page galerie ---------*/
#container_galerie{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;
}
#texte_container_galerie{
	padding: 1% 0 0% 3%;
}
#galerie{
	margin: 1% auto 0%;
}
#galerie article figure{
	float: left;
	width: 30%;
	min-height: 310px;
	padding-left: 2.5%;
	margin: 0.7% auto;
} 
#galerie article figure h3{
	margin: 2% 0 0 0;
} 
#galerie article figure img{
	width: 100%;
	height: auto;
}/*---------Page + ---------*/
.container_plus{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	 
}
.texte_container_plus{
	padding: 1% 3% 0 3%;
}
.section_plus{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
.section_plus img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
.texte_plus h2{
	margin: 1% 0 1% 0;
}
.texte_plus p{
	width: auto;
	text-align: left;
}
/*---------Page Communaute ---------*/
#container_communaute{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	 
}
#texte_container_communaute{
	padding: 1% 3% 0 3%;
}
#section_communaute{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_communaute img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_communaute h2{
	margin: 1% 0 1% 0;
}
#texte_communaute p{
	width: auto;
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Page Association ---------*/
#container_association{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;	
}
#texte_container_association{
	padding: 1% 3% 0 3%;
}
#section_association{
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 0 1% 3%;
}
#section_association img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
#texte_association h2{
	margin: 1% 0 1% 0;
}
#texte_association p{
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Page Contact ---------*/
#container_contact{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
#section_contact{
	float: left;
	width: 45%;
	padding: 4% 0 0 3%;
	height: auto;	
}
#section_ecrivez_nous{
	float: left;
	width: 44%;
	padding: 4% 0 0 4%;
	height: auto;
}
.google_carte iframe{
	width: 100%;
	height: 300px;
	margin: 5% auto;
}
.formulaire_contact {
	float: left;
	width: 100%;
	margin: 3% auto;
	height: auto;
}
.formulaire_contact input{	
	width: 98%;
	margin: 3% auto;
	padding: 2%;
	height: auto;
	border: none;
	background-color: #f6f1eb;	
}
.formulaire_contact textarea{
	width: 98%;
	margin: 3% auto;
	padding: 2%;
	height: auto;
	border: none;
	background-color: #f6f1eb;
}
.formulaire_contact input[type=submit] {
	float: right;
	font-size: 1.1em;
	width: 20%;
	margin-right: -2.5%;
	color: #FFF;
	border-style: none;
	background-color: #219ed7;
	cursor: pointer;
}
.formulaire_contact input[type=submit]:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
/*---------Footer ---------*/
#container_footer{
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 20% 0 0;
}
#menu_footer{
	display: block;
	float: left;
	width: 15%;
	height: auto;
	padding: 10% 5% 1% 0;	
}
#menu_footer a:hover{
	color: #563a2a;
}
#partenaire_footer{
	display: block;
	float: left;
	width: 19%;	
	height: auto;
	padding: 10% 5% 1% 0;	
}
#partenaire_footer a:hover{
	color: #563a2a;
}
#rechercher_footer{
	display: block;
	float: left;
	width: 16%;
	height: auto;
	padding: 10% 5% 1% 0;	
}
#rechercher_footer p{
	width: 100%;
	float: left;
	padding-left: 15%;
	font-size: 0.9em;
}
#rechercher_footer p a{
	color: #fff;
}
#information_footer{
	display: block;
	float: left;
	width: 30%;
	height: auto;
	padding: 9% 0 1% 0;	
}
#information_footer a:hover{
	color: #563a2a;
}
#btn_rechercher{	
	float: left;	
	font-size: 1.1em;
	width: 35%;
	margin: 5% 0 10% 76%;
	padding: 4% 0 3% 0;
	background: #b5def4;
	color: #1585d4;
	cursor: pointer;
	border-style: none;
	text-align: center;
}
#btn_rechercher:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#txt_rechercher{
	margin-left: 15%;
	padding: 3%;
	width: 90%;
	border-style: none;
}
.bordure_blanc{
	border-left: 1px solid #fff;
}
.credits{
	color: #fff;
	text-decoration: underline;
}
.credits:hover{
	color: #563a2a;
}
/*---------Page rechercher ---------*/
#texte_recherche img{
	width: 15%;
	float: left;
	padding: 0 3% 1% 0;
}
/*---------Menu Footer ---------*/
#menu ul{  
	list-style: none;  
	text-align: left; 
	width: 100%; 
	padding-left: 15%;
}
#menu li{
   	list-style: none; 
   	text-align: left; 
    margin: 6% auto;
    font-size: 0.9em;
    color: #fff;  
}  
#menu a{     
	width: 100%;   
   	text-decoration: none;
   	text-transform: uppercase; 
    color: #fff;  
}
#information ul{  
	list-style: none;  
	text-align: left; 
	width: 100%;
	padding-left: 8%;
}
#information li{    
	font-family: "bebas_neueregular";
	font-size: 1.4em;
	letter-spacing: 0.05em;
   	list-style: none; 
    text-align: left; 
    margin: 6% auto;	
}  
#information a{     
	width: 100%;   
    text-decoration: none; 
   	color: #fff;  
}
/*---------Page Rechercher ---------*/
#container_recherche{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto 3%;
}
#section_recherche a{
	padding: 3%;
}
#texte_container_recherche{
	padding: 1% 0 0% 3%;
}
#section_recherche{
	float: left;
	width: 92%;
	height: auto;
	padding: 1% 3% 0% 3%;
}
#texte_recherche h2{
	margin: 1% 0 1% 0;
}
#texte_recherche p{
	text-align: left;
	margin:  2% 0 2% 0;
}
/*---------Rechercher pour les pages  ---------*/
.rechercher_page{
	width: 92%;
	height: auto;
	padding: 1% 3% 0 3%;
	margin: 3% 0 0 0;
}
.rechercher_page label{
	float: left;	
}
#search{
	border: 1px solid #ccc;
	padding: 0.6% 0 0.3% 0.5%;
	margin: 0 0 0 0.5%;
	width: 15%;
	text-align: left;
}
#btn_search{
	width: 7%;
	color: #FFF;
	text-decoration: none;
	background-color: #219ed7;
	font-size: 1em;
	text-align: center;
	border: none;
	padding: 0.4% 0 0.2%;	
}
#btn_search:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.numero_page{
	text-align: center;
	padding: 0 0 1% 0;
	text-decoration: none;
}
/*---------Page Crédits ---------*/
#container_credits{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 3% auto;	 
}
#section_credits{
	display: block;
	float: left;
	width: 94%;
	height: auto;
	padding: 1% 3% 0% 3%;
}
#section_credits h2{
	font-size: 1.5em;
	margin:3% 0 0 1%;
}
#equipe_lumedia{
	display: block;  
	float: left; 
	width: 46%;
	padding: 3% 0 0 3%;  
}
#equipe_lumedia img{
	float: left;
	width: 97%;
	height: auto;
	margin: 0 0 2% 0;
}
#equipe_lumedia li{
	width: 60%;
	float: left;
	margin: 1% 0 0 0;
}
#equipe_lumedia a img{
	width: 30px;
	float: right;
	height: auto;
	margin: 0 3%;
}
.nom{
	font-weight: bold;
}
#logo_credits{
	margin:0 2%;
}
#logo_credits img{
	float: left;
	width: 31%;
	height: auto;
	margin: 1%;
}
.portfolio img:hover{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
#logo_credits img{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
}
#logo_credits img:hover{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/*---------Image Logo et bouton Header ---------*/
#logo_header{
	float: left;
	width: 20%;
	height: auto;
	margin: 0 9% 3% 10%;/*0 13% 3% 5%*/
}
#logo_header img{
	width: 80%;
	height: auto;
	margin: 0 0 0 26%;
}
#btn_header{
	float: left;
	width: 20%;
	height: auto;
	margin: 1% 5% 3% 35%;
}
#btn_header img{
	width: 100%;
	height: auto;
}
#btn_header:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
/*---------h1,h2,h3,p,a ---------*/
h1{
	font-family: "bebas_neueregular";
	text-transform: uppercase;
	font-size: 2.1em;
	margin:1% auto;
}
h2{
	font-family: "bebas_neueregular";
	text-transform: uppercase;
	font-size: 1.8em;
}
h3{
	color: #219ed7;
	font-size: 1em;
	margin: 0.5% auto 0;
}
h4{
	font-size: 0.8em;
	margin: 2% auto;
	font-weight: bold;
}
a{
	text-decoration: none;
	color: #219ed7;
}
p {
	font-family: Verdana, arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}
.brun{
	color: #371805;
}
.blanc{
	color: #fff;
}
.fond_blanc{
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	-moz-box-shadow:    3px 3px 10px 0px rgba(221, 199, 159, 0.84);
	box-shadow:         3px 3px 10px 0px rgba(221, 199, 159, 0.84);
}
footer  h1{
	margin: 0 0 5% 0;
	padding-left: 15%;
}
/*---------Menu Header ---------*/
#container_menu{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: -6% auto 0;
	padding: 0;	
	background-image: url(../img/fondmenu.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
#container_menu2{
	display: none;
}
#menu_principal li img{
	width: 85%;
}
#menu_principal2{
	display: none;
}
#menu_principal ul{
	width: 100%;  
	max-width: 960px;
	margin: auto;
	padding: 4% 0;  
	font-size: 1.3em;  
	font-weight: bold; 
	text-transform: uppercase;
	text-align: center; 
	list-style: none; 
}
#menu_principal li{  
   	list-style: none;
   	display: inline-block; 
   	text-align: left; 
   	padding: 0 1.2%;
   	color: #563a2a;
}  
#menu_principal a{    
   	width: 100%;   
    text-decoration: none; 
   	color: #563a2a; 
	height: 100%;
}
#menu_principal a:hover {
	color: #2486BC;
	width: 100%;
}

/*---------Sous-Menu ---------*/
#menu_principal ul ul{
	display: none; 
	position: absolute; 
	z-index: 9999; 
	max-width: 183px;
	padding: 0 0 0;
	font-size: 1em; 
	background-color: #fff; 
}
#menu_principal ul ul li{
	padding: 5px;
	display: block;
	height: 100%;
	width: 100%;
}
#menu_principal ul ul.niveau li:hover {
	color: #2486BC !important;
	width: 100%;
}
#menu_principal ul ul a{ 
	color: #563a2a; 
	font-size: small; 
	text-align: left; 
	line-height: 1.4em; 
	background-color: #fff;
	width: 100%;
}
#menu_principal LI:hover UL.niveau{
	display: block;
}
#menu_principal LI.sfhover UL.niveau{
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}
#menu_principal ul li img:hover{  
	background-image: url(../img/image_plus_bleu.png);
}
/*---------nonfloat ---------*/
.separateur{
	clear: both;
}
/*---------Media Queries ---------*/
/*responsive version bureau pour 1920 px */
@media only screen and (min-width: 1920px){
	#logo_header{		
		margin: 1% 16% 3% 1%;
	}
	#logo_header img{
		padding: 0 10% 5% 0;
		margin: 0 0 5% 25%;
	}
}
/*responsive version bureau pour 1500 px */
@media only screen and (min-width: 1500px){
		#menu_principal{
			margin:3% auto;
		}		
	}
/*responsive version bureau pour 1400 px */
@media only screen and (max-width: 1400px){
	#logo_header img{
		width: 60%;
		margin: 0 0 5% 20%;
	}
}

/*responsive version bureau pour 1024 px  */
@media only screen and (min-width: 1024px){
	#logo_header img{
		width: 70%;
		margin: 0 0 5% 20%;
	}
	#logo_header img{
		padding: 0 10% 5% 0;
		margin: 0 0 5% 25%;
	}
}
/*responsive version ipad portrait 1024 */
@media only screen and (max-width: 1024px){
	#logo_header{
		width: 15%;
		margin: 1% 0 3% 16%;
	}
	header{
		background-size:cover;
	}
	#container_activite_simple{
		width: 94%;
	}
	#logo_header img{
		margin: 0 0 10% 0%;
	}
	#btn_header img{
		width: 90%;	
	}
	#menu_principal li{  
   		list-style: none;
   		display: inline-block; 
   		text-align: left; 
   		padding: 0 1.2% 4.5%;
  	 	color:#563a2a;
	}
	#menu_principal ul{  
   		padding: 4% 0 0 0%;
   		font-size: 1.2em;
	}
	.bordure_blanc{
		border: none;
	}
	.copyright{
		padding: 1% 0 3% 2%;
	}
	#btn_search {
		padding: 0.5% 0 0.5% 0;
	}
}
/*responsive version 950 */
@media only screen and (max-width: 950px){
	#menu_principal ul{  
   		padding: 4% 0 0 0%;
   		font-size: 1.1em;
	}
	#logo_header img{
		margin: 0 0 0 15%;
	}
}
/*responsive version 900 */
@media only screen and (max-width: 900px){
	#menu_principal ul{  
   		padding: 4% 0 0 0%;
   		font-size: 1em;
  	}
	#menu_principal ul ul{  
   		padding: 1% 0 0 0;	
	}
	#logo_header img{
		margin: 0 0 5% 15%;
	}
	.rechercher_page label{
		width: 35%;
	}
	#search{
		padding: 1.1% 0 0.5% 0.5%;
	}
	.retour_recherche{
		font-size: 0.8em;
	}
}
/*responsive version 850 */
@media only screen and (max-width: 850px){
	.retour_recherche{
		font-size: 0.7em;
	}
	#menu_principal ul ul li{
		font-size: 0.75em;
	}
	#menu_principal ul{  
   		
   		font-size: 0.9em;
  	}

}

/*responsive version ipad paysage 768 */
@media only screen and (max-width: 768px){
	#container_body{
		background-image: none;
	}
	.bordure_blanc{
		border: none;
	}
	.rechercher_page label {
		float: left;
		width: 35%;
	}
	#container_activite_secondaire{		
		width: 100%;
	}
	#activite_secondaire{		
		width: 48%;
		margin: 3.7% 1% 3% 1%;
	}
	#section_activite h1{
		margin: 0 0 0 1%;
	}
	#container_menu{
		max-width: 768px;
	}
	#container_main{		
		max-width: 760px;
		padding: 0;
	}
	#container_footer{		
		max-width: 760px;
	}
	#container_activite_principal{		
		width: 100%;
	}
	#container_activite_simple img{
		padding: 0 1% 1% 1%;
	}
	#information ul{
		width: 90%;
	}	 	
	#menu_principal ul{ 
		max-width: 728px;
		font-size: 0.9em; 
		margin: auto;
		padding: 4% 0 0% 0;
	}
	#logo_header{
		width: 15%;
		margin: 0 0 3% 18%;
	}
	#logo_header img{
		margin: 0 0 0 3%;
	}
	#btn_header img{
		width: 80%;	
	}
	.formulaire_contact input[type=submit] {
		width: 24%;
	}
	#section_contact{
		width: 43%;	
	}
	#section_ecrivez_nous{
		width: 46%;
	}
	input, textarea{
	 	-webkit-appearance: none;
	 	-moz-appearance: none;
   	 	appearance: none;
   	    border-radius: 0;
	}
	#menu_footer{
		width: 20%;
		padding: 10% 5% 1% 0;	
	}
	#btn_rechercher{	
		float: left;	
		font-size: 1em;
		text-align: center;
		width: 35%;
		margin: 5% 0 10% 76%;
		background: #b5def4;
		color: #1585d4;
		cursor: pointer;
		border-style: none;
	}
	.copyright{
		padding: 1% 0 3% 3%;
	}
	.retour_recherche{
		font-size: 0.65em;
	}
}
/*responsive version ipad paysage 720 */
@media only screen and (max-width: 720px){
		#menu_principal ul{  
   		font-size: 0.8em;
  	}
}
/*responsive version 685 */
@media only screen and (max-width: 685px){
	#menu_principal ul{  
   		padding: 4% 0 0 0%;
   		font-size: 0.75em;
  	}
	#menu_principal ul ul a{  
   		padding: 1% 0 0 0;
   		font-size: 0.9em;
	}
	#video iframe{
		height: 350px;
	}
}
/*responsive version iphone 600*/
@media only screen and (max-width:600px){
	body{
		background-image: none;
		background-color: #f5ebde;
	}
	#container_body{
		background-image: none;
		background-color: #f5ebde;
	}
	#container_main{
		width: 98%;	
		max-width: 600px;
		padding: 1%;
		margin: 6% 0 0 0;
	}
	#container_main p{
		margin: 3% auto;
	}
	#container_header2{
		max-width: 600px;
		margin: 0 auto;
		padding: 0;	
	}
	#container_header2 img{
		width: 100%; 	
	}
	#activite_secondaire{		
		width: 97%;
		margin: 3% 0 3% 0;
	}
	header{
		display: none;
	}
	.header2{
		display: block;
	}
	#video {
		width: 97%;
		height: 300px;
		margin: 6% 0 0 0;
	}
	#video iframe{
		width: 100%;
		height: 300px;
	}
	#logo_header{
		float: left;
		width: 95%;
		height: auto;
		margin: 1% 0 3% 3%;	
	}
	#logo_header img{
		margin: 0 0 0 0;
	}
	#btn_header{
		float: left;
		width: 95%;
		height: auto;
		margin: 1% 5% 3% 3%;
	}
	#txt_rechercher{
		margin: 3% 3% 3% 6%;
		width: 85%;
		padding: 3% 0 3% 3%;
		border-style: none;
	}
	#btn_rechercher{
		margin: 3% 3% 3% 6%;
		width: 88%;
		padding: 5% 0 5% 3%;
		border-style: none;
		color: #fff;
		background-color: #371805;	
	}
	footer{
		display: none;
	}
	footer h1{
		padding: 0;
	}
	.footer2{
		display: block;
	}
	.footer2 a{
		font-family: 'Conv_RobotoSlab-Bold';
		font-size: 0.8em;
		text-decoration: none;
	}
	.footer2 h2{
		margin:3% 0 0 0;
	}
	.copyright{
		font-size: 1.4em; 
		color: #371805;
		text-align: center;
		padding: 3% 3% 5% 3%;
	}
	#credit{
		font-size: 1.6em; 
		color: #371805;
		text-align: center;
		padding: 3% 3% 5% 3%;
	}
	#partenaire_footer{
		display: block;
		float: left;
		width: 100%;
		height: auto;
		padding: 0;	
	}
	#container_activite_secondaire{
		width: 100%;
	}
	#activite_secondaire article{
		margin: 5% 5% 3% 5%;
	}
	#container_activite_principal{
		width: 99.7%;
		float: left;
	}
	#container_activite_simple{
		width: 97%;
		height: auto;
		padding: 1% 0 1% 3%;	
	}
	#container_activite_simple img{
		width: 97%;
	}
	.retour{
		width: 20%;
		padding: 3%;	
	}
	#section_activite h1{
		text-align: center;
	}
	#texte_activite{
		text-align: left;
		margin: 2% 0 2% 0;
	}
	#activite_secondaire h2{
		font-size: 1.3em;
	}
	#texte_activite h2{
		font-size: 1.3em;
		margin:  2% 0 0 0;
	}
	#container_activite_simple img{		
		margin: 3% 0 3% 0;
	}
	#container_footer{		
		max-width: 600px;
		padding: 0;
		margin: 6% 0 0 0;
	}
	#section_temoignage img{
		float: left;
		width: 97%;
		padding: 2% 3% 3% 0%;
		margin: 0;
	}
	#section_president{
		display: none;
	}
	#activite_secondaire{
		width: 100%;
	}
	#section_communaute{
		padding: 0 2% 0 3%;
	}
	#section_communaute img{
		float: left;
		width: 97%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#section_communaute p{
		float: left;
		width: 100%;
		text-align: left;
	}
	#section_necrologie{
		padding: 0 2% 0 3%;
	}
	#section_necrologie img{
		float: left;
		width: 97%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#section_necrologie p{
		float: left;
		width: 100%;
		text-align: left;
	}
	#section_association{
		padding: 0 2% 0 3%;
	}
	#section_association img{
		float: left;
		width: 97%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#section_association p{
		float: left;
		width: 100%;
		text-align: left;
	}
	#section_syndicat img{
		float: left;
		width: 97%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#section_syndicat p{
		float: left;
		width: 100%;
		text-align: left;
	}
	#section_syndicat{
		padding: 0 2% 0 3%;
	}
	#section_gerants img{
		float: left;
		width: 97%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#section_gerants{
		padding: 0 2% 0 3%;
	}
	#section_gerants p{
		float: left;
		width: 100%;
		text-align: left;
	}
	#section_fondateur p{
		float: left;
		width: 100%;
		text-align: left;
	}
	#section_fondateur{
		padding: 0 2% 0 3%;
	}
	#section_fondateur img{
		float: left;
		width: 100%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#texte_container_galerie{
		float: left;
		text-align: center;
		width: 100%;
	}
	#section_recherche{
		padding: 0 2% 0 3%;
	}
	#section_recherche img{
		float: left;
		width: 100%;
		padding: 3% 3% 3% 1%;
		margin: 0;
	}
	#section_contact{
		float: left;
		width: 99%;
		padding: 1%;
	}
	#section_contact p{
		text-align: center;
	}
	#section_ecrivez_nous{
		float: left;
		width: 99%;
		padding: 1%;
		height: auto;
	}
	.formulaire_contact input{	
		width: 94%;
		margin: 3% auto;
		padding: 2%;
	}
	.formulaire_contact textarea{
		width: 94%;
		margin: 3% auto;
		padding: 2%;
	}
	.formulaire_contact input[type=submit] {
		float: left;
		font-size: 1.6em;
		width: 99%;
		padding: 4% 0;
		text-align: center;
	}
	.google_carte iframe{
		display: none;
	}
	#menu_principal{
		display: none;
	}
	#container_menu2{
		display: block;
		float: left;
		width: 100%;
	}
	#menu_principal2{
		display: block;	
	}
	#galerie article figure{
		float: left;
		width: 95%;
		padding: 3% 3% 3% 2.5%;
		margin: 0;
	}
	#galerie article figure h1{
		padding: 0 0 1% 0;
	}
	#galerie article figure h2{
		font-family: 'Conv_RobotoSlab-Bold';
		font-size: 1.1em;
		text-align: center;
		margin: 3% auto; 
		color: #1585d4;
	}
	#galerie article figure p{
		padding: 1% 0 0 0;
	}
	input{
	 	-webkit-appearance: none;
	 	-moz-appearance: none;
   	 	appearance: none;
	}
	h1{
		font-size: 2em;
		text-align: center;
	}
	#display{
		display: none;
	}
	h2{
		font-family: 'Conv_RobotoSlab-Bold';
		font-size: 1.5em;
		text-align: center;
		margin: 3% auto; 
	}
	#h2footer2{
		font-family: 'Conv_RobotoSlab-Bold';
		font-size: 1.1em;
		text-align: center;
		margin: 3% auto; 
	}
	h3{
		font-size: 1em;
		margin: 3% 0 0 0;
	}
	h4{
		margin: 6% 0 3% 0;
		font-size: 1em;
	}
	p{
		font-family: Verdana, arial, sans-serif;
		font-size: 1em;
		line-height: 1.2em;
		text-align: left;
	}
	.rechercher_page{
		width: 92%;
		height: auto;
		padding: 1% 3% 0 3%;
		margin: 3% 0 0 0;
	}
	.rechercher_page label{
		float: left;
		width: 84%;	
		margin: 0 0 3% 0;
		text-align: left;
	}
	#search{
		border: 1px solid #ccc;
		width: 95.5%;
		padding: 2%;
		margin: 1% 0 3% 0.5%;
	}
	#btn_search{
		float: left;
		width: 100%;
		color: #FFF;
		text-decoration: none;
		background-color: #219ed7;
		font-size: 1em;
		margin: 1% 5% 0 0.5%;
		padding: 2%;
		text-align: center;
		border: none;
	}
	.retour_recherche{
		float: left;
		width: 80%;
		font-size: 1em;
		margin: 1% 13% 2% 7%;
		padding: 3%;
	}
}