/*------------------COOKIE-----------------*/
.infoCookie{
	opacity:0.2;
	z-index:10;
	position: fixed;
	background-color : rgba(0,0,0,1);
	width: 250px;
	right: 10px;
	top:10px;
	color: white;
	font-size: small;
	text-align: center;
	vertical-align : middle;
	
    transition : opacity 0.5s ease-in;
    -webkit-transition : opacity 0.5s ease-in;
}
.infoCookie:hover
{
	opacity:0.9;
}
/*------------------404-----------------------------------*/
.err {
	background-color: beige;
}
.bgimgerr{
	width:400px;
	border-radius : 30px;
}
/*------------------BODY----------------------------------*/
a {/*delete classic underline on url*/
    text-decoration : none;
    -webkit-text-decoration : none;/* Chrome, Safari, Opera */
}
body {
    min-width:800px;
	width : 50%;
    margin-left : auto;
    margin-right : auto;
	text-align:center;
    font-family : 'Times New Roman',Calibri,Arial;
}
.bgimg{
	display:none;
}
.bgvid {
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	z-index: -100;
	background-size: cover;
}
/*------------------HEADER-------------------------------*/
header {
	text-align: center;
}
header img {
    min-width:450px;
	width : 50%;
}
/*------------------SITES-------------------------------*/
.sites a{
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}
.sites h2{
	display : inline-block;
	margin-top : 20px;
	min-width:300px;
	width : 25%;
	border-radius:20px;
	border:transparent solid 1px;
	
    transition : border 0.5s ease-in,box-shadow 0.5s ease-in,background-color 0.5s ease-in;
    -webkit-transition : border 0.5s ease-in,box-shadow 0.5s ease-in,background-color 0.5s ease-in;
}
.sites h2:hover{
	box-shadow: 10px 10px 5px black;
	border:grey solid 1px;
	border-radius:20px;
	background-color: rgba(245,245,220,0.8);
}
.canti img, .chx img{
	margin-top:20px;
	height:200px;
}
.canti{
	margin-right:75px;
}
.chx{
	margin-left:75px;
}
.canti a{
	color:black;
	font-style:italic;
}
.chx a{
	color:black;
	font-style:italic;
}
/*--------------------CONTACT----------------------------*/
.informationContact{
	margin-bottom:30px;
}
.informationContact:hover span {  
	color:red;
}
.contact input{
	text-align:center;
}
.robotChk{
	margin-bottom:30px;
}
/*--------------------LABO----------------------------*/
.labo .main_page{
	color:white;
	
    transition : color 0.5s ease-in-out,opacity 0.5s ease-in-out,background-color 0.5s ease-in;
    -webkit-transition : color 0.5s ease-in-out,opacity 0.5s ease-in-out,background-color 0.5s ease-in;
}
.labo .main_page:hover {
    background-color : beige;
	border-radius:20px 20px 0 0;
    opacity : 0.9;
	color:black;
}
.laboWindow {
    max-height: 120px;
    margin: 10px;
    padding: 10px;
    box-shadow: 0px 10px 5px rgb(63,63,63);
    border: solid 5px transparent;
    vertical-align: top;
    overflow-y: hidden;

    transition : box-shadow 0.5s ease-in,border 0.5s ease-in,background-color 0.5s ease-in,color 0.5s ease-in,max-height 0.5s ease-in,opacity 0.5s ease-in;
    -webkit-transition : box-shadow 0.5s ease-in,border 0.5s ease-in,background-color 0.5s ease-in,color 0.5s ease-in,max-height 0.5s ease-in,opacity 0.5s ease-in;
}
.laboWindow:hover{
 	color:white;
   max-height: 100%;
    box-shadow : 10px 10px 5px rgb(63,63,63);
    border : solid 5px rgb(227,108,10);
    background-color : rgba(68,68,68,0.9);
}
.laboWindow div{
    text-align : center;
}

/*------------------FOOTER----------*/
footer {
	position: fixed;
	bottom: 0;left:0;
	width: 100%;
	margin-bottom:-40px;
	overflow:hidden;
	
    transition : margin-bottom 0.25s ease-in,background-color 0.5s ease-in;
    -webkit-transition : margin-bottom 0.25s ease-in,background-color 0.5s ease-in;
}
footer img{
	height:40px;
}
footer:hover {
	margin-bottom:0;
	background-color: rgba(245,245,220,0.8);
}
/*------- footer Social link ------*/
.socialLink{
	margin-top:25px;
	margin-bottom:80px;
	min-width:350px;
	left:25%;right:25%;
	text-align:center;
}
#fb, #tw, #gl, #ln, #sk, #qwt{
    height : 50px;
    border-radius: 25px;
	
    transition : border-radius 0.25s ease-in;
    -webkit-transition : border-radius 0.25s ease-in;
}
#fb:hover, #tw:hover, #gl:hover, #ln:hover, #sk:hover, #qwt:hover {
    border-radius: 0px;
	}