@charset "utf-8";
/* CSS Document */
.spip_documents img {
	border: 0px solid #FFF;
	display: block;
	margin-left: 10px;
}



/* surcharge de img document de spip pour éviter trop de marge autour de l'icone d'agenda */
.spip_document_232 img {
	border-color: #fff;
	border-style: solid;
	border-width: 0px 2px 2px;
}
.spip_document {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.spip_doc_titre {
	font-family: Geneva, sans-serif;
	font-size: 90%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}
.spip_doc_descriptif {
	font-family: Geneva, sans-serif;
	font-size: 70%;
	text-align: center;
	margin-top: 5px;
}



small {
	color: #361000;
	margin-top: 10px;
	display: block;
}
/* CSS tableau page partenaires */
table.spip {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	text-align: center;
}
table.spip caption {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
body {
	background-color: #FFF;
	padding: 0;
	font-size: 100%;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* ~~ Sélecteurs d'éléments/balises ~~ */
dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
	padding: 0;
	margin: 0;
}
a:link {
	text-decoration: none;
	color: #343434;
}
a:hover {
	text-decoration: none;
	color: #F18A11;
}
a:active {
	text-decoration: none;
	color: #F18A11;
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}
/* ~~ ce conteneur à largeur fixe entoure tous les autres éléments ~~ */
.container {
	width: 1000px;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}
/* ~~ classes flottant/effacement diverses ~~ */
.fltrt {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre overflow:hidden du .container est supprimé */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.sousmenu {
	text-decoration: none;
	list-style-type: none;
	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #343434;
	background-color: #FFF;
	background-image: url(images/menu_marron.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 30px;
	width: 998px;
	position: relative;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #361000;
}

.btn {
	padding-top:10px;
	text-align: center;
	display: block;
}
.sousmenu dl {
	display: block;
	float: left;
	height: 30px;
}
.sousmenu dl dt {
	text-align: center;
	height: 30px;
	color: #343434;
	cursor: pointer;
	line-height: 30px;
	min-width: 150px;
	padding-left: 15px;
	padding-right: 15px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #361000;
	vertical-align: middle;
}

.sousmenu dl dt .icone{
	text-align: center;
	height: 30px;
	color: #343434;
	cursor: pointer;
	line-height: 30px;
	min-width: 178px;

	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #361000;
	vertical-align: middle;
	
	}

.sousmenu dl dt:hover {
	background-image: url(images/hover_orange.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	line-height: 30px;
}


.sousmenu a:link {
	color: #343434;
	text-decoration: none;
}
.sousmenu a:visited {
	color: #343434;
	text-decoration: none;
}
.sousmenu a:hover {
	color: #361000;
	text-decoration: none;
}
.search {
    min-width: 290px;
}
/*<---------  .content_menu {
	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #343434;
	background-color: #FFF;
	background-image: url(images/menu_horizontal.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 35px;
	width: 998px;
	position: relative;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #F18A11;
}     -*/

.flux{
	font-size: 90%;
}

.flux a:link  {
	font-style: italic;
	color: #F60;
	text-decoration: underline;
	text-align: right;
	}
.flux a:visited {
	font-style: italic;
	color: #F60;
	text-decoration: underline;
	text-align: right;
	}
	
.flux a:hover {
	color: #C03;
	text-decoration: underline;
	text-align: right;
	}

.menu a:link {
	color: #343434;
	text-decoration: none;
}
.menu a:visited {
	color: #343434;
	text-decoration: none;
}
.menu dl dt a:hover {
	color: #361000;
	text-decoration: none;
}
.menu {
	text-decoration: none;
	list-style-type: none;
	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #343434;
	background-color: #FFF;
	background-image: url(images/menu_horizontal.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 35px;
	width: 998px;
	position: relative;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #F18A11;
}
.menu dl {
	display: block;
	float: left;
	height: 35px;
}
.menu dl dt {
	text-align: center;
	height: 35px;
	color: #343434;
	cursor: pointer;
	line-height: 35px;
	min-width: 131px;
	padding-left: 15px;
	padding-right: 15px;
}
.menu dl dt:hover {
	background-image: url(images/hover_orange.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	line-height: 35px;
}
.menu dl dt img {
	height: 29px;
	width: 35px;
	float: left;
	display: block;
	padding-left: 20px;
	line-height: 30px;
	padding-top: 3px;
}
.border_left {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #F18A11;
}
.border_left_marron {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #361000;
}
/*.borders {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #F18A11;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #F18A11;
	min-width: 175px;
}*/
.sameHeightCol {
	float: left;
	position: relative;
	overflow: hidden;
}
section {
	width: 1000px;
	margin-bottom: 5px;
	min-height: 880px;
	display: block;
	margin-top: 10px;
}
#content_page {
	width: 660px;
	margin-right: 10px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 15px;
	overflow: visible;
}
#content_page p {
	font-family: "Times New Roman", Times, serif;
	color: #343434;
}

#content_page ul li {
	color: #343434;
	list-style-type: square;
}
#content_page_article ul li {
	color: #361000;
	list-style-type: square;
}


/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
#content_page a:link {
	color: #003366;
	text-decoration: underline; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
#content_page a:visited {
	color: #003366;
	text-decoration: none;
}
#content_page a:active {
	text-decoration: none;
	color: #F18A11;
}
#content_page a:hover {
	text-decoration: none;
	color: #F18A11;
}
#content_page_article a:link {
	color: #003366;
	text-decoration: underline; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
#content_page_article a:visited {
	color: #003366;
	text-decoration: none;
}
#content_page_article a:active {
	text-decoration: none;
	color: #F18A11;
}
#content_page_article a:hover {
	text-decoration: none;
	color: #F18A11;
}
#content_page h1 {
	font-family: Geneva, sans-serif;
	font-size: 115%;
	line-height: 25px;
	background-image: url(images/titre_gris.jpg);
	background-repeat: repeat-x;
	height: 30px;
	padding-top: 10px;
	color: #FFF;
	width: 310px;
	background-position: right;
	padding-left: 20px;
}
#content_page_article {
	min-height: 450px;
	width: 1000px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 25px;
	overflow: visible;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	color: #343434;
}
#content_page_article h1 {
	font-family: Geneva, sans-serif;
	font-size: 115%;
	line-height: 25px;
	background-image: url(images/titre_gris.jpg);
	background-repeat: repeat-x;
	height: 30px;
	padding-top: 10px;
	color: #FFF;
	max-width: 400px;
	background-position: left;
	padding-left: 20px;
}
#content_page_article h3 {
	font-family: Geneva, sans-serif;
	font-size: 95%;
	padding-top: 10px;
	color: #361000;
	padding-left: 20px;
}
#content_page_article ul {
	margin: 0;
}
#content_page_article td {
	color: #361000;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 80%;
}
#adress {
	font-family: Geneva, sans-serif;
	display: block;
	float: left;
	height: 186px;
	width: 390px;
}
#adress p {
	font-size: 77%;
	color: #333;
	text-align: center;
}
#adress h5 {
	font-family: Geneva, sans-serif;
	font-size: 82%;
	color: #377EFD;
	line-height: normal;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
}
header {
	background-image: url(images/header_184px.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 181px;
	width: 1000px;
}
header a {
	display: block;
	padding-top: 160px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #361000;
}
header a:hover {
	color: #F18A11;
}
.grey {
	color: #343434;
}

.bordeaux {
	color: #990100;
}


.orange {
	color: #F18A11;
}
.red {
	color: #CC0000;
}
.bg-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: url(images/titre_orange.jpg);
	background-repeat: repeat-x;
	text-indent: 5px;
	display: block;
	padding: 5px;
	color: #FFF;
}
iframe {
	display: block;
	width: 250px;
	margin-top: 5px;
	margin-bottom: 5px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/titre_gris.jpg);
	background-repeat: repeat-x;
	display: block;
	padding: 5px;
	color: #FFF;
	line-height: 100%;
}
p {
	font-family: "Times New Roman", Times, serif;
	color: #343434;
	display: block;
	margin: 10px;
}
#infos {
	font-family: Geneva, sans-serif;
	width: 300px;
	border: 2px solid #F18A11;
	top: 35px;
}
#infos li {
	text-decoration: none;
	list-style-type: none;
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#infos h2 {
	font-size: 95%;
	line-height: 30px;
	width: 255px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#infos p {
	font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	color: #343434;
}
#infos .contact {
	font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	color: #343434;
}
footer {
	height: 160px;
	width: 998px;
	margin-top: 0;
}
footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#logos {
	height: 110px;
	display: inline;
	width: 998px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
#logos a {
	padding-right: 15px;
	padding-left: 15px;
}