body {
    padding: 0px;
    background-color: #57656a;
    font-family: Arial, sans-serif;
    text-align:center;
}
a {
	color: #555;
    text-decoration: none;
}
a:hover {
	color: #830617;
    text-decoration: underline;
}
.texte img {
	border:none;
}
img:hover {
	text-decoration: none;
}
ul {
	list-style-type: none;
}

#contenant {
	 margin:0 auto;
	 width:936px;
	 text-align:left;
}

#banniere-haut {
  height: 120px;
 	width:920px;
 	border: none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
	z-index:100;
	list-style-type:none;
	position: relative;
	top: -1px;
	background: url('../images/menu-bg.gif') 0 0 no-repeat;
	height: 27px;
  padding-left:50px;
  width:920px;
  margin: 0;
}

#menu li {
	display:block;
	float:left;
	position:relative;
	z-index:100;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
}
#menu li span {
	display:block;
	z-index:100;
	background-color:#000;
	height: 23px;
}
#menu li a, #menu li a:visited {
	display:block;
	padding:0;
}

#menu dl {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	/* background: url(transparency.gif); */
}
#menu dt {
	background: #000;
	margin:0;
	float:left;
	height: 24px;
}
#menu dd {
	display:none;
	background: transparent;
	clear:left;
	margin:0;
	padding:0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
}

#menu dt a, #menu dt a:visited {
	display:block;
	color:#fff;
	text-decoration:none;
	height: 23px;
	white-space:nowrap;
}
#menu dd a, #menu dd a:visited {
	background:#000;
	color:#fff;
	text-decoration:none;
	display:block;
	padding: 3px 10px 5px 10px;
	white-space:nowrap;
}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:15px solid transparent;}
#menu li:hover dt a {background-position: 0px -23px;}
#menu li a:hover dt a, #menu dd a:hover {background-color:#830617;}


.menu-separation {
    float: left;
    width: 18px;
}

#col-gauche {
		float:left;
    width: 700px;
    min-height: 500px;
    margin: 5px;
    border: 1px #000 solid;
    border-bottom-width: 2px;
    background-color: #fff;
}

#titre-section {
    background-color : #000;
    color : #fff;
    font-size : 36px;
    font-weight : bold;
    letter-spacing : 3px;
    padding-top : 2px;
    text-align : left;
    width : 100%;
}

#titre-section-ligne {
    float: left;
    border-top: 7px solid #830617;
    border-right: 7px solid #fff;
    font-size: 0px;
    line-height: 0%;
    width: 350px;
}

#menu-sections {
    float:left;
    position: relative;
    left: -170px;
    margin-right: -160px;
}

#section-titre {
	position: relative;
	left: 12px;
	top: 12px;
	width: 140px;
	font-size: 16px;
	font-weight: bold;
}

.section- , .section-on, #section-mots, #section-mots-titre {
    padding: 5px;
    padding-left: 8px;
    border-right: 1px solid #000;
    border-left: 10px solid #000;
    font-size: 12px;
    text-align: left;
    width: 135px;
}

.section-separation {
    border-bottom: 1px dotted #888;
    border-left: 10px solid #000;
    border-right: 1px solid #000;
    line-height: 0%;
}
.section-:hover , #section-lang:hover, #section-rss:hover, #section-mots-titre:hover {
    background-color: #f0f0f0;
    border-left: 10px solid #830617;
    color: #830617;
}
.section-, #section-mots, #section-mots-titre {
    background-color: #fff;
    color: #000;
}
.section-on {
    background-color: #ddd;
    color: #666;
}
#section-lang, #section-rss {
	z-index:10;
    padding: 2px;
    padding-left: 8px;
    border-right: 1px solid #666;
    border-left: 10px solid #000;
    background-color: #fff;
   font-size: 11px;
    text-align: left;
    color: #000;
    width: 156px
}
#rss-icon {
	width:14px;
	height:14px;
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
}
#section-mots {
	font-size: 12px;
	line-height: 16px;
}
html>body #section-lang, html>body #section-rss {
		width: 135px
}

#section-mots-titre {
	padding-top: 2px;
	padding-bottom: 2px;
}
#section-mots-titre-icon {
	height: 7px;
	width: 7px;
	position: relative;
	top: -1px;
}

.section-lien-, .section-lien-lang, .section-lien-rss {
    background-color: transparent;
    color: #000;
}
.section-lien-:hover , .section-lien-lang:hover, .section-lien-rss:hover {
    /*background-color: #830617;*/
    color: #830617;
}
.section-lien-on:hover {
    text-decoration: none;
    color: #666;
}

#ligne-section-haut-lang , #ligne-section-bas-lang, #ligne-section-haut-rss, #ligne-section-bas-rss {
    position: relative;
    margin-left: 10px;
    border-top: 1px solid #666;
    font-size: 0px;
    line-height: 0%;
    width: 145px;
}
#ligne-section-haut-lang, #ligne-section-haut-rss {
    top: 1px;
}
#ligne-section-haut-rss {
	margin-top: 5px;
}
#ligne-section-bas-lang, #ligne-section-bas-rss {
    top: -1px;
}
#ligne-section-haut , #ligne-section-bas{
    border-top: 1px solid #000;
    font-size: 0px;
    line-height: 0%;
    width: 158px;
}
#ligne-section-haut {
    margin-top: 12px;
  }


#principal {
    float: left;
    min-height: 500px;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 40px;
    border-left: 140px solid #D5E0E1;
    text-align: left;
    font-size: 12px;
    width: 685px
}
html>body #principal {
		width: 525px
}

#contenant-texte-principal {
    float: right;
}

#col-droite {
		position:relative;
		float:left;
    width: 192px;
    margin-bottom: 20px;
    font-size: 11px;
  }

#pagination {
    margin-top: 20px;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
}
#pagination a {
    color: #666;
    text-decoration: none;
}
#pagination a:hover div {
    color: #830617;
    text-decoration: underline;
}

#page-bas {
    clear: both;
    border-left: 140px solid #D5E0E1;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align:center;
}
#page-bas a {
		color: #666;
}
#page-bas a:hover {
		color: #830617;
}

#logos-bas {
    margin-top: 3px;
    width: 98%;
    padding-top: 3px;
    border-top: 1px dotted #000;
    text-align: center;
}

.boite {
    margin-top: 5px;
    border: 1px #000 solid;
    border-bottom-width: 2px;
    background-color: #eee;
    width:192px;
  }
.boite-separation {
    border-bottom: 1px dotted #888;
    line-height: 0%;
}
.boite-titre {
    padding: 2px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}
.boite-contenu {
    padding: 4px;
}
.boite-contenu a {
    font-size: 12px;
    font-weight: bold;
    color: #444;
  }
.boite-contenu a:hover {
    color: #830617;
}

.boite-bas { 
    padding: 0;
    background-color: #ddd;
    text-align: center;
    font-weight: bold;
}
.boite-bas a { 
    color: #555;
    height: 100%;
    width: 100%;
    display: block;
    padding: 3px 0 3px 0;
}
.boite-bas a:hover { 
    color: #fff;
    background-color: #830617;
    text-decoration: none;
}

input {
    border: solid 1px #000;
    background-color: #fff;
    margin: 1px;
}
textarea {
    border: solid 1px #000;
    background-color: #fff;
    margin: 1px;
}

.textbox {
    padding-left: 2px;
}
.button {
    background-color: #eee;
}


.texte-titre {
    font-size: 20px;
    font-weight: bold;
    color: #475154;
}

.texte-soustitre {
    font-size: 13px;
    color: #475154;
    display:block;
    margin-top: 6px;
}

.texte-intertitre {
    font-size: 14px;
    font-weight: bold;
    color: #475154;
}

.texte {
    margin: 18px 0 10px 0;
    color: #000;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
}
.texte a {
    color: #555;
    text-decoration: underline;
}
.texte a:hover {
    color: #830617;
}

#tablematiere a {
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    color: #475154;
    line-height: 18px;
    padding: 0;
    margin-top: 26px;
    margin-bottom: 16px;
    text-align: left;
}

#texte-documents {
    margin-left: 5px;
    margin-right: 10px;
    padding: 6px;
    border: dotted 1px #AAA;
    background-color: #FAFAFA;
}

.texte-documents-desc {
		display: table;
		margin-left: 2px;
		height: 52px;
		min-height: 52px;
}

.secteur-documents {
    margin-left: 0px;
    margin-right: 10px;
    padding: 6px;
    border: solid 1px #BBB;
    background-color: #FAFAFA;
    font-size: 13px;
}
.secteur-documents a {
    font-size: 14px;
    color: #444;
}
.secteur-documents a:hover {
		font-size: 14px;
    color: #830617;
}

.spip_logos {
	border: 0px;
}

.texte-docs-separation {
		display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px;
    height: 0px;
    font-size: 0px;
    line-height: 0%;
    border-top: 1px solid #ddd;
}

#notes {
  width: 75px;
  height: 0px;
  border-top: solid 1px #000;
}

#toolTip {
	position:absolute;
	background-color: #FAFAFA;
	border: solid 1px #AAA;
	font-size:14px;
	font-weight: bold;
	color: #444;
	padding: 10px;
	display:none;
	z-index:100;
	width: 350px;
}

table.spip {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  border-collapse:collapse;
}

table.spip caption{
  caption-side: top;
  text-align: center;
  margin-left: auto;                                                       
  margin-right: auto;
  padding: 3px;
  font-weight: bold;
  font-family: Verdana,Arial,Sans,sans-serif;
  font-size : 70%;
}

table.spip tr.row_first {
  background-color: #C0CAD4;
}
table.spip tr.row_odd {
  background-color: #d0d0d0;
}
table.spip tr.row_even {
  background-color: #F0F0F0;
}
table.spip td {
  padding: 3px;
  text-align: left;
  vertical-align: middle;
  margin: 1px;
}

.voirtous {
	font-weight: bold;
}

.voirtous a {
	color: #888;
	
}
.voirtous a:hover {
    color: #fff;
    background-color: #830617;
    text-decoration: none;
}

/* ================================================================ 
message une fois que quelqu un a signe une petition.
=================================================================== */
.reponse_formulaire
{
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: red;
}