@charset "utf-8";
:root {
  --haut2: 200px;
  --haut3: 300px;
  --haut4: 700px;
  --valor:30px;
  --valor2:100%;
  --valor4:10px;
  --valor3:98vh;
  --valor5:2vh;
}
html, a{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: x-large;
	color: #AAAAAA;
}
a{
	text-decoration: none;
}
a:hover, .titre{
	color: #218DDB;
}
body{
	margin:0;
}
.case1{
	background-color: #FFFFFF;
	z-index:88884;
}
.case1, .case2{
	width: 16%;
	height: var(--valor3);
	position:fixed;
}
.case1, .case2{
	/* [disabled]visibility: hidden; */
}
.case9{
	width: 100%;
	height: 10%;
	visibility: visible;
	display: table;
}
.case2{
	margin-left: 16%;
	z-index:88883;
}
.colored{
	background-color: #f4f4f4;
}
.case3{
	width: var(--valor2);
	height: 20%;
	visibility: visible;
	display: table;
}
.case3 img{
	width:60%;
	height:auto;
}
.case4{
	width: var(--valor2);
	height: 70%;
}
.case5{
	width:68%;
	z-index:88882;
}
.case12{
	width:84%;
	z-index:88882;
}
.case5 .titre, .case12 .titre{
	padding-left: var(--valor);
}
.case6, .case7{
	width:50%;
	height:var(--valor3);
}
.case13, .case14{
	height:var(--valor3);
}
.case13{
	width:30%;
}
.case14{
	width:35%;
}
.case10{
	width:50%;
	height:var(--valor3);
}
.case11{
	width:50%;
	height:var(--valor3);
}
.case7, .case11, .case14{
	padding-left:var(--valor);
	padding-right:var(--valor);
}
.case8{
	width: 84%;
	height: var(--valor3);
	z-index: 88881;
}
.case5, .case8, .case12{
	float:right;
}
.titre, .piti{
	font-weight: bold;
	text-transform: uppercase;
}
.titre, .titre p a{
	font-size: xx-large;
}
.piti a:hover{
	color: #FFC600;
}
.deco{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.deco a{
	display: block;
	height: 100%;
	background-color: rgba(229,64,67,0.0);
}
.deco2{
	background-image:url(links/5392137_1057.jpg);
	background-size:contain;
	background-position:right top;
	background-repeat:no-repeat;
}
.name{
	width: 100%;
	height: 100%;
	visibility: visible;
	display: table;
}
.icons, .ico2{
	visibility: hidden;
	display: none;
}
.logo1{
	visibility: visible;
	display: block;
}
.logo2{
	visibility: hidden;
	display: none;
}
#ABS, #MOS, #POR, #SPA, #PHO, #FIG, #AQA, #KEY, #HOR, #SAC{
	padding-top:5vh;
}
ul{
	font-weight:bold;
}
ul li span{
	font-size: smaller;
	font-style: italic;
	font-weight:normal;
}
.contact{
}
.cont1{
	height: var(--valor3);
	position: fixed;
	z-index:88880;
}
.cont2{
	width: var(--valor2);
	height: var(--valor5);
	margin-top: var(--valor3);
	background-color: #EBEBEB;
	position: fixed;
	z-index: 88885;
	font-size: small;
	font-style: italic;
}
.cont2 p{
	padding:0;
	margin:0;
}
@media all and (max-device-width: 1440px){
.cont2{
	font-size: x-large;
}
.case1{
	width: var(--valor2);
	height: var(--haut2);
}
.case2{
	width: var(--valor2);
	height: 100px;
	margin-left: 0;
	margin-top: var(--haut2);
}
.case2 .piti{
	padding-left: var(--valor);
}
.case1 p, .case2 p{
	display:block;
	margin-right:var(--valor);	
	margin-left:0;	
	margin-top:0;	
	margin-bottom:var(--valor4);
	padding:0;
	float:left;
}
.case3{
	width: 20%;
	height: var(--valor2);
	visibility: hidden;
	display: none;
}
.case3 img{
	width:100%;
}
.case4{
	width:100%;
	height:var(--valor2);
}
.case5, .case12{
	margin-top: var(--haut3);
	width:var(--valor2);
}
.case8{
	width: var(--valor2);
	height: auto;
	margin-top: var(--haut2);
}
.case6, .case13{
	width:var(--valor2);
	height: var(--haut4);
}
.case10, .case11{
	height: var(--haut4);
}
.case7, .case14{
	width:var(--valor2);
	height: auto;
}
.case9{
	width: 10%;
	height: 100%;
	visibility: hidden;
	display: none;
}
.ghost{
	visibility:hidden;
}
.deco a{
	width: 100%;
	height: 100%;
}
.deco2{
	background-image: url(links/5392137_1057%20-%20Copie.jpg);
	background-position: left top;
}
.name{
	visibility: hidden;
	display: none;
}
.icons, .ico2{
	width: 100%;
	height: 100%;
	visibility: visible;
	display: table;
}
.icons a, .ico2 a{
	float: left;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.icons a{
	width: 12.5%;
	background-size: contain;
}
.ico2 a{
	width: 9.09%;
	background-size: 60% auto;
}
.logo1{
	visibility: hidden;
	display: none;
}
.logo2{
	visibility: visible;
	display: block;
}
}