@charset "UTF-8";

body{
	border:0px;
	margin:0px;
	padding:0px;
	background:black;
	color:white;
	font-family: arial;
	
}
a:link {color: pink;}
a:visited {color: pink;}
a:hover {color: red;}
a:active {color: red;}
#fond {
	position: absolute;
	background:black;
	/*background-image:url("fond.jpg");
	/*background-size: 100% 100%;*/
	/*background-repeat:repeat;*/
	top:0px;
	left:0px;
	right:0px;
	/*bottom:0px;*/
	z-index:-1;
	opacity:0.7;
}
#fond img{
	border:0px;
	margin:0px;
	padding:0px;
}
#lemenu {
	display:block;
	background-color:none;
}
#infos {
	display:block;
	border:2px;
	border-style:solid;
	border-color:red;
	border-radius: 5px 5px 5px 5px;
	margin-right:10px;
	margin-top:20px;
	color: gray;
	padding: 10px 0px 10px 0px;
	text-align: right; 
	cursor : pointer;
}
#infos .texte{
	display:block;
	font-size: 15px;
	color:white;
	text-align:left;
	padding:10px;
	cursor:pointer;
}
#infos .texte:after{
	content: ""; /* Important, sinon l'élément n'est pas généré. */
	display: table;
	
	clear:both;
}
#infos .infoTitre{
	font-size: 15px;
	color:red;
	text-align:right;
	border-width:1px 0px 0px 0px;
	margin:10px;
	border-style:solid;
	border-color:gray;
	cursor:pointer;
}
#info .uneInfo{
	padding:10px;
	cursor : pointer;
	overflow:scroll;
	background-color:none;
	text-align:justify;
}
#titreInfo{
	font-size: 20px;
	color:Red;
	text-align:center;
	cursor:pointer;
}
#cadreInfo{
	display:none;
	position:absolute;
	top:50px;
	bottom:30px;
	right:190px;
	left:30px;
	border:5px;
	border-style:double;
	border-color:rgba(255,255,255,0.7);
	border-radius:10px;
	background-color:rgba(0,0,0,0.9);
	padding:10px;
	font-size: 25px;
	overflow:auto;
}
.txtComp{
	width:80%;
}
.boutonFermer{
	display:block;
	position:absolute;
	top:5px;
	right:15px;
	cursor:pointer;
}
#overlay {
	display : none;
	position: absolute;
	border:5px;
	border-radius:10px;
	text-align: center;
	background-color:rgba(0,0,0,0.7);
	cursor:pointer;
}
#overlay img {
	border:5px;
	cursor:pointer;
}
.couleur{
	font-family: arial;
	font-size: 10px;
	color:gray;
}

.logo{
	/*background-color:black;*/
	/*background-image:linear-gradient(rgba(255,255,255,0.7), rgba(0,0,0,0.7););*/
}
.logoBas{
	/*background-color:black;*/
	/*background-color:black;*/
}

.load{
	background:url('load.gif') no-repeat center;
	width=100px;
	height=100px;
}
.imd{
	display:block;
	position:relative;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-style:solid;
	
	border-color:none;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
}
.imd img{
	opacity: 0.9;
	border-radius:5px;
}
.imc{
	display:inline-block;
	float:right;
	border:0px;
	border-color:gray;
	border-style:solid;
	background-color:none;
	padding:10px;
	
}
.imc img{
	display:inline-block;
	padding:5px;
}
.texte{
	display:inline;
	padding:10px;
}
.bienvenue{
	padding:10px;
}
.intro{
	padding:10px;
}
.contenu{
	/*display:block;*/
	width=100%;
	padding:10px 20px;
}
.fleche{
	display:inLine;
	cursor:pointer;
	margin:10px;
}
.cadreTitre{
	display:block;
}
.inter{
	height:15px;
}
.titre{
	display:inline;
	/*font-weight:bold;*/
	color:black;
	/*background-color:white;*/
	border-width:7px;
	border-style:solid;
	border-image: url("bordure.png");
	border-image-slice: 75 fill;
	/*border-radius:5px ;*/
	border-color:red;
	padding:3px 3px;
	font-family: Times New Roman;
	font-weight: bold;
	text-align: center;
	cursor:pointer;
}
#laCarte{
	text-align:center;
}
#lesBoutons{
	text-align:center;
}
#vids {
	text-align:center;
}
#footPage{
	color:gray;
	font-family: arial;
	text-align: center;
	font-size: 10px;
}