/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 09
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   
   Modifiée par Esteryn:
   http://esteryn.fr
   ============================================== */


/* --- COULEURS --- */


/* Général */
body {
	color: #b6b5c4;	
}

a {
	color: #ab5602;
}

a:visited {
	color: #ab5602;
}

a:hover, a:focus, a:active  {
	color: #ab5602;
}

strong {
	color: #b576b2;
}

/* Navigation */
#navigation {
	background-color: none;
}


/* Contenu principal */
#principal {
	color: #7b3978;
	background-color: none;
}


/* Contenu secondaire */
#secondaire {
	background-color: none;
}


/* --- POSITIONNEMENT --- */

/* En-tête */
#entete {
	padding: 0;
	text-align: center;
}
#entete h1 {
	margin: 0;
}

#entete h1 img {
	float: center;
	margin: 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre {
	position: relative; /* Voir -> Note 1 */
	width: 100%;
	max-width: 1200px;
	min-width: 700px;
}

/* Menu de navigation */
#navigation {
	position: absolute; /* -> 1 */
	top: 0;
	left: 0;
	width: 100px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation a {
	display: block;
	text-align: center;
	height: 1%;
	padding: 2px 6px 6px 6px;
	line-height: 1.5;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

#navigation .subMenu { 
      font-size: .8em; 
      margin: 0; 
      padding: 0; 
} 
	  
	  
/* Deco */
#deco01 {
	position:absolute; top:1px; left:1px; width:100%; height:100%; z-index: -50; 
	background: url(img/Fond03_01.png) no-repeat left top;
}

#deco02 {
	position:absolute; top:1px; right:1px; width:100%; height:100%; z-index: -40; 
	background: url(img/Fond03_02.png) no-repeat right top;
}

#deco03 {
	position:absolute; top:1px; left:1px; width:100%; height:100%; z-index: -50; 
	background: url(img/Fond03_03.png) no-repeat left top;
}

#deco04{
	position:absolute; top:100px; right:1px; width:100%; height:100%; z-index: -40; 
	background: url(img/Fond03_04.png) no-repeat right top;
}

/* Contenu principal */
#principal {
	margin-left: 120px; /* -> 2 */
	margin-right: 120px; /* -> 2 */
	padding: 20px 20px 5px 20px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	position: absolute; /* -> 1 */
	top: 0;
	right: 0;
	width: 100px;
}

#secondaire ul {
	margin: 0;
	padding: 10px 10px 10px 10px;
	list-style: none;
}

#secondaire a {
	display: block;
	height: 1%;
	padding: 6px 6px 6px 6px;
	line-height: 1.5;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

/* Mention de copyright */
#copyright {
	margin: 50px 0px;
	font-size: .85em;
	text-align: left;
}