/* define body propertie */
body {
    padding : 0px;/* space between border and start of the text */
	text-align : justify;
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
    font-size:  11px; /* size of the font */
	color : #333333;
    background-image:url(pictures/design/backgroundSiteGlobal.png);
	background-repeat:repeat-x;
	background-color:#B9B9B9;
}

/* affichage du site avec un cadre blanc */
.SiteGlobal{
	margin-left: auto;
    margin-right: auto;
	border: #444444 double 1px;
	width : 950px;
	top:2px;
	position : relative;
	background: #EEEEEE;
}

/* affichage du site avec un cadre blanc */
.SiteGlobalCreationItineraire{
	margin-left: auto;
    margin-right: auto;
	padding:10px;
	border: #444444 double 1px;
	width : 950px;
	top:2px;
	position : relative;
	background: #FFFFFF;
}

/* pour l'affichage de la bannière */
.banniere_Z0{
	position : relative;
	width:100%;
	height:200px;
	background:url(pictures/design/fond.jpg);	
	z-index : 1;
}

/* div pour les mini options "print 	 email a friend 	  add to favourites   	 sitemap" */
.optionsBaniere{
	position : absolute;
	width:680px;
	right:270px;
	z-index : 1;
	height:20px;
	top:0px;
	background-color:#FFFFFF;
	border-bottom: #AAAAAA double 1px;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

/* pour l'affichage du menu */
.menu_Z2{
	position : absolute;
	z-index : 2;
	top : 200px;
	float:left; 
	width:100%; 
	font-family: verdana, arial, sans-serif; 
	font-size:11px;
	background:url(pictures/design/menu.gif) repeat-x top left; 
	height:33px;
	border-top:2px solid #4c7f4c;  
	border-bottom:2px solid #4c7f4c;
}

/* pour l'affichage du  bandeau à droite */
.bandeauDroit_Z1{
	position : absolute;
	width:250px;
	height:100%;
	top : 0px;
	border-right: #666666 double 1px;
	border-left: #666666 double 1px;
	z-index : 1;
	right : 20px;
	background:#FFFFFF;
	-moz-opacity:0.4;
	opacity: 0.4;
	filter:alpha(opacity=40);
}

/* pour l'affichage du  bandeau à droite */
.bandeauDroit_Z2{
	position : absolute;
	width:200px;
	height:100%;
	top : 0px;
	border-right: #AAAAAA double 1px;
	border-left: #AAAAAA double 1px;
	z-index : 2;
	right : 45px;
	background:#FFff88 url(pictures/design/background.gif);
}

.bandeauDroit_Z3{
	position : absolute;
	width:200px;
	height:200px;
	top : 0px;
	right : 45px;
	z-index : 3;
	background: url(pictures/design/arms.png) no-repeat;
}

/* pour l'affichage du contenu globale des pages */
.contenuGlobal_Z0{
	position : relative;
	width:660px;
	height:auto;
	z-index :0;
	top : 30px;
	background: #EEEEEE;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	min-height : 650px;
}

/* pour l'affichage des mentions légales */ 
.mentionsLegales_Z2{
	position : relative;
	width:100%;
	height:40px;
	border-top: #BBBBBB double 1px;
	z-index : 2;
	bottom : 0px;
	background:#333333 url(pictures/design/background_mentions.gif);
	text-align:center;
	color : #FFFFFF;
}



/* div pour la recherche */
.recherche_Z2{
	position : absolute;
	width:224px;
	height:100px;
	border-top: #BBBBBB double 1px;
	border-bottom: #BBBBBB double 1px;
	border-right: #BBBBBB double 1px;
	border-left: #BBBBBB double 1px;
	z-index : 2;
	right : 33px;
	top : 255px;
	background: #ffffff;
}

/* div pour l'affichage des photos */
.affichageImage_Z2{
	position : absolute;
	width:224px;
	height:191px;
	border-top: #BBBBBB double 1px;
	border-bottom: #BBBBBB double 1px;
	border-right: #BBBBBB double 1px;
	border-left: #BBBBBB double 1px;
	z-index : 2;
	right : 33px;
	top : 380px;
	background: #FFFFFF;
}

/* div pour l'affichage des événements */
.affichageEvenements_Z2{
	position : absolute;
	width:224px;
	height:220px;
	border-top: #BBBBBB double 1px;
	border-bottom: #BBBBBB double 1px;
	border-right: #BBBBBB double 1px;
	border-left: #BBBBBB double 1px;
	z-index : 2;
	right : 33px;
	top : 595px;
	background: #FFFFFF;
}

/* div pour l'affichage des photos */
.photoDefiler{
	position:absolute;
	top : 42px;
	background: #000000;
	width:224px;
	text-align:center;
}