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


/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 0.9em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;
	background: #EFE6DF;
}


/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

.ul { padding-left: 5px; list-style: none;font-size:0.9em; }
.li {  padding-left: 5px; margin: 3px; 0px; 3px; 10px; }
.li_titre_sous-menu {padding-left: 5px; margin: 3px; 0px; 3px; 10px;}
.sousul { list-style: none; font-size:0.9em;  margin: 0px; 0px; 0px; 0px; padding: 0px;}
.sousli {list-style: none; padding-left: 15px; margin: 3px; 0px; 3px; 10px; line-height: 15px}

/* Paragraphes */
p {
	margin: .75em 0;
	color: #333333;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a {
	color: mediumblue;
	text-decoration: underline;
}
a:hover, a:focus {
	color: crimson;
}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}

.container100 {
float:right;
width:100%;
}

.container50 {
float:right;
width:48%;
border: 1px solid #000000; 
}


.container50-left {
float:left;
width:49.99%;
border: 1px solid #000000; 
}

.container_grey {
background-color:#E3E3E3;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}

/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 04
   © 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 */
#global {
	color: #F0E39E;
	background: #181A12;/* Voir -> Note 1 ci-dessous */
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Navigation */
#navigation {
	background: #181A12;
}
#navigation a, p {
	color: #4D4D4D;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#contenu {
	color: #363B29;
	background: #cbd888;
	min-height: 800px;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 30px 50px 30px 50px; /* -> 2 */
}

#global {
	width: 1024px; /* -> 3 */
	min-height: 700px;
	overflow: hidden;
	margin: auto;/* -> 3 */
}

/* En-tête */
#entete {
	padding: 20px 0;
	margin-right: 5%;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	width: 17%;
	float: left; /* -> 2 */
}
#navigation ul {
	margin: 0;
	list-style: none;
}
#navigation a, p {
	display: block;
	line-height: 1.5;
	font-size: 1 em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 20%; /* -> 6 */
	margin-right: 5%;
	padding: 10px 20px 0px 10px;
	min-height: 400px;
	overflow: left;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Mention de paternité */
#copyright {
	margin-left: 20%;
}

/*Erreurs */
#contenu .erreur{color:#ff3333; border: 1px solid #ff3333; text-align:center  }

/*Accueil */
#contenu .accueil{ border: 1px solid #000000; text-align:center  }

/* Paragraphs */
#contenu p {font-size:0.9em; color:#4D4D4D; text-indent:0px;}


/* Forms */


input { font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; visibility: visible;
border: 1px solid #8cacbb;  color: Black; background-color: white;vertical-align: middle;
padding: 1px;font-size: 90%;}
input:hover { background: #0099FF;}

select {font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;visibility: visible;
border: 1px solid #8cacbb; color: Black; background-color: white; vertical-align: middle;
padding: 1px;font-size: 90%;}

/* Headers */
H1 {margin:20px 25px 15px 15px; font-family:verdana, san-serif; font-size:1em; color:#4D4D4D; text-indent:0px; text-align:left; line-height:1.5;}
H2 {margin:10px 25px 15px 15px; font-family:verdana, san-serif; font-size:0.9em; color:#4D4D4D; text-indent:0px; text-align:left; line-height:1.5;}
H3 {margin:0px 0px 0px 0px; font-family:verdana, san-serif; font-size:0.8em; color:#4D4D4D; text-indent:0px; text-align:left; line-height:2.5;}	
H4 {margin:20px 25px 15px 15px; font-family:verdana, san-serif; font-size:0.7em; color:#4D4D4D; text-indent:0px; text-align:left; line-height:1.5;}

.dot {
color:#676767;
background-color: #181A12;
border: dashed;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px; 
border-left-width: 0px;} 

.tr_style {
background:#999999 none repeat scroll 0 0;
color:#999999;
padding:10px;
}