body {/*ok*/
	/*font-size: 0.9em;/*0.8em pour csstete*/
	color:;/* 6a61359F7D35  c4b268 c5b58e c9b584*/
}
body.portail {/*ok*/
margin: 10px;
	background-color: #666 ;/* #bfc0c1 ou 8a8a8a  A7CBD9*/
	background-image: url(../imgs/jeanhazera.pngzzz);/*fonddegrade10x600.gif*/
	background-position: top;
	background-repeat:no-repeat;/**/
	background-attachment:fixed;
	font-family:  Verdana, Arial, Helvetica, Tahaoma, Geneva, sans-serif;/**/
	font-size: 1.5em;/*90% en arial ou 100% en palatino nota : 1.5em pour avoir les textes sous photos zoom plus gros ; attention : diminuer tous les autres txtes*/
	/*font-size:14px;/**/
	color:#E1FAFD;/* 6a61359F7D35  c4b268 c5b58e c9b584*/
}
/*======= choix de la langue ===*/
#choix_lang {
	float: left; 
	margin-top: -8px;
}
#choix_lang  select {
	text-align: center; 
	font-weight: ; 
	background-color:#777; 
	color: #ccc
}

/*===menu resp ===*/
#menuresp {
display:block; /*apparait*/


}
/*===menu normal ===*/
#menunormal {
display:none; /*dispparait*/
}

#kenburn {
display:none;/* defini sur chaque csscorps...*/
}


/*===conteneurs===*/
#conteneur_entete, .entetegauche, .entetedroite, #menubase, #conteneur_gauche, #conteneur_coldroit, #conteneur_pied {
	/*background-color: #1E2225;/*00011A*/
}
#conteneur_principal { /*est modifié à100% pour mobilespetits*/
	width: 100%;/*624*/
	height: auto;
	min-height:480px;
	margin: 0px 0 0 0;
	padding: 10px 0 0 0;
	text-align:left;
	border: 0px solid #888;/**/
	-webkit-box-shadow:3px 3px 8px 1px rgba(0,0,0,0.0), -3px 3px 5px 1px rgba(0, 0, 0, 0.0);
   -moz-box-shadow: 3px 3px 8px 1px rgba(255,255,255,0.0), -3px 3px 5px 1px rgba(0, 0, 0, 0.0);
	 box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.0), -3px 3px 5px 1px rgba(0, 0, 0, 0.0);/*0 = suppression des ombres autour*/


}
#conteneur_menu_tableaux  { /*ok*//*est modifié  pour mobiles*/
	width:100% ;/*1000px*/
	height: auto;	
	
	margin: 2px 0 0 0;
	padding: 3px 0;
	text-align:left;
	/*border: 1px solid #fff;
	 -webkit-box-shadow:3px 3px 8px 1px rgba(0,0,0,0.5), -3px 3px 5px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5), -3px 3px 5px 1px rgba(0, 0, 0, 0.2);
	 box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5), -3px 3px 5px 1px rgba(0, 0, 0, 0.2);/*ombre autour*/
	/*background-color: rgba(219, 209, 186, 0.9);/**/
}
#conteneur_sousmenuT_normal {
	display:none;
}
#conteneur_sousmenuT_resp {
	display:block;
}

#conteneur_entete {
	height: 20px;
	/*background-image:url(../imgs/logo00petit.png);background-repeat:no-repeat; 
	background-position:50% 50%;/**/
	/*background-color: #00011A;/**/
	/*border: 1px solid #343534;/**/
	margin: 1px;
	padding: 0px;
}

/*==== conteneurs de la page biographie =====*/
#conteneur_biographiezz{ /*voir dans les css : modifiés  pour mobiles et mobilepetit*/
	/*clear:both;/**/
	/*margin-left: auto;
    /*margin-right: auto;
	/*margin:0 auto;	/* centrage du conteneur */
	/*margin-top: 10px;
	/*height: 10px;
	/*width: 900px;/*voir dans les css : modifiés  pour mobiles et mobilepetit*/
	/*background:url(images/socialnetwork-bt-bg.png) no-repeat left top;
	background-color:;
	/*margin: 2px 0 0 0;
	/*padding: 3px 0;
	/*font-size:0.6em;/**/
 	}
	
#conteneur_biographie_gauche { 
	text-align: justify;
	max-width:600px;
	float: left; 
	width: value; 
	padding: 10px 0 0 0;
   	background-color: ;
	font-weight:normal;

}
#conteneur_biographie_droite { 
	width: 90%;
   float: left; 
   width: value; 
   	padding: 0px 0 0 4%;
   background-color: ;
   font-weight:normal;

}
td .soustitre {/*pour centrer verticalement le texte si ecran très petit*/
	vertical-align: middle;
}
/*==== conteneur pied =====*/
#ctp_conteneur_pied { /*voir base dans csspied : modifiés  pour mobiles et mobilepetit*/
	/*clear:both;/**/
	margin-left: auto;
    margin-right: auto;
	/*margin:0 auto;	/* centrage du conteneur */
	margin-top: 100px;
	height: 10px;
	width: 95%;/*voir dans les css : modifiés  pour mobiles et mobilepetit*/
	background:url(images/socialnetwork-bt-bg.png) no-repeat left top;
	background-color:;
	margin: 2px 0 0 0;
	padding: 3px 0;
 	}
p.titre { /* voir dans csscorpsbase ou  mobilepetit*/
display:block;
	text-align: left;
	font-size: 100%;	
	background-color:;
	margin-top:-0px;/**/
	padding:0 0 0 5px;
}
.entetegauche { 
display:block;
float: left;
height: 100px; 
margin: 0;
padding: 0 0 0 5px; /**/
width:100% ;/*600px*/
background-color: ; /**/
/*border: 0px solid #000; /**/
}
.entetedroite {/*est modifié par entetedroite_enligne (passe sous le logo) pour mobiles*/
	display:block;/*none pour cacher le div de droite __ origine=block*/
	float: right;
	height: 80px;
	margin: 0;
	padding: 0px 0px 0 0px;
	width: 100%;
	/*line-height: 1.2em;/**/
	background-color: ;
	/*border: 0px solid #000;/**/
	text-align:center;
	font: normal 180% "amazon", "Arizonia", "Times New Roman", "Great Vibes", serif;
	color:#E1FAFD;
	/*font-size:1em;/**/
	font-weight:normal;
}
.entetedroite_enligne  {/*est modifié (passe sous le logo) pour mobiles*/
	display:none;/*none pour cacher le div de droite __ origine=block*/
	float: right;
	height: 80px;
	margin: 0;
	padding: 50px 0px 0 0px;
	width: 250px;
	/*line-height: 1.2em;/**/
	background-color: ;
	/*border: 0px solid #000;/**/
	text-align:center;
	font: normal 180% "amazon", "Arizonia", "Times New Roman", "Great Vibes", serif;
	color:#E1FAFD;
	/*font-size:1em;/**/
	font-weight:normal;
}


img.logo {
	margin: 20px 0 0 20px;
	padding: 0 ;	
	background-color:;
	width:162px; height:147px;
	-moz-box-shadow: 2px 3px 5px 1px #000000;
-webkit-box-shadow: 2px 3px 5px 1px #000000;
-o-box-shadow: 2px 3px 5px 1px #000000;
box-shadow: 2px 3px 5px 1px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=146, Strength=5);
 } 
 
#admzz  {
	display:block;
	float:right ;/**/
	background-color: ; 
	border:0;
	}
#admzz.adm_logo {
	padding-right:10px;
	background-color: ; 
	background-image:url(../imgs/espace_admin.png);background-repeat:no-repeat; 
	background-position:50% 50%;/**/
	 background-size: 300px;
	width:400px; height:200px;
	border:0;
	}	
	
 #menubasezz { 
	display:none;/*block caché pour ecran normaux*/
	float: left;
	/*width:600px;
/*height: 30px; /**/
background-color:  /**/
/*border: 0px solid #000; 
/*margin: 0 3px;
/*padding: 0px 0 0 0; /**/
}
#topmenuzz {
	width:600px;/*700px de base*/
	font-size:120%;/*pour limiter le grossissement*/
	}
#conteneur_contenu { 
min-height: 300px; 
background-color: ; 
/*border: 0px solid #fff; /**/
margin: 0;
padding: 0; 
}
#conteneur_gauche_index{ /*est modifié à100% pour mobilespetits*/
display:block;
float: left;/**/
margin-left: auto;
margin-right: auto;
  /*width: ...; /* largeur obligatoire pour être centré */
width: 94%;/*pour pleine page sur petit mobile*/
min-height: 400px; 
background-color: ; /**/
/*border: 1px solid #343534; /**/
margin: 3px ;
padding: 5px 10px 5px 5px; 
text-align:center;/*uniquement pour centrer sur les mobiles*/
}
#conteneur_gauche_galerie { /*uniquement sur cssbase et cssmobilepetit : pour positionner les thumbs dans la page*/
display:block;
float: left;/**/
margin-left: auto;
  margin-right: auto;
  /*width: ...; /* largeur obligatoire pour être centré */
width: 99%; /*712px*/
min-height: 300px; /*pour la hauteur : faire idem mi-height que #conteneur_coldroit */
background-color:; /**/
border-right: 0px solid #888; /**/
margin: 3px 0 3px 3px;
padding: 5px 0px 5px 1px; 
/*text-align:justify;/**/
}

#conteneur_gauche { /*est modifié à100% pour mobilespetits*/
display:block;
float: left;/**/
margin-left: auto;
margin-right: auto;
  /*width: ...; /* largeur obligatoire pour être centré */
width: 94%;/*pour pleine page sur petit mobile*/
min-height: 400px; 
background-color: ; /**/
/*border: 1px solid #343534; /**/
margin: 3px ;
padding: 5px 10px 5px 5px; 
text-align:center;/*uniquement pour centrer sur les mobiles*/
}
#conteneur_pied{ 
/*display:block;
float: left;/**/
/*margin-left: auto;
  margin-right: auto;
  /*width: ...; /* largeur obligatoire pour être centré */
width: 99%;
min-height: 20px; /*pour la hauteur : faire idem mi-height que #conteneur_coldroit */
background-color:; /**/
border-right: 0px solid #888; /**/
margin: 0px 0 0px 5px;
padding: 5px 0px 5px 0px; 
/*text-align:justify;/**/
}

/*=============== pour mettre si besoin, un espace sour le menu========*/
.decal_top {padding-top: 0em;} /*pas d'espace pour mobilepetit*/


/*=============== contact horaires (page texte_contact)================*/
div#contact_horaires {
	
	display:block; 
	float: left; 
	margin-left: auto;
  margin-right: auto;
	width: 100%; 
	background-color: ;
}
div#contact {
	display:block; 
	float: left; 
	margin-left: auto;
  margin-right: auto;
	width: 100%; 
	background-color: ;
}
div#horaires {
	
	display:block; 
	float: right; 
	margin-left: ;
  margin-right: ;
	width: 90%; 
	background-color: ;
	padding-right: 20px;/**/
}
 span.separ_contact_horaires {
display:block;
margin-top: 1px;
}
/*=============écritures dans pied===============*/
div#container_indicat_pied {
display:block;
float: right;/**/
width: 940px; /*100%*/
/*height:95px;/**/
background:; 
}
div#footeradress1{
		display:inline-block;/**/
	position: relative;/**/
	line-height: 1.3em;/**/
	font-weight:bold;
width: 180px; 
float:left; 
height:auto; 
background:; 
margin:20px 0px 0px 15px;
}
div#footerlinks1{
		display:inline-block;/**/
	/* position: relative;/**/
	font-weight:bold;

width: 100px; 
float:right; 
height:auto; 
background:; 
margin:2px 0px 0px 1px;
padding-top:1px;
}
div#copyrights1{
display:none;/*pour cacher dans le bandeau pied : à mettre ailleur ! ! !*/
width: 210px; 
float:right; 
height:auto; 
background:; 
margin:20px 0px 0px 1px;
padding-top:10px;
}
div#copyrights1bas{ /*pour mobilepetit*/
display:block;/*pour cacher dans le bandeau pied : à mettre ailleur ! ! !*/
width: 210px; 
float:right; 
height:auto; 
background:; 
margin:0px 0px 0px 1px;
padding-top:0px;
}
div#footerfacebook{
width: 40px; 
float:left; 
height:auto; 
background:; 
margin:20px 0px 0px 1px;
padding-top:10px;
}
/*=============fin écritures dans pied===============*/

.espace_haut_accueil {/*uniquement pour remonter le texte d'accueil sur les mobiles*/
display:none;
}
.centrage {text-align: center;}

.thumbs_colgauchezz img {
margin:2px;
padding:1px;
width:150px; height:100px;
border-top: 1px solid #999; /**/
border-left: 1px solid #999; /**/
border-right: 1px solid #555; /**/
border-bottom: 1px solid #555; /**/
}
.thumbs_activrealzz img {/*pour activités et réalisations*/
margin:1px;
padding:1px;
width:150px; height:auto;/*height:115px*/
border-top: 1px solid #fff; /**/
border-left: 1px solid #fff; /**/
border-right: 1px solid #999; /**/
border-bottom: 1px solid #999; /**/
}

iframe {
    display:block;
	padding-left:10px;
    width:100%;/*width:700px;*/
	height:;
	 background:# ;
	frameborder:0 ;
	border:0;
}
#conteneur_gauche.fond_admin {
display:block; 
background-color: #ddd;
	border: 1px solid red;/**/
}
#conteneur_coldroitzz {/*est modifié (caché) pour mobiles*/
	display:none;/*none pour cacher le div de droite __ origine=block*/
	float: right;
	width: 270px; /*360px*/
	min-height: 400px; /*pour la hauteur : faire idem mi-height que #conteneur_gauche */
	/*mais normalement calculée par "function divhauteur" et adaptée par */
	/*"document.write('<div style="background-color:#; height:'+divHeight+'px">conteneur_coldroit');*/
background-color: ; /**/
	border-left: 1px solid #888;/**/
	margin:  3px 0 3px 3px;
	padding: 5px 20px 5px 60px; 
	/*padding: 30px 0 0 0px;/**/
}
#cont_intercoldroitzz{ /*s'intègre dans #conteneur_coldroit pour adaptation de la hauteur par "function divhauteur"*/
background-color: transparent; 
border: 0px; 
margin: 0;
padding: 0; 
}
.thumbs_coldroitzz img {
margin:0px;
padding:5px;
/*border: 0px solid #343534; /**/
}
.thumbs_coldroitzz a {
	color:#6a6135;
	font-size:0.9em;
	font-weight:bold;
}
.thumbs_coldroitzz a:hover {
	color:#cdab4e ;/* dba932 cdab4e*/

}
#transfertcoldroite { /*pour passer sur la col gauche pour les mobiles*/
display:block;/*none pour mettre le div de droite, et block pour ajouter en haut de la col gauche__ origine=none*/
border: 0; 
margin: 0;
padding: 0; 
}
#idpartenairesnormalzz { 
display:none;/*none ou block pour le choix des dimensions des images partenaires*/
}
#idpartenairespetitzz { 
display:block
}
.partenaireszz {
	text-align:center;
		background-color: ;
}
img.partenaireszz {
	margin: 0px 20px 0px 20px;
}/*none ou block pour le choix des dimensions des images partenaires*/
/*particularité pour la présentation des partenaires dans format mobilepetit*/

.img-w200_droiteaccueilz {/*specifique pour l'accueil : caché sur le coté et passé dessous*/
display:none;
	width:210px;
	background-color:;/**/
    float:right;
	padding: 0 0px 0 5px;
}
.img-w200_dessousaccueilz {/*specifique pour l'accueil : image mise en dessous et centrée*/
display:block;
	width:auto;
	background-color:;/**/
    float:;
	padding: 0 0px 0 5px;
}

.img-w200_droiteaccueil {/*specifique pour l'accueil mobilepetit : caché sur le coté et passé dessous*/
display:block;
	width:100%;
	background-color:;/**/
    float:left;
	text-align: center;
	padding: 10px 10px0px 0 10pxpx;
}



.pied_gauche { 
width: 100%;/*650px */
}
#footer {
	width: ; /* largeur obligatoire pour être centré */%
	
}
.footermenu {
line-height: 1em;
background-color: ;/**/
	font-size:0.8em;/**/
}
/*=== mentions legales ====*/
 .ml_titre{
	text-align:left;
	line-height: 20px;/**/
	font-weight:normal;
	font-size: 0.8em;
	margin-left:5px;
	margin-right:15px;
	}
 .ml_texte{
	text-align:justify;
	font-weight:normal;
	font-size: 0.7em;
	margin-left:20px;
	margin-right:20px;
	}
  .emailATraduire {
	font-weight:normal;
  color:#292929;
  }
  #qrcode { 
display:none;/*none ou block pour presenter le qrcode uniquement sur la page de base*/
}
/*=== copyright === */

#copyrights_index { /*pour la page index uniquement : copyright intégré avec le QRcode dans "footer_index" */
	display:block;
	float: right;
	/*text-align:center;/**/
	font-size:0.8em;/**/
	color: #333;
	padding: 7px 0;
	background-color:;/**/
}
#copyrights_index span.copy {
	/*float:right;/**/
	padding: 0 10px 0 0px;
	color: #444;
	background-color:;/**/

}
#copyrights_index span.copy a {
	color: #444;
	/*font-size:0.8em;/**/
}
#copyrights_index span.copy a:hover {
	color: #666;
	/*text-shadow: 1px 1px 1px #000;/**/
}

/*copyrights pour les autres pages hors accueil pleinecran :*/
#copyrightszz {
	display:block;
	float: right;
	/*text-align:center;/**/
	font-size:0.8em;/**/
	color: #333;
	padding: 7px 0;
	background-color:;/**/
}
#copyrightszz span.copy {
	float:right;/**/
	padding: 20px 10px 0 0px;/*20px pour positionner sous img responsive*/
	color: #444;
	background-color:;/**/

}
#copyrights span.copy a {
	color: #444;
	/*font-size:0.8em;/**/
}
#copyrightszz span.copy a:hover {
	color: #666;
	/*text-shadow: 1px 1px 1px #000;/**/
}
#lo_pagezz {
text-align:left;
}


/* ==pour position des cartes de visite dans "modeles"admin"===*/
.admincartedevisitegauchezz {
display:none;/*none pour cacher le div origine=block*/
}
.admincartedevisitedroitezz {
display:none;/*none pour cacher le div origine=block*/
}
.admincartedevisitegauche_mobilepetitzz {
display: inline-block; /*none pour cacher le div de droite __ origine=inline-block*/
width: 200px; 
height: 180px; 
vertical-align: middle; 
background-color: ;
}
.admincartedevisitedroite_mobilepetitzz {
display: inline-block; /*none pour cacher le div de droite __ origine=inline-block*/
width: 200px; 
height: 180px; 
vertical-align: middle; 
background-color: ;
}
/*=pour centrer l'exemple == NA : utilise la syntaxe de la page === */
.outer_admincartedevisite_exemplezz
{
  background-color:  ;
}
.inner_admincartedevisite_exemplezz
{
  background-color:  ;
}
#imgs_responsive_design_web
{
	width:auto;
	text-align:center;
	margin-top:8px;
	padding:20px 0px 0 10px;
	background-color: ; 	  /*background-color: #E1D4B4 ;*/

}
/*pour les tables de présentation de la carte*/
span.carte {
	font-family: "amazon", "Arizonia", "Times New Roman", "Great Vibes", serif;
	font-size: 2em;
	font-weight:bold;
}
span.souscarte {
	font-family: "amazon", "Arizonia", "Times New Roman", "Great Vibes", serif;
	font-size: 1.9em;
	font-weight:bold;
	padding-left:60px;
}
span.sousevenements {
	font-family: "amazon", "Arizonia", "Times New Roman", "Great Vibes", serif;
	font-size: 1.9em;
	font-weight:bold;
	padding-left:0px;
}
span.detailplats {
	font-size: 0.8em;
	font-style:italic;
	font-weight: normal; 
}

#lacarte {
	line-height: 1.5em; 
	padding-left:10px; 
	padding-right: 10px;
}

table.lacarte, th.lacarte, td.lacarte {// pour présentation de la carte
	border-collapse: collapse;
	margin:0 auto;
	align: center;
	width: 100%; /*100% pour petit, 80% pour les autres*/
}
th, td {
  padding:8px 0px 1px 0;
  vertical-align: bottom;
  text-align:left;
    line-height: 15px;/**/
 border-bottom: 0px solid #A78F6A;

}
/*======== fin tables carte =============*/

/*=========special JH contact====================*/

.fond_contact {	
	height:100%; /*voir height dans les 3 css*/
	width:100%;/**/
	background-color: ; 
	background-image: url(../inc.imgs/maisonsitecontactprintemps.jpg);
	background-size: 100% 100%; */
	background-repeat:no-repeat;
	
}

/*=========special JH portail====================*/
#conteneur_principal_portail { /*ok*//*est modifié  pour mobiles*/
/*avec bordure :*/
	width: 100%;/**/
	max-width:630px;
	height: auto;
	min-height:430px;
	
	margin: 20px 0 0 0;
	padding: 0px 0 0 0;
	text-align:left;
	border: 1px solid #666;
	-webkit-box-shadow:3px 3px 8px 1px rgba(0,0,0,0.5), -3px 3px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5), -3px 3px 5px 1px rgba(0, 0, 0, 0.2);
	 box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5), -3px 3px 5px 1px rgba(0, 0, 0, 0.2);/*ombre autour*/
	/*background-color: rgba(219, 209, 186, 0.9);/**/
	
	
/*sans bordure : */	
	/*width: 100%;
	height: auto;
	min-height:460px;
	margin: -15px 0 0 0;
	padding: 0px 0 0 0;
	text-align:left;
	border: 0px solid #fff;
	-webkit-box-shadow:3px 3px 8px 1px rgba(0,0,0,0.0), -3px 3px 5px 1px rgba(0, 0, 0, 0.0);
   -moz-box-shadow: 3px 3px 8px 1px rgba(255,255,255,0.0), -3px 3px 5px 1px rgba(0, 0, 0, 0.0);
	 box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.0), -3px 3px 5px 1px rgba(0, 0, 0, 0.0);/*0 = suppression des ombres autour*/
}
#lang_portail {
	
	margin: 0;
	padding: 0;
	text-align:left;
	 background-color: ; 
}
.fondportail_div {
	display:;
	background-color: ; 
	/*width:550px;
	height:400px;/**/	
	background-image: url(../inc.imgs/portail630x430.jpg);
	background-repeat: no-repeat;
	background-position: right 40% top 50%;/**/
	/*background-position: center;/**/
	background-attachment:;
	background-size: auto;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}
#conteneur_ft {/*pour placer un texte en bas sous Firefox mais en haut sous IE*/
	position:fixed;
	height: 15px;
	top:auto;
	right: 5px;
	margin-right:5px;
	bottom: 0px;
	left: 0px;
	font : normal 11px Batang, arial, serif ;
	border-style:solid; 
	border-top-color:#CCC;
	border-bottom-style: none; border-left-style: none; border-right-style: none;
	border-top-width: 0px;
	text-align:right; 
}
#texteopaque {/*pour avoir le texte */
   background-color: transparent; 
   color: #999;
}
.basdecran {
	color: #888;
	text-decoration: none;
}