html {height:100%; margin:0; padding:0; border:0;font-size:0.9em;color:#000;background:#fff;}

.barre-rouge{ background:#CE8E80;}

  .tableau {display: table;border-spacing: 0.5rem;border-collapse: collapse; }
  .cellule {display: table-cell;padding: 0.5rem; border: 1px solid #999;}
  .ligne {display: table-row;}
  .ligne:nth-child(odd) {background: #e5f1f4;}
  .ligne:nth-child(even) {background: #f8fbfc;}
  .ligne:hover {background: #FACC2E;} 
  .col {display: table-column;}
  .corp {display: table-row-group}
  .colgroupe {display: table-column-group;}
  .pied {display: table-footer-group;font-weight:bold;background-color:#eee;}
  .tete {background-color:#4a98af;color:#ffffff;display: table-header-group;font-weight:bold;text-align:center;}
  .legende {display: table-caption;caption-side: top;background-color:#fff;}
  
  fieldset {
    display: block;
    margin: 0px 2px 0px 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove;
    background: #F7F7F7;}
	
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
  
  
@font-face {
    font-family: 'Gabriola';
    font-style: normal;
    font-weight: normal;
    src: local('Gabriola'), url('gabriola Font Download.woff') format('woff');
}
  
@font-face {
    font-family: 'Raleway Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Raleway Thin'), url('Raleway-Thin.woff') format('woff');
}
  
.bloc-50 {width:auto;display:inline-block;vertical-align:top; }  /* icônes fin d'article facebook etc... */
  
body{ margin:0px auto; padding-top:0px; height:auto; font-family:'Noto Sans'; background-color:#FFF;}

.logo {
height:100px;
background-image:url(https://www.zonedevie.com/graphisme/V2/banniere-zone-de-vie.png); background-repeat:no-repeat; background-position: 15% 0%;}

.barre-rouge{ height:20px;font-family: verdana;
	-webkit-box-shadow: 0px 5px 2px 1px grey; -moz-box-shadow: 0px 5px 2px 1px grey; box-shadow: 0px 5px 2px 1px grey ; }

#cssmenu ul { margin: 0; padding: 0; list-style-type: none;	position: relative; display: inline-block;
  font-size:1em; font-weight: bold; width:100%;}

#cssmenu li {display: inline-block; padding: 0 4px;}

#cssmenu li a {
 display:inline-block; float: left; color: #ffffff; text-decoration: none; font-weight: bold; padding: 3px 10px 3px 10px;
  border-bottom: 1px solid transparent; }

#cssmenu li a:hover {color: #FAFAFA; border-bottom: 1px solid #ccc;}


#recherche_adsense { vertical-align:top; width:40%; }


.bloc-90{ max-width:1000px;margin:20px auto;width:90%;height:auto;}

.container {width:100%;display:inline-block;box-sizing:border-box;	}


.bloc-gauche{box-sizing:border-box;width:70%;vertical-align:top;  display:inline-block;	padding-right:10px;}

.bloc-droite{box-sizing:border-box;width:30%;vertical-align:top; display:inline-block;float:right;}

.contenu-gauche{box-sizing:border-box; width:48%; display:inline-block; min-height:60px;height:auto;vertical-align:top;  padding: 0 10px;border: 1px solid #D8D8D8; margin : 5px 2px 5px 2px;}

.contenu-droite{box-sizing:border-box; width:100%; display:inline-block; height:auto; vertical-align:top; border: 1px solid #916953; margin-top:10px; margin-bottom:10px; padding:10px; }

.contenu-section{box-sizing:border-box; width:1%; display:inline-block; height:auto; vertical-align:top; border: 1px solid #916953; margin-top:10px; margin-bottom:10px; padding:10px; }


.contenu-gauche-gris{  
	box-sizing:border-box; min-height:55px; height:auto; vertical-align:top;  
	background-color: #f8f8f8; padding: 0 10px;
	border: 1px solid #D8D8D8; margin : 5px 0px 5px 0px;
}


.contenu-gauche-2{ 
	box-sizing:border-box; width:45%;vertical-align:top;  display:inline-block;	padding: 0 10px; border: 1px solid #D8D8D8; margin : 5px 0px 5px 0px;}

.contenu-gauche-2-bis{    
	box-sizing:border-box;width:45%;vertical-align:top;  display:inline-block;	padding: 0 10px; margin : 5px 0px 5px 0px; float:right;}
	
.partage{width:100%; height:40px; display:block;  margin-top:20px;}	

h1{font-size:1.2em; height:20px; padding-left:20px; color : #78A1BB; padding-bottom:5px; border-bottom:1px solid #CF8E80;}

h2{font-family:'gabriola';   font-size:1.8em; color:#CE8E80; padding-left:20px;}	

h3{font-family:'gabriola';  font-size:1.5em; color:#DBD56E; padding-left:20px;}

a:link {color: #325aa0; text-decoration:none;		}

a:visited {color: #f84a4a;	}

a:hover {color: #FCDDF2;	text-decoration: underline;}

a:active {color: #2B3663;}

.barre-grise{ background: #F2F2F2;height:60px;padding-left:5%;padding-top:20px;margin-top:20px;
	-webkit-box-shadow: 0px 5px 2px 1px grey; -moz-box-shadow: 0px 5px 2px 1px grey; box-shadow: 0px 5px 2px 1px grey ; }

img.centre {display: block; margin-left: auto; margin-right: auto; max-width:600px; height: auto;}
img.gauche {display: block; float:left; padding:10px;}
img.droite {display: block; float:right; padding:10px;}


img.miniature {float:right;}

   
img.miniature_2 {display: block; margin-left: auto; margin-right: auto; width:200px; padding-top:10px; padding-bottom:10px; }

img.miniature_3 {display:block; margin-left:auto; margin-right:auto; vertical-align:top; padding-bottom:10px; width:200px;}

img.miniature200_gauche {float:left; display:block; vertical-align:top;  width:200px;}
   

img.astro {float:left;mrgin:10px; width:40px; height:40px;}  

figcaption {
    text-align:center;
}
   
#calcul {padding-top:10px;}
#astro { padding-top:20px;} 
    
li {
 list-style-type: none;
}

.formulaire {
  background: #78A1BB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  width: 80%;
}