/* CSS Document */

body {
	font-family: "Trebuchet MS";
	font-size: 79%;
	}

/* H E A D E R
------------------------------------------------------------------------------ */
#header {
	height: 178px;
	}
#header_title a {
  float:left;
  height:120px;
  width:270px;
}
#header_title h1 {
   position:absolute;
   left:-9999px;
}

/* B E A D C R U M P 
------------------------------------------------------------------------------ */

#beadcrump {
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	height: 30px;
	width: 688px;
	}
#beadcrump h6 /* beadcrump */ {
	font-size: 0.9em;
	font-weight: normal;
	color: #322C25;
	margin-top: 7px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
#beadcrump a, a:link, a:visited, a:hover, a:active {
	color: #322C25;
	font-weight: normal;
	text-decoration: none;
	}

/*  S I D E B A R  l e f t
----------------------------------------- */
#sousmenu1 {
	font-size : 0.9em; /* taille du texte*/
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 6px;
}
/* Titre de la boite actu */
#sousmenu1 h1 {
	color: #322C25;
	font-size: 1.2em;
	padding-top: 2px;
	margin-top: 7px;
	margin-bottom: 10px;
	}
/* Titre de l'actu */
#sousmenu1 h2 {
	font-size: 1.1em;
	padding-bottom: 0px;
	margin-bottom: 1px;
	font-weight: bold;
	border-bottom: 1px dotted #FFF
	}
/* Date de l'actu */
#sousmenu1 h3 {
	font-size: 1em;
	margin-top: 0px;
	font-style: italic;
	padding-bottom: 0px;
	margin-bottom: 3px;
	}
#sousmenu1 p {
	padding-top: 5px;
	margin-top: 0px;
	}
/* #sousmenu1 h5 {
	color: #322C25;
	font-size: 1.2em;
	padding-top: 2px;
	margin-top: 7px;
	margin-bottom: 10px;
	}*/
#sousmenu1 ul {
	line-height: 17px; /* on supprime le style par défault de la liste */
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#sousmenu1 a /* Contenu des listes */
	{
	color : #FFFFFF; /* couleur du texte */
	text-decoration : underline;
	}
#sousmenu1 a:hover {
	color: #322C25;
	text-decoration: none;
	}


/* C O N T E N T 1 & 2
------------------------------------------------------------------------------ */

#content1, #content2 {
	font-size: 0.9em;
	color: #322C25;
	margin: 0 7px 15px 10px;
	padding: 3px 6px 3px 7px;
	border: 1px dotted #322C25;
	}
#content1 P, #content2 p {
	margin-bottom: 7px;
	margin-top: 0px;
	padding-left: 0px;
	}
#content1 h3, #content2 h3  {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 1.7em;
	}
#content1 h4, #content2 h4 {
	/*padding-left: 0px;*/
	font-size: 1.1em;
	margin-bottom: 9px;
	color: #CA691F;
	}
#content1 h5, #content2 h5 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #CA691F;
	}
/*#content1 h4 a:hover, #content2 h4 a:hover {
	font-style:italic;
	}*/
#content1 a:link, #content2 a:link, #content1 a:visited, #content2 a:visited, #content1 a:active, #content2 a:active {
	color: #CA691F;
	text-decoration: underline;
	}
#content1 a:hover, #content2 a:hover {
	text-decoration: none;
	}
#content1 img, #content2 img {
	border: 1px solid #322C25;
	}
	

		
/* Définition des style pour les listes dans content 1 & 2 et sidebar 1 & 2
------------------------------------------------------------------------------ */
/* liste non-ordonée
----------------------*/
#content1 ul, #content2 ul,#sidebar1 ul, #sidebar2 ul /* propriété de la liste*/
	{
	list-style-type: square; /* le type de puce */
	margin-left: 13px;/* décolle le texte de la puce */
	padding-left: 0px; /*colle la puce à gauche */
	margin-top: 4px;
	margin-bottom: 6px;
}
 /* propriété de la liste*/

#content1 li, #content2 li, #sidebar1 li, #sidebar2 li /* on espace les éléments de la liste */
	{
	margin-top: 4px;
	}
#sidebar1 li, #sidebar2 li
	{
	color: #CA691F;
	}
/* liste alpha & numérique
---------------------------*/
#content1 ol, #content2 ol, #sidebar1 ol, #sidebar2 ol
	 {
	list-style-type: upper-alpha; /* le type de puce */
	margin-left: 20px;/* décolle le texte de la puce */
	padding-left: 0px; /*colle la puce à gauche */
	margin-top: 4px;
	margin-bottom: 6px;
	}
#content1 ol.alphamin, #content2 ol.alphamin, #sidebar1 ol.alphamin, #sidebar2 ol.alphamin
	 {
	list-style-type: lower-alpha; /* le type de puce */
	margin-left: 20px;/* décolle le texte de la puce */
	padding-left: 0px; /*colle la puce à gauche */
	margin-top: 4px;
	}
#content1 ol.decimal, #content2 ol.decimal, #sidebar1 ol.decimal, #sidebar2 ol.decimal
	 {
	list-style-type: decimal; /* le type de puce */
	margin-left: 23px;/* décolle le texte de la puce */
	padding-left: 0px; /*colle la puce à gauche */
	margin-top: 4px;
	}	
#content1 ol.romanmin, #content2 ol.romanmin, #sidebar1 ol.romanmin, #sidebar2 ol.romanmin
	 {
	list-style-type: lower-roman; /* le type de puce */
	margin-left: 30px;/* décolle le texte de la puce */
	padding-left: 0px; /*colle la puce à gauche */
	margin-top: 4px;
	}		
#content1 ol.romanmaj, #content2 ol.romanmaj, #sidebar1 ol.romanmaj, #sidebar2 ol.romanmaj
	 {
	list-style-type: upper-roman; /* le type de puce */
	margin-left: 25px;/* décolle le texte de la puce */
	padding-left: 0px; /*colle la puce à gauche */
	margin-top: 4px;
	}
/* pour les sous-listes
----------------------------------------- */
#content1 ul li ul li, #content2 ul li ul li, #sidebar1 ul li ul li, #sidebar2 ul li ul li {
	list-style-type: square;
	}
#content1 ol li ol li, #content2 ol li ol li, #sidebar1 ol li ol li, #sidebar2 ol li  ol li {
	list-style-type: square;
	margin-left: -7px;
	}

		
/*  S I D E B A R  R ig h t
----------------------------------------- */
#sidebar1, #sidebar2 {

/*	border: 1px dotted #322C25;
	padding-bottom: 5px;
	color: #322C25;
	font-size: 0.9em;
	color: #322C25;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 3px;*/
	font-size: 0.9em;
	color: #322C25;
	margin: 0 23px 15px 3px;
	padding: 3px 6px 3px 7px;
	border: 1px dotted #322C25;
	}
/*#sidebar1 h3, h1, h2, h4, h5, h6, p, #sidebar2 h3, h1, h2, h4, h5, h6, p {
	padding-right: 6px;
	}*/
/* Titre de la boite actu */
#sidebar1 h3, #sidebar2 h3 {
	/*text-align: left;*/
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 1.7em;
	}
/* Titre de l'actu */
#sidebar1 h4, #sidebar2 h4 {
	font-size: 1em;
	margin-bottom: 1px;
	text-decoration: underline;
	margin-bottom: 0px;
	}
/* Date de l'actu et barre de fin d'actu*/
#sidebar1 h6, #sidebar2 h6 {
	border-bottom: solid 1px #322C25;
	margin-left: 12px;
	margin-right: 15px;
	padding-left: 0px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 0.9em;
}
#sidebar1 p, #sidebar2 p {
	margin-bottom: 7px;
	margin-top: 0px;
	padding-left: 0px;
	}	
#sidebar1 a.grillecours:link
	{
	color: #CA691F;
	font-weight: bold;
		}	
#sidebar2 a.grillecours:visited
	{
	color: #CA691F;
	font-weight: bold;
		}
#sidebar2 a.grillecours:active
	{
	color: #CA691F;
	font-weight: bold;
		}	
#sidebar1 a:link, #sidebar2 a:link, #sidebar1 a:visited, #sidebar2 a:visited, #sidebar1 a:active, #sidebar2 a:active {
	color: #322C25;
	text-decoration: underline;
	}
#sidebar1 a:hover, #sidebar2 a:hover {
	text-decoration: none;
	}

/*si des images viennent s'insérer dans le texte */
#sidebar1 .imgl, #sidebar2 .imgl {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	border: 1px solid #322C25;
}
#sidebar1 .imgr, #sidebar2 .imgr {
	float: right;
	margin-left: 10px;
	margin-bottom: 6px;
	border: 1px solid #322C25;
}

	
/*  F O O T E R
----------------------------------*/
#footer {
	height: 35px;
	width: 688px;
	border-top: 20px solid #FFFFFF;
 	background-color: #CA691F;
	margin-left: 23px;
	color:#FFFFFF;
	}
#footer p {
	font-size: 0.9em;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 16px;
	}
#footer a, a:link, a:visited, a:active {
	color: #FFFFFF;
	}
#footer a:hover {
	color: #322C25;
	}
#haut {
	margin-top: 2px;
	margin-right: 4px;
	margin-left: 109px;
	}

/* Simule les effet blanc de séparation entre les blocs du header et du siderleft
-----------------------------------------------------------------------------------*/
.border_top {
	border-bottom: 20px solid #FFFFFF;
	}
/*.border_bottom {
	border-bottom: 70px solid #FFFFFF;
	}*/
.border_bottom2 {
	border-bottom: 10px solid #FFFFFF;
	}
#border {
	margin-bottom: 0px;
	}
/* Ne pas utiliser pour les styles client
-----------------------------------------------------------------------------------*/

/* Divers
----------------------------------- */

#ico img /* supprime le cadre de l'image et donne la postion du texte par rapport à l'image */
 	{
	border: none;
	vertical-align: sub;
	}
	
/* style pour le client
------------------------------------ */
.normal {
	font-weight: normal;
	}
.bold {
	font-weight: bold;
	}
.imgl_top {
	float:left;
	margin-right: 10px;
	margin-bottom: 6px;
	border: 1px solid #322C25;
	}
.imgl {
	float:left;
	margin-right: 10px;
	margin-bottom: 6px;
	border: 1px solid #322C25;
	margin-top: 6px;
	}
.imgr_top {
	float:right;
	margin-left: 10px;
	margin-bottom: 6px;
	border: 1px solid #322C25;
	}
.imgr {
	float:right;
	margin-left: 10px;
	margin-bottom: 6px;
	border: 1px solid #322C25;
	margin-top: 6px;
	}
.justify_text {
	text-align: justify;
	}
.center_text {
	text-align: center;
	}