/* @charset "UTF-8";
CSS Document */

/* hubertdelartigue.com - Jean-Michel Sorin 2011 */

/*------------------------------------ reset -----------------------------------*/

*{
outline:none; /* supprime les pointillés Firefox & les bordures bleues des spry */
padding: 0; /* mise à zéro des marges */
margin: 0;
border: 0; /* pas de bordures indésirables : input, textarea, select, button, table, fieldset, abbr, hr, img et object (si lien),iframe */
}

html {
font-size: 100%; /* évite un bug d'IE 6-7 */
background: #f9fdfd url(../images_interface/fd_page.gif) repeat-x; /* évite bug background Safari */
}
	
/*==================================== body ====================================*/

body {
text-align: center; /* corrige le bug de centrage d'IE */
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
background: #f9fdfd url(../images_interface/fd_page.gif) repeat-x; /* couleur fond de la page + bandeau haut */
}

#fond_haut {/* fond body haut */
background : url(../images_interface/fd_ombre_haut2.jpg) no-repeat center top; /* bandeau haut */
}

#fond_milieu {/* fond body milieu */
background : url(../images_interface/fd_ombre_milieu.jpg) no-repeat center 286px; /* bandeau bas */
}

/*=================================== wrapper ==================================*/

#wrapper { /* conteneur principal */
width: 960px;
background-color: #bebebe; /* gris clair */
text-align: left; /* on rétablit l'alignement normal du texte */ 
margin: 0px auto 0px auto; /* centrage de la page */
overflow:hidden;
}

/*=================================== header ===================================*/

#header {
float: left;
}
             
#logo { /*---------------------------------------------------------------- logo */
width:960px;
height:70px;
background:url(../images_interface/logo2.jpg) no-repeat 0 0;
float: left;
}

/*=============================== colonne gauche ===============================*/

#blocColonneGauche {
width: 181px;
min-height: 135px; /* pour l'image de fond */
text-align: center;
background-image: url(../images_interface/hautColGauche2.jpg);
background-repeat: no-repeat;
background-position: top;
float:left;
}
      
.boiteColGauche { /*---------------------------------------------- boite gauche */
width: 157px;
color: white;
font-size: 10px;
font-weight:600;
line-height: 16px;
text-align: center;
margin: 10px auto 10px auto;
}

.titreMenuGauche { /*---------------------------------------- titre menu gauche */
height: 24px;
line-height: 24px;
font-size: 11px;
font-weight: bold;
color:white;
margin: 10px 0px 4px 0px;
background-color: #2b3d45;

/* css3 bord arrondi */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 11px; /* Safari */
border-radius: 11px; /* Opéra V10.50 & > */
}

#menuGauche {/*---------------------------------------------------- menu gauche */
width: 161px;
padding-top: 26px;
margin: 0px 10px 10px 10px;
}

.ligneMenu{
border-top: 1px solid white; /* ligne haut menu */
}

#menuGauche li {
list-style: none;
border-bottom: 1px solid white;
}

#menuGauche li a {
display: block;
font-size: 10px;
color: white;
line-height: 10px;
padding: 4px 0;
text-align: center;
text-decoration: none;
}

#menuGauche li a:hover, #navigation li a:focus, #navigation li a:active {
background: #666; /* couleur  de l'onglet en rollover */
text-decoration: none;
}

.menuGaucheOn{
background: #999; /* couleur de l'onglet selectionné */
}

.liensGauche { /*------------------------------------------------- liens gauche */
width: 157px;
margin: 5px auto 10px auto;
padding: 0;
}

.liensGauche li {
list-style: none;
height:19px;
margin-bottom:1px;
}

.liensGauche li a {
display: block;
font-size: 10px;
color: #5e7a88;
line-height: 10px;
padding: 4px 0px 4px 0px;
text-align: center;
text-decoration: none;
}

.liensGauche li a:hover, #navigation li a:focus, #navigation li a:active {
background-image: url(../images_interface/roll_menuHaut.png); /* l'onglet en rollover */
text-decoration: none;
}

/*=============================== colonne droite ===============================*/

#blocColonneDroite {
width: 779px;
background-color: white;
float:right;
}

#blocColonneDroiteLiens {
width: 779px;
min-height: 500px; /* ajouter actu trop courte */
background-color: white;
float:right;
}

#clock { /*-------------------------------------------- affichage date et heure */
height: 20px;
font-size: 11px;
color: black;
text-align: right;
margin: 0px 5px 0px 5px;
}

#content { /*---------------------------------------------------------- contenu */
width: 769px;
min-height: 500px; /* ajouter actu trop courte */
margin: 0px 5px 10px 5px;
padding: 0px;
overflow:hidden;
border-bottom: thin dotted #A1BFBF;
}

.content { /*-------------------------------------------------- contenu edition */
margin: 0px 5px 10px 5px;
padding: 0px;
overflow:hidden;
}

#contentHome { /*------------------------------------------------- contenu home */
margin: 0px 5px 5px 5px;
padding: 0px;
overflow:hidden;
}

.blockTitreNews { /*------------------------------------------------ actualités */
margin: 0px auto 5px auto;
height: 18px;line-height: 18px;
color:white;
background: #8eb2b2;
padding:4px;
overflow: hidden;
}

.titreNews {
float:left;
}

.titreDate {
width: 99px;
text-align: right;
border-left: 1px solid white;
background: url(../images_actualites/icon_calendar.gif) no-repeat 4px center ;
float:right;
}

/*================================== footer ====================================*/

#footer {
width:960px;
height: 32px;
line-height: 32px;
font-size:10px;
font-weight:400;
text-align:center;
color:white;
background: #f9fdfd url(../images_interface/titre.jpg) repeat-x; 
margin:0px auto 0px auto;
}

#ombreFooter {
width:960px;
height: 15px;
background-image: url(../images_interface/ombre_footer.jpg);
}

/*============================= navigation basse  ==============================*/

#boiteBas { /*------------------------------------------------------- boite bas */
width: 601px;
height: 42px;
margin: 0px auto 8px auto;
background-color: #a48d79;
border: 1px solid #000;
}

#navBas { /*----------------------------------------------------------- nav bas */
width: 126px;
height: 42px;
margin: 0px auto 8px auto;
}

.bt_precedent { /*------------------------------------------------ bt precedent */
background:url(../images_interface/barre_navBas.png) no-repeat 0px 0px;
width: 42px;
height: 42px;
float: left;
}

.bt_precedent:hover {
background:url(../images_interface/barre_navBas.png) no-repeat 0px -43px;
}

.bt_precedentMute {
background:url(../images_interface/barre_navBas.png) no-repeat 0px -86px;
width: 42px;
height: 42px;
float: left;
}

.bt_precedentSans {
background:url(../images_interface/barre_navBas.png) no-repeat 0px -129px;
width: 42px;
height: 42px;
float: left;
}

.bt_haut { /*---------------------------------------------------------- bt haut */
background:url(../images_interface/barre_navBas.png) no-repeat -52px 0px;
width: 42px;
height: 42px;
float: left;
}

.bt_haut:hover {
background:url(../images_interface/barre_navBas.png) no-repeat -52px -43px;
}

.bt_hautMute {
background:url(../images_interface/barre_navBas.png) no-repeat -52px -86px;
width: 42px;
height: 42px;
float: left;
}

.bt_hautSans {
background:url(../images_interface/barre_navBas.png) no-repeat -52px -129px;
width: 42px;
height: 42px;
float: left;
}

.bt_suivant { /*---------------------------------------------------- bt suivant */
background:url(../images_interface/barre_navBas.png) no-repeat -104px 0px;
width: 42px;
height: 42px;
float: left;
}

.bt_suivant:hover {
background:url(../images_interface/barre_navBas.png) no-repeat -104px -43px;
}

.bt_suivantMute {
background:url(../images_interface/barre_navBas.png) no-repeat -104px -86px;
width: 42px;
height: 42px;
float: left;
}

.bt_suivantSans {
background:url(../images_interface/barre_navBas.png) no-repeat -104px -129px;
width: 42px;
height: 42px;
float: left;
}  

#copyright { /*-------------------------------------------------- txt copyright */
height: 31px;
background-color: black;
border-top:1px solid #a48d79;
border-bottom:1px solid #a48d79;
line-height: 30px;
}

/************************************ liens *************************************/

a:link { /*-------------------------------------------------------- lien normal */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
color: #597a89; /* bleu foncé */
text-decoration: underline;
}

a:visited { /* lien visité */
font-weight: 600;
color: #8ba2ad; /* bleu moyen */
text-decoration: none;
}

a:hover { /* lien survolé */
font-weight: 600;
color: #9bafb8; /* bleu clair */
text-decoration: underline;
}

a.lienpetit:link {  /*----------------------------------------------------- petit lien normal */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: #597a89; /* bleu foncé */
text-decoration: none;
}

a.lienpetit:visited { /* petit lien visité */
color: #8ba2ad; /* bleu moyen */
text-decoration: none;
}

a.lienpetit:hover { /* petit lien survolé */
color: #9bafb8; /* bleu clair */
text-decoration: underline;
}

a.liensignature:link {  /*----------------------------------------------------- lien signature normal */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: 500;
color: #597a89; /* bleu foncé */
text-decoration: none;
}

a.liensignature:visited { /* petit lien visité */
color: #8ba2ad; /* bleu moyen */
text-decoration: none;
}

a.liensignature:hover { /* petit lien survolé */
color: #9bafb8; /* bleu clair */
text-decoration: underline;
}

/*********************************** titres *************************************/

h1 {
font-size: 18px;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
}

h4 {
font-size: 10px;
}

.titre {
color:white;
height: 33px;
line-height:32px;
text-align:center;
background: #f9fdfd url(../images_interface/titre.jpg) repeat-x;
margin: 0px 5px 15px 5px;
}

.sousTitre1 {
color:white;
border: #48483e solid 1px;
background: #a68d77 url(../images_fond/bandeau_degrade.jpg) repeat-y;
margin: 4px auto 14px auto;
padding: 4px;

/* css 3 dégradé horizontal */
/* background: -moz-linear-gradient(top left, #48483e, #a38d78); /* Firefox */
/* -webkit-gradient(linear, 0% 0%, 100% 0%, from(#48483E), to(#A38D78), color-stop(.6,#A38D78)); /* Safari */

/* css3 ombre : décalage x - décalage y - force du dégradé - couleur */
-moz-box-shadow: 6px 8px 10px #736357; /* Firefox  V3.5 & > */
-webkit-box-shadow: 6px 8px 10px #736357; /* Safari V3.1 & > */
box-shadow: 6px 8px 10px #736357; /* Opéra V10.50 & > */
}

.titreBio {
color: #5b7b89;
margin-bottom:20px;
}

.sousTitreBio {
color: #5b7b89;
margin-bottom:20px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #5B7B89;
}

.sousTitre3 {
color:white;
text-align:left;
background-color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 4px auto 14px auto;
padding: 4px;
}

/******************************** pour le texte *********************************/

p {
font-size: 11px;
line-height:14px;
margin-bottom: 10px;
}

.legende {
margin-top: 10px;	
}

small {
font-size: 75%;
}
     
/********************************** encadres ************************************/

.encadreFaq {
overflow:hidden;
margin: 0px auto 10px auto;
padding: 4px 4px 30px 4px;
}

.boiteVide {
text-align: center;
margin: 0px auto 10px auto;
padding: 0px 0px 10px 0px;
overflow: hidden; /*ajouté*/
}

.boiteActu {
width: 769px;
padding: 0px 0px 10px 0px;
overflow: hidden;
}

/******************************** positionement *********************************/
     
.alignGauche {
text-align: left;
}

.alignCentre {
text-align: center;
}

.alignDroite {
text-align: right;
}

.positionGauche {
float: left;
}

.positionDroite {
float: right;
}

/*********************************** listes *************************************/

.listeSans {
margin: 0px 0px 5px 10px;
list-style-type: none;
list-style-position: inside;
font-size: 11px;
}

.listePoint {
margin: 0px 0px 10px 10px;
list-style-type: disc;
list-style-position: inside;
font-size: 11px;
}

.listeChiffres {
margin: 0px 0px 10px 10px;
list-style-type: decimal;
list-style-position: inside;
font-size: 11px;
}

.listeImage {
margin: 0px auto 10px auto;
list-style-type: disc;
list-style-image: url(../images_fond/picto_chapeau.gif);
list-style-position: inside;
font-size: 11px;
}

/********************************** fenetres ************************************/

a.lienFenetre:link { /*--------------------------------------------------- lien */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
color: #663300;
text-decoration: none;
padding: 0px 4px 0px 15px;
background: url(../images_fond/picto_image_agrandie.gif) no-repeat 0 center;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}
        
a.lienFenetre:active {
color: blue;
text-decoration: none;
}
        
a.lienFenetre:hover {
color: white;
text-decoration: none;
padding: 0px 4px 0px 15px;
background: url(../images_fond/picto_image_agrandie_roll.gif) no-repeat 0 center;
background-color: #663300;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}
        
a.lienFenetre:visited {
color: #996600;
text-decoration: none;
padding: 0px 4px 0px 15px;
background: url(../images_fond/picto_image_agrandie_visite.gif) no-repeat 0 center;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}

.boiteFermer {
background-color: #a48d79;
border:1px solid black;
}

.boutonFermer { /*-------------------------------------------------- bt fermer */
color:white;
font-weight:bold;
font-size:11px;
text-align:center;
text-decoration:none;
background-color:#af8554;
border:2px solid white;
cursor: pointer;
margin: 4px auto 4px auto;
padding: 5px 10px 5px 10px;
}
.boutonFermer:hover {
background-color:#956939;
}

/********************************* décoration ***********************************/

hr {
color: #48493e;
background-color: #48493e;
height: 1px;
border: 0;
margin: 0px auto 10px auto;
}

.ombre {/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 6px 2px 10px #979797; /* Safari V3+ */
-moz-box-shadow: 6px 2px 10px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 6px 2px 10px #979797; /* Opera V10.5+ */
-ms-box-shadow: 6px 2px 10px #979797; /* Microsoft V9+ */
box-shadow: 6px 2px 10px #979797;
}

.bordArrondi {/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.borduresNoires {
border:thin solid black;
}

/********************************** bt retour ***********************************/

a.boutonRetour,a.boutonRetour:link,a.boutonRetour:visited { /*-------------------------- bouton retour */
display:block;
font-weight:bold;
font-size:11px;
text-align:center;
text-decoration:none;
margin: 12px auto 0px auto;
padding: 5px 4px 5px 4px;
color:white;
background-color:#607887;
/* ........................................................... css3 transitions */
-webkit-transition: all 0.3s ease; /* Safari V3+ */
-moz-transition: all 0.3s ease; /* Firefox V1+ */
-o-border-transition: all 0.3s ease; /* Opera V10.5+ */
-ms-transition: all 0.3s ease; /* Microsoft V9+ */
transition: all 0.3s ease;
/* .......................................................... css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

a.boutonRetour:hover { /* survol souris - touche clavier - lien cliqué */
background-color:#3f5560;
}

/********************************** galerie ***********************************/

ul.gallery { 
list-style: none;
margin: 0px auto 0px auto; /* centrer dans la page */
padding: 0px;
overflow:hidden;
/*float: left;*/
}

ul.gallery li { /* zone vignette */
width: 116px;
height: 100px;
margin: 4px 0px 10px 5px;
border: 4px solid white;
/*padding: 4px;*/
text-align: center;
display: inline; /*--Gimp Fix aka IE6 Fix--*/
background: white;
float: left;
/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 4px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 4px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 4px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 4px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 4px #979797;
}

ul.gallery li:hover { /* rollover vignette */
	border: 4px solid black;
}

/************************************ links *************************************/

ul.liens { 
list-style: none;
margin: 10px auto 0px auto; /* centrer dans la page */
padding: 0px;
overflow:hidden;
}

ul.liens li { /* zone vignette */
width: 250px;
margin: 4px 0px 10px 7px;
padding: 0px;
text-align: center;
display: inline; /*--Gimp Fix aka IE6 Fix--*/
background: white;
float: left;
border-bottom: thin dotted #A1BFBF;
}

.bandeau { /* bandeau */
background-color: white;
padding:5px;
margin-bottom:5px;
/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 4px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 4px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 4px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 4px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 4px #979797;
}

.bandeau:hover { /* rollover vignette */
background: #CCC;
}

#image404 { /*------------------------------------------------------ image 404 */
width:769px;
height: 500px;
margin: 0px 0px 5px 0px;
background:url(../images_erreurs/404.jpg) no-repeat 0 0;
float:left;
cursor: pointer;
}

#image403 { /*------------------------------------------------------ image 403 */
width:769px;
height: 500px;
margin: 0px 0px 5px 0px;
background:url(../images_erreurs/403.jpg) no-repeat 0 0;
float:left;
}

/*---------- PP mentions légales ----------*/	

.mentions { /* fond */
width: 528px;
height:446px;
background:white;
margin: 0px auto 0px auto;
padding: 4px;
text-align:left;
}	

.mentions h2 { /* sous-titre */
font-size: 18px;
background-color: #E7EADE;
padding: 3px;
margin: 5px 0px 12px 0px;
}

.signature {/*------------------------------------ signature */	
color: #597a89;
font-size:9px;
}

.biblioBulle {/*------------------------------------ signature */
color: #597a89;
font-weight: bold;
/*padding: 0px 0px 0px 14px;
background: url(../images_interface/peinture.gif) no-repeat;*/
cursor:pointer;
}

.espaceBas {/*------------------------------------ signature */
padding-bottom: 10px;
}


/*-------------------------------------------------------------------- lien retour questions */  
a.bouton:link, a.bouton:visited { /* lien non visité */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: white;
background-color:#9aafb9;
text-align:center;
text-decoration: none;
padding:1px;
}

a.bouton:hover { /* lien survolé */
color: white;
background-color:#567a8a;
}