/* General */

html {
  height: 100%;
  font-family : times new roman;
  font-size : 16px;
  color : #787872;
}


body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Administration */


.alert{
	border : 1px solid red;
}

.administration  img{
	width : 1.5vw;
}


.administration, #adm{
	margin : 20px;
	font-size : 16px;
}

.administration input, .administration textarea, #adm input{
	border: 1px solid #A4A4A4; 
	background-color: #fff;
	border-radius:2px;
	margin: 0px 0px 10px 0px;
	font-size : 16px;
	padding : 5px;
}

.administration select{
	border: 1px solid #A4A4A4; 
	background-color: #fff;
	border-radius:2px;
	margin: 0px 0px 10px 0px;
	font-size : 16px;	
}

#plus:hover{
	background : #b4aa3b;
	color : #ffffff;
	transition : 1s;
}

#plus{
	border-radius : 50px;
	transition : 1s;
	text-align : center;
	padding : 5px 10px 5px 10px;
}


.administration, #adm{ 
  	top : 1vh;
	left : 1vw;  
	position : absolute;
}

.administration h1{ 
    margin : 0px;  
	padding : 21px 0px 21px 0px;
}

.adm_ajout{
	width : 100%;
	height : 100vh;
	position : absolute;
	background : rgba(255, 255, 255, 0.5);
	z-index : 100;
}


.administration p a{
	color : #b4aa3b;
	text-decoration : none;
	font-weight : bold;
}

/* Barre navigation */

.barre_nav{
	background : #b4aa3b;
	width : 100%;
	height : 35px;
	z-index : 99;
}

.fixe{
	position : fixed;
	top : 0;
	z-index : 99;	
}

#barre_nav_accueil ul, #barre_nav_propos ul, #barre_nav_rechercher ul, #barre_nav_barre_recherche ul, #barre_nav_articles ul, #barre_nav_article ul, #barre_nav_fiches ul, #barre_nav_fiche ul{
	margin : auto;
	height : 100%;	
	width : 940px;
	padding : 0px;
}

#barre_nav_adm ul{
	margin : auto;
	height : 100%;	
	width : 940px;
	padding : 0px;
	text-align : center;
}

#barre_nav_accueil div, #barre_nav_propos div, #barre_nav_rechercher div, #barre_nav_barre_recherche div, #barre_nav_articles div, #barre_nav_article div, #barre_nav_fiches div, #barre_nav_fiche div{
	height : 100%;
	display: flex;
	margin-left : auto;	
	margin-right : auto;
}

#barre_nav_adm  div{
	height : 100%;
	margin-left : auto;	
	margin-right : auto;
}

.barre_nav a{
	color : #ffffff;
	font-size : 25px;
	font-family : cinzel;
	text-decoration : none;
}


.barre_nav li{
	display : inline;
	padding : 0px 20px 0px 20px;	
}


#barre_nav_propos, #barre_nav_rechercher, #barre_nav_barre_recherche, #barre_nav_articles, #barre_nav_article, #barre_nav_fiches, #barre_nav_fiche, #barre_nav_adm{
	position : fixed;
}

.barre_recherche{
	display : flex;
	height : 100%;
}

.barre_recherche_texte{
	background : #ffffff;
	border-radius : 20px;
	width : 250px;
	height : 20px;
	border : none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) inset;	
	padding : 2px 10px 2px 10px;
	margin : auto;
	vertical-align : middle;
}

.go{
	height : 24px;
	padding-bottom : 3px;
	border : none;
	background : #787872;
	color : #ffffff;
	right : 20px;
	position : relative;
	border-bottom-right-radius : 20px;
	border-top-right-radius : 20px;	
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5) inset;	
	text-align : center;
	margin-top : auto;
	margin-bottom : auto;
	vertical-align : middle;	
	cursor : pointer;
}


/* Fond */

.fond{
	position : absolute;
	width : 100%;
	background-image : url('images/bois.png');
}

#fond_fiches, #fond_barre_recherche, #fond_fiche, #fond_propos, #fond_articles, #fond_article{
	height : 100%;
	overflow : auto;
}



#fond_home{
	margin-top : 100vh;
	min-height : 100vh;	
}


#fond_rechercher{
	min-height : 100vh;
	width : 87vw;
	position : absolute;
	right : 0px;
}

.sous_fond{
	width : 65vw;
	background : #ffffff;
	margin : auto;
	box-shadow : 0px 0px 5px #000000;
}

#sous_fond_fiche{
	min-height : 100vh;
	padding : 0px 0px 5px 0px;
}

#sous_fond_fiches, #sous_fond_barre_recherche, #sous_fond_rechercher, #sous_fond_propos, #sous_fond_articles, #sous_fond_article{
	min-height : 100vh;	
	margin-bottom : -16px;
}


/* home */

#fond_entete{
	background-image : url('images/banniere.png');
	position : absolute;
	height : 100vh;
	width : 100%;
}


#entete{
	margin-top : 10vh;
}


#entete ul{
	text-align : center;
}

#entete li{
	display : inline;
	list-style: none;
}


#titre1{
	color : #b4aa3b;
	font-family : ImperatorSmallCaps;
	font-size : 60px;
	font-weight : 200;
	border : none;
	margin : 0px 5px 0px 5px;
}

#entete a{
	text-decoration : none;
	color : #ffffff;
	font-size : 25px;
	font-family : cinzel;
	border-top : 1px solid #ffffff;	
	padding : 0px 20px 5px 20px;
	margin : 0px -4px 0px 0px;	
	transition : 1s;
}

#entete a:hover{
    background-color : rgba(180, 170, 59, 0.5);
	transition : 1s;
}

#titre{
	text-align : center;
	margin-top : 55vh;
}

#sous_titre{
	color : #b4aa3b;
	font-size : 25px;
	font-weight : 200;
	margin : -20px 0px 0px 0px;
}


.titre2{
	color : #ffffff;
	font-family : ImperatorSmallCaps;
	font-size : 80px;
	margin : 0px;
}

#titre2{
	margin-top : -35px;
}

#icone{	
	width : 70px;
	height : 55px;
	transition : 1s;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	margin-top : 5px;
	border-radius : 50px;
	padding : 15px 0px 0px 0px;
}

#icone:hover{
	background : rgba(180, 170, 59, 0.5);
	transition : 1s;
}


.bloc{
	width : 100%;
	text-align : center;
	margin-top : 20px;
}

.bloc_fixe{
	margin-top : 55px!important;
}

.home_infos{
	width : 507px;
	height : 337px;
	margin : 20px;
	display : inline-block;	
	vertical-align : middle;
}

#home_infos1{
	background-image : url('images/image1.png');	
}


#home_infos2{
	background-image : url('images/image2.png');	
}

#home_infos3{
	background-image : url('images/image3.png');	
}

.cacher{
	width : 100%;
	height : 100%;
	margin : 0px;
	opacity : 0;
	transition : 1s;
	z-index : 99;
}

.cacher:hover{
	transition : 1s;
	opacity : 1;
}

#cacher1{
	background : url('images/image_v1.png');	
}

#cacher2{
	background : url('images/image_v2.png');	
}

#cacher3{
	background : url('images/image_v3.png');	
}

.cacher h2{
	width : 100%;
	height : 24px;
	background-color : #b4aa3b;
	color : #ffffff;
	font-family : cinzel;
	font-size : 25px;
	text-align : center;
	padding : 0px 0px 7px 0px;
	margin : 0px;
	font-weight : 300;
}

.cacher p{
	width : 487px;
	height : 286px;
	color : #ffffff;
	text-align : justify;
	padding : 10px;
	overflow : auto;
	margin : 0px;
}


.cacher a{
	padding : 0px 20px 0px 20px;
	color : #ffffff;
	text-decoration : none;
	background : #b4aa3b;
	float : right;
	margin-bottom : 10px;
	text-transform : uppercase;
}


#copyright{
	width : 100%;
	background : #675046;
	color : #ffffff;
	text-align : center;
	padding : 5px 0px 5px 0px;
	position: absolute; 
	bottom: 0;
	margin-top : 10px;
}


/* Fiches */


#sous_fond_fiches h3{
	margin : 20px 5px 5px 5px;
	border-bottom : 2px solid #b4aa3b;
	font-weight : bold;
	color : #b4aa3b;
}

#sous_fond_fiches p{
	text-align : justify;
	margin : 5px;
}

#attention{
	background : #b43b3b;
	color : #ffffff;
	padding : 5px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	margin-top : 20px;
}

.sommaire li{
	margin-bottom : 10px;
}


.sommaire a{
	text-decoration : none;
	color : #787872;
	transition : 1s;
}

.sommaire a:hover{
	color : #b4aa3b;
	transition : 1s;
}

/* Fiche */


.image{
	padding-top : 35px;
	width : 65vw;
	height : 300px;
	overflow : hidden;
	text-align : center;
}

.image img{
	max-width : 65vw;
}

#sous_fond_fiche h2, #sous_fond_fiche h3, #sous_fond_fiche h4{
	text-align : center;
	font-weight : normal;
}

#sous_fond_fiche h2{
	font-family : cinzel;
	font-size : 25px;
	margin : 10px 0px 0px 0px;
}

#sous_fond_fiche h3{
	font-size : 25px;
	color : #ffffff;
	text-transform : uppercase;
}

#sous_fond_fiche h4{
	font-size : 16px;
	margin : -5px 0px 0px 0px;
}

.caracteristiques{
	width : 100%;
	text-align : center;
}

.caracteristiques div{
	display : inline-block;
	vertical-align : middle;
	margin : 5px;
}

.caracteristiques_texte{
	width : 50%;
	height : 180px;
	text-align : justify;
	overflow : auto;
}

.caracteristiques_infos, .composition{
	width : 265px;
	height : 170px;
	text-align : center;	
	color : #ffffff;
	font-family : cinzel;
}



.caracteristiques ul{
	padding : 0px;
}

.caracteristiques_infos li{
	list-style-type : none;
}

.composition{
	background : url('images/composition.png');
	overflow : hidden;
}

.composition p{
	text-align : justify;
	width : 80%;
	height : 100px;
	margin : 16px auto 16px auto;
	overflow : auto;
	padding : 0px 10px 0px 10px;
}

.caracteristiques h5{
	font-size : 15px;
	width : 50%;
	padding-top : 5px;
	border-top : 1px solid #ffffff;
	margin : 10px auto 0px auto;
	text-transform : uppercase;
	font-family : ImperatorSmallCaps;
}

.proprietes{
	width : 100%;
	text-align : center;
}

.propriete{
	display : inline-block;
	width : 364px;
	height : 267px;
	text-align : justify;
	color : #ffffff;
	margin : 5px 10px 5px 10px;
	padding : 5px;
	vertical-align : top;
}

#sante{
	background : url('images/sante2.png');
}

#beaute{
	background : url('images/beaute2.png');
}

#bien_etre{
	background : url('images/bien_etre2.png');
}

.proprietes_cacher{
	width : 364px;
	height : 256px;
	margin : 0px;
	opacity : 0;
	transition : 1s;
	z-index : 2;
	padding : 16px 5px 5px 5px;
	overflow : hidden;
	margin : -5px; -10px 0px 0px;
}

.proprietes_cacher:hover{
	transition : 1s;
	opacity : 1;
}

.proprietes_cacher ul{
	margin : 0px;
}

#sante_cacher{
	background : url('images/sante.png');
}

#beaute_cacher{
	background : url('images/beaute.png');
}

#bien_etre_cacher{
	background : url('images/bien_etre.png');
}


.voie{
	width : 100%;
	text-align : center;	
}

.voie div{
	display : inline-block;
	margin : 5px 20px 5px 20px;
}

.voie span{
	padding : 5px 10px 5px 10px;
	color : #ffffff;
}

.voie1{
	background : #b4aa3b;
}

.voie2{
	background : #b43b3b;
}

.voie p{
	margin : 5px 0px 0px 0px;
}

.dangers{
	width : 100%;
	text-align : center;		
}

.dangers h5{
	color : #b43b3b;
	font-weight : bold;
	font-size : 18px;
	margin : 15px 0px 5px 0px;
}


.dangers p{
	width : 90%;
	margin : auto;
	text-align : center;
}


/* Rechercher */

#criteres{
	width : 14vw;
	min-height : 100vh;
	background : #ffffff;
	position : fixed;
	top : 0px;
	left : 0px;
	padding : 45px 0px 5px 0px;
	z-index : 100;
}

#criteres_titre{
	margin : 0px;
	color : #b4aa3b;
	font-family : cinzel;
	font-size : 25px;
	font-weight : 300;
	padding : 0px 10px 0px 10px;
}

#recherche{
	height : 80vh;
	overflow : auto;
}

#criteres ul{
	list-style : none;
	padding : 0px;
}

#criteres p{
	margin : 0px;
	font-size : 18px;
	background : #b4aa3b;
	color : #ffffff;
	padding-left : 45px;
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;	
}

#bouton_recherche{
	background : #b4aa3b;
	color : #ffffff;
	padding : 0px 15px 2px 15px;
	border : none;
	vertical-align : middle;
	display : flex;
	margin : auto;
	cursor : pointer;
}

.criteres_cacher3 ul, .criteres_cacher1 ul, .criteres_cacher2 ul, .criteres_cacher4 ul{
	max-height : 20vh;
	overflow : auto;
	cursor : default;
}

.criteres_cacher3 td{
	vertical-align : top;
}

.sous_titre{
	font-weight : bold;
	padding-top : 5px;
}


li.criteres_cacher1, li.criteres_cacher2, li.criteres_cacher3, li.criteres_cacher4{
	cursor : pointer;
}


/* Barre Recherche */

.resultat{
	padding : 45px 10px 0px 10px;
	text-align : right;
	margin : 0px;
}

.resultat_affichage{
	margin : 0px;
	padding : 10px;
}

.recherche_bloc{
	text-align : center;
}

.fiche_HE{
	width : 507px;
	height : 337px;
	display : inline-block;
	vertical-align : middle;
	margin : 10px;
}

.fiche_HE_cacher{
	opacity : 0;
	width  : 507px;
	height : 337px;
	background : rgba(0, 0, 0, 0.5);
	transition : 1s;
	position : absolute;
}

.fiche_HE_cacher h2{
	color : #ffffff;	
	font-family : times new roman;
	font-size : 20px;
	font-weight : 200;
}


.fiche_HE_cacher h1{
	font-family : ImperatorSmallCaps;
	font-size : 35px;
	border-top : 1px solid white;
	width : 50%;
	margin : 20% auto 0px auto;
	color : #ffffff;
	padding : 10px 0px 0px 0px;
	line-height : 70%;
}

.fiche_HE_cacher a{
	text-decoration : none;
	color : #ffffff;
	padding : 5px 20px 5px 20px;
}

.fiche_HE_cacher:hover{
	opacity : 1;
	transition : 1s;
}


/* Articles */

.titre{
	margin : 0px 0px 25px 0px;
	text-align : center;
	font-family : cinzel;
	font-size : 35px;
	color : #b4aa3b;
	font-weight : 200;
	padding : 45px 0px 2px 0px;
}

.article_image{
	height : 300px;
	width : 100%;
	overflow : hidden;
	text-align : center;
	margin-bottom : 25px;
}

.texte{
	width : 90%;
	margin : auto!important;
	text-align : justify;
}

.articles{
	width : 100%;
	border-top : 2px solid #b4aa3b;
	margin : 25px 0px 25px 0px;
	text-align : center;
}

#sous_fond_propos a{
	background : #b4aa3b;
	color : #ffffff;
	padding : 2px 15px 2px 15px;
	text-decoration : none;
	text-transform : uppercase;
}

.documentation{
	text-align : center;
	width : 30vw;
	height : auto;
	margin : 1vh 0vw 1vh 1.5vw;
	display : inline-block;
	vertical-align : top;
	padding : 5px 0px 5px 0px;
}

.documentation h3{
	color : #b4aa3b;
	margin : 0px;
	font-family : cinzel;
	font-weight : 200;
	font-size : 20px;
	padding : 0px 0px 2px 0px;
	margin-bottom : 2px;
}

.arborescence{
	padding : 45px 5px 0px 5px;
}

.arborescence a{
	text-decoration : none;
	color : #b4aa3b;
	font-weight : bold;
}

#titre_article{
	margin : 0px 0px 25px 0px;
	text-align : center;
	font-family : cinzel;
	font-size : 35px;
	color : #b4aa3b;
	font-weight : 200;
}