html
 

    
     
 

#arriere{
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
} 


p
{
   color: black;
   font-size: 14px;
   font-family: Arial, "Courier New", Verdana, serif;
   
   
}
a
{
	
	font-size:14px;
	font-family: Arial, "Courier New", Verdana, serif;
}
.alinea
{
   text-indent: 20px; 
}
.nom
{
   color: blue;
   font-family: Arial, "Courier New", Verdana, serif;
}
h1, h2, h3, h4, h5, h6
{
	font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
	
}
h3
{
   font-size:18px;
}	
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: white; /* Les liens seront en gris au lieu de bleu */
   
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Le lien deviendra souligné quand on pointera dessus */
   color: silver; /* Le lien sera écrit en vert quand on pointera dessus */



.video {
  float : left;
  margin-right : 16px;
  }
div
{
	position: relative;
	left: 31px;
	bottom: 0px;
	top: 51px;
	text-align: center;
	background-image: url();
	width: 850px;
	height: 409px;
	
}

}
.layer1
{
	position: center;
	left: 83px;
	bottom: 300px;
	top: 61px;
	background-image: url(img1.jpg);
}
.just
{
text-align: justify;
}
.entete
{
color: black;
text-decoration: none;
}
.entete1
{
color: black;
text-decoration: none;
}
.red
{
color: #CC0000;

}
.left
{
text-align: left;
}
.center
{

margin-top: 0px;
font-size: 11px;
width:720px;
}
.centercoop
{

margin-top: 0px;
font-family: "Cooper Black", Arial, Courier New, Courier, serif;
width:720px;
}

.center1
{
text-align: center;
margin-top: 0px;


}

.centergray
{
text-align: center;
margin-top: 0px;
color: gray;
}
.centergrey
{
text-align: center;
margin-top: 0px;
color: gray;

}
.rightgrey
{
text-align: right;
margin-right: 80px;
color: grey;
}
.leftred
{
text-align: left;
margin-left: 63px;
color: #990000;
}
.white
{
color: white;

}
.centerwhite
{
text-align: center;
margin-top: 0px;
color: white;
}
.centerwhite1
{
text-align: center;
margin-top: 0px;
color: #646464;
}

.leftwhite
{
text-align: left;
margin-left: 63px;
color: white;
}


a.type1 {   color: white;  text-decoration:none ; font-style: italic; }
a.type1:hover {  color:#969696 }

a.type1b {   color: white;  text-decoration:none ; font-style: italic; }
a.type1b:hover {  color:white }

a.type1c {   color:#969696;  text-decoration:none ;  	font-size: 13.5px;
 }
a.type1c:hover {  color:#4B4B4B }

a.type2 { color:#4B4B4B; text-decoration:none ;   	font-size: 13.5px;
}
a.type2:hover { color:#969696;text-decoration:none  }

a.type3 { color:#C0C0C0; text-decoration:none ; font-style: italic;  }
a.type3:hover { color:#4B4B4B;text-decoration:none  }

a.type4 { color:black; text-decoration:none ;font-style: italic;   }
a.type4:hover { color:grey;text-decoration:none  }

a.type5 { color:#C0C0C0; text-decoration:none ;font-style: italic; font-size:12px;   }
a.type5:hover { color:#4B4B4B;text-decoration:none  }

a.type55 { color:black; text-decoration:none ;font-style: italic; font-size:12px;   }
a.type55:hover { color:#4B4B4B;text-decoration:none  }

a.type56 { color:#4B4B4B; text-decoration:none ;font-style: italic; font-size:12px;   }
a.type56:hover { color:#4B4B4B;text-decoration:none  }


a.type6 { color:#d60000; text-decoration:none ;font-style: italic;    }
a.type6:hover { color:black;text-decoration:none  }

a.type7 {   color: #999966;  text-decoration:none ; font-style: italic;font-family:  Arial, "courrier new", serif;
	text-align: center;}
a.type7:hover {  color:white ;text-decoration:none ;}

a.type8 { color:#C0C0C0; text-decoration:none ;font-style: italic;    }
a.type8:hover { color:#4B4B4B;text-decoration:none  }	
	
	
a.type9 { color:black; text-decoration:none ;font-style: italic; font-size:12px;   }
a.type9:hover { color:gray;text-decoration:none  }

a.type10 { color:#969696; text-decoration:none ; font-style: italic;  }
a.type10:hover { color:black;text-decoration:none  }


a.type11 { text-align: justify;
	position:relative;
	font-size: 25px;
	width:715px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;  }
a.type11:hover { text-decoration:none  }

a.type12 { color:gray; text-decoration:none ; font-size:12px;   }
a.type12:hover { color:#4B4B4B;text-decoration:none  }

a.type13 { color:black; text-decoration:none ; font-style: regular; background-color:#C0C0C0; font-size:11px;}
a.type13:hover { color:black;text-decoration: none; font-style: regular;background-color:#4B4B4B; }

a.type14 { color:black; text-decoration:none ; font-style: regular; background-color:#4B4B4B; font-size:11px;}
a.type14:hover { color:black;text-decoration: none;font-style: regular; background-color:#4B4B4B; }

a.type15 { color:white; text-decoration:none ; font-style: regular; background-color:#4B4B4B; font-size:11px;}
a.type15:hover { color:white;text-decoration: none; font-style: regular;background-color:grey; }

a.type16 { color:white; text-decoration:none ; font-style: regular; background-color:grey; font-size:11px;}
a.type16:hover { color:white;text-decoration: none;font-style: regular; background-color:grey; }


.vignette0 { color:gray; text-decoration:none ; font-size:12px; }
.vignette0:hoover { color:black;text-decoration:none ;  }

.vignette0 span { display: none; 
 }
a.vignette0:hover span { display: block;  position:fixed;
        top: 150px;
        right: 50px;
         z-index:-1; }



.vignette { color:gray; text-decoration:none ;font-style: italic; font-size:12px; }
.vignette:hoover { color:black;text-decoration:none ;  }

.vignette span { display: none; 
 }
a.vignette:hover span { display: block;  position: fixed;
         bottom: 2px;
         left: 500px; }

.vignette1 { color:gray; text-decoration:none ;font-style: italic; font-size:12px; }
.vignette1:hoover { color:black;text-decoration:none ;  }

.vignette1 span { display: none; 
 }
a.vignette1:hover span { display: block;  position: absolute;
     bottom: 135px;
         left: 300px; }

.vignette2 { color:#4B4B4B; text-decoration:none ; font-size:11.5px;line-height: 0.7 }

.vignette2 span { display: none;line-height: 0.7;
 }
a.vignette2:hover span { display: block; position: fixed; 
         top: 170px;
         left:320px; 
		 line-height: 0.7;
		 }



.vignette2b { color:gray; text-decoration:none ; font-size:11px; }

.vignette2b span { display: none; 
 }
a.vignette2b:hover span { display: block; position: fixed; 
         top: 127px;
         left:350px; 
		 width: 100%;
		 }


.bgimg
{ display: block; position: fixed; 
         
width: 100%;
z-index:-1;
}

.vignette3 { color:#C0C0C0; text-decoration:none ;font-style: italic;  }
.vignette3:hoover { color:#4B4B4B;text-decoration:none  }


.vignette3 span { display: none;     
 }
a.vignette3:hover span { display: block;  position: relative;
 text-align: right;         }

.just0 {
	
	text-align: justify;
	position:relative;
	font-size: 25px;
	font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
	width:595px;
	color: gray;
}

.just01 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:400px;
	color: gray;
	font-family:  Arial, "Courier New", Verdana, serif;
}
.just001 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:297px;
	color: gray;
	font-family:  Arial, "Courier New", Verdana, serif;
}

.just0001 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:400px;
	color: gray;
	font-family:  Arial, "Courier New", Verdana, serif;
}

.just02 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:750px;
	color: white;
	font-family:  Arial, "Courier New", Verdana, serif;
}

.just03 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:715px;
	color: white;
	font-family:  Arial, "Courier New", Verdana, serif;
}

.just1 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:715px;
	color: gray;
	font-family:  Arial, "Courier New", Verdana, serif;
}

.just2 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 14px;
	width:715px;
	color: white;
}
.just3 {
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:715px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just4 {
	color: gray;
	text-align: justify;
	position:relative;
	font-size: 14px;
	width:715px;
	
}


.just4b {
	color: gray;
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:180px;
	
}


.just5 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:850px;
}
.just6 {
	text-align: justify;
	position:relative;
	font-size: 18px;
	width:490px;
font-family:  Arial, "Courier New", Verdana, serif;
color: white;
}
.just7 {
	
	text-align: justify;
	position:relative;
	font-size: 11px;
	line-height: 0.7;
	color:lightgray;
	width:180px;
	
	}
	
	
	.just7b {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 11px;
	width:610px;
	color:gray;
	line-height: 0.7;
	}
	
	
	.just7c {
	
	text-align: justify;
	position:relative;
	font-size: 12px;
	line-height: 0.8;
	color:lightgray;
	
	
	}
	
	
	.just71 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:610px;
	color:white;
	}
	
	
	.just8 {
	text-align: center;
	position:relative;
	font-size: 16px;
	width:476px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just9 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:476px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}

.just99 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:400px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}

.just10 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:250px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just11 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:420px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just12 {
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:600px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just13 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:270px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just14 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:200px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just15 {
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:900px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just16 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:900px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just17 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:595px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just171 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:565px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just18 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:330px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just19 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:600px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just20 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:20px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just21 {
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:950px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just22 {
	
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:700px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just23 {
	text-align: justify;
	position:relative;
	font-size: 20px;
	width:900px;
 font-family: "New York", Arial, "Courier New", Verdana, serif;
color: white;
}
.just23b {
	text-align: justify;
	position:relative;
	font-size: 20px;
	width:900px;
 font-family: "New York", Arial, "Courier New", Verdana, serif;
color: #CCCCCC;
}


.just23c {
	text-align: justify;
	position:relative;
	font-size: 13px;
	
 font-family: "New York", Arial, "Courier New", Verdana, serif;
color: #CCCCCC;
}

.just24 {
	text-align: right;
	position:relative;
	font-size: 16px;
	width:610px;
font-family:  "New York", Arial, "Courier New", Verdana, serif;
color: white;
}
.just25 {
	font-style: italic;
	text-align: left;
	position:relative;
	font-size: 11px;
width:690px;
	color:#333333;
	
	}
	
	.just25b {
	
	text-align: right;
	position:relative;
	font-size: 12px;
	
	color:#888888;
	
	}
	
	
	.just26 {
	font-style: italic;
	text-align: right;
	position:relative;
	
	width:610px;
	
	}
	.just27 {
	font-style: italic;
	text-align: center;
	position:relative;
	
	width:610px;
	
	}
	
	.just28 {
	text-align: left;
	position:relative;
	font-size: 25px;
	width:960px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: gray;
}
.just29 {
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:640px;
font-family:  "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}

.just30 {
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:860px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
.just31 {
	text-align: justify;
	position:relative;
	font-size: 12px;
	width:860px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}

.just32 {
	text-align: left;
	position:relative;
	font-size: 14px;
	width:320px;
font-family: "Arial Black", Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}

.just33 {
	text-align: justify;
	position:relative;
	font-size: 20px;
	width:390px;
 font-family: "New York", Arial, "Courier New", Verdana, serif;
color: white;
}

.just34 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:390px;
	color:lightgray;
	}
	.just35 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:230px;
	color: gray;
	font-family:  Arial, "Courier New", Verdana, serif;
}
.just36 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:330px;
	color:gray;
	}
	.just367 {
	font-style: italic;
	text-align: center;
	position:relative;
	font-size: 13px;
	width:330px;
	color:gray;
	}
	
	.just366 {
	font-style: italic;
	text-align: justify;
	position:relative;
	font-size: 25px;
	width:300px;
	color:black;
	}
	
	.just37 {
	
	text-align: left;
	position:relative;
	font-size: 12px;
	width:300px;
font-family:  Arial, "Courier New", Verdana, serif;
color: #4B4B4B;
}
	.justben1 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:400px;
	color:gray;
	}
	.justben2 {
	
	text-align: justify;
	position:relative;
	font-size: 13px;
	width:250px;
	color:gray;
	}
	
	.justben3 {
	
	text-align: right;
	position:relative;
	font-size: 11px;
	width:770px;
	color:gray;
	}
	
	
	.vignetteben {color: gray;
	font-size: 13px;
	}
	
	.vignetteben span { display: none; 
 }
a.vignetteben:hover span { display: block;  position: fixed; 
         top: 245px;
         left:420px; }

.vignetteben2 {color: gray;
	font-size: 13px;
	}
	
	.vignetteben2 span { display: none; 
 }
a.vignetteben2:hover span { display: block;  position: fixed; 
         top: 245px;
         left:508px; }
		 
		.deroul {
	
	color:gray;
	}
	
	.deroul2 {
	
	font-style: italic;
	}
	
	a.rat { color:#969696; text-decoration:none ; font-style: italic; width: 350px; text-align: justify; }
a.rat:hover { color:#969696;text-decoration:none; width: 400px; text-align: justify; }