:root {
	--couleur-en-cours:#1F1F1F; /*E09C0A*/
	--couleur-hover:#F7D10F; /*#F8D288*/
	--type_de_police:small-caps;
	--police:Arial Narrow, sans-serif;
	--type_de_police2:normal;
	--police2:Arial, sans-serif;
	--fond:url(images/fond.jpg) no-repeat center fixed;
}



/* MENU */


/* /!\ à laisser au dessus ! */ 
#nav ul ul /* Listes qui sont dans une liste */
{
    display:none;
    position:absolute;
	left:100px;
    top:52px;
    margin:0px;
    padding:0px;
    line-height:0px;
	z-index:1;
}

#nav 
{
	position:relative;
	margin:0px;
	width:100%;
	margin-bottom:80px;
}

#nav a
{
	display:block;
	width:158px;
	height:50px;
	color:#000000;
	text-decoration:none;
	font-variant:var(--type_de_police);
}

#nav li
{
	position:relative;
	border:2px solid black;
	width:158px;
	height:50px;
	text-align:center;
	font-size:100%;
	font-weight:Bold;
	line-height:50px;
	font-family:var(--police);
}

#niveau1
{
	list-style-type:none;
	margin:0px;
	padding-left:0px;
}



#niveau1 li 
{
	float:left;
}

#niveau1 li:hover ul.niveau2 /* Survol des éléments qui affichent un sous menu */
{
	display:block;
	width:100px;
	height:50px;
}

.niveau2 li 
{
	clear:left;
	position:relative;
	left:-102px;
}

#nav ul.niveau2 /* éléments du niveau 2 */
{
	list-style-type:none;
	display:none;
}

/* COULEURS */
#nav a:link, #nav a:visited
{
	color:#000;
    background:#fff;
    float:left;
    text-decoration:none;
    text-shadow: 1px 1px 1px #555;
}

#nav .hdp a:hover, #nav .hdp a:focus, #nav .hdp-en-cours a:hover, #nav .hdp-en-cours a:focus, #nav .hdpspe a:hover, #nav .hdpspe a:focus
{
   color:#fff;
   background:var(--couleur-hover);
}

#nav .hdp-en-cours .hdp-en-cours a:link, #nav .hdp-en-cours .hdp-en-cours a:visited, #nav .hdp-en-cours .hdp-en-cours a:hover, #nav .hdp-en-cours .hdp-en-cours a:visited, 
#nav .hdp-en-cours .lien-niv1:link, #nav .hdp-en-cours .lien-niv1:visited, #nav .hdp-en-cours .lien-niv1:hover, #nav .hdp-en-cours .lien-niv1:visited
{
	background:var(--couleur-en-cours); 
	color:var(--couleur-hover);
	text-shadow: 1px 1px 1px black;
}

#nav .hdp, #nav #hdp
{
	border-right:0px;
}

#nav .hdp2, #nav #hdp2
{
	border-top:0px;
}









/* CORPS GENERAL */


body 
{
  width:962px;
  margin:auto;
  padding:0;
  /* background-color:#CACACA; */
  background:var(--fond);
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */ 
}

.body 
{
	position:absolute;
	width:962px;
	font-family:var(--police);
	font-variant:var(--type_de_police);
}

.untitre {
	border-radius:12px 12px 0 0;
	background:var(--couleur-en-cours);
	border:none;
	color:var(--couleur-hover);
	font:bold 20px var(--police);
	font-variant:var(--type_de_police);
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
	width:100%;
	height:38px;
	text-align:center;
}

.untitre p {
	margin:0px;
	line-height:38px;
}

.conteneur_basique, .conteneur_basique2 {
	border:1px solid black;
	margin-bottom:10px;
	font-family:var(--police2);
	font-variant:var(--type_de_police2);
}

.conteneur_basique {
	background:url(./images/Fond_logo_2.jpg);
}

.conteneur_basique2 {
	background-color:#F0EFDD;
}

.unbtntitre {
	border-radius:12px 12px 0 0;
	background:var(--couleur-en-cours);
	border:none;
	color:var(--couleur-hover);
	font:bold 20px var(--police);
	font-variant:var(--type_de_police);
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
	width:100%;
	height:50px;
	cursor:pointer;
}

.conteneurpartitre {
	overflow:hidden;
}




/* PIED DE PAGE */ 

#pdp {
	position:relative;
    width:962px;
	height:100px;
    top:100px;
    color:var(--couleur-hover);
}

.pdp {
	border-radius:0 0 12px 12px;
	background:var(--couleur-en-cours);
	border:none;
	color:var(--couleur-hover);
	font:bold 18px var(--police);
	font-variant:var(--type_de_police);
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
	width:100%;
	height:100px;
	text-align:center;
	top:10px;
	position:relative;
}

.pdp a, .pdp a:visited {
	text-decoration:none;
	color:var(--couleur-hover);
}

.pdp a:hover {
	color:white;
	text-decoration:none;
}




/* BLOC AUTHENTIFICATION */ 

/* .hautdroite { */
	/* position:absolute; */
	/* width:150px; */
	/* right:-160px; */
	/* top:0px; */
/* } */


.retour {
	text-align:center;
	height:40px;
	margin-top:15px;
	position:relative;
}

.retour a {
	background:var(--couleur-en-cours);
	border:none;
	color:#fff;
	font:bold 20px var(--police);
	font-variant:var(--type_de_police);
	padding:6px;
	box-shadow:1px 1px 3px #999;
	width:100px;
	height:20px;
	text-align:center;
	text-decoration:none;
	border-radius:12px 12px 12px 12px;
}




/* GALERIE */ 



.divphoto {
	width:230px;
    height:230px;
	border:2px solid var(--couleur-en-cours);
	border-radius:12px 12px 12px 12px;
	background-color:var(--couleur-en-cours);
	overflow:hidden;
	display:block;
	float:left;
	margin:8px 3px 0 3px;
}

.croixgalerie {
	position:absolute;
}



/* CONTACT */

.form_contact {
	text-align:center;
}

.textinfocontact {
	text-align:center;
	font-size:18px;
	margin:10px;
}

#submitcontact {
	margin:10px;
}



/* UTILISATEUR NON CONNECTÉ */

.devezconnec {
	margin:10px;
	text-align:center;
	font-family:var(--police);
	font-variant:var(--type_de_police);
}

#devezconnec {
	text-decoration:none;
	font-size:25px;
	color:var(--couleur-en-cours);
	font-weight:bold;
}

#devezconnec:hover {
	color:black;
	text-shadow: 1px 1px 1px #555;
}



/* CROIX SUPPRESSION */

.croix {
	width:15px;
}

.croix:hover {
	width:17px;
}

.croixsupp {
	width:20px;
}




/* ELEVAGE */

#elevage {
	font-family:arial, sans-serif;
	font-variant: normal;
}



.blocescargot {
	width:850px;
	overflow:hidden;
	text-align:center;
	margin:auto;
	margin-top:15px;
	background-color:#EBE8CA;
	border:1px solid black;
}

.blocescargot .texteescargot p {
	font-size:22px;
	font-weight:bold;
	margin:0;
	margin-bottom:15px;
	margin-top:3px;
}

.texteescargot {
	float:right;
	width:500px;
	text-align:left;
}

.photoescargot {
	float:left;
	width:320px;
}

.imgescargot {
	width:320px;
}




.photoparc {
	height:350px;
	margin:15px 0 15px 0;
}

#photoparc1 {
	margin-left:calc(100%/3 /4);
	float:left;
}

#photoparc2 {
	margin-right:calc(100%/3 /4);
	float:right;
}

.imgparc {
	height:350px;
}

.texteparc {
	width:850px;
	margin:auto;
	clear:left;
	margin-bottom:15px;
}


.photoalim {
	height:350px;
	margin:15px 0 15px 0;
	margin-left:15px;
	float:left;
}


.photocycle {
	width:300px;
	margin:15px 0 15px 0;
	margin-left:15px;
	float:left;
}

.imgcycle {
	width:300px;
}

.photocycle2 {
	height:275px;
	margin:15px 0 15px 0;
	margin-left:30px;
	float:left;
}

.imgcycle2 {
	height:275px;
}

.photocycle3 {
	height:330px;
	margin:15px 0 15px 0;
	margin-left:90px;
	float:left;
}

.imgcycle3 {
	height:330px;
}

.textetransfo {
	width:850px;
	margin:auto;
	clear:left;
	margin-bottom:15px;
	margin-top:15px;
}

#titreelevage {
	border-radius:12px;
	margin-bottom:5px;
}

#titreelevage p a {
	text-decoration:none;
	color:var(--couleur-hover);
}

#titreelevage p a:hover {
	color:white;
}






#textepresent {
	text-align:center;
	width:680px;
	margin:auto;
	clear:left;
	margin-bottom:15px;
	margin-top:15px;
}