
html {
	font-size: 70%; }
body {	font-family: Verdana, Arial, Helvetica, sans-serif;	width:auto;background-color: #FFFFCC;}

#BandeMenuHaut { display: block; position: fixed; margin-top: 0px; margin-left:0px; margin-right: 0px; top: 0px; left: 0px; width: 100%; height: 65px;}
input { /*padding: 15px 100px;	   background-color: #0022ff; text-transform: uppercase;  text-align: center; position: relative; border: 1px solid #fff; font-size: 0.8em;  padding:3px ; margin: 0px ;     margin: 10px 4px;*/
	   	color: #007100;	font-size: 1.2em; font-weight: bold; cursor: pointer; margin: 1px ;     }
input:hover { opacity: 0.5; }

.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1 ems;
 margin-left: 10px; margin-right: 20px; text-align:justify;}

.texte {	font-size: 1.1em; 	line-height: 1.2em;	color: #007100;}
.tab_titre {	font-size: 1.3em; 	line-height: 1.2em;	font-weight: bold; }
.tab {	font-size: 1.2em; 	line-height: 1.2em;	font-weight: bold; }

a {    text-decoration: none;	color:rgb(85,107,47);	cursor: pointer;}

p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
	font-size: 1em; /* equiv 14px */
	line-height: 1em;
	margin: 1em 0 0;
}
h1, .h1-like {
	font-size: 1.8571em; /* equiv 26px */
	font-weight: bold;
	line-height: 1.2em;
	/*margin: .3em 0 .3em 0;*/
}
h2, .h2-like {
	font-size: 1.7143em; /* equiv 24px */
	font-weight: normal;
	line-height: 1.75em;
	margin: .875em 0 0 0;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px 1.909em*/
	font-weight: bold;
	line-height: ;1.2em;
	margin: 0 0 0 0;
}
h4, .h4-like {
	font-size: 1.4286em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.05em;
	margin:  1.05em 0 0 0;
}
.titre {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: bold;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
	
}
.titre1 {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: bold;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
	background-color:#CC00FF ;
	color: #FFF;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}
.right {
    float: right;
}

.Style1 {color: #007EFD}
.hr {
    /* centre verticalement les enfants entre eux
    align-items: center;
    
     active flexbox */
    display: flex;
   
    /* garde le texte centré s’il passe sur plusieurs lignes ou si flexbox n’est pas supporté */
    text-align: center;
}
.hr::before,
.hr::after {
    /* remplir le fond du trait permet également d’utiliser des images ou dégradés ! 
    background: currentColor;*/
   border-top: 2px solid;  color:#000;
    /* nécessaire pour afficher les pseudo-éléments */
    content: "";

    /* partage le reste de la largeur disponible */
    flex: 1;

    /* l’unité « em » garantit un ratio constant avec la taille du texte */
    height: .01em;

    /* espace les traits du texte */
    margin: 0 .5em;
	color:#FF9900;
}

 /*hr {
  height: 4px;
  margin: 0 0;
  padding: 0;
  color: #000;
  background-color: #000;
  border: 0;
} */
hr.new1 {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.memo {  border-top: 4px dashed;  color:#CC00FF;}
hr.memo1 {  border-top: 4px solid;  color:#CC00FF; }
hr.memo2 {  border-top: 2px dashed;  color:#CC00FF;}

hr.clim {  border-top: 4px dashed;  color:#FF9900;  text-align: center;}
hr.clim1 {  border-top: 4px solid;  color:#FF9900; }

hr.tt {  border-top: 4px dashed;  color:#FF0000;}
hr.tt1 {  border-top: 4px solid;  color:#FF0000; padding: 0; margin: 0;}
hr.tt2 {  border-top: 2px dashed;  color:#FF0000;}

hr.rr {  border-top: 4px dashed;  color:#009900;}
hr.rr1 {  border-top: 4px solid;  color:#009900; }

hr.meli {  border-top: 4px dashed;  color:#804040;}
hr.meli1 {  border-top: 4px solid;  color:#804040; }

hr.an {  border-top: 4px dashed;  color:#666666;}





.left {
    float: left;
	z-index: 3;
}
 
/* alternate font-sizing */
.smallest {
	font-size: .2em; /* equiv 10px */
	line-height: 1.0em;
	color: #FFFFCC;
}
.smaller {
	font-size: .7143em; /* equiv 10px */
	line-height: 1.1em;
}
.small {
	font-size: 0.9em; /* equiv 12px */
	line-height: 1em;
}

.big {
	font-size: 1em;  
	line-height: 1em;
	/*
	font-size: 1.1429em; /* equiv 16px 
	line-height: 1.3125em;*/
	font-weight: bold;
}
.bigger {
	font-size: 1.5em; /* equiv 18px */
	line-height: 1.3em;
}
.biggest {
	font-size: 1.8em; /* equiv 20px */
	line-height: 1.0em;
	font-weight: bold;
}

/* soft reset */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;
}
ul,
ol {
	padding-left: 1em;
}
code, 
pre,
samp {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
/*table { margin-bottom: 1.5em; } */

p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}
/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  /*border: none;*/
  

  /*border-collapse: collapse;  Valeur par défaut: "separate". */
  border-spacing: 0;
}
table td, table th {
  padding: 0px; /* Pas de retrait autour du texte = "0". */
   /* Pas de bordure = "none". border: none;*/
  vertical-align: top; /* Valeur par défaut: "middle" */
 
}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* max values */
/*img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}*/


div, textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* pictures */
/*img {
	width: auto;
	height: auto;
	vertical-align: middle;  */
}
a img { border: 0; }
.imageflottante {
                float: right;
                margin-right: 5px;
            }
/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links {
	position: absolute;
}
.skip-links a {
	position: absolute;
	left: -9999px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
}


#entete, #menu, #contenu, #footer {
padding:1px 0; /* pour la fusion des marges*/
}
#entete {
margin-left: 0px;
height:70px;
background-color: #FFFFCC;

text-align:center;
}
#main {
display:table;

margin:auto;
}
#menu  {
display:table-cell;
vertical-align: top;

}
#conteneur{
  /*  margin:auto;
   padding:auto;*/
   display:table-cell;
  
    }
#contenu {

background-color: #FFFFCC;
margin: auto;
width:100%;

}
#footer {
  
text-align:center;
}





