body /* pour la page entiere */
{
	background-color: rgb(255,255,255); /* couleur de fond */
	margin: auto; /* Pour centrer notre page */
	width: 920px; /* largeur du contenu du texte */
	margin-top: 30px; /* marge extérieur supérieur */
}

.textTitre
{
	padding-left: 25%; /* marge intérieur gauche */
	text-align: justify; /* placement texte */
	font-family: "Monotype Corsiva", Vivaldi, "Curlz MT", Pristina, "Blackadder ITC", "Times New Roman"; /* type d'écriture */
}

#en_tete
{
	height: auto; /* hauteur */
	background-color: rgb(255,255,255); /* couleur de fond */
	margin-bottom: 40px; /* marge extérieur basse */
}

a /* application des liens */
{
	text-decoration: none; /* liens plus soulignés */
	color: rgb(255,255,255); /* couleur lien */
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   color: rgb(0,102,102); /* couleur du texte */
}

#corps1
{
	border: 1px rgb(192,192,192) dashed; /* bordure */
	height:auto;
	font-family:"Times New Roman", Georgia; /* style d'ecriture */
	background-image:url("./Images/FondCorps1.jpg");
}

#corps1 img
{	
	border:solid white 0px; /* bordure */
}

.textCorps1
{
	width: 625px; /* largeur */
	float:right; /* flottant droit */
	font-size:17px; /* taille texte */
}

html>body .corps2
{
	border: 1px rgb(125,125,255) groove; /* bordure */
	-moz-border-radius: 0px 50px 0px 50px; /* arrondis */
	-webkit-border-radius: 0px 50px 0px 50px; /* arrondis */
	-khtml-border-radius: 0px 50px 0px 50px; /* arrondis */
	background-color:rgb(240,240,240); /* couleur de fond */
	height:auto;
	text-align: center; /* texte aligner */
	padding: 3px; /* marge intérieur */
	margin: 0px; /* marge extérieur automatique */
	float: left; /* flottant */
}

html>body .arrondis
{
	border: 1px rgb(125,125,255) groove; /* bordure */
	-moz-border-radius: 10px 10px 10px 10px; /* arrondis */
	-webkit-border-radius: 10px 10px 10px 10px; /* arrondis */
	-khtml-border-radius: 10px 10px 10px 10px; /* arrondis */
}

.contact
{
	margin-bottom:30px;
}

.engagement
{
	background-image:url(./Images/engagement.jpg);
	height:414px;
	width:914px;
	border:grey 1px solid;
	margin-bottom:30px;
}

.lien
{
	color:rgb(0,0,0); /* couleur du texte */
}

.lien:hover
{
	color: rgb(128,128,192); /* couleur du texte */
}

.demande
{
	height:auto; /* hauteur */
	border:grey 1px solid; /* bordure */
	margin-bottom:20px; /* marge extérieur basse */
	font-size:14px; /* taille */
	color:rgb(96,96,96); /* couleur texte */
	padding-top:20px; /* marge intérieur haute */
	padding-bottom:15px; /* marge intérieur basse */
}

.login
{
	height:auto; /* hauteur */
	border: 1px solid grey; /* bordures */
	padding:20px; /* marge intérieur */
	margin-bottom:20px; /* marge extérieur basse */
	font-size:17px; /* taille */
}

#clik
{
	color:red;
}

#clik:hover
{
	color:red;
	font-weight: bold;
}

/************************************************************* Design pour le menu déroulant *************************************************************************/
#menu, #menu ul /* Liste */     
{
	z-index:100; /* le menu passe au premier plan */
	padding : 0px; /* pas de marge intérieure */
	margin : 0px; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0px; /* aucune marge intérieure */
	margin: 0px; /* pas de marge extérieur */
	background-color:rgb(0,8,100);
	color : rgb(255,255,255); /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 120px; /* largeur */
	height:auto;  /* hauteur automatique */
}

#menu li /* Elements des listes */      
{ 
	float : left; /* flottant */
	height:auto;  /* hauteur automatique */
}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolue */
	width: 120px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: rgb(0,0,0); /* On passe le texte en noir... */
	background:rgb(199,199,226); /* couleur de fond */
	width : 120px; /* largeur */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0px; /* Corrige un bug sous IE */
}

/*************************************************************** Design de la galerie photo ****************************************************/
#lightbox
{	
	position: absolute;	/* positionnement */
	left: 0; /* disposition */
	width: 100%; /* largeur */
	z-index: 100; /* passe au premier plan */
	text-align: center; /* texte aligner */
	line-height: 0; /* hauteur */
}

#lightbox img
{ 
	width: auto; /* largeur automatique */
	height: auto; /* hauteur automatique */
}

#lightbox a img
{ 
	border: none; /* pas de bordure */
}

#outerImageContainer
{ 
	position: relative; /* positionnement */
	background-color: #fff; /* couleur de fond */
	width: 250px; /* largeur */
	height: 250px; /* hauteur */
	margin: 0 auto; /* marge extérieur */
}

#imageContainer
{ 
	padding: 10px; /* marge intérieur */
}

#loading
{ 
	position: absolute; /* positionnement */
	top: 40%; /* posotion haute */
	left: 0%; /* posotion gauche */
	height: 25%; /* hauteur */
	width: 100%; /* largeur */
	text-align: center; /* texte aligner */
	line-height: 0; /* hauteur */
}

#hoverNav
{ 
	position: absolute; /* positionnement */
	top: 0; /* posotion haute */
	left: 0; /* posotion gauche */
	height: 100%; /* hauteur */
	width: 100%; /* largeur */
	z-index: 10; /* passe au premier plan */
}

#imageContainer>#hoverNav
{ 
	left: 0; /* posotion gauche */
}

#hoverNav a
{ 
	outline: none; /* pas de bordures dessus l'element */
}

#prevLink, #nextLink
{ 
	width: 49%; /* largeur */
	height: 100%; /* hauteur */
	background-image: url(data:./Images/gif,base64,AAAA); /* Trick IE into showing hover */ 
	display: block; /* type devient block */
}

#prevLink 
{ 
	left: 0; /* position gauche */
	float: left; /* flottant gauche */
	background: url(./Images/prevlabel.gif) left 0% no-repeat; /* image de fond */
}

#nextLink 
{ 
	right: 0; /* position droite */
	float: right; /* flottant droit */
	background: url(./Images/nextlabel.gif) right 0% no-repeat; /* image de fond */
}

#imageDataContainer
{ 
	font: 10px Verdana, Helvetica, sans-serif; /* style ecriture */
	background-color: #fff; /* couleur de fond */
	margin: 0 auto; /* marge exterieur */
	line-height: 1.4em; /* hauteur */
	overflow: auto; /* debordement */
	width: 100%	; /* largeur */
}

#imageData
{	
	padding:0 10px; /* marge intérieur */
	color: #666; /*couleur de texte */
}

#imageData #imageDetails
{ 
	width: 70%; /* largeur */
	float: left; /* flottant gauche */
	text-align: left; /* alignement gauche */
}	

#imageData #caption
{ 
	font-weight: bold; /* texte en gras */
}

#imageData #numberDisplay
{ 
	display: block; /* type block */
	clear: left; /* arret flottant gauche */
	padding-bottom: 1.0em; /* marge intérieur basse */	
}
	
#imageData #bottomNavClose
{ 
	width: 66px; /* largeur */
	float: right;  /* flottant droit */
	padding-bottom: 0.7em; /* marge intérieur basse */
	outline: none; /* pas de bordures sur element */
}