/*------------------MAIN-----------------*/
a {/*delete classic underline on url*/
    text-decoration:none;
    -webkit-text-decoration:none;/* Chrome, Safari, Opera */
}
body {/*body properties*/
	min-width:1000px;
	margin-bottom:150px;
    font-family:'Times New Roman',Calibri,Arial;
	text-align:center;
    background-color:rgb(63,63,63);

    animation:titre 4s;
    -webkit-animation:titre 4s;
}
/*------------------TITRE-----------------------------------*/
.enTete{
	position:fixed;
	top:0;
	left:0;right:0;
	min-width:1000px;
	height:75px;
	padding:10px;
	background-color:rgba(0,0,0,0.85);
	z-index:10;
	text-align:center;
}
.enTete div, .enTete nav{
	display:inline-block;
}
/*------------------HEADER-----------------*/
h1{
	width:40%;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	position:relative;
	z-index:30;

  animation:titre 4s;
  -webkit-animation:titre 4s;
}
h1 img{
	margin-bottom:20px;
}
h1 span{
	background-color:rgb(245,245,220);
	width:40%;
	min-width:1000px;
}
h1 span a{
	display:block;
	font-style:italic;
	background-color:rgb(245,245,220);
}
h1 span .a1{
  font-size:1.5em;
}
h1 span .a2{
  color:rgb(227,108,10);
	font-size:1em;
}
h1 span .a3{
	font-size:0.75em;
}
/****************/
.titreH1{
	margin-top:-150px;
	position:sticky;
	top:0;
	min-width:700px;
	width:40%;
	margin-left:auto;
	margin-right:auto;
  color:white;
	z-index:20;

  animation:titre 8s;
  -webkit-animation:titre 8s;
}
.titreH1 img{
 	position:sticky;
	top:0;
	height:95px;
	display:inline-block;
	vertical-align:top;
	z-index:20;
}
.titreH1 span{
	display:inline-block;
}
.titreH1 span a{
	display:block;
	font-style:italic;
}
.titreH1 span .a1{
  font-size:2em;
}
.titreH1 span .a2{
  color:rgb(227,108,10);
	font-size:1.5em;
}
.titreH1 span .a3{
	font-size:0.75em;
}

/****************/
.titre{
	margin-left:auto;
	margin-right:auto;
	width:40%;
	min-width:1000px;
	text-align:justify;
	background-color:rgba(245,245,220,1);
	padding:10px;
	opacity:1;

	animation:titre 4s;
	-webkit-animation:titre 4s;
}
@keyframes titre {/*border sos animation on index page*/
  0% {opacity:0;}
  100% {opacity:1;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes titre {/*border sos animation on index page*/
  0% {opacity:0;;}
  100% {opacity:1;}
}

.titre h2{
	font-family:'Lucida Calligraphy' , 'Times New Roman';
  font-style:italic;
  text-align:center;
}
.titre h3{
  text-align:justify;
	font-family:'Lucida Calligraphy' , 'Times New Roman';
	font-size:1em;
  font-style:italic;
  color:gray ;
}
/*------------------Contact Page----------*/
h2{
	margin-top:100px;
	color:white;
}
.illustrationSOS{
	text-align:center;
}
.pageSOS{
	margin-left:auto;
	margin-right:auto;
	width:60%;
	min-width:1000px;
	padding:10px;
	color:white;
	text-align:justify;
	font-size:1.5em;
	font-style:italic;
}
.info_description{
	padding:15px;
	border-radius: 30px 10px;
	max-height:20px;
	background-color:rgba(245,245,220,0.9);
	overflow:hidden;
	
    transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,max-height 0.5s ease-in-out;
    -webkit-transition:background-color 1s ease-in-out,color 1s ease-in-out,max-height 0.5s ease-in-out;
}
.info_description:hover, .contact{
	padding:15px;
	background-color:rgba(245,245,220,0.9);
    color:rgb(227,108,10);
	max-height:900px;
}
/********/
.pasDeCookie{
	font-size:1.25em;
}
.connectForm, .informationContact {
	display:inline-block;
	text-align:left;
	width:45%;
	vertical-align:middle;
}
.connectForm a{
	font-weight:bold;
}
.connectForm a, .connectForm input, .connectForm textarea{
	display:block;
}
.informationContact a{
	display:block;
	padding:10px;
	font-size:1em;
}
/*------------------INFO COOKIE----------*/
.infoCookie{
	position: fixed;
	right:10px;
	top:0px;
	font-size: 1.25em;
	z-index:40;
}
#messageCookie{
	display:none;
}
#messageCookie:target{
	display:block;
	position:fixed;
	right:10px;
	top:50px;
	width: 300px;
	padding:10px;
	color:darkgrey;
	font-size: 1em;
	font-style:italic;
	text-align: justify;
	background-color : black;
	border:solid 5px rgb(245,245,220);
	z-index:41;
}
.infoCookie h3 a{
	text-align:right;
	color:darkgrey;
}
.infoCookie div{
	padding:10px;
	text-align: justify;
}
#messageCookie form input, #messageCookie a .boutonCookie{
	margin-top:15px;
	width:100%;
	padding: 15px 25px;
	font-size: 1.25em;
	outline: none;
	background-color:rgba(227,108,10,.6);
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #999;
	text-align: center;
	text-decoration: none;
	color:white;
}
#messageCookie form input:active, #messageCookie a .boutonCookie:active{
	color:white;
	cursor:grabbing;
	background-color:rgba(227,108,10,1);
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}
#messageCookie form input:hover, #messageCookie a .boutonCookie:hover{
	background-color:rgba(227,108,10,1);
}
/*------------------FOOTER----------*/
footer {
	position:fixed;
	bottom:0;
	left:0;right:0;
	min-width:1000px;
    text-align:center;
    color:white ;
    font-size:18px;
    background-color:rgba(0,0,0,0.75);
}
footer span {
        line-height:31px;
}
.copyright{
	font-size:small;
}