body {/*ok*/
	/*font-size:1.5em;/*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: right; 
	margin-top: -47px;
}
#choix_lang  select {
	text-align: center; 
	font-weight: ; 
	background-color:#777; 
	color: #ccc
}

/*===menu resp ===*/
#menuresp {
display:none; /*dispparait*/
}
/*===menu normal ===*/
#menunormal { /*div qui est sur cssnav, à modifier pour tablettes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
display:block;/* defini sur chaque csscorps...*/
float: right;
height: 46px; 
margin: 0 50% 0 10%;/*margin: 0 50% 0 10%;*/
padding: 0 0 0 0px; /**/
width: 354px;
font-size: 60%;
background-color: ; 
}
#menunorm { /*div à modifier pour tablettes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	height:46px; /*hauteur du div de la nav : 46px pour 1.1em ; a modifier pour adapter à font-size ~~~~~~~~~~~~~~~~~~~~~~~~*/
	width:710px;/*largeur de la nav : 515px pour 1.1em ; a modifier pour adapter à font-size ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	background-color: ;/**/
}

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


/*===conteneurs===*/
#conteneur_entete, .entetegauche, .entetedroite, #menubase, #conteneur_gauche, #conteneur_coldroit, #conteneur_pied {
	/*background-color: #1E2225;/*00011A*/
}
#conteneur_principal { /*est modifié  pour mobiles*/
	width: 724px;/*724*/
	height: auto;
	min-height:480px;/**/
	margin: 50px 0 0 0;
	padding: 3px 0;
	text-align:left;
	border: 1px solid #888;/**/
	 -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_menu_tableaux  { /*ok*//*est modifié  pour mobiles*/
	width:724px ;/*1000px*/
	height: auto;	
	margin: 50px 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:block;
}
#conteneur_sousmenuT_resp {
	display:none;
}

#conteneur_entete {
	height: 30px;/*100px*/
	/*background-image:url(../imgs/logo00.png);background-repeat:no-repeat; 
	background-position:50% 100%;/**/
	background-color: ;/**/
	/*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: 80%;
   float: right; 
   width: value; 
   	padding: 0px 0 0 0;
   background-color: ;
   font-weight:normal;

}

/*==== conteneur pied =====*/
#ctp_conteneur_pied { /*voir base dans csspied : modifiés  pour mobiles et mobilepetit*/
	margin-left: auto;
    margin-right: auto;
	margin-top: 70px;
	height: 10px;
	width: 720px;/*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:none;
text-align: right;
	font-size: 100%;	
	background-color:;
	margin-top:-0px;/**/
	padding:0 20px 0 5px;
}
.entetegauche { 
display:block;
float: left;
height: 100px; 
margin: 0;
padding: 0 0 0 0px; /**/
width: 700px;
background-color: ; 
/*border: 0px solid #000; /**/
}
.entetedroite {/*est modifié par entetedroite_enligne (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;
}
.entetedroite_enligne  {/*est modifié (passe sous le logo) pour mobiles/tablettes*/
	display:block;/*none pour cacher le div de droite __ origine=block*/
	float: left;
	height: 50px;
	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;
}


img.logo {
	margin: 20px 0 0 20px;
	padding: 0 ;	
	background-color:;
	width:180px; height:163px;
	-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:80px;
	background-color: ; 
	background-image:url(../imgs/espace_admin.png);background-repeat:no-repeat; 
	background-position:50% 50%;/**/
	 background-size: 400px;
	width:400px; height:200px;
	border:0;
	}
 #menubasezz { 
	display:block;
	float: left;
	/*width:600px;
/*height: 30px; /**/
background-color:  /**/
/*border: 0px solid #000; 
/*margin: 0 3px;
/*padding: 0px 0 0 0; /**/
}
#topmenuzz{
	width:725px;/*700px de base*/
	font-size:100%;	
	height : 28px; /*28*/	
	margin:0 0 0 0px;/*position horizontal dans la page*/
	padding:0 0 0 0px;/*0 0 0 5%  pour centrer le menu*/
	}
#conteneur_contenu { 
min-height: 300px; 
background-color: #; 
/*border: 0px solid #fff; /**/
margin: 30px 0 0 0;
padding: 0; 
}
#conteneur_gauche_index{ 
display:block;
float: left;/**/
margin-left: auto;
  margin-right: auto;
  /*width: ...; /* largeur obligatoire pour être centré */
width: 705px;
min-height: 400px; 
/*background-color: yellow; /**/
border-right: 0px solid #343534; /**/
margin: 3px 0 3px 3px;
padding: 5px 10px 5px 5px; 
/*text-align:justify;/**/
}
#conteneur_gauche { 
display:block;
float: left;/**/
margin-left: auto;
  margin-right: auto;
  /*width: ...; /* largeur obligatoire pour être centré */
width: 705px;
min-height: 400px; 
/*background-color: yellow; /**/
border-right: 0px solid #343534; /**/
margin: 3px 0 3px 3px;
padding: 5px 10px 5px 15px; 
/*text-align:justify;/**/
}
#conteneur_pied{ /*voir généralités dans chaque csspied.*/

/*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: 0.1em;}/*espace pour mobile*/


/*=============== contact horaires (page texte_contact)================*/
div#contact_horaires {
	display:block; 
	float: left; 
	width: 100%; 
	background-color: ;
}
div#contact {
	display:block; 
	float: left; 
	width: ; 
	background-color: ;
}
div#horaires {
	display:block; 
	float: left; 
	width: ; 
	background-color: ;
	padding-left: 60px;
}
 span.separ_contact_horaires {
display:none;
}

/*=============écritures dans pied===============*/
div#container_indicat_pied {
display:block;
float: right;/**/
width: 720px; /*100%*/
/*height:95px;/**/
background:; 
}
div#footeradress1{
		display:inline-block;/**/
	position: relative;/**/
	line-height: 1.3em;/**/
	font-weight:bold;
width: 260px; 
float:left; 
height:auto; 
background:; 
margin:20px 0px 0px 15px;
}
div#footerlinks1{
		display:inline-block;/**/
	/* position: relative;/**/
	font-weight:bold;
width: 170px; 
float:right; 
height:auto; 
background:; 
margin:1px 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: 220px; 
float:right; 
height:auto; 
background:; 
margin:0px 0px 0px 1px;
padding-top:5px;
}

div#footerfacebook{
width: 40px; 
float:left; 
height:auto; 
background:; 
margin:20px 0px 0px 10px;
padding-top:10px;
}
/*=============fin écritures dans pied===============*/
.centrage {text-align: center;}

.thumbs_colgauchezz img {
margin:1px 3px 5px 1px;
padding:1px;
width:130px; height:93px;
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:670px;/*width:700px;*/
	height:;
	 background:# ;
	frameborder:0 ;
	border:0;
}
#conteneur_gauchezz.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:#E1FAFD;
	font-size:0.9em;
	font-weight:bold;
}
.thumbs_coldroitzz a:hover {
	color:#555 ;/* 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:block;/*none ou block pour le choix des dimensions des images partenaires*/
}
#idpartenairespetitzz { 
display:none;/*none ou block pour le choix des dimensions des images partenaires*/
}
.partenaireszz {
	text-align:center;
		background-color: ;
}
img.partenaireszz {
	margin: 0px 20px 0px 20px;
}

.img-w200_droiteaccueil {/*specifique pour l'accueilmobile/tablette : caché sur le coté et passé dessous*/
display:;
	width:280px;
	background-color:;/**/
    float:right;
	padding: 10px 0px 10px 0px;
}
/*=== mentions legales ====*/

 .ml_titre{
	text-align:left;
	line-height: 20px;/**/
	font-weight:normal;
	font-size: 0.8em;
	margin-left:3px;
	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;
  }
  #qrcodezz { 
display:none;/*none ou block pour presenter le qrcode uniquement sur la page de base*/
}
/*=== copyright === */

#copyrights_index { /*pour la page index uniquement : pour le plein ecran : 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 :*/
#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: 0 10px 0 0px;
	color: #444;
	background-color:;/**/

}
#copyrightszz 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:center;
}


/* ==pour position des cartes de visite dans "modeles"admin"===*/
.admincartedevisitegauchezz {
display:block;/*none pour cacher le div de droite __ origine=block*/
float:left; 
width:40%; 
background-color: ; 
padding: 0 0 0 60px;
}
.admincartedevisitedroitezz {
display:block;/*none pour cacher le div de droite __ origine=block*/
float:left;
width:35%;
 background-color: ;
}
.admincartedevisitegauche_mobilepetitzz {
display:none;/*none pour cacher le div  origine=block*/
}
.admincartedevisitedroite_mobilepetitzz {
display:none;/*none pour cacher le div de droite __ origine=block*/
}
/*=pour centrer l'exemple=*/
.outer_admincartedevisite_exemplezz
{
  padding: 0px;
  text-align: center;
  background-color:  ;
}
.inner_admincartedevisite_exemple
{
  display: inline-block;
  padding: 0 40px 0 0px;
  background-color:  ;
}
#imgs_responsive_design_web
{
display:block;/**/
/*float:left;/**/ 
	height:55px ;
width:1000px; 
background-color:  ;
margin-top:8px;
margin-left: auto;
margin-right: auto;
padding:10px 0 0 10px;
padding-top:0px;
text-align: center;
	
	/*width:auto; 
	height:55px ;
	text-align:center;
	margin-top:8px;
	padding:10px 0 0 10px;
	background-color: green ;*/
}
/*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:50px;
}
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:30px; 
	padding-right: 30px;
}

table.lacarte, th.lacarte, td.lacarte {// pour présentation de la carte
	border-collapse: collapse;
	margin:0 auto;
	align: center;
	width: 80%; /*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:450px; /*voir height dans les 3 css*/
	width:660px;
	background-color: ; 
	background-image: url(../inc.imgs/maisonsitecontactprintemps.jpg);
	background-size: 100% auto; 
	background-repeat:no-repeat;
	
}
/*=========special JH portail====================*/
#conteneur_principal_portail { /*ok*//*est modifié  pour mobiles*/
		width: 714px;/*714*/
	height: auto;
	min-height:510px;/**/
	
	margin: 20px 0 0 0;
	padding: 0px 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);/**/
}
#lang_portail {
	width:710px ;/*1000px*/
	height: auto;	
	margin: 0;
	padding: 0;
	text-align:right;
	 background-color: ; 
}
.fondportail_div {
	display:block;
	background-color: ; 
	/*width:720px;
	height:600px;/**/	
	background-image: url(../inc.imgs/portail724x510.jpg);
	background-repeat: no-repeat;
	background-position: right 40% bottom 45%;
}
#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;
}