/* ==============================================
   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: #333333;
	background-color: #f5f4f4;
}

a {
	color: #4d0e4c;
	text-decoration: none;
}
a:hover, a:focus {
	color: #999999;
	text-decoration: none;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-top: 0px;
}

#global {
	/* recuperer largeur intellignete 
	width: 90%;
	max-width: 90em;
	min-width: 980px;*/
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

/* header */
#header {
	margin-bottom: 5px;
	height: 130px;
	padding: 0px;
}

/* Contenu principal */
#principal {
	margin-left: 180px;
	margin-right: 190px;
	padding-bottom: 10px;
	color: #333333;
	padding-right: 30px;
	padding-left: 30px;
}

#principal img {
	margin-right: 15px;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* Zone de gauche */
#gauche {
	float: left;
	width: 160px;
	color: #FFF;
	padding: 2px 10px;
}

#gauche a {
	text-decoration: underline;
	color: #333;
}
#gauche a:hover {
	text-decoration: none;
	color: #333;
}

#gauche p {
}

/* Zone de droite */
#droite {
	float: right;
	width: 190px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

/* Lettre d'information / newsletter */
#newsletter {
	float: right;
	width: 190px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #FFF;
}

#newsletter a {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

/* Recherche */
#recherche {
	float: right;
	width: 190px;
	color: #FFF;
	padding: 2px;
	margin-top: 100px;
}


/* Pied de page */
#pied {
	color: #333;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: center;
}
#pied a {
	color: #FFFFFF;
	text-decoration: none;
}
#pied a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

#rene {
	text-align: right;
	padding-right: 20px;
	font-size: 0.85em;
	color: #999999;
	margin-top: 5px;
}

#chemin {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 0.8em;
	color: #999999;
}

/* Menu de navigation principal */
#menu {
	font-size: 1em;
	color: #333;
	margin: 6px 0px 10px;
	padding: 5px 0px;
	background: url(../images/css/menu.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}

#menu a {
	color: #FFF;
	text-decoration: none;
}

#menu a:hover {
	color: #333;
	text-decoration: none;
}

/* Définition du sous menu à gauche qui présente les autres sous rubrqiues */
#sousmenu {
	margin-right: 1px;
	margin-left: 1px;
}

#sousmenu p {
	margin: 0px;
}

.affiche_autre_rubrique {
	background-color: #a486a4;
	background-image: url(../images/css/autre_sous_rub_puce.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	text-indent: 50px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
}

ul {
	margin: 0px;
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* Bloc flash info */
#flash {
	background-color: #f5f4f4;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0.75em;
}

/* Menu de navigation secondaire */

/* DEBUT du formatage des liens du sous menu à gauche */


.titre_rub {
	width: 163px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 1.6em;
	letter-spacing: 2px;
	background-image: url(../images/css/titre_sous_rub_puce.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	text-indent: 25px;
	margin-right: 10px;
}

.titre_rub a {
	color: #FFFFFF;
	text-decoration: none;
}

.titre_rub a:hover {
	color: #CCCCCC;
	text-decoration: none;
}


.titre_sousrub {
	width: 163px;
	color: #4D0E4C;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-bottom: 0px;
}

.titre_sousrub a {
	color: #333333;
}

.texte_sousrub {
	padding-left: 15px;
	width: 163px;
	padding-right: 15px;
}

.texte_sousrub a {
	color: #333333;
	text-decoration: none;
}

.texte_sousrub a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* TYPOGRAHIE */

/* ancre haut de page */
.hautdepage {
	background-image: url(../images/icone/top.png);
	background-repeat: no-repeat;
	text-align: right;
	background-position: right;
	padding-right: 25px;
}

.telecharger {
	background-image: url(../images/icone/telecharger.png);
	background-repeat: no-repeat;
	padding-left: 30px;
}

/* Information de type tertiaire */

.surtitre {
	color: #CCCCCC;
	font-size: 0.85em;
	padding-top: 10px;
	position: relative;
	top: 5px;
}

.soustitre {
	color: #333333;
	font-size: 1.1em;
	font-style: italic;
}

.tertiaire {
	color: #CCCCCC;
	font-size: 0.8em;
}

.tertiaire_gras {
	color: #666666;
	font-size: 0.8em;
	font-weight: bold;
}



/* DOCUMENT */

/* Gestion des images alignés à gauche,à droite ou au centre dans les articles */

.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }

#document_joint {
	padding: 10px;
}

/* permet d'annuler les marges autour des images pour que la puce s'aligne correctement avec le texte */
#document_joint img {
	margin: 0px;
}

.plan_secteur {
	font-size: 2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	display: block;
}

.plan_sous_rubrique {
	font-size: 1.5em;
}

.plan_article {
	font-size: 1em;
	font-style: italic;
	padding-left: 32px;
	background-image: url(../images/css/plan_article.gif%7D);
	background-repeat: no-repeat;
	background-position: 12px;
}