﻿/********************************************/
/*********MISE EN PAGE PAR DEFAUT************/
/********************************************/

body {
	background-color:#FFF;/*couleur du fond du site*/
	background-image: url(../img/fd.gif);/*Image de fond du site*/
	margin: 0px;
	padding: 0px;
}
body, select, td, input, div, textarea{
	color: #666666; /*Couleur du texte par d�faut*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
}
label {
	font-weight: bold;
}
hr {
	height: 1px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
ul{
	list-style: none;
}

/*********Formulaire*********/

form {
	border: 0px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}
input, textarea {
	color: #666666;
	margin: 0px;
	padding:0px 0px 0px 2px;
}
.radio {
	background: none;
	border: 0px;
}

/*********Image**************/

a img, a img:visited, a img:hover, a img:active {
	border:0px;
}

/*********Lien**************/

a:link, a:visited, a:active {
	color: #bc4747;/*Couleur des liens par d�faut*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	text-decoration: none;
}
a:hover {
	color: #bc4747;/*Couleur des liens par d�faut lors du survol/rollover*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	text-decoration: none;
}

.retourlien {
	width:100%;
	text-align:center;
}

/*********Titre**************/

h1 {
    background-image: url("../img/h1.gif");
    background-position: 0 2px;
    background-repeat: no-repeat;
	color: #bc4747;
	font-size: 16px;
	font-weight:bold;
	margin: 0px 0px 8px 0px;
	padding:0px 0px 0px 18px;
	text-align: justify;
}
h1  a:link, h1 a:visited, h1 a:active,  h1 a:hover {
	color: #bc4747;
	font-size: 16px;
	font-weight:bold;
	margin: 0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
}
h2 {
	color:#000000;
	font-size: 11px;
	font-weight:bold;
	margin: 0px 0px 8px 0px;
}
h3 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}



/*********Paragraphe***********/

p {
	margin: 0px;
	padding: 0px;
}

/*********Icones***********/

a.pdf, a.pdf:link, a.pdf:hover, a.pdf:visited, a.pdf:active{
	background: url(/icones/pdf.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.doc, a.doc:link, a.doc:hover, a.doc:visited, a.doc:active{
	background: url(/icones/doc.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.xls, a.xls:link, a.xls:hover, a.xls:visited, a.xls:active{
	background: url(/icones/xls.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}

/********************************************/
/*******************BLOC*********************/
/********************************************/

#container {
	background-image:url(../img/conteneur.gif);
	background-position:0px -2px;
	background-repeat:repeat-y;
	margin: 0px auto;
	padding:0px;
	width: 1000px;

}
#haut {
	height: 462px;
	width: 1000px;
}
#gauche {
	float: left;
	margin:0px;
	padding: 1px 0px 0px 15px;
	width: 213px;

}
#contenu {
	float: left;
	padding: 1px 39px 20px 13px;
	width: 480px;
}
#contenu_accueil {
	float: left;
	padding: 0px 39px 0px 15px;
	width: 706px;
}
#droite {
	float: left;
	margin:0px;
	padding: 0px 0px 0px 0px;
	width: 240px;
}
#association_accueil{
	float: left;
	padding:0px 35px 20px 0px;
	width:337px;
}
#association_accueil_contenu{
	margin:0px 0px 10px 0px;
}
#association_accueil h1{
	background-image: none;
	color:#6c3d63;
	font-size:14px;
	font-weight:bold;
    padding: 0;
}
#association_accueil h2{
	color:#6c3d63;
	font-size:11px;
	font-weight:bold;
}
#actualite_accueil{
	float: left;
    padding: 0 0 20px;
	width:332px;
}
#actualite_accueil_contenu{
	margin:0px 0px 10px 0px;
}
#actualite_accueil h1{
	background-image: none;
	color:#af4b41;
	font-size:14px;
	font-weight:bold;
    padding: 0;
}
#actualite_accueil h2{
	color:#af4b41;
	font-size:11px;
	font-weight:bold;
}
#espace_adherent{
    margin: 11px 0 0 840px;
    position: absolute;
}
#espace_adherent input{
    background-image: url("../img/fd_input_aa.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
	float:left;
    height: 19px;
    margin: 0 0 0 8px;
    width: 118px;
}
/********************************************/
/***********MISE EN PAGE ARTICLE*************/
/********************************************/

.tpTexte {
	margin:0px 0px 20px 0px;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif;
}
.tpTexte ul {
    list-style: square outside none;
}

a.tpTexte, a.tpTexte:visited, a.tpTexte:hover, a.tpTexte:active  {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.legende{
	color:#999;
	text-align:center;
}

/*********Positionnement des images***********/

.imgLeft {
	float: left;
	margin-right: 10px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}
.imgTop {
	margin-bottom: 10px;
}
.imgBottom {
	margin-top: 10px;
}

/*********Image avec lien***********/

.tpTexte a img, .tpTexte a:hover img, .tpTexte a:visited img {
	border: 0px solid #FFF;
	margin:0px;
	padding:0px;
}

/*********Image sans lien***********/

.tpTexte img {
	border: 0px solid #FFF;
	margin:0px;
	padding:0px;
}

/********************************************/
/********************BAS*********************/
/********************************************/

#bas {
	background-color:#d9d9d9;
	color:#3b3b3b;
	font:11px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	padding:10px 0 10px 0;
	margin:2px auto 0px auto;
	text-align:center;
	width:1000px;
}
#bas a:link, #bas a:visited, #bas a:active { /*Style des liens en bas de page*/
	color: #3b3b3b;
	font: 11px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	text-decoration: none;
}
#bas a:hover {/*Style des liens en bas de page lors du survol/rollover*/
	color: #3b3b3b;
	font: 11px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	text-decoration: none;
}

#footer1 {
	background-image:url(../img/footer.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#cfcfcf;
	color:#3b3b3b;
	font:13px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	height:20px;
	padding:10px 0 10px 0;
	margin:2px auto 0px auto;
	text-transform:uppercase;
	width:1000px;

}
#footer1 a:link,#footer1 a:hover,#footer1 a:visited,#footer1 a:active{
	color:#3b3b3b;
	font:13px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	padding:0px;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}

#footer2 {
	background-image:url(../img/footer2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#8d8d8d;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	padding:10px 0 10px 0;
	margin:2px auto 0px auto;
	width:1000px;
}
#footer2 a:link,#footer2 a:hover,#footer2 a:visited,#footer2 a:active{
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
}
.footer3position ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}
.footer3position li{
	margin:0px 0px 0px 0px;
	padding:0px;
}
.footer3position{
	float:left;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:left;
}
/********************************************/
/*****************NAVIGATION*****************/
/********************************************/

#navHaut{
	background-image:url(../img/fd_menu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100px;/*hauteur de la navigation 45px*/
}
#nav{
	height:75px;
	padding:0px 15px;
	width:970px;
}
/*Mise en page des liens du menu*/
#nav span{
	color:#000000;/* Couleur g�n�rale du menu*/
}
/* Couleur des liens */
#nav a, #nav a:link, #nav a:visited {
	color: #000000;
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Couleur des liens actifs */
#nav a.navOn:link, #nav a.navOn:visited{
	color: #000000;
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom:3px;
	text-decoration:none;
}
/* Couleur des liens survol�s/rollover */
#nav a:hover {
	color: #000000;
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-bottom:3px;
}


/*****Menu d�pliant*****/
ul.niv1{
	margin: 0px;
    padding: 2px 7px;
}
ul.niv1 li{
	border-bottom:1px solid #680d0d;
    margin: 0;
    padding: 0px;
	width: 180px;/* Largeur de la navigation dépliante */
}

.niv1{
	background-color: #810c0c;/* Couleur de fond de la navigation d�pliante */
	color: #e7a8a8;/* Couleur de texte de la navigation d�pliante */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	position: absolute;
	top:437px;
	width: 180px;/* Largeur de la navigation d�pliante */
	z-index:100;
}
.niv1 a, .niv1 a:link, .niv1 a:visited{
	background-image:url(../img/puce1.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}
.niv1 a.navOff1, .niv1 a.navOff1:link, .niv1 a.navOff1:visited{
	background-image:url(../img/puce2.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	color: #e7a8a8;/* Couleur de texte de la navigation d�pliante lorsque le lien est non actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	padding: 2px 0px 2px 10px;
	visibility:visible;
}
.niv1 a:hover, .niv1 a.navOff1:hover{
	background-image:url(../img/puce1.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-color: #810c0c;/* Couleur de fond de la navigation d�pliante lors du survol/rollover */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	color: #fff;/* Couleur de texte de la navigation d�pliante lors du survol/rollover */
}
.niv1 a.navOn1, .niv1 a.navOn1:link, .niv1 a.navOn1:visited{
	background-image:url(../img/puce1.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-color: #810c0c;/* Couleur de fond de la navigation d�pliante lorsque le lien est actif */
	color: #fff;/* Couleur de texte de la navigation d�pliante lorsque le lien est actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	padding: 2px 0px 2px 10px;
	visibility:visible;
}
/*****Menu gauche - Niveau 3*****/
#niv3_gauche{
	margin:0px 0px 0px 0px;
	padding:5px 0px;
}
#niv3_gauche ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#niv3_gauche li{
	margin:0px;
	padding:2px 0 2px 15px;
}
/*Lien navigation gauche*/
#niv3_gauche a, #niv3_gauche a:visited, #niv3_gauche a:active {
	background-image:url(../img/puce_gauche1.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	color:#666666;/* Couleur de texte de la navigation gauche lorsque le lien est non actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	margin:0px;
	padding:2px 0 2px 13px;
}

#niv3_gauche a.droiteon, #niv3_gauche a.droiteon:hover, #niv3_gauche a.droiteon:visited, #niv3_gauche a.droiteon:active, #niv3_gauche a:hover {
	background-image:url(../img/puce_gauche2.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	color:#bc4747;/* Couleur de texte de la navigation gauche lorsque le lien est actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par d�faut*/
	margin:0px;
	padding:2px 0 2px 13px;
}

/*Titre niveau 3*/
#niv3_gauche .titre_niv3 a:link, #niv3_gauche .titre_niv3 a:hover,#niv3_gauche .titre_niv3 a:active,#niv3_gauche .titre_niv3 a:visited{
	background-image:url(../img/puce_gauche.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	color:#666666;
	display:block;
	font-size:14px;
	font-weight:bold;
    margin: 10px 0 10px 15px;
    padding: 0 0 0 15px;
	text-transform:uppercase;
}

/********************************************/
/****************LIENS******************/
/********************************************/

#liste{

}
.liste{
	margin:0px 0px 20px 0px;
}
.liste h2 {
	font-size:14px;
	font-weight:bold;
}
 .liste h2 a:link,.liste h2 a:active,.liste h2 a:hover,.liste h2 a:visited{
	color:#6a3d63;
	font-size:14px;
	font-weight:bold;
}
/********************************************/
/****************NEWSLETTER******************/
/********************************************/

#newsletter{
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#newsletter a, #newsletter a:hover, #newsletter a:visited, #newsletter a:active{
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#insc{

}
#insc p{
	color:#000000;
	padding:0px;
	margin:0px;
}
#anciennesNews{

}
#anciennesNews a,#anciennesNews a:visited{
	color:#000000;/* Couleur des liens de la newsletter */
}
#anciennesNews a:hover{
	color:#000000;/* Couleur des liens de la newsletter au survol/rollover */
}
#desinsc{

}
#desinsc p{
	color:#000000;
	padding:0px;
	margin:0px;
}

/********************************************/
/*******************AGENDA*******************/
/********************************************/
#agenda_info{
	font: 12px Arial, Helvetica, sans-serif;
	margin:10px 0px 0px 0px;
}
.encartAgenda {
	padding-top:15px;
}
.encartAgenda .titre{
	color:#000000;/*Couleur des titres de l'encart d'Agenda*/
	font-weight:bold;
	text-align:justify;
}
.encartAgenda .photo {
	float:left;
	margin-right:5px;
}
.encartAgenda .texte {
	color:#666666;/*Couleur du texte de l'encart d'Agenda*/
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
}
/*Lien en savoir +*/
a.agendaplus, a.agendaplus:visited{
	color:#333333;
	font:11px Arial, Helvetica, sans-serif;
}
/*Lien en savoir + lors du survol/rollover*/
a.agendaplus:hover{
	color:#999999;
	font:11px Arial, Helvetica, sans-serif;
}
/*Lien Affich� tout*/
a.infoagenda, a.infoagenda:hover, a.infoagenda:visited{
	color:#333333; /*Si couleur non renseign�. Prend la couleur des liens par d�faut*/
	font:11px Arial, Helvetica, sans-serif;
}

/******Affichage de l'actualit� choisie*******/

#actuagenda{
}

a.retour, a.retour:hover, a.retour:visited{
	font:11px Arial, Helvetica, sans-serif;
}


/********************************************/
/**************INFORMATION*******************/
/********************************************/

.encartActu {
    background-image: url("../img/separation.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 15px 0;
}
#actualite_accueil_contenu .encartActu .titre{
	color:#af4b41;/*Couleur des titres de l'encart information*/
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
.encartActu .photo {
	float:left;
	margin-right:5px;
}
.encartActu .texte {
	color:#666666;/*Couleur du texte de l'encart information*/
	font-size:11px;
	font-weight:normal;

}
/*Lien en savoir +*/
a.plus:link, a.plus:visited{
	background-color:#af4b41;
	color:#fff;
	font-size:10px;
	padding: 0 2px;
}
/*Lien en savoir + lors du survol/rollover*/
a.plus:hover{
	background-color:#af4b41;
	color:#fff;
	font-size:10px;
	padding: 0 2px;
}
/*Lien Affich� tout*/
a.information, a.information:hover, a.information:visited{
	color:#af4b41; 
	font:11px Arial, Helvetica, sans-serif;
	margin:0 10px;
	text-decoration:none;
}

/******Affichage de l'actualit� choisie*******/

#actu{
}

a.retour, a.retour:hover, a.retour:visited{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/******Affichage de toutes les actualit�s*******/
#actu .liste h2{
	color:#af4b41;/*Couleur des titres de l'encart information*/
    font-size: 14px;
    font-weight: bold;
	text-transform:uppercase;
}
.liste{

}
/*descriptif*/
.sous_titre{
}
/*Lien lire la suite*/
a.suite, a.suite:hover, a.suite:visited{
    background-color: #AF4B41;
    color: #FFFFFF;
    float: right;
    font: 11px Arial,Helvetica,sans-serif;
    padding: 0 2px;
    text-decoration: none;
}
/*Lien Affich� tout*/
a.informationretour, a.informationretour:hover, a.informationretour:visited{
	background-color:#af4b41;
	color:#fff;
    float: right;
	font:11px Arial, Helvetica, sans-serif;
	padding: 0 2px;
	text-decoration:none;
}

/********************************************/
/****************PARTENAIRE******************/
/********************************************/

#partenaire{
	margin:10px 0px 0px 0px;
}
#banHref{

}
.banImg{
	border:0px;
	margin:5px 0px 0px 0px;
	padding:0px;
}

/********************************************/
/**************GALERIE PHOTO*****************/
/********************************************/

#liste{

}
.gal {
	float: left;
	margin-bottom: 20px;
	width: 250px;
	text-align: center;
}
.gal a img, .gal a img:visited, .gal a img:hover,  .gal a img:active {
	border:1px solid #666666;
	margin:0px;
	padding:5px;
}
.listeGalerie{
	margin:10px 0px 0px 0px;
	padding:0px;
}

/********************************************/
/***************PAGE SUIVANTE****************/
/********************************************/
/*Bloc lien suivant/pr�c�dent*/
.pageSP {
	clear: both;
	font-weight: bold;
}
/*Positionnement du lien suivant*/
.pageS {
	float: right;
}
/*Positionnement du lien pr�c�dent*/
.pageP {
	float: left;
}
.pageSP a:link, .pageSP a:visited, .pageSP a:active {
	font: 12px Arial, Helvetica, sans-serif;
}
.pageSP a:hover{
	font: 12px Arial, Helvetica, sans-serif;
}

/********************************************/
/*******************LANGUE*******************/
/********************************************/

#lang{
	height:20px;
}
#lang img{
	border:0px;
	padding:0px;
	margin:0px 5px 0px 5px
}
#lang img a, #lang img a:hover, #lang img a:visited, #lang img a:active{
	border:0px;
	text-decoration:none;
}
/********************************************/
/*******************LIENS********************/
/********************************************/

.texte{
}
.texte a:link, .texte a:visited, .texte a:active {
	color:#333333;
	font: 12px Arial, Helvetica, sans-serif;
}
.texte a:hover {
	color:#666666;
	font: 12px Arial, Helvetica, sans-serif;
}

/********************************************/
/****************COMMENTAIRES****************/
/********************************************/

.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

input, textarea {
	visibility:visible;
}

.lien_commentaire{
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	padding:4px;
}

.lien_commentaire a:link, .lien_commentaire a:visited, .lien_commentaire a:active{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.lien_commentaire a:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}

/*liste des commentaires*/

#commentaireListe{

}

.commentaireListe{
	background-color:#cccccc;
	border-left:3px solid #000000;
	margin:5px;
	padding:5px;
}

.comm_auteur{
	font-weight:bold;
}

.comm_date{

}

.comm_texte{

}

.lien_comm_auteur{
	color:#333333;
	font-weight:bold;
}
/*Formulaire commentaire*/
.form_commentaire{
	padding:10px 5px 5px 5px;
}

.commentaire_formulaire{
	margin:15px 5px 5px 5px;
	padding:0px;
}

.commentaireTitre{
	background-color:#000000;
	color:#ffffff;
	padding:3px 3px 3px 10px;
}

.msgErreur{
	background-color:#C3044D;
	color:#ffffff;
	margin:5px 80px;
	padding:5px;
	text-align:center;
}

/********************************************/
/****************PUBLICITE*******************/
/********************************************/

.encartPub {
	text-align:center;
}

