/*###################################################################################*/
/* BODY BACKGROUND Gradiant + Menus H1, H2 et le hoover A*/
/*###################################################################################*/
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
								/* The min-width property does not work in old versions of Internet Explorer */
		font-size:100%;
		height:100%;
								/* Gradiant Background : helper : http://www.css3factory.com/linear-gradients/ */	
								/* Color type : helper : http://www.colorhexa.com/b3b3b3 */
		background-image: url("../PICTURES/bg1.jpg");
		
/*		background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0, #FFFFFF),
		color-stop(0.82, #F1F1F1)
		);
		background-image: -o-linear-gradient(right bottom, #FFFFFF 0%, #F1F1F1  82%);
		background-image: -moz-linear-gradient(right bottom, #FFFFFF 0%, #F1F1F1 82%);
		background-image: -webkit-linear-gradient(right bottom, #FFFFFF 0%, #F1F1F1 82%);
		background-image: -ms-linear-gradient(right bottom, #FFFFFF 0%, #F1F1F1 82%);
		background-image: linear-gradient(to right bottom, #FFFFFF 0%, #F1F1F1 82%);
*/
	}
	body:before { 
		content: "";
		position: fixed;
		top: -10px;
		left: 0;
		width: 100%;
		height: 10px;
		z-index: 100;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
	h1 {
		margin:.8em 0 .2em 0;
		padding:0;
		color : #b3b3b3;
		font-family:"Lucida Caligraphy",Monotype Corsiva, cursive;
		font-size : 30px;
		text-align: center;
	}
	
	
	h2 {
		margin:.8em 0 .2em 0;
		padding:0;
		color : white;
		font-family:"Arial", Helvetica, sans-serif;
		font-size : 18px;
		text-align: left;
		font-weight: 100;
	}
	
	h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		color : black;
		font-family:"Arial", Helvetica, sans-serif;
		font-size : 21px;
		text-align:left;
		font-weight: 100;
	}
	h4 { /*Titre du Panorama */
		margin:.8em 0 .2em 0;
		padding:0;
		/*color : black;*/
		color:#727272;
		font-family: "Garamond", Georgia, serif;
		font-size : 22px;
		text-align:left;
		font-weight: 600;
		font-style:italic;
		text-shadow: 0 1px 1px #fff;
	}
	
	h5 { /*Description du Panorama */
		margin:.8em 0 .2em 0;
		padding:0;
		color : #727272;
		font-family: "Times New Roman", Georgia, Serif;
		font-size : 16px;
		text-align:left;
		font-weight: 400;
		text-shadow: 0 1px 1px #fff;
		font-style:italic;
	}
	
	h6 { /*date du Panorama */
		margin:.8em 0 .2em 0;
		padding:0;
		color : #BDBDBD;
		font-family: "Times New Roman", Georgia, Serif;
		font-size : 12px;
		text-align:left;
		font-weight: 400;
		text-shadow: 0 1px 1px #fff;
	}
	
	h7 { /*ligne de description */
		margin:.8em 0 .2em 0;
		padding:0;
		color : #727272;
		font-family: "Times New Roman", Georgia, Serif;
		font-size : 16px;
		text-align:right;
		font-weight: 400;
		text-shadow: 0 1px 1px #fff;
		font-style:italic;
	}
	
	
	a { /*Couleur du texte en général  */
		-moz-transition:color 0.3s ease-out;
		-webkit-transition:color 0.3s ease-out;
		-o-transition:color 0.3s ease-out;
		-ms-transition:color 0.3s ease-out;
		transition:color 0.3s ease-out;
		color:#336699;
		font-weight:bold;
		font-size:15;
		font-style:normal;
	}
	a:hover {
		/* color:#fff; /* couleur du texte lorsque l'on passe sur le texte de lien */
		color:#000000;
		/*background:#369; /* couleur de fond lorsque l'on passe sur le texte de lien               */
		background:transparent;
		text-decoration:none;
		/*font-style:italic;*/
		/*font-weight:bold;*/
		/*font-size:15px;*/
	}	

	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px; 
		width: auto;    /*Centering a div in a div you can set 50% to change the aspect with the size of the screen*/
		margin: 0 auto; /*Centering a div in a div */
	}
	#ads img {
		display:block;
		padding-top:10px;
	}


	
/*###################################################################################*/
/* DIV LOGOP */
/*###################################################################################*/
#logoP {
	border:0px solid #000;
	top:0px;
	left:25px;
	height:70px; /*Hauteur de la div Header*/
	/*right:0px;*/
	width: 70px;
	overflow: overflow;
	background:#c0c0c0;
	position:fixed;
	text-align:center;
	}

	
/*###################################################################################*/
/* DIV LOGOL */
/*###################################################################################*/
#logoL {
	border:0px solid #000;
	top:0px;
	left:95px;
	height:70px; /*Hauteur de la div Header*/
	/*right:0px;*/
	width:220px;
	overflow:hidden;
	background:#c0c0c0;
	position:fixed;
	text-align:left;
	}
	
/*###################################################################################*/
/* DIV LOGOR */
/*###################################################################################*/
#logoR {
	border:0px solid #000;
	top:23px;
	left:335px;
	height:70px; /*Hauteur de la div Header*/
	/*right:100px;*/
	width:350px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	text-align:left;
	}
	
	
/*###################################################################################*/
/* DIV Menu */
/*###################################################################################*/
#Menubutton {
	border:0px solid #000;
	top:95px;
	left: 0px; /*685px;*/
	height:30px; /*Hauteur de la div Header*/
	/*right:100px;*/
	width:100%;
	overflow:hidden;
	background:transparent;
	position:fixed;
	text-align:center;
	margin:auto;
	}

/*###################################################################################*/
/* DIV Message */
/*###################################################################################*/
#Message {
	border:0px solid #000;
	/* top:105px; */
	/* left: 0px; /*685px;*/
	/*height:10px; /*Hauteur de la div Header*/
	/*right:100px;*/
	/*width:100%;*/
	overflow:hidden;
	background:transparent;
	position:fixed;
	text-align:right;
	margin:auto;
	top:110px;
	left:10px;
	right:10px;
	width:90%;
	max-width: 1024px;
	}

/*###################################################################################*/
/* DIV BIG IMAGE */
/*###################################################################################*/
#images {
    border:0px solid #000;
	text-align:center;
	top:150px;
	left:10px;
	height:81%; 
	right:10px;
	overflow: scroll; /*hidden or overflow*/
	background:transparent;
	position:fixed;
	margin:auto;
	overflow-y: scroll;
	overflow-x: hidden;

}

/*###################################################################################*/
/* DIV IMAGE with shadow (special size) */
/*###################################################################################*/
#imagesSZ {
    border:0px solid #000;
	text-align:left;
	height:200x; 
	width: 940px;
	overflow: hidden;
	background:transparent;
	position:static;
	margin: 0 auto; /*centrer la div dans une div*/
	box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);

	}




	
/*###################################################################################*/
/* DIV DESC IMAGE */
/*###################################################################################*/
#descimages {
    border:0px solid #000;
	text-align:left;
	height:200x; 
	width: 940px;
	overflow: hidden;
	background:transparent;
	position:static;
	margin: 0 auto; /*centrer la div dans une div*/

	}

	/*###################################################################################*/
/* DIV DISPLAY IMAGE */
/*###################################################################################*/
#dispimages {
    border:0px solid #000;
	text-align:left;
	height:350px; 
	width: 960px;
	overflow: hidden;
	background:transparent;
	position:static;
	margin: 0 auto; /*centrer la div dans une div*/

 
	}
/*###################################################################################*/
/* DIV FOOTER */
/*###################################################################################*/
#footer {
		/* background-color:transparent;  */
		background-color:transparent;
		/*border-top:2px solid #000; */
		/* font: bold 18px arial; */
		/* font-style:bold; */
		width:100%; /* Taille : ici à 100% de la largeur de la fenêtre navigateur (à modifier selon le cas) */
		height:30px; /* Hauteur de cette DIV (exemple 200 px à modifier selon le cas) */
		position:fixed; /* Pour fixer cette div afin qu'elle soit en permanence au bas de la fenêtre */
		top: 100%; /* Sa position par rapport au haut de la fenêtre (100% pour n'importe quelle hauteur de fenêtre). Le 100% fait sortir la div de la fenêtre puisque par rapport à son coin supérieur gauche (Ne pas modifier) */
		left:0px;
		margin:-30px auto 0 auto; /* La valeur top (la première, donc ici -200 (négative)) fait revenir la div dans la fenêtre. Elle doit être identique à la hauteur de la div. Les "auto" sont là pour centrer la div si tu spécifies une largeur différente */
 		border:0px solid #888;
		}
#footer p {
	padding:10px;
	margin:0;
	color:#336699;
	text-align:center;
}

#footer a {
	color:#336699; /* couleur du texte lorsque l'on passe sur le texte de lien */
	/*background:#369; /* couleur de fond lorsque l'on passe sur le texte de lien  */
	background:transparent;
	font-weight:bold;
	font-size:15;
	font-style:normal;
	}
#footer a:hover {
	color:#336699; /* couleur du texte lorsque l'on passe sur le texte de lien */
	/*background:#369; /* couleur de fond lorsque l'on passe sur le texte de lien  */
	background:transparent;
	font-weight:normal;
	font-size:16;
	font-style:normal;
	}

#footertable {
 width: 100%;
 /*padding: 2px; */
 border-spacing: 2px; 
}
.footertablecenter{
   margin-left:auto;
   margin-right:auto;
}