/*###################################################################################*/
/* 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/BG/o.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: center;
		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;
	}
	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 MENU TITLE */
/*###################################################################################*/
#menutitle {
	position:fixed;
	border:0px solid #000;
	top:130px;
	width:200;
	height:25px; 
	left:0px;
	overflow:show;
	background:transparent;
	position:auto;
	text-align: center;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight: 100;
	}
	
/*###################################################################################*/
/* DIV MENU */
/*###################################################################################*/
#menu {
	position:fixed;
	border:0px solid #000;
	top:160px;
	width:200;
	height:83%; 
	left:8px;
	overflow:show;
	background:transparent;
	position:auto;
	text-align: center;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight: 100;
	}
	

/*###################################################################################*/
/* DIV BIG IMAGE */
/*###################################################################################*/
#imageofmonth {
    border:0px solid #000;
	text-align:center;
	top:90px;
	left:300px;
	height:79%; 
	right:40px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	margin:auto;

}
	
/*###################################################################################*/
/* DIV COMMENTS instead of BIG IMAGE */
/*###################################################################################*/
#comments {
    border:0px solid #000;
	text-align:center;
	top:160px;
	left:350px;
	height:79%;
	max-width:900px;
	right:100px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	margin:auto;

}
/*###################################################################################*/
/* DIV PICTURES */
/*###################################################################################*/
#pictures {
    border:0px solid #000;
	text-align:center;
	top:130px;
	left:190px;
	height:79%; 
	right:40px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	margin:auto;
	/*overflow: scroll;*/
	overflow-y: scroll;
	overflow-x: hidden;

}

/*###################################################################################*/
/* PORTFOLIO LIST */
/*###################################################################################*/
#portfoliolist {
    border:0px solid #000;
	text-align:center;
	top:130px;
	left:300px;
	height:79%; 
	right:40px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	margin:auto;
	overflow: scroll;

}	
/*###################################################################################*/
/* DIV BANDE DE LOCALISATION */
/*###################################################################################*/
#locaband {
	border:0px solid #000;
	top:490px;
	right:226px;
	height:25px; 
	left:25px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	text-align:left;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size : 15px;
	color : #336699;
	}
/*###################################################################################*/
/* DIV THUMBNAILS */
/*###################################################################################*/
#maincolumn {
	border:0px solid #000;
	top:520px;
	height:62%; 
	width:100%;
	left:0px;
	overflow:hidden;
	background:transparent;
	position:fixed;
	text-align:center;
	overflow:auto;
	}
/*###################################################################################*/
/* DIV FOOTER */
/*###################################################################################*/
#footer {
		/* background-color:transparent;  */
		background-color:transparent;
		/*border-top:2px solid #000; */
		/* font: bold 18px arial; */
		/* font-style:bold; */
		width:90%; /* 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:80px;
		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;
}