@charset "utf-8";
/* CSS Document */
body{ font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(../images/fond-chemin.jpg); background-repeat:no-repeat;}
img, p, h1, h2, h3, h4, h5, p, a, ul, li, div{ border:none; margin:0; padding:0; font-weight:normal;}
a{outline:none;}

/*-----------------------------------------------------------------------------------------
------------------------------------ CONTENEURS -------------------------------------------
-------------------------------------------------------------------------------------------*/
#conteneur-principal{ width:1050px; margin:auto;}
#header{ width:1050px; height:104px; background-image:url(../images/header.png); background-repeat:no-repeat; margin-top:108px; padding-top:70px; padding-bottom:10px;}
* html #header{background-image:url(../images/header.gif);}/*############################### HACK IE6 ###*/
#fond-page{ width:1050px; background-image:url(../images/fond-page.png); background-repeat:repeat-y;}
* html #fond-page{background-image:url(../images/fond-page.gif);}/*############################### HACK IE6 ###*/
#conteneur-menu{ width:174px; background-image:url(../images/arrondi-menu.gif); background-repeat:no-repeat; float:left; margin:0 0 0 30px;}
* html #conteneur-menu{ margin:0 0 0 15px;}/*############################### HACK IE6 ###*/
#conteneur-droit{ width:229px; float:left; padding:0px; margin:0px;}
#footer{ width:1050px; background-image:url(../images/footer.png); background-repeat:no-repeat; text-align:center;}
* html #footer{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/footer.png", sizingMethod="scale");}/*############################### HACK IE6 ###*/

/*-----------------------------------------------------------------------------------------
------------------------------------   HEADER   -------------------------------------------
-------------------------------------------------------------------------------------------*/
#conteneur-form{ padding:0px 0 0 265px;}
form.form-header{ /*float:left;*/ float:right; margin-bottom:5px; margin-right:40px;}
label.label-header{ float:left; color:#fff; margin:3px 10px 0 0; font-size: 11px;}
input.input-header{ width:101px; height:19px; float:left; margin:0 5px 0 0; padding:0px; background-image:url(../images/input.jpg); background-repeat:no-repeat; border:none; color:#849720; font-size:10px; line-height:19px;}
input.input-submit{ display:block; width:17px; height:17px; float:left; margin:0 10px 0 0; /*padding:5px 3px 5px 2px;*/ background-image:url(../images/ok.jpg); background-repeat:no-repeat; border:none; font-size:8px; color:#849720;}
.pipe{ font-size:17px; color:#FFF; margin:0px 10px 0 0px; float:left;}
.baseline{ font-size:19px; color:#fff;/*margin:10px 0 0 0px;*/ margin:33px 0 0 0px; font-weight:normal;}
.baseline-int{ font-size:19px; color:#fff; font-weight:normal; margin:0px; float:left;}
.deconexion{ font-size:10px; color:#fff; float:left; margin-left:450px;}
a.lien-deconnexion{ font-size:10px; color:#fff; text-decoration:none;}
a.lien-deconnexion:hover{ text-decoration:underline;}
p.message-newsletter{text-align:right; font-size:10px; color:red; clear:both; padding:0 55px 0 0;}

/*-----------------------------------------------------------------------------------------
-------------------------------------- MENU -----------------------------------------------
-------------------------------------------------------------------------------------------*/
#menu{ width:163px; background-image:url(../images/fond-menu.jpg); background-repeat:no-repeat; background-color:#778c09; margin:0 0 0 10px; padding-top:45px;}
#bas-menu{ width:163px; height:24px; background-image:url(../images/bas-menu.png); background-repeat:no-repeat; margin:0 0 0 10px;}
* html #bas-menu{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bas-menu.png", sizingMethod="scale");}/*############################### HACK IE6 ###*/
ul.ul-menu{/* padding-left:10px;*/ width:163px;}
li.li-menu-pointille{ list-style:none; border-top: 1px dotted #fff; width:163px;}
li.li-simple{ list-style:none; width:163px;}
li.li-plan{ list-style:none; border-bottom:1px #fff solid;}
a.lien-menu{ font-size:12px; color:#d5dab3; text-decoration:none; display:block; padding-left:10px; padding-bottom:5px; padding:3px 0 3px 10px;}
a.lien-menu:hover{ color:#fff; text-decoration:none;}
a.lien-plan{ font-size:12px; color:#d5dab3; text-decoration:none; display:block; padding-left:10px; padding-bottom:5px; padding:3px 0 3px 10px; background-color:#869824;}
a.lien-plan:hover{ color:#fff; text-decoration:none;}
#logos{ width:100%; padding-top:40px; padding-left:10px;}
.logo-cote-famille{ margin-left:5px; margin-bottom:10px;}
.logo-ansp{ /*margin-left:40px;*/margin-left:30px;}
.logo-sap{ /*margin-left:40px;*/margin-left:10px;}
.img-menu{ float:left; border:none; margin-left:10px; margin-top:10px;}
li.li-sous-menu{ list-style:none;/*display:block;*/ background-color:#e8ecd5; /*height:15px;*/ line-height:12px; padding:2px 0 3px 10px; /*margin-bottom:1px;*/}
a.lien-sous-menu{ font-size:9px; color:#778c09; text-decoration:none;}
a.lien-sous-menu:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------------------
------------------------------------- MILIEU ----------------------------------------------
-------------------------------------------------------------------------------------------*/
#interieur{ width:452px; float:left; margin:0 62px 0 62px;}
* html #interieur{ margin:0 50px;}/*############################### HACK IE6 ###*/
h1.titre-rouge-ligne{ font-size:12px; font-weight:bold; width:100%; color:#e6413a; display:block; padding-bottom:7px; background-image:url(../images/ligne-degrade.jpg); background-repeat:no-repeat; background-position:bottom center; text-align:center; margin-bottom:10px;}
h1.titre-rouge-interieur{ font-size:12px; font-weight:bold; width:100%; color:#e6413a; display:block; padding-bottom:7px; background-image:url(../images/ligne-interieur.jpg); background-repeat:no-repeat; background-position:bottom left; margin-bottom:10px;}
.titre-rouge{ font-size:12px; font-weight:bold; color:#e6413a; margin-bottom:20px;}
.txt-noir-11{ font-size:11px;}
hr.hr-rouge{ width:100%; border-top:1px solid #e6413a; margin:10px 0; border-bottom:none; border-left:none; border-right:none;}
hr.hr-marron{ width:100%; border-top:1px solid #7f4e30; margin:10px 0; border-bottom:none; border-left:none; border-right:none;}
.txt-marron{ font-size:12px; color:#7f4e30;}

#interieur a{font-size:11px; color:#7f4e30; text-decoration:underline;}

}
/*---------------------------------- Annuaire - adherent --------------------------------------------*/
#conteneur-annuaire{ width:434px; height:77px; margin-top:15px;}
#trombi{ width:60px; height:77px; margin-right:10px; float:left;}
#coordonees{ float:left; width:364px; height:77px; border-bottom:#90a137 solid 1px;}
a.mailto-annuaire{ font-size:11px; color:#000; text-decoration:none; font-weight:bold;}
a.mailto-annuaire:hover{ text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------*/

/*---------------------------------- CONTACT FORM ---------------------------------------------------*/
label.label-info{ font-size:11px; color:#7f4e30; font-weight:bold; float:left;}
input.input-texte{ font-size:11px; width:100%;}
textarea.textarea{ font-size:11px; width:100%;}
/*---------------------------------------------------------------------------------------------------*/
/*##############################################################################################################################
##################################### DEBUT MENU DROIT #########################################################################
##############################################################################################################################*/

#telechargement{ width:229px; height:41px; line-height:41px; text-align:center; margin-bottom:10px; background-image:url(../images/bouton-telechargement.gif); background-repeat:no-repeat;}
a.lien-rouge{ font-size:11px; color:#e6413a; text-decoration:none;}
a.lien-rouge:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------------------
-------------------------------------- INFO -----------------------------------------------
-------------------------------------------------------------------------------------------*/
#infos{padding:0 25px; background-color:#d8deb9; background-image:url(../images/bg-infos.gif); background-repeat:no-repeat; background-position:left; font-size:10px;}
#haut-infos{height:38px; background-image:url(../images/tete-infos.gif); background-repeat:no-repeat; overflow:hidden;}
#bas-infos{height:15px; background-image:url(../images/bas-infos.gif); background-repeat:no-repeat; margin-bottom:10px;}
.txt-infos{ font-size:10px; color:#849720;}
a.lien-infos{ font-size:10px; color:#849720; text-decoration:underline;}
a.lien-infos:hover{ text-decoration:none;}

/*-----------------------------------------------------------------------------------------
-------------------------------------- ACTU -----------------------------------------------
-------------------------------------------------------------------------------------------*/
#actus{padding:0 25px; background-color:#e3cfc0; font-size:10px;}
#haut-actus{height:37px; background-image:url(../images/tete-actus.gif); background-repeat:no-repeat; margin-top:0px; padding-top:0px; overflow:hidden;}
#bas-actus{height:15px; background-image:url(../images/bas-actus.gif); background-repeat:no-repeat; margin-bottom:10px;}
.titre-menu-droit{ padding:8px 0 0 25px; font-size:12px; color:#FFF;}
.txt-actu{ font-size:10px; color:#8a5f46;}
.txt-rouge{ font-size:10px; color:#e6413a;}
a.lien-actu{ font-size:10px; color:#8a5f46; font-weight:bold; text-decoration:none; display:block; text-align:right;} 
a.lien-actu:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------------------
------------------------------------ AGREMENT ---------------------------------------------
-------------------------------------------------------------------------------------------*/
#agrement{padding:0 25px; background-color:#e3cfc0; font-size:10px;}
#haut-agrement{height:9px; background-image:url(../images/tete-agrement.gif); background-repeat:no-repeat; overflow:hidden;}
#bas-agrement{height:8px; background-image:url(../images/bas-agrement.gif); background-repeat:no-repeat;}
.txt-agrement{ font-size:9px; color:#b0673e;}


/*##############################################################################################################################
##################################### FIN MENU DROIT ###########################################################################
##############################################################################################################################*/


/*-----------------------------------------------------------------------------------------
------------------------------------  FOOTER  ---------------------------------------------
-------------------------------------------------------------------------------------------*/
.txt-footer{ font-size:10px; color:#849720; padding-top:40px;}
a.lien-footer{ font-size:10px; color:#849720; text-decoration:none;}
a.lien-footer:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------------------
-------------------------------------- CLASS ----------------------------------------------
-------------------------------------------------------------------------------------------*/
.clear-both{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.span-rouge{ color:#e6413a;}
.txt-centre{ display:block; text-align:center;}
.txt-vert-11{ font-size:11px; color:#849720;}
a.menu-haut-BO{ color:#fff; font-size:12px; text-decoration:none;}
a.menu-haut-BO:hover{text-decoration:underline;}

/*-----------------------------------------------------------------------------------------
-------------------------------------- TinyMCE --------------------------------------------
-------------------------------------------------------------------------------------------*/
.titre-rouge-12{ font-size:12px; font-weight:bold; color:#e6413a; margin-bottom:20px;}
.titre-vert-12{ font-size:12px; font-weight:bold; color:#849720; margin-bottom:20px;}
.titre-marron-12{ font-size:12px; font-weight:bold; color:#7f4e30; margin-bottom:20px;}

.txt-noir-11{ font-size:11px;}
.txt-marron-11{ font-size:11px; color:#7f4e30;}
.txt-vert-11{ font-size:11px; color:#849720;}

.txt-marron-12{ font-size:12px; color:#7f4e30;}
.txt-rouge-12{ font-size:12px; color:#e6413a;}
.txt-vert-12{ font-size:12px; color:#849720;}

a.lien-noir{ font-size:11px; color:#000; text-decoration:none; font-weight:bold;}
a.lien-noir:hover{ text-decoration:underline;}

a.lien-rouge{ font-size:11px; color:#e6413a; text-decoration:none;}
a.lien-rouge:hover{ text-decoration:underline;}

a.lien-vert{ font-size:11px; color:#849720; text-decoration:none;}
a.lien-vert:hover{ text-decoration:underline;}

a.lien-marron{ font-size:11px; color:#7f4e30; text-decoration:none;}
a.lien-marron:hover{ text-decoration:underline;}

/*Actus*/
.txt-actu-marron{ font-size:10px; color:#8a5f46;}
.txt-rouge-actu-10{ font-size:10px; color:#e6413a;}
a.lien-actu{ font-size:10px; color:#8a5f46; font-weight:bold; text-decoration:none; display:block; text-align:right;} 
a.lien-actu:hover{ text-decoration:underline;}

hr.hr-rouge{ width:100%; border-top:1px solid #e6413a; margin:10px 0; border-bottom:none; border-left:none; border-right:none;}
hr.hr-marron{ width:100%; border-top:1px solid #7f4e30; margin:10px 0; border-bottom:none; border-left:none; border-right:none;}