@charset "utf-8";
/* CSS Document */

body
{
	font: 13px Arial, sans-serif;
	background: #F4E5BE;
}

#titre-page
{
    float: left;
    text-align: center;
}

#entete
{ 
	border: 1px;
	max-width: 880px;
	margin:auto;
}

#banniere
{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width:880px;
}

.menu-toggle {display: none;}

#bloc-menu
{
	margin-left: auto;
	margin-right: auto;
	width:auto;
}


/*  menu principal */
#menu1
{
 	/*background:none repeat scroll 0 0 #FFF;*/
	display:inline-block;
 	list-style-type: none;
 	height:21px;
 	margin-top: 0;
 	margin-left: auto;
 	margin-right: auto;
 	padding: 0;
 	border: 0;
 	width: 100%; 
}	

/*  positionnement des éléments du menu */
#menu1 li
{
	float: left;
 	margin: 0;
 	padding: 0;
 	border: 0;
}

/*  aspect des liens des élements du menu */
#menu1 li a:link, #menu1 li a:visited
{
 	display: block;
 	height: 1%;
 	color: #403925;
 	background: #FFF;
 	margin: 0;
 	padding: 4px 6px;
 	text-decoration: none;
}


/* élément particulier du dernier élément du menu */
#menu1 li.dernier a:link, #menu1 li.dernier a:visited
{
	-moz-border-radius-bottomright: 5px;
	-o-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


/*  Passage au-dessus d'un élément du menu */
#menu1 li a:hover { 
	background-color: #FFE393;
	/*font-weight:bold;*/
	border: thin solid #BFAA6E;
	/* -moz-box-shadow: inset 0 0 1em orange;
 	-webkit-box-shadow: inset 0 0 1em orange;
 	-o-box-shadow: inset 0 0 1em orange;
	box-shadow: inset 0 0 1em orange; */
}
#menu1 li a:active { background-color: #C30; }

/* etat normal du menu déroulant */
#menu1 .sous-menu1
{
	list-style-type: none;
	margin: 0;
	border: 0;
}

/* aspect général du menu déroulant */
#menu1 .sous-menu1 li
{
	border: 0;
 	border-top: 1px solid transparent;
 	border-right: 1px solid transparent;
	width:100%;
}

/* aspect des éléments du menu déroulant */
#menu1 .sous-menu1 li a:link,
#menu1 .sous-menu1 li a:visited
{
	background: #E5CC85;
}

/* idem, avec passage du curseur */	
#menu1 .sous-menu1 li a:hover
{
	background-color: #FFE393;
}

/* élément particulier du dernier élément du menu déroulant */
#menu1 li.bas-menu a:link, #menu1 li.bas-menu a:visited
{
	border-bottom:1px solid transparent/*#7F7359*/;
}

h1 img
{
	margin-bottom:-15px;
	margin-left:-5px;
	margin-right: 10px;
}

h3, p
{
	padding-left: 0.5em;
}

h4
{
	margin-left: 2em;
}

/* partie principale de la page */
#contenu
{
	color: #403925;
	max-width: 880px;
	margin: 0 auto;
}

#contenu a:link, #contenu a:visited
{
	color:#7F714A;
}

#contenu a:hover
{
	color:#E5CC85;
}

#contenu-info
{
	/*background-color:#BFAA6E;*/
	background-color:#FFFDF7;
	/*background: -moz-linear-gradient(top, #DDD2B3, #BFAA6E 50px);
	background: -o-linear-gradient(top, #DDD2B3, #BFAA6E 50px);*/
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.02, #DDD2B3), color-stop(0.10, #BFAA6E));*/
	/*background: linear-gradient(top, #DDD2B3, #BFAA6E 50px);*/
	border:  1px solid #BFAA6E /*0.1136363636363636%*/;
	border-radius: 5px;
	float:left;
	margin-bottom: 2px;
	padding-bottom: 1px;
	width: 99.77272727272727% /*878px*/;
}
#contenu-info h1,h2
{
	padding:0;
	text-align:center;
}
#contenu-info h1 
{
	text-shadow:0px 2px 2px white;
}

#contenu-chrono-geo, 
.contenu-texte
{
	/*background-color:#FFFDF7;*/
	/*border: 0.1136363636363636% /*1px*/ /* #FFFDF7;*/
	/*-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	float:left;
	margin: 0 0.4545454545454545% 0.4545454545454545% 0.4545454545454545% /*4px*/;
	padding: 1.477272727272727% 1.477272727272727% /*1em*/ /*0.2272727272727273% /* 2px */;
	width: 95.79545454545455%;
}

.contenu-texte p
{	
	margin-top: -0.1em;
	margin-bottom: 0.6em;
}
#lien-plan
{
	float:left;
	margin: 0 0.4545454545454545% 0.4545454545454545% 0.4545454545454545% /*4px*/;
	padding: 1.477272727272727% 1.477272727272727% /*1em*/ /*0.2272727272727273% /* 2px */;
}

#contenu-intro
{
	background-color:#BFAA6E;
	border: 1px solid #BFAA6E/*#FFFDF7*/;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-bottom: 2px;
	margin-top:3px;
	padding: 0.2272727272727273% /*2px*/;
	width:99.54545454545455% /*876px*/;
}

#contenu-intro-texte
{
	background-color:#FFFDF7;
	border: 1px solid #FFFDF7;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin: 0 0.4545454545454545% 0.4545454545454545% 0.4545454545454545% /*4px*/;
	padding: 1.477272727272727% 1.477272727272727% /*1em*/ 0.2272727272727273% /* 2px */;
	text-align:justify;
}

.contenu-photo
{
	margin: 1em auto;
	text-align:center;
	width: 93.06818181818182% /*819/880*/;
}

.contenu-photo img
{
	border: 1px solid #7F7359;
	margin-left:auto;
	margin-right:auto;
}

.contenu-texte-sujet
{
	float: left;
	padding: 0.5em 1em;
	text-align: justify;
}

.contenu-sujet
{
	/*background-color:#BFAA6E;*/
	background-color:#FFFDF7;
	border: 1px solid #BFAA6E /*0.1136363636363636%*/ /*#FFFDF7*/;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-top:3px;
	margin-bottom: 3px;
	padding: 0;
	width: /*100%*/99.77272727272727% /*878px*/;
}

.contenu-sujet-bloc, .contenu-liens, .contenu-categorie
{
	background-color:#FFFDF7;
	border: 1px solid #FFFDF7;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin: 0.6818181818181818% /*0.5em*/;
}

#contenu-pied
{
	background-color:#FFFDF7;
	border: 1px solid #BFAA6E;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-top: 3px;
	padding: /*5px*/ 0.5681818181818182%;
	width: 98.63636363636363% /*868px*/;
}

#lien-arbo
{
	float:left;
	margin-left: 0.5813953488372093% /*5px*/;
	margin-right: 0.5813953488372093% /*5px*/;
}
/*#copyright, #apropos, #auteur
{
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	width:31.17054263565891%;
}*/

#copyright
{
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:5px;
	text-align:left;
	width:45%;
}

#copyright img
{
	float:left;
	margin-top:-5px;
	margin-right: 5px;
}

#copyriht-texte
{
	float:left;
}

#apropos
{
	text-align:center;
}
#auteur
{
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	text-align:right;
	width: 45%;
}

@media only screen and (max-width: 700px){
/* All CSS will go here */
html, body { overflow-x: hidden;}
entete {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #3c4451;
  z-index: 0;
  width: 220px;
  
}
#titre-page
{
	position: absolute;
}
	
#contenu-info 
{
	margin-top:50px;
}

#contenu {
  background-color: #F4E5BE;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}

#menu1
{
	position:absolute;
}

#menu1 .sous-menu1 li {
	border-style:none;
}

#menu1 li a:link, #menu1 li a:visited
{
	font-size:larger;
}

/* élément particulier du dernier élément du menu */
#menu1 li.dernier a:link, #menu1 li.dernier a:visited
{
	-moz-border-radius-bottomleft: 5px;
	-o-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.top-bar {
  position: inherit;
  width: 100%;
  z-index: 5;
}
.top-bar label {
  display: block;
  width: 100%;
  position: inherit;
  padding: 15px 20px;
  color: #fff;
  background: #2d333d;
  font-size: 1.6em;
  text-align: left;
}
.top-bar label span{
	display: block;
	position:absolute;
	top: 15px; left: 50px;
}

/* position du menu avec case non cochée */
#menu-toggle:checked ~ #contenu {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1500;
  -webkit-transform: translate3d(220px,0,0);
  -moz-transform: translate3d(220px,0,0);
  -ms-transform: translate3d(220px,0,0);
  -o-transform: translate3d(220px,0,0);
  transform: translate3d(220px,0,0);
}
#menu-toggle ~ #contenu {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
} 
#menu1 li
{
	float:none;
	width:220px;
}

#menu1 .sous-menu1 { display: block; }
}


@media screen and (min-width: 701px) {

#contenu 
{background-color: #FFFDF7;}

/* effacement de la barre de menu mobile */
.top-bar label 
{display:none}



/* élément particulier du premier élément du menu */
#menu1 li.premier a:link, #menu1 li.premier a:visited
{
	-moz-border-radius-bottomleft: 5px;
	-o-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}

/* élément particulier du dernier élément du menu */
#menu1 li.dernier a:link, #menu1 li.dernier a:visited
{
	-moz-border-radius-topright: 5px;
	-o-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

/* élément particulier du dernier élément du menu déroulant */
#menu1 li.bas-menu a:link, #menu1 li.bas-menu a:visited
{
	-moz-border-radius-bottomleft: 5px;
	-o-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-o-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#menu1 .sous-menu1 
{ 
	display: none; 
	padding:0;
}

#menu1 li
{
	width: 14.28571428571429%;
	/*min-width: 95px;*/
	text-align: center;
}
/* Apparition du menu déroulant */
#menu1 li:hover > .sous-menu1 { display: block; }

#contenu-info
{
	margin-top: 0;
}

}