body
{
   width:762px;
   margin: auto; /* Pour centrer notre page */
   background-repeat: no-repeat;
   font-size: 90%;
   margin-left: 0px;
   font-family: "Calibri",  "Times New Roman", "Arial", "Arial Black", Times, serif;
   margin-left:150px;
}

/* L'en-tête */
#global
{
float: left;
width: 950px;
background: url("global.jpg") repeat-y;


}

#camps1 a:link, #camps1 a:visited
{

 display: block;
 width:120px;
 height:60px;
 background-image: url("cnazareth2.jpg");
 background-repeat: no-repeat; /* L'image ne sera pas répétée en mosaïque*/
 text-decoration: none;
 padding: 64px 40px;
 margin-left:280px;
 margin-top:100px;
}
#camps1  a:hover 
{ 
 background-image: url("cnazareth.jpg");
 text-decoration: none;
}
#camps2  a:link, #camps2 a:visited
{

 display: block;
 width:120px;
 height:60px;
 background-image: url("cndm2.jpg");
 background-repeat: no-repeat; /* L'image ne sera pas r�p�t�e en mosa�que*/
 padding: 57px 40px;
 text-decoration: none;
 margin-left:280px;
}
#camps2 a:hover 
{ 

 background-image: url("cndm.jpg");
 text-decoration: none;
}

#camps3 a:link, #camps3 a:visited
{

 display: block;
 width:120px;
 height:50px;
 background-image: url("cbethleem2.jpg");
 background-repeat: no-repeat; /* L'image ne sera pas r�p�t�e en mosa�que*/
 padding: 57px 40px;
 text-decoration: none;
 margin-left:280px;
}
#camps3 a:hover 
{ 
 background-image: url("cbethleem.jpg");
 text-decoration: none;
}
#camps4 a:link, #camps4 a:visited
{

 display: block;
 background-image: url("cndr2.jpg");
 background-repeat: no-repeat; /* L'image ne sera pas r�p�t�e en mosa�que*/
 text-decoration: none;
 width:120px;
 height:60px;
 padding: 57px 40px;
 margin-left:280px;
}
#camps4 a:hover 
{ 

background-image: url("cndr.jpg");
}
#conteneur
{
   width: 825px; 
   height: 181px; /* La banni�re fera 825 sur 181 pixels */
   background-image: url("bannierefinale.jpg"); /* image de la banni�re*/
   background-repeat: no-repeat; /* L'image ne sera pas r�p�t�e en mosa�que*/
   margin-left:50px;
   float:left;
   /*border-width: 8px;
   border-color: green;
   border-style: inset;*/
}
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 63.5% "Calibri", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
    width: 80.65%;
    margin-left: 71px;
    margin-top:10px;
    float:left;
	}
.menu ul{
	background:rgb(86,103,147);
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:rgb(86,103,147) url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #3B4E77;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:rgb(86,103,147);
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;

		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;

		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#3B4E77;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}



#centre
{  
   /*text-indent: 15px;  tabulation*/
   margin-top: 0px;
   margin-left: 25px; /* Une marge � gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* Ca c'est pour �viter que le corps colle trop au pied de page en-dessous */
   padding: 40px; /* Pour �viter que le texte � l'int�rieur du corps ne colle trop � la bordure */
   width:810px;
   color: black ;
   float:left;
   /*background-color: rgb(128,128,255);  Une couleur de fond pour le corps 
   background-image: url("images/daguet.jpg");
   background-repeat: repeat-x;  Une petite image de fond qui se r�p�tera horizontalement en haut */
   
   border: 2px none black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#centre h1 /* Tous les titres h1 du corps */
{
   color: #3B4E77;
   font-family: "Calibri", "Arial", "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

#centre h2 /* Tous les titres h2 du corps */
{
height: 30px;
float:left;
background-image: url("images/puce.jpg"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se r�p�tera pas, elle sera � gauche du titre */
   
    /*padding-left: 30px;
        color: rgb(43,198,97);*/
   text-align: left;
}
#centre h4
{
height: 25px;
text-decoration: underline;
float:left;
}

#textebleu
{
color: rgb(86,103,147);
font-weight:bold;
text-align: justify;
width: 810px;
margin-left:10px;
margin-top:0px;
float:left;
}
#textebleucoordonnees
{
color: rgb(86,103,147);
font-weight:bold;
text-align: justify;
text-align:center;
width: 810px;
margin-top:0px;
float:left;
}
#textebleuencadre
{
color: rgb(86,103,147);
font-weight:bold;
text-align: justify;
width: 800px;
margin-left:10px;
margin-bottom:20px;
float:left;
border-style:dotted;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
}
#textegrasencadre
{
font-weight:bold;
text-align: justify;
width: 800px;
margin-left:10px;
margin-bottom:20px;
float:left;
border-style:solid;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
}
#textegrasencadre  img
{
border-style: none;
}
#textegras
{
font-weight:bold;
text-align: justify;
width: 810px;
margin-left:10px;
margin-bottom:20px;
float:left;
}
#textegrassejours
{
font-weight:bold;
text-decoration:underline;
}
#textebleusejours
{
color: rgb(86,103,147);
font-weight:bold;
font-size: medium;
}
#textebleusejourssouligne
{
color: rgb(86,103,147);
font-weight:bold;
text-decoration:underline;
}

#textebleusejours2
{
color: #3B4E77;
font-weight:bold;
}
#textebleusejours2souligne
{
color: #3B4E77;
font-weight:bold;
text-decoration:underline;
}

#titrebleusejours
{
border-bottom: 1px solid grey;
color: rgb(86,103,147);
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
font-size:1.2em;
}

#titrebleusejours2
{
border-bottom: 1px solid grey;
color: #3B4E77;
font-weight:bold;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
font-size:1.2em;
}


#texte
{
text-align: justify;
width: 810px;
margin-left:20px;
margin-top:0px;
float:left;
}

#textequisommesnous
{
text-align: justify;
width: 810px;
margin-left:0px;
margin-top:20px;
margin-bottom:20px;
float:left;
text-indent:30px;
line-height:30px;
}



#titrebleu
{
border-bottom: 1px solid grey;
color: rgb(86,103,147);
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
#sejours img
{
border-style: none;
color: none;
margin-left:200px;
margin-top:-250px; 
/*height: 200px;
width: 200px;
*/
float:left;
}
#centre img
{
border-style: none;
color: none;
text-align: center;
}

/*#centre  img  .photos
{
border-style: none;
color: none; 
width: 55%;
height: 55%;
}
*/

#centre .liens
{
width: 27%;
padding: 2px 2px;
text-decoration: none;
/*Couleur des bords clair fonc� fonc� clair*/
float:left;


background: rgb(86,103,147);
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;
margin-left:290px;
text-align:center;

}


#tract
{
position:absolute;
left: 50%; 
top: 50%;
margin-top: 50px; /* moitié de la hauteur de l'image */
margin-left: -195px; /* moitié de la largeur de l'image */
}
 
#imagecamps
{
width: 30px;
height: 30px;
float:left;
}

/*Ici, c'est pour le survol des liens*/
#centre  .liens:hover, .liens:active
{
background: #3B4E77;
color: #fff;
padding-bottom: 8px;
}


#pied
{
float :left;
margin-left:300px;
 }
/*div#galerie
{
	width: 410px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
	float:left;
	}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	float:left;
	}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
	float:left;
	}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
	float:left;
	}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
	float:left;
	}

dl#photo dd
{
	margin: 0 ;
	float:left;
	}

dl#photo img
{
	border: 1px solid #dcb ;
	float:left;
	}
*/


/*============================================LIGHTBOX==================================================================*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 20px; height: 20px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 10%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 10%; width: 10%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 10%; height: 10%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 10%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 20%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 10%; height: 100px; background-color: #000; }


/*============================================LIGHTBOX==================================================================*/