/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* Configuration du menu principal */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
	ul.sdt_menu{
		margin:0;
		padding:0;
		list-style: none;
		font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
		font-size:14px;
		width:1020px;
	}
	ul.sdt_menu a{
		text-decoration:none;
		outline:none;
		color:green;
	}
	ul.sdt_menu li{
		float:left;
		width:170px;
		height:85px;
		position:relative;
		cursor:pointer;
	}
	ul.sdt_menu li > a{
		position:absolute;
		top:0px;
		left:0px;
		width:170px;
		height:85px;
		z-index:12;
		background:transparent url(../images/overlay.png) no-repeat bottom right;
		-moz-box-shadow:0px 0px 2px #000 inset;
		-webkit-box-shadow:0px 0px 2px #000 inset;
		box-shadow:0px 0px 2px #000 inset;
	}	
	ul.sdt_menu li a img{
		border:none;
		position:absolute;
		width:0px;
		height:0px;
		bottom:0px;
		left:85px;
		z-index:100;
		-moz-box-shadow:0px 0px 4px #000;
		-webkit-box-shadow:0px 0px 4px #000;
		box-shadow:0px 0px 4px #000;
	}
	ul.sdt_menu li span.sdt_wrap{
		position:absolute;
		top:25px;
		left:0px;
		width:170px;
		height:60px;
		z-index:15;
	}	
	ul.sdt_menu li span.sdt_active{
		position:absolute;
		background:#7F7F7F; /* Black #1111 */
		top:85px;
		width:170px;
		height:0px;
		left:0px;
		z-index:14;
		-moz-box-shadow:0px 0px 4px #000 inset;
		-webkit-box-shadow:0px 0px 4px #000 inset;
		box-shadow:0px 0px 4px #000 inset;
	}
	ul.sdt_menu li span span.sdt_link,
	ul.sdt_menu li span span.sdt_descr,
	ul.sdt_menu li div.sdt_box a{
		margin-left:15px;
		text-transform:uppercase;
		text-shadow:1px 1px 1px #000;
	}
	ul.sdt_menu li span span.sdt_link{
		color:#fff; /* Couleur Blanche (WHITE)*/
		font-size:24px;
		float:left;
		clear:both;
	}
	ul.sdt_menu li span span.sdt_descr{
		color:#C0C0C0; /* Bleu Foncé #0B75AF*/
		float:left;
		clear:both;
		width:155px; /*For dumbass IE7*/
		font-size:10px;
		letter-spacing:1px;
	}
	ul.sdt_menu li div.sdt_box{
		display:block;
		position:absolute;
		width:170px;
		overflow:hidden;
		height:170px;
		top:85px;
		left:0px;
		display:none;
		background:#7F7F7F; /* Couleur Noire (BLACK) #000 */
	}
	ul.sdt_menu li div.sdt_box a{
		float:left;
		clear:both;
		line-height:30px;
		color:#C0C0C0;  /* Bleu Foncé #0B75AF */
	}
	ul.sdt_menu li div.sdt_box a:first-child{
		margin-top:15px;
	}	
	ul.sdt_menu li div.sdt_box a:hover{
		color:#fff; /* Couleur Blanche (WHITE)*/
		font-weight:bold;
	}
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* BODY Page */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
	#backgroundContainer{
		width:100%;
        height:100%;
        position:fixed; /*fixed*/
		top: 0;
		left: 0; 
		background-position: left top;
		background-image: url("../IMAGES/BCKGRND/BW/bg13.jpg");
		background-size: 100% 100%
		/* background-size: cover;*/
        /*background-color:white;*/
    }
    #backgroundContainer div{
        width:100%;
        height:100%;
        position:fixed;
        top:0;
		left: 0;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		/* Background size : 100% 100%= full coverage without aspect ratio // cover : cover with image with aspect ratio // contain : the image. */
	}
    .page {
        width:100%;
        text-align:center;
        position:fixed;
    }
    .contents{
        width:400px;
        margin:0 auto;
        /* background-color:lightblue; */
    }
	/* Position des références situées en dessous de la page WEB */
	span.header{
		position:fixed;
		right:10px;
		top:10px;
		font-size:25px;
		border:1px solid #888;
	}
	/* Position des références situées en dessous de la page WEB */
	span.reference{
		position:fixed;
		left:10px;
		bottom:10px;
		font-size:12px;
	}
	/* Couleur par défaut du texte mis dans celles-ci */
	span.reference a{
		/* color:#aaa; */
		color:white;
		text-transform:uppercase;
		text-decoration:none;
		text-shadow:1px 1px 1px #000;
		margin-right:30px;
	}
	/* Couleur lorsque le curseur de la souris passe dessus */	
	span.reference a:hover{
		/* color:#ddd; */
		color:green;
	}
	/* Hauteur du menu JQuery */
	ul.sdt_menu{
		/* margin-top:150px; */
		margin-top:150px;
	}
	/* Localisation et localisation de l'image du titre principal */	
	h1.title{
		text-indent:-9000px;
		background:transparent url(IMAGES/mainsite_logo.png) no-repeat top left;
		width:633px;
		height:69px;
	}
	#InfoBox {
		position:absolute;
		top:500px;
		bottom:0;
		right:6%;
		width: 800px;
		height: 600px;
		background-color: transparent;
		color: black;
		text-decoration:none
		/* border:10px solid #888; */
	}
	#page-wrap { 
		display: none;
		/* top:800px;
		width: 400px; 
		margin: 50px auto; 
		padding: 20px; */
		font-family:Lucida Grande,Helvetica,Arial,sans-serif; 
		color:black; 
		font-size: 12pt;
		overflow:hidden;
		position: absolute;
		top:400px;
		bottom:0px;
		right: 12%;
		width: 600px;
		height: 490px;
		background: #C0C0C0; 
		overflow : scroll; /*hidden*/
		-moz-box-shadow: 0 0 20px black; 
		-webkit-box-shadow: 0 0 20px black; 
		box-shadow: 0 0 20px black; 
	}
	p { 
		font: 15px/2 Georgia, Serif; 
		margin: 0 0 30px 0; 
		text-indent: 40px; 
	}
	ul {
		float:left;
		margin-right:20px;
		list-style:none;
	}
 	#porthole {
		display: none;
		overflow:hidden;
		height: 20em;
		position:absolute;
		top:500px;
		bottom:0;
		right:6%;
		width: 400px;
		height: 300px;
		/* border: 5px #777 solid;
		-moz-box-shadow: 0 0 20px white; 
		-webkit-box-shadow: 0 0 20px white; 
		box-shadow: 0 0 20px white; 
		*/
		/* overflow-y: scroll; */
		overflow:scroll
	}
	#porthole div {
		height: 20em;
		padding:10px;
		color:#fff;
		background:transparent;
	}
	#livredor {
		/* position:absolute;
		top:370px;
		bottom:0;
		left:6%;
		width: 600px;
		height: 800px;
		background-color: transparent;
		color: black;
		text-decoration:none;
		border:1px solid #888; */
		position: relative; /* on positionne le conteneur */ /*DIV CENTREE */
		margin-left: auto;
		margin-right: auto;
		top:50px;
		width: 600px;
		height: 2200px;
		text-align: left;
		background-color: transparent;
	}
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* Boutons de ma page internet */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
	button, a.button {
		border: 1px solid rgba(0,0,0,0.3);
		background: #eee;
		color: #515151;
		display: inline-block;
		font-size: 24px;
		font-weight: 700;
		padding: 21px 34px;
		position: relative;
		text-decoration: none;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
		background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
		-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
		text-shadow: 0 1px rgba(255,255,255,0.6);
	}
	button::-moz-focus-inner, a.button::-moz-focus-inner {
		padding:0;
		border:0;
	}
	button:hover, a.button:hover {
		background: #cbcbcb;
		cursor: pointer;
	}
	button:active, a.button:active {
		background: #ccc;
		padding: 22px 34px 20px; /* Bump down text–Thanks to Jason for the suggestion */
		-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
		box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
		text-shadow: none;
	}
	button[disabled] {
		background: #ddd;
		color: #ccc;
		cursor: default;
		-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 0 5px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.5);
		text-shadow: none;
	}
	button[disabled]:active {
		background: #ddd;
		color: #ccc;
	}
	.red {
		background: #e1001a;
		color: #fff;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(192,0,22)), color-stop(0.58, rgb(226,0,26)));
		background: -moz-linear-gradient(center bottom, rgb(192,0,22) 21%, rgb(226,0,26) 58%);
		text-shadow: 0 1px rgba(0,0,0,0.25);
	}
	.red:hover {
		background: #cb0018;
		text-shadow: 0 1px rgba(0,0,0,0);
	}
	.red:active {
		background: #ae0014;
	}
	a.smaller {
		font-size: 12px;
		margin: 18px 0px;
		padding: 10px 14px;
	}
	a.smaller:active {
		padding: 11px 14px 9px;
	} 
/*###################################################################################*/
/* Footer styles */
/*###################################################################################*/
#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:1px solid #888; */
		}
#footer p {
	padding:10px;
	margin:0;
	color:red;
	text-align:center;
}
#footertable {
 width: 100%;
 /*padding: 2px; */
 border-spacing: 2px; 
}
.footertablecenter{
   margin-left:auto;
   margin-right:auto;
}