/***********************************/
/** VARIABLES Globales            **/
/***********************************/
:root {
  /** COULEURS **/
  --bleu: #729fcf;
  --jaune: #D3DB7E;
  --rouge: #a74525;
  --grisLien: #bbbbbb;
  --grisLienHover: #dddddd;
  --noir: #302020;
  --blanc: #eeddcc;
  --grisNoir: #555588;
  
  /** POLICE **/
  --fontTaille: ;
  --fontPolice: ;
   
}



body{
	background:url('') repeat fixed top center var(--noir);
	color:var(--blanc);
	font:normal 1em Arial;
	margin:0; 
	padding:0; 
	padding-bottom:60px;
	width:100%;
}


/***********************************/
/** MENU NAVIGATION  haut de page **/
/***********************************/
nav{
	width:100%;
	margin:auto;
	padding:auto;
	text-align:center;
	display:flex;
	background-color:var(--blanc);
	position: fixed;
    top: 0px;
    left: 0px;
	z-index:100000;
}
@media screen and (max-width: 1000px){nav{width:100%;}}

nav ul{list-style: none;background-color:var(--blanc);margin:0 auto;}
nav li {display:inline;float:left; margin:10px;padding:10px;border:2px solid transparent;}
nav img {display:inline;float:left;max-height:40px;margin-top:5px;border:2px solid transparent;}

a{text-decoration:none;color:var(--grisLien);}
a:hover{text-decoration:underline;color:var(--grisLienHover);}

.menuOn, nav li:hover{color:var(--bleu);Background-color:var(--blanc);font-weight: normal;font-style: none;border-bottom:2px solid var(--bleu);}
nav img:hover{border-bottom:2px solid var(--bleu);}
.menuOff{color:#000;Background-color:var(--blanc);}

/* retour huat de page*/

#retourHaut{
	position:fixed;
	bottom:5%;
	right:5%;
	width:60px;
	height:60px;
	/*Background-color:#996600;*/
	border-radius:30px;
	box-shadow:2px 1px 1px #444;
	opacity:0.3;
}
#retourHaut:hover{opacity:0.8;}
#retourHaut a{text-decoration:none;color:var(--grisLien);}
#retourHaut img{width:60px;height:60px;}


/***********************************/
/** PAGE D'ACCUEIL                **/
/***********************************/





/***********************************/
/** CORPS DE PAGE                 **/
/***********************************/
/*@media screen and (max-width: 711px){
	#corps{margin-top:180px;position:absolute;top:180px;}
}
@media screen and (max-width: 1346px){
	#corps{margin-top:120px;position:absolute;top:120px;}
}*/
#corps{
	width:70%;
	margin:0 auto;
	position:static;
	padding-top:60px;
	text-align:center;
}
@media screen and (max-width: 1000px){
#corps{
	width:90%;
	margin:0 auto;
	position:static;
	padding-top:120px;
	text-align:center;}
}

#corps img{margin:0 auto;}

/*******************/
/** GESTION Liste **/
#corps ul, #corps dl {list-style-position: inside;text-align:left;}
#corps dt{font-weight: bold;margin:5px;}
#corps dd{margin-bottom:5px;position:relative;left:-20px;}
#corps li{margin:3px;}
#corps ol{list-style-position: inside;text-align:left;list-style-type: upper-roman;}

#corps{text-indent:1.2em;line-height: 1.5;}

h1{color:var(--rouge);clear:both;}
h2{color:var(--bleu);text-decoration:none;text-align:left;padding-left:10%;}
h3{color:var(--jaune);border-left:6px solid var(--jaune);border-bottom:2px solid var(--jaune);padding:3px;text-decoration:none;text-align:left;}

p{text-align:left;}
.date{margin-left:20px;padding-left:5px;border-left:2px solid var(--bleu);font-weight: bold;font-style: normal;color:var(--noir);}
.cadre{margin-left:10px;padding:15px;border:1px solid var(--bleu);font-weight: normal;font-style: normal;color:var(--noir);}

blockquote{margin-left:30px;padding-left:5px;border-left:2px solid var(--jaune);font-weight: normal;font-style: italic;color:var(--noir);width:calc(var(--widthMin)*0.8);display:inline-block;}
q{font-size:0.95em;font-weight: bold;font-style: italic;}

.annule{padding-left:10px;font-weight:bold;color:var(--rouge);}


/***********************************/
/*** affichage imgage           ***/
/***********************************/
#corps img {}

#corps .gauche{margin:15px;float:left;}
#corps .droite{margin:15px;float:right;}
#corps .centre{	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#corps .petit{max-width:400px;}
#corps .moyen{max-width:600px;}
#corps .grand{max-width:800px;}

#corps .bord{border:4px solid var(--bleu);}
#corps .ombre{box-shadow:2px 2px 4px var(--noir);}


/***********************************/
/*** FOOTER LIENS de bas de page **/
/***********************************/
#footer{text-align:center;margin-top:20px;clear:left;}
#footer_liens{font-size:0.9em;margin:auto;text-align:left;display:inline-block;}
#footer_liens a{border-left:0px solid var(--grisLien);border-right:0px solid var(--grisLien);}
#footer_liens a:hover{border-left:0px solid var(--grisLienHover);border-right:0px solid var(--grisLienHover);}

.logo{width:30px;height:30px;margin:0px;border:0px solid transparent;}

#footer ul{
	list-style: none;
	/*background-color:var(--);*/
	margin:auto;
	/*margin-left:5%;
	margin-right:5%;*/
	display:inline;
	float:left; 
}
#footer li{
	margin:0 auto;
	padding:1px;
	border:2px solid transparent;
}