#ligne1{
  width:100%;
	height:80px;
	top:50%;
	margin-top: -40px;
	background:white;	
	position:fixed;
}

#ligne2{
  width:80px;
	height:100%;
	background:white;	
	position:fixed;
	left: 50%; /* on positionne l'élément à la moitié de l'écran */
  margin-left: -40px; /* on applique une marge négative de la moitié de la largeur de l'élément */
}

#ligne3{
  width:80px;
	height:100%;
	background:white;	
	position:fixed;
	left: 24%; /* on positionne l'élément à la moitié de l'écran */
  margin-left: -40px; /* on applique une marge négative de la moitié de la largeur de l'élément */
}

#ligne3B{
  width:80px;
	height:100%;
	background:white;	
	position:fixed;
	left: 76%; /* on positionne l'élément à la moitié de l'écran */
  margin-left: -40px; /* on applique une marge négative de la moitié de la largeur de l'élément */
}

/* _______________ lignes fines et horizontales ------------------------ */

#ligne4{
	height:6px;
	width:100%;
	background:white;	
	position:fixed;
	top:12%;
	margin-top: -4px; 
}

#ligne5{
	height:6px;
	width:100%;
	background:white;	
	position:fixed;
	top:27%;
	margin-top: -4px;
}

#ligne6{
	height:6px;
	width:100%;
	background:white;	
	position:fixed;
	top:42%;
	margin-top: -4px;
}

#ligne7{
	height:6px;
	width:100%;
	background:white;	
	position:fixed;
	top:57%;
	margin-top: -4px;
}

#ligne8{
	height:6px;
	width:100%;
	background:white;	
	position:fixed;
	top:72%;
	margin-top: -4px;
}

#ligne9{
	height:6px;
	width:100%;
	background:white;	
	position:fixed;
	top:87%;
	margin-top: -4px;
}

/* _______________ Ligne Jaune ------------------------ */

#ligne10{
  width:100%;
	height:80px;
	top:50%;
	margin-top: -40px;
	background:yellow;	
	position:fixed;
}

/* _______________ FIN DES LIGNES ------------------------ */

/* _______________ DEBUT LIENS ------------------------ */
#lien1{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:10px;
	top:10px;
}

#lien2{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:54%;
	top:10px;
}

#lien3{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:63%;
	top:10px;
}

#lien4{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:54%;
	bottom:10px;
}

#lien5{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:69%;
	bottom:10px;
}

#lien7{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:10px;
	bottom:10px;
}

#lien6{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:30%;
	top:10px;
}

#lien8{
	font-size: 30px;
	color:navy;
	position:fixed;
	line-height: 1em;
	left:20%;
	bottom:10px;
}

/* _______________FIN DES LIENS ------------------------ */

*::-moz-selection {
background:#fff none repeat scroll 0 0;
}

html {
  height: 100%;
	font-family: 'karmillaregular';
	top:0;
	margin:0;
	padding: 0;
}

body {
/*
	background:-webkit-linear-gradient(bottom, #ff8bed, #f4ff83 100%);
	background:-o-linear-gradient(bottom, #ff8bed, #f4ff83 100%);
	background:linear-gradient(to top, #ff8bed, #f4ff83 100%);
*/
	font-family: 'karmillaregular';
	background: #fcfcff;
	color: #00126c;
  height: 100%;
	margin:0;
	padding: 0;
	background: yellow;
	position: relative;
}

.background{
	background: rgba(255, 255, 255, 0.9);
	height:100%;
	width:100%;
}

/*
p{
	text-align: center;
	margin-top:75px;
	padding: 0;
	width:80%;
	margin-left: 10%;
  margin-right:10%;
	position:fixed;
	display: inline;
}
*/

#question{
	font-size: 36px;
	color:navy;
	position:fixed;
	width:300px;
	line-height: 1em;
	text-align: center;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
	top:350px;
	Left:880px;
}


.white-link{
	background: white;
	text-decoration: none;
	color: #00126c;
}

.white-link:hover {
	font-style: italic;
}

a{
	text-decoration: none;
	color:#00126c;
}

a:hover {
	font-style: italic;
}

.fleche{
	background: white;
}

#fleche-top{
	left: 50%; 
	position:absolute;
	height:100px;
	margin-left:-40px;
	padding:0;
}

#fleche-bottom{
	bottom:0px;
	left: 50%; 
	position:absolute;
	margin-left:-40px;
}

#fleche-right{
	top:50%;
	margin-top: -40px;
	position:absolute;
	right:0;
	height:100px;
	margin-left:-40px;
	padding:0;
}

#fleche-left{
	top:50%;
	margin-top: -40px;
	position:absolute;
	left:0;
	height:100px;
	padding:0;
}

.img{
	display:none;
	position:absolute;
	box-shadow: -1px 3px 6px 2px rgba(0, 0, 0, 0.7); 
	margin:0;
}

.shown{
	display:block;
}

.hidden{
	display:none;
}

.content{
	width:1000px;
	height:510px;
	margin-top:90px;
 	left:50%;
  margin-left:-500px;
	position:absolute;
	text-align: center;
}

.cap{
	text-transform: uppercase;
}

p{
margin:0;
padding:0px;
}

.content span{
	line-height: 1em;
}

.content img{
	height:200px;
}

.content .img-large{
	height:500px;
}


.background{
	background: white;	
}