/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 11
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
/* ============================================== */
/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #FFFFFF; /* #F0E39E; */
	background: #FCE3BC; 
	/* background: #000000; /* #FFF1CA; */
	/* background-image:url(fond.jpg); */
	background-size: 100%; */
	/* background: url(herbe2.jpg) no-repeat fixed; */	 /* center  */  /* center pour centrer l'image */
		/* left ou right ou center avec top center bottom exemple : en haut à gauche left top : tout centrer : center center */
		/* x% y%   The top left corner is 0% 0%. The right bottom corner is 100% 100%*/
		/* xpos ypos   0px 0px   If you only specify one value, the other value will be 50% */
		/* ou mixer : 100px 50% ou 100px 120% */
	/* -webkit-background-size: cover; 	 /* pour Chrome et Safari */
	/* -moz-background-size: cover; 	 /* pour Firefox */
	/* -o-background-size: cover;  */	 /* pour Opera */
	/* background-size: cover; */	 /* version standardisée */
	text-align: center;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
.retour {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

strong {
	color: #A1B55D;
}
/* En-tête */
#entete {
	/* background: #FF0000; */
	background: #000000; /* #8BFF8B; */
	padding-top:50px;
	padding-bottom:12em;
	padding-right:15px;
	padding-left:0;
	text-align: center;
	font-size: 1.5em;
}
#entete h1 {
	color: #E3001B;
	margin: 0px;
}
#entete h2 {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	display: inline;
	color: #FFFFFF;
	margin: 0px;
	font-size: 2em;
	font-weight: bold;
}
#entete h3 {
	color: #E3001B;
	margin-top: 10px;
	margin-bottom: 10px;
}
#entete a {
	color: #FFFFFF; /* #E3001B; */
	font-size: 1.5em;
	line-height: 1;
	text-decoration: none;
}
#entete a:hover, #entete a:focus {
	color: #FF4040; /* #935300; /* #6E5122; #473417; #4040FF */
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	/* text-decoration: underline; */
	cursor: pointer;
}
#entete h1 img {
	/* float: left; */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*margin: 0px 20px 0px 0px; */ /* haut,droite,bas,gauche */
}
#entete .titre {
	margin: 4px 0 15px 0;
	font-weight: bold;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
	font-weight: bold;
}

/* Conteneur central */
#centre {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	/* text-align: center; */
	/* background: url(col_droite.png) repeat-y right top; */
	/* background: #C29D6C;	*/
}
/* 
#centre {
	text-align : center;
}
	*/


#centre h1 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 3.5em;
	font-weight: bold;
	font-style: normal;	
}
#centre h2 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 1.5em;
	/* font-weight: bold; */
	font-style: normal;	
	text-align: left;
}
#centre h3 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #4040FF; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 2.0em;
	/* font-weight: bold; */
	font-style: normal;	
	text-align: center;
	text-decoration: underline;
}
#centre h4 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;	
	text-align: center;
}
#centre h5 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #FF0000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 2em;
	font-weight: bold;
	font-style: normal;	
	text-align: center;
}
#centre h6 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #FF0000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 5em;
	font-weight: bold;
	font-style: normal;	
	text-align: center;
}
#centre .img {
	text-align: center;
}

#centre_gauche h1 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 3.5em;
	font-weight: bold;
	font-style: normal;	
	text-align: right;
}
#centre_gauche h2 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 1.5em;
	/* font-weight: bold; */
	font-style: normal;	
	text-align: right;
}
#centre_droit h1 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 3.5em;
	font-weight: bold;
	font-style: normal;	
}
#centre_droit h2 {display: inline; /* bleu */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000; /* #FFFFFF;#935300; /* #6E5122; #473417; #4040FF */
	font-size: 1.5em;
	/* font-weight: bold; */
	font-style: normal;	
	text-align: left;
}
#centre .videotitre {
	font-size: 2.0em;
	font-weight: bold;
	text-align: center;
	cursor:pointer;
	text-decoration: none;
	/* cursor:hand;   */
}
#centre a:hover, #centre a:focus {
	color: #0000FF; /* #FF4040  #935300; /* #6E5122; #473417; #4040FF */
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1;

}


/* Global */
#global {
	color: #FFFFFF; /*#7D4809; /* #181A12; height: 334px;  304 + 2x10 marges */
	/* background: #000000; /* #C29D6C; #C29D6C; none */
}

/* Contenu principal */
#principal {
	color: #7D4809; /* #181A12; height: 334px;  304 + 2x10 marges */
	/* background: none; /* #C29D6C; none */
}
#principal a {
	color: #7D4809;
}
#principal a:hover, #principal a:focus {
	color: #473417; /* #6E5122; #473417;*/
}


/* ************************A REVOIR : CONTENU A DEFINIR************************ */
#principal h1 {display: inline; /* rouge */
	color: #E3001B;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
}
#principal h2 {display: inline; /* beige */
	color: #FFFFFF; /* #FFFFFF; /* #F0E39E; */
	font-size: 3em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
#principal h3 {display: inline; /* bleu */
	color: #FFFFFF; /* #0000C0; */
	font-size: 4em;
	font-weight: bold;
	font-style: normal;	
}
#principal h4 {display: inline; /* bleu */
	color: #0000C0;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;	
}
#principal h5 {display: inline; /* bleu */
	color: #E3001B;
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;	
}
/* ************************A REVOIR : CONTENU A DEFINIR************************ */


/* Contenu secondaire */
#secondaire {
	/* background: #C29D6C; /* #C29D6C; none; */
}
#secondaire h1 {display: inline; /* bleu */
	color: #FFFFFF;
	font-size: 4em;
	font-weight: bold;
	font-style: normal;	
}
#secondaire h2 {display: inline; /* bleu */
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	font-style: normal;	
}

/* Pied de Page */
#pied h6 {
	color: #FFA500; /* #FF6533; */
}

/* ============================================== */

/* ---------------------- */
/* --- POSITIONNEMENT --- */
/* ---------------------- */
/* Page */
body {
	padding: 0px 0px; /* 20px 5px;l */
}
#global {
	/* width: 1002px; /* 100% */
	width: 100%;
	max-width: 100em;
	/*min-width: 850px;*/
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	width: 100%;
	padding: 5px 0px; /*;20px 0;*/ 
	/* position: fixed;   /* NEW 20181023 */
	text-align: center;
	font-size: 1.2em;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
	float: center;
}
#centre_gauche {
	display: inline;
	/* margin-right : 10px; */
	width: 48%;
	overflow: hidden;
	float: left;
	text-align: right;
}
#centre_droit {
	display: inline;
	/* margin-left : 10px; */
	width: 48%;
	overflow: hidden;
	float: right;
	text-align: left;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 200px;
	top: 232px;   /* NEW 20181023 */
	position: fixed;   /* NEW 20181023 */
}
#navigation ul {
	margin: 0;
	padding: 10px 10px 20px 15px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 0px;
	line-height: 1;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu principal */
#principal {
	margin-left: 10px;
	margin-right: 10px; /* 260px; */
	padding: 10px 0px; /* 10px 20px; */
	/* margin-top: 210px;   /* NEW 20181023 */
	width: 65%;  /* 200px */
	/* overflow: hidden; */
	}
#principal > :first-child {
	margin-top: 10px; 
	margin-left: 0px;
} 
#principal p, #principal li {
	line-height: 1.5;
}
#principal h5, #principal h6 {
	text-align: center;
	line-height: 0.5;
}
/* Contenu secondaire */
#secondaire {
	float: right;
	width: 50%; /* 200px */
	padding: 12px 20px;
	/* margin-top: 210px; */
	text-align: left;
}
/* Contact Webmaster */
.contact {
	color: #FFFFFF; /* #0000C0; */
	font-size: 4.0em;
	font-weight: bold;
	font-style: normal;	
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 0px 0px 0px 200px;
	font-size: 1em;
}