/* CSS Document */
				   
/****************************************************************************************
*	PRESENTATION GENERALE
*****************************************************************************************/
body { background-color: #8fa0a7; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 62.5%; /*font-style: normal;*/ text-align: center; margin: 0; padding: 0; } 
.page { background: url(../img/fond_page.gif) repeat; margin: 15px auto 0; padding: 0; width: 750px; text-align: left; }
.pageHome { background-color: #fff; margin: 15px auto 0; padding: 0; width: 750px; text-align: left; }

.bodytext { margin: 0; padding: 0; font-size: 1em; margin-bottom: 0px; }
.bodytext a { color: #000; text-decoration: underline; }
.bodytext a:hover { color: #000; text-decoration: none; }

/* ---------------------------------------------------------
                              Navigation cachée
------------------------------------------------------------*/
.navCachee { display : none }

/*----------------------------------------------------------
				  Bandeau haut
-----------------------------------------------------------*/
.bandeauHaut { width: 750px; height: 17px;}
.tetiere { width: 750px; height: 99px;}
.tetiereLogo h1, .tetiereLogo {position: absolute ; margin:0 ; padding : 0; width : 148px ; float : left }
.tetiereDroite { width : 602px ; float : right }

/*-------------------------------------------------------------
			  Bandeau Navigation
--------------------------------------------------------------*/
.bandeauMenusHaut { padding-right: 10px; text-align: right; width: 740px; background: #006e94 url(../img/fond_nav2.gif) repeat; padding-top: 2px; padding-bottom: 3px; font-size: 1.1em; }
.menuHaut { color: #fff; }
a.menuHaut { color: #cbe8f1;; text-decoration: none; }
a.menuHaut:hover { color: #fff; text-decoration: none; }

/*--------------------------------------------------------------------------
			  Bandeau d'indication de Navigation "petit Poucet"
----------------------------------------------------------------------------*/
.bandeauNavigationHome { float: right; padding: 19px; }
.navigationHome {float: left; font-weight: bold; font-size: 120%; text-align: left; padding:0 10px 0 0; } 
.bandeauGrisHome {float: left; width: 482px; height: 10px; background-color: #c7ced9; font-size: 0.1em; } 
.rechercheAccueil {float: right;}
.rechercheAccueil input {margin-right:2px}

.bandeauNavigation { clear: right; float: right; padding-top: 10px; padding-right: 20px; }
.navigation {float: left; color: #000; font-size: 1em; text-decoration: none; text-align: left; background-color: #fff; z-index: 10; padding-right: 10px; } 
.bandeauGris {float: left; width: 563px; /*height: 9px*/; background-color: #c7ced9; z-index: 0;} 		
a.nav { color: #000; text-decoration: none; }
a.nav:hover { color: #0784ad; text-decoration: none; }
.navOff { color: #0784ad;}	 

/*-------------------------------------------------
			  Bandeau de gauche
--------------------------------------------------*/
.bandeauGauche{float: left; clear: left; width: 128px; padding: 10px; background-color: #e7f4fa;}

div#menu {width: 128px ; margin: 0; padding: 0; list-style-type: none; font-size: 1.5em; color: #0784ad; font-weight: bold; padding-bottom: 19px; border-bottom: 1px dashed #0784ad;}
h2.titremenu {width: 128px ; font-size: 1em; color: #0784ad; font-weight: bold; text-transform : none ;}
#menu a {text-decoration: none ; color: #0784ad }
ul#ssmenu {margin: 0; padding: 0; list-style-type: none; font-size: 1.1em; font-weight: bold; }
#ssmenu a {display: block; text-decoration: none;  padding-bottom: 5px; padding-top: 5px; color: #0784ad; margin: 0; border-bottom: 1px dashed #0784ad; width: 128px;}
#ssmenu a:hover { color: #3b4a51; text-decoration: none; }
li.ssmenu {color: #3b4a51; border-bottom: 1px dashed #0784ad; padding-bottom: 5px; padding-top: 5px;}

.blocFiletLeft {border-top: 2px solid #0784ad; width: 128px; margin-top: 25px; color: #698290; padding-top: 7px;}
.titreActu { color: #0784ad; font-size: 1.15em; font-weight: bold; padding-bottom: 5px;}
.blocActu { background-color: #ffffff;color: #707070; padding-top: 7px; padding-bottom: 0px; padding-left : 5px; border-bottom: 1px dashed #0784ad;}
.dateActu {font-size: 90%;}

/*-------------------------------------------------
			  Bandeau de Bas de page
--------------------------------------------------*/
.bandeauBasPage { width: 750px; background: #3b4a51 url(../img/bar_bas2.gif) repeat; color: #e1e6e9; font-size: 1.1em; height: 1.5em; margin: 0 auto; clear: both;}
.bandeauBasPage a , .bandeauBasPage a:hover {background-color: #3b4a51}

.bandeauMargeBas { background-color:#8fa0a7; width: 750px; height: 15px; clear: both; } 
.alignGauche { padding-left: 10px; text-align: left; float: left; line-height: 17px;} 
.alignDroite { padding-right: 10px; text-align: right; float: right; line-height: 17px; } 

a.lienBlanc { color: #e1e6e9; text-decoration: none; }
a.lienBlanc:hover { color: #fff; text-decoration: none; }

/*-------------------------------------------------
			  Bandeau contenu de la page
--------------------------------------------------*/
img {border: 0; }
a img {border: 0; }
.bandeauHome { width: 712px; padding: 0 19px 19px 19px; font-size: 1.2em; }
.bandeauContenu {width: 562px; padding: 20px; float: left; }
.bloc {float: left; width: 562px; font-size: 1.2em; }
.misAjour { width: 562px; height : 20px ; color: #3b4a51; border-top: 1px dashed #3b4a51; border-bottom: 1px dashed #3b4a51; font-weight: bold; font-size: 1.1em; /*float: left */ ; margin-bottom: 0px;}
.txtGauche {text-align: left; float: left; line-height: 20px; }
.txtDroite {text-align: right; float: right; line-height: 20px; }
.imprimer { background: url(../img/print_off.gif) no-repeat; padding: 3px 0 0 21px;} 
.envoyer { background: url(../img/mail_off.gif) no-repeat; padding: 3px 0 0 21px;} 

.bandeauBas { width: 562px; color: #3b4a51; border-top: 1px dashed #3b4a51; border-bottom: 1px dashed #3b4a51; font-weight: bold; float: left; margin-top: 30px; font-size: 1.1em;}
.top { background: url(../img/hp_off.gif) no-repeat; padding: 3px 0 0 21px;} 
a.lien {text-decoration: none; } 
a.lien:hover {text-decoration: none; color: #0784ad;} 

.spacer { clear: right; }
.chapeau { color: #0784ad; font-weight: bold; font-size: 100%; padding-bottom: 10px;}
.chapeauGris { width: 562px; color: #3b4a51; font-weight: bold; font-size: 120%; padding-bottom: 10px; padding-top: 10px; }
.chapeauBleu { width: 562px; color: #0784ad; font-weight: bold; font-size: 120%; padding-bottom: 10px; }
.imgFloatLeftHome { float: left; padding-right: 20px;}
.poitillesHome {border-top: 1px dashed #000; margin-top: 15px; width: 712px; clear: both;}
.imgFloatLeft { float: left; padding-right: 10px;}
.bloc468 { float: left; width: 468px; padding-bottom: 15px;}
.marges {clear: both; margin-bottom: 15px; margin-top: 15px; }
.blocGauche { float: left; padding-right: 20px; width: 224px; }	
.blocDroite { float: right; width: 224px; }	
/*.blocGauche {border-top: 2px solid #0784ad; width: 224px; padding-top: 5px; float: left;margin-right: 20px; }
.blocDroite {border-top: 2px solid #0784ad; width: 224px; padding-top: 5px; float: right; }*/
.blocFilet {border-top: 2px solid #0784ad; width: 224px; padding-top: 5px; color: #698290;}
ul.puces { color: #0784ad; }
.txt { color: #000; }

hr {visibility: hidden;padding : 0px ;}

/* rapprochement d'une liste vers la phrase d'introduction */
ul, ol {margin-top : 3px ;}

/* ------------------------------------------------ 
                          Titres de la page 
--------------------------------------------------*/
h2 {  /*clear : both */; padding-bottom : 2px ; color: #3b4a51; font-size: 1.6em; font-weight: bold; width: 530px; text-transform : uppercase; }
h2.home { font-weight: bold; font-size: 1.4em; color: #0784ad; margin: 0; padding-bottom : 10px; background-color: #fff; width:auto;}
h3 {color: #0784ad; font-size: 1.3em; font-weight: bold; margin: 0; padding-bottom : 10px;}
h3.home{ color: #0784ad; font-size: 1.25em; font-weight: bold; background: url(../img/puce_titre.gif) no-repeat; padding-left: 14px; margin: 0; margin-bottom: 5px; border-bottom: 2px solid #0784ad; width: 210px;;}

.soustitre {color: #0784ad; font-size: 100%; font-weight: bold;}
.titrePage{width: 562px; /*margin-top : -4px */; padding: 0px 0px 0px 0px; /*float: left;*/}

/* ---------------------------------------------------------- 
                          Liens courants dans la page 
-------------------------------------------------------------*/
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

a.gris { color: #698290; text-decoration: underline; }
a.gris:hover { color: #698290; text-decoration: none; }

/*-------------------------------------------------------------
			  Page Envoyer à un ami
--------------------------------------------------------------*/
.inputContact { width: 300px;  margin-top : 0px; vertical-align : top;}
.blocContact {float: left;  width: 95%; padding-top: 5px; text-align: right; }
input.submit { border: 1px solid #8fa0a7; font-weight: bold; color: #8fa0a7; background-color: #fff; padding-right:3px;  padding-left: 3px;} 


/*-------------------------------------------------------------
			Recherche
--------------------------------------------------------------*/
.inputRecherche {
	margin-top: 0px; vertical-align: top; width: 100px ; font-size:0.95em ; 
}
.boutonEnvoyer {
	margin-top: 0px; padding : 0;  font-size:0.95em; border: 1px solid #8fa0a7; color : #0784ad; background : #fff ;height : 19px ;
}

/*-------------------------------------------------------------
                          Résultats de la recherche
-------------------------------------------------------------*/
.blocFiletTop{ float: left; padding-top: 10px; width: 555px; margin-top: 10px; border-top: 1px solid #0784ad; }
.navRecherche { float: left; width: 540px; margin-top: 1px; margin-bottom: 5px; background-color: #e7ebec; color : #5b6365;  font-style : normal; padding: 5px;}
a.lienNav { color: #5b6365; text-decoration: none; }
a.lienNav:hover { color: #0784ad; text-decoration: none; }
.finBlocGen505Top { clear: both; text-align: right; height : 15px; width:555px; border-bottom: 1px solid #0784ad;}

/*------------------------------------------------------------
                              Plan du site 
-------------------------------------------------------------*/
.blocPlan { float: left; padding-top: 5px; width: 555px; margin-top: 5px; border-top: 1px solid #0784ad; }
.blocPlan h2 {font-size : 1em }
.blocPlan a {color : #0784ad; text-decoration: none;}
.blocPlan a:hover {color : #0784ad; text-decoration:underline}
.blocPlan h3 {padding-left: 10px; font-size : 0.95em }

/* -------------- Archives et Actualités -----------------*/
.news-list-date {font-size : 0.90em ; color : #070707 ; font-weight : normal ; margin-right : 3px; }
.news-list-item a {font-size : 0.95em ; color : #0784ad }

.actudate {font-size : 0.90em ; color : #070707 ; font-weight : normal ;  }
.titre-actu-h2 {font-size : 1.3em ; color : #0784ad ; font-weight : bold ; text-transform : none ;}  

/* --------------- CGU -----------------*/
ol.cgu li {padding-bottom : 12px ;}
ol.cgu p {margin-top : 3px ; margin-bottom : 5px ;}

/* ----------------AIDE-----------*/
table, td, th {border-color: #d4d0c8 ;}


/* ---- Ajout du New login box pour accès à l'espace adhérents -- */
#contenuHome {
width : 460px ;
float : left ;
}
#loginbox {
width : 240px;
float : left ;
}
.tx-newloginbox-pi1 {
background : #fff url('../imgAdherents/fondlog.jpg') left top no-repeat ;
width : 210px ;
margin : 10px 5px ;
min-height : 140px ;
}
form#formLogin {
height 210px ;
padding-bottom : 8px ;
}
form#formLogin h3, .tx-newloginbox-pi1 h3 {
/*background-color : #63d1e8 ;*/
color : #000 ;
text-align : center ; 
margin-bottom : 0px; 
padding : 4px 0 10px 0 ;
font-size : 13px ;
}
.tx-newloginbox-pi1 p {
width : 180px ;
margin : 0 ;
padding : 0 0 0 6px;
}

form#formLogin label, #enterPass label {
color : #2e2e2e ;
padding-left : 4px ;
}
form#formLogin input#user, form#formLogin input#pass  {
width : 88px ;
height :14px ;
font-size : 12px ;
padding : 1px ;
}
form#formLogin input#submit  {



width : 92px ;
/*height :22px ;
font-size : 12px ;
padding : 2px ;*/
}
form#formLogin p {
clear : both ;
}


.tx-newloginbox-pi1 #formOubliMdP {
width : 180px ;
margin : 0 ;
padding : 3px 0 0 6px ;
}

#enterPass {
width : 180px ;
padding : 4px ;
}
.tx-newloginbox-pi1 #formOubliMdP p.bouton{
text-align : right ;
width : 180px ;
}

#backToLogin {
padding-top : 10px ;
}
p#erreurLogin {
color : red ;
margin-top : 10px ;
}

.important {
font-weight : bold ;
color : #0784ad ;
}