﻿@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* CSS Fiche */
.story {
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:12px;
	}

p.habilit-recevoir {
	font-size:9px;
	color:0a71b4;
	}

p.contact {
	color:#a92b31;
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:12px;
	}

span.fonctions {
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:12px;
	color:black;
}

p.habilit-recevoir {
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:x-small;
	color:0a71b4;
	}

p.texte-action-objectif {
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:12px;
	}

p.theme {
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:14px;
	color:#006699;
	}
.nom-soci-t- {
	font-family:Arial, "Arial Black", "Myriad Pro", "Myriad Pro Black", "Myriad Pro Black Cond", Tahoma, Verdana;
	font-size:12px;
	font-weight: bold;
	color:white;
	background-color: #006600;
}


/* liens */
a:link {
	text-decoration: inherit;
	font-weight: bold;
	color: #402000;
}
a:visited {
	color:#666666}
a:hover {
	text-decoration: underline;
	color: #BA6C25;
}
a:active {
	text-decoration: overline;
}

/* ----------- */

.CadrePub{
	float: left;
	left:11px;
	top:268px;
	width:170px;
	height:auto;
/*	z-index:inherit; */
}
/* ----------- */

.TxFoot{
	font-family:Verdana, Arial, Helvetica, sans-serif, Vivaldi;
	color:#4B3B00;
	text-align:center;
	font-size: 10px;
	color: #673b15;
	}

/* ----------- */

.thrColElsHdr #container {
	width: 1024px; /* cette largeur crée un conteneur qui s'adaptera dans une fenêtre de navigateur de 800 pixels avec les tailles de police par défaut */
	background: url(../picto/ligne.gif);
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 0;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 

.thrColElsHdr #header {
	padding: 0 10px;
	background-color: #6c493a;
} 

.thrColElsHdr #header h1 {
	margin: 0;
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}

.thrColElsHdr #sidebar1 {
	float: left;
	width: 18em; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 15px 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
	height: auto;
}

.thrColElsHdr #sidebar2 {
	float: right;
	width: 18em; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 15px 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
	height: auto;
}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 5px; /* il est conseillé d'attribuer des valeurs pour les marges gauche et droite de chaque élément qui sera placé dans les colonnes latérales */
	margin-right: 5px;
}

.thrColElsHdr #mainContent {
	margin: 0 16em 0 16em;
	padding: 5;
} 

.thrColElsHdr #footer {
	padding: 0 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#f1ebe1;
} 

.thrColElsHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}

/* Diverses classes à réutiliser */
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.thrColElsHdr #CadrePub{
	float: left;
	left:11px;
	top:268px;
	width:170px;
	height:auto;
	z-index:inherit;
}
