/* modifié par Devan le 13 mai 2010 */

body {
	font-family: arial, verdana, helvetica, sans-serif;
	background: #dddddd;
	font-size: 12px
/*	font-size: 16px*/
}

a, a:hover, a:link, a:visited {
	text-decoration: none;
	color: #e8452e;
	font-weight: bold;
}

a.cs_glossaire {
	font-weight: normal;
	color: #000000;
}

h1, h1 a.cs_glossaire {
	font-weight: bold;
	font-size: 24px;
    text-align: left;
}

h1#h1recherche {
	margin-bottom: 0px;
}

h2, h2 a.cs_glossaire {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

h2#h2archives {
	text-align: center;
}

h3, h3 a.cs_glossaire {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

h4, h4 a.cs_glossaire {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

h5, h5 a.cs_glossaire {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

h6, h6 a.cs_glossaire {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

strong, strong a.cs_glossaire {
	font-weight: bold;
}

hr {
	width: 25%;
	color: #c12526;
}

#video object, #video object a, #video dl, #video dt, #video object param {
	width:167px;
	height:138px;
}

#page{
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: #ffffff;
	position: center;
	width: 880px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #cccccc;
}

.spip_surligne {
	background-color: yellow;
}

img {
	border: 0px;
	margin: 0px;
}

#tete {
	position: relative;
	padding-bottom: 42px;
	/padding-bottom: 0px;
	z-index: 1000;
	font-size: 16px
}

#tete a {
	color: #ffffff;
	text-transform: uppercase;
}

#titre_site img {
	border-style: solid;
	border-left-width: 26px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	color: #e8452e;
	border-color: #e8452e;
}

#agir {
	position: relative;
	left: 130px;
	top: -5px;
}

#titre_site a#agir img {
	border: none;
	left: 75px;
}

#menus {
	position: relative;
}

#menus ul {
	margin: 0;
	padding: 0;
	float: left;
}

#sous_tete {
	text-align: right;
	position: relative;
	left: 450px;
	width: 430px;
}


#sous_tete ul {
	margin-bottom: -1px;
	/margin: 0;
	padding: 0;
	float: right;
}

#sous_tete li {
	display: inline;
	background: #c12526;
}

#sous_tete li a {
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 31px;
}

#sous_tete li:hover {
	background: #b01415;
}
/*
#menu_du_site {
	margin: 0px;
	list-style: none;
	width: 100%;
}

#menu_du_site ul {
	margin: 0px;
}
#menu_du_site li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	position: relative;
	width: 176px;
}

#menu_du_site li a:link, #menu_du_site li a:visited {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: #71747b;
	color: #ffffff;
	width: 176px;
}

#menu_du_site li.actuelle a:link, #menu_du_site li.actuelle a:visited {
	margin: 0px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: #e8452e;
	color: #ffffff;
	width: 176px;
}

#menu_du_site li:hover a, #menu_du_site li a:hover, #menu_du_site li a:active {
	margin: 0px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: #60636a;
	color: #ffffff;
	width: 176px;
}

#menu_du_site li ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: none;
	background: #ffffff;
	width: 176px;
	position: absolute;
	/top: 19px;
	left: 0px;
	z-index: 1000;
}

#menu_du_site li:hover ul {
	margin: 0px;
	/margin-top: 3px;
	display: block;
}

#menu_du_site li ul li {
	margin: 0px;
	width: 176px;
	z-index: 1000;
}

#menu_du_site li ul li a:link, #menu_du_site li ul li a:visited {
	margin: 0px;
	font-weight: normal;
	text-transform: none;
	background: #71747b;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	width: 176px;
	border: none;
	border-top: 1px solid #71747b;
	border-bottom: 1px solid #71747b;
	position: relative;
	z-index: 1000;
}

#menu_du_site li.actuelle ul li a:link, #menu_du_site li.actuelle ul li a:visited {
	margin: 0px;
	text-transform: none;
	background: #71747b;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	width: 176px;
	border: none;
	border-top: 1px solid #71747b;
	border-bottom: 1px solid #71747b;
	position: relative;
	z-index: 1000;
}

#menu_du_site li.actuelle ul li.actuelle a:link, #menu_du_site li.actuelle ul li.actuelle a:visited {
	margin: 0px;
	text-transform: none;
	background: #e8452e;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	width: 176px;
	border: none;
	border-top: 1px solid #e8452e;
	border-bottom: 1px solid #e8452e;
	position: relative;
	z-index: 1000;
}

#menu_du_site li ul li:hover a, #menu_du_site li ul li a:active, #menu_du_site li ul li a:hover {
	margin: 0px;
	text-transform: none;
	clear: left;
	background: #60636a;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: -4px;
	width: 176px;
	border: none;
	border-right: 4px solid #e8452e;
	border-left: 4px solid #e8452e;
	border-top: 1px solid #e8452e;
	border-bottom: 1px solid #e8452e;
	position: relative;
	z-index: 1000;
}

#menu_du_site li.actuelle ul li:hover a, #menu_du_site li.actuelle ul li a:active, #menu_du_site li ul li a:hover {
	margin: 0px;
	text-transform: none;
	clear: left;
	background: #60636a;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: -4px;
	width: 176px;
	border: none;
	border-right: 4px solid #e8452e;
	border-left: 4px solid #e8452e;
	border-top: 1px solid #e8452e;
	border-bottom: 1px solid #e8452e;
	position: relative;
	z-index: 1000;
}

#menu_du_site li.actuelle ul li.actuelle:hover a, #menu_du_site li.actuelle ul li.actuelle a:active, #menu_du_site li ul li.actuelle a:hover {
	margin: 0px;
	text-transform: none;
	clear: left;
	background: #e8452e;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: -4px;
	width: 176px;
	border: none;
	border-right: 4px solid #e8452e;
	border-left: 4px solid #e8452e;
	border-top: 1px solid #e8452e;
	border-bottom: 1px solid #e8452e;
	position: relative;
	z-index: 1000;
}
*/

#menu_du_site, #menu_du_site ul /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_du_site, #menu_du_site /* Ensemble du menu */
{
        font-weight : normal; /* on met le texte en gras */
        font-size : 14px; /* hauteur du texte : 12 pixels */
}

#menu_du_site a /* Contenu des listes */
{
        font-weight : normal; /* on met le texte en gras */
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #71747b; /* couleur de fond */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 176px; /* largeur */
        padding-top: 3px;
        padding-bottom: 3px;
}

#menu_du_site li /* Elements des listes */
{ 
        float : left;
}

#menu_du_site li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 176px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        text-transform: none;
}

#menu_du_site li ul a {
        text-transform: none;
}

#menu_du_site li ul ul
{
        margin: -24px 0 0 176px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        z-index: 1;
}

#menu_du_site li a:hover, #menu_du_site li a:active, #menu_du_site li:hover a, #menu_du_site li:active a /* Lorsque la souris passe sur un des liens */
{
        background: #60636a; /* ... et au contraire, le fond en blanc */
}

#menu_du_site li:hover ul a {
        background : #71747b;
}

#menu_du_site li:hover ul a:hover {
        background: #60636a;
}

#menu_du_site li ul a:hover {
        border-top: 1px solid #e8452e;
        border-bottom: 1px solid #e8452e;
        border-left: 4px solid #e8452e;
        border-right: 4px solid #e8452e;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left: -4px;
        z-index: 1000;
}

#menu_du_site li:hover ul ul, #menu_du_site li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_du_site li:hover ul, #menu_du_site li li:hover ul, #menu_du_site li.sfhover ul, #menu_du_site li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu_du_site li.actuelle a {
        background: #e8452e;
}

#menu_du_site li.actuelle li a {
	background: #71747b;
}

#menu_du_site li li.actuelle a {
        background: #e8452e;
}

#menu_du_site li li.actuelle li a {
	background: #71747b;
}

#menu_du_site li li li.actuelle a {
	background: #e8452e;
}










#corps {
	position: relative;
	min-height: 1300px;
	/top: 15px;
}

#corps_rubrique {
	margin-left: 202px;
	margin-right: 202px;
	text-align: justify;
}

#corps_rubrique_bis {
	margin-right: 202px;
	margin-left: 30px;
	text-align: justify;
}

#corps_article {
	margin-left: 202px;
	margin-right: 202px;
	text-align: justify;
}

#corps_article_bis {
	margin-right: 202px;
	margin-left: 35px;
	text-align: justify;
}

#corps_article img, #corps_article_bis img {
    margin: 4px
}

#ariane{
	margin: 0px;
	margin-top: 0px;
	position: absolute;
	height: 15px;
	width: 880px;
}

/* colone gauche */

#col_gauche {
        display: block;
	text-transform: uppercase;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 10px;
	width: 167px;
	position: float;
	float: left;
	/top: 25px;
	height: 100%;
	background: #fbe0cc;
	text-align: left;
}

#col_gauche h2 {
	padding-left: 25px;
        display: block;
	margin-top: 15px;
	margin-bottom: 25px;
}

#col_gauche a {
        display: block;
	color: #000000;
}

#col_gauche li.actuel a {
        display: block;
	color: #e8452e;
	margin-left: -15px;
	padding-left: 12px;
	border-left: 3px solid;
}

#col_gauche li.actuel li a {
	color: black;
	border-left: none;
	margin-left: 0px;
        padding-left: 0px;
}

#col_gauche ul {
	position: float;
        display: block;
	text-align: left;
        margin-top: 0px;
        margin-left: -40px;
        /margin-left: 0px;
        width: 167px;
}

#col_gauche ul li {
        padding-left: 25px;
        margin-left: 0px;
        padding-bottom: 15px;
        display: block;
        list-style: none;
}

#col_gauche ul li.actuel {
        margin-left: 0px;
        padding-bottom: 15px;
        display: block;
        list-style: normal;
}

#col_gauche ul ul {
	margin-top: 5px;
	font-size: 10px;
	width: 145px;
}

#col_gauche ul ul li {
	padding-bottom: 10px;
	font-size: 10px;
	padding-left: -15px;
	margin-left: -15px;
}

#col_gauche ul ul li.actuel a {
	margin-left: -30px;
}

#col_gauche ul ul li a {
	font-size: 10px;
}


/* colone droite */

#col_droit {
	width: 167px;
	position: relative;
	float: right;
	top: 10px;
	/top: 25px;
	height: 100%;
	font-size: 16px;
}

#compteur {
	margin: 0px;
	text-align: center;
	color: #424733;
	font-weight: bold;
	font-size : 12px;
}

#recherche {
	text-align: center;
	float: right;
	background: #d8d9da;
	padding: 5px 6px 6px 5px;
	margin: 0px;
	width: 157px;
}

#recherche h2 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size : 18px;
	color: #424733;
}

#recherche p {
	font-size: 11px;
	margin: 0px;
	line-height: 13px;
	padding: 0px;
}

#recherche form {
	padding: 0px;
	margin: 0px;
}

#recherche input.box {
	position: relative;
/*	top: -6px;*/
	border: 1px solid;
	width: 100px;
	margin: 0px 5px 5px 0;
	padding: 1px;
}

#recherche input[type=submit] {
	border: 1px solid black;
	background-color: #71717b;
}

#agenda {
	text-align: left;
	float: right;
	margin: 0px;
	width: 167px;
}

#agenda h4 a , #agenda h4 {
	text-align: center;
	margin-top: 3px;
	color:#ffffff;
}

#agenda .nom {
	font-weight: normal;
	font-size: 12px;
}

#agenda h2 {
	text-align: left;
}

#agenda h2 a{
	color: #ff3333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size : 18px;
}

#agenda br {
	margin-bottom: -8px;
}

#agenda ul {
	margin-top: 0px;
	padding: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	background: #e8452e;
	float: right;
	width: 148px;
}

#agenda ul li {
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	display: block;
	list-style: none;
	position: relative;
	border-bottom: 1px solid #c12526;
}

#agenda ul li a {
	text-decoration: none;
	display: block;
	color: #ffffff;
}

#agenda ul li span {
	font-weight: bold;
}

#video {
	text-align: center;
	float: right;
	margin: 0px;
	width: 167px;
}

#video h2 {
	text-align: left;
}

#video a {
	color: #424733;
}

#video h2 a {
	color: #424733;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

#bouton-medias {
	width: 167px;
	height: 59px;
	text-align: justify;
	float: right;
	margin: 0px;
	margin-top: 15px;
	background: #e8452e;
	font-size : 15px;
}

#bouton-medias a, #bouton-medias a:link, #bouton-medias a:hover {
	color: #000000;
	display: block;
	width: 150px;
	height: 54px;
	padding-top: 8px;
	padding-left: 17px;
}

#bouton-medias span {
	font-weight: bold;
	font-size: 16px;
}

#bouton-medias span.h2 {
	text-align: left;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}

#matos {
	width: 167px;
	height: 234px;
	text-align: justify;
	float: right;
	margin: 0px;
	margin-top: 15px;
	background: #d8d9da;
	font-size: 15px;
}

#matos a, #matos a:link, #matos a:hover {
	color: #c12526;
	display: block;
	width: 167px;
	height: 234px;
	padding-top: 8px;
	padding-left: 17px;
}

#matos a img, #matos a:link img, #matos a:hover img {
	padding-left: 1px;
}

#matos span.h2 {
	text-align: left;
	color: #c12526;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}

/* page sommaire */

#corps_sommaire {
	margin-top: -2px;
	/margin-top: -15px;
	margin-right: 200px;
	position: absolute;
	float: left;
	text-align: justify;
	padding: 0px;
	height: 930px;
	z-index: 0;
}

#corps_sommaire h1 {
	color: #c12526;
	font-size: 20px;
	text-align: left;
}

#corps_sommaire p {
	top: 0px;
	margin: 0px;
	padding: 0px;
}

#black {
	padding-top: 1px;
	width: 680px;
	background: #000000;
	height: 40px;
}

#black h1 {
	margin: 0px;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
}

#sommaire_c1 {
	text-align: justify;
        padding: 2px 25px 15px 25px;
        background: #c12526;
	color: #ffffff;
	height: 240px;
	width: 630px;
	z-index: 20;
}

#sommaire_c1 a {
	color: #000000;
}

#sommaire_c1 h1 {
	color: #ffffff;
	text-align: left;
}

#la_une {
	float: left;
	background: #fbe0cc url(../IMG/CERCLE.gif) no-repeat;
        background-image:url(../IMG/CERCLE.gif) no-repeat;
        background-position:-35px 25px;
	width: 290px;
	padding-right: 10px;
	min-height: 665px;
	padding-bottom: 15px;
	text-align: left;
}

#la_une h1 {
	display: block;
	background: #000000;
	color: #ffffff;
	width: 50%;
	text-align: center;
	padding-top: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
}

#la_une #deco {
	font-size: 5px;
	background: #000000;
	margin-left: 145px;
	margin-top: 0px;
	width: 78px;
}

#la_une #deco_bis {
	font-size: 2px;
	background: #000000;
	margin-left: 223px;
	margin-top: -10px;
	width: 77px;
	margin-bottom: 5px;
}

#sommaire_c2, #sommaire_c3, #sommaire_c4 {
	margin-left: 25px;
	padding-bottom: 15px;
	padding-top: 25px;
	border-bottom: 5px;
	border-bottom-style: dotted;
}

#sommaire_c4 {
	border-bottom-style: none;
}

#sommaire_c2 h2, #sommaire_c3 h2, #sommaire_c4 h2, #sommaire_c5 h2, #sommaire_c6 h2 {
	color: #c12526;
	font-size: 15px;
	font-weight: bold;
}

#sommaire_c5 h2 {
	font-size: 20px;
}

#sommaire_c6 h2 {
	font-size: 16px;
	color: #222222;
	font-style: italic;
}

#une_photo {
	float: right;
	width: 360px;
	height: 650px;
	margin-top: 18px;
	/margin-right: 200px;
	text-align: left;
}

#abo_io {
	width: 290px;
	height: 180px;
	margin-top: 682px;
	padding-top: 45px;
	padding-right: 10px;
}

#abo_io img {
	margin-left: 25px;
}

#sommaire_c5, #sommaire_c6 {
	padding-bottom: 15px;
        padding-top: 15px;
	border-bottom: 5px;
        border-bottom-style: dotted;
}

#actu1 {
	text-align: justify;
	border-top: 20px solid #e8dad0;
	position: absolute;
	float: bottom;
	top: 450px;
	width: 204px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	z-index: 50;
}

#actu2 {
	text-align: justify;
	border-top: 20px solid #d6d6d8;
	position: absolute;
	float: bottom;
	top: 470px;
	left: 254px;
	width: 204px;
	padding-right: 25px;
	z-index: 50;
}

#actu3 {
	text-align: justify;
	border-top: 20px solid #f0cec8;
	position: absolute;
	float: bottom;
	top: 450px;
	left: 483px;
	width: 204px;
	padding-right: 20px;
	padding-top: 20px;
	z-index: 50;
}

#actu1 h1, #actu2 h1, #actu3 h1{
	text-align: left;
	font-size: 18px;
	color: #c12526;
}

#actu_titre {
	position: absolute;
	top: 442px;
	/top: 450px;
	left: 25px;
	z-index: 60;
}

#actu_titre h1 {
	font-size: 16px;
}

/* Liste des articles */

#liste_articles h2 {
	color: #c12526;
}

#liste_articles .resume {
	border: 1px solid #dddddd;
	padding: 5px;
	margin-bottom: 15px;
}

.date_pub {
	position: float;
	float: left;
}

#bouton {
	width: 100%;
	text-align: right;
}

#bouton img {
	width: 34px;
	height : 34px;
}

#pied {
	position: center;
	text-align: center;
	width: 100%;
	margin-top: 7px;
	color: #888888;
	font-size: 10px;
}

#pied a {
	color: #888888;
}