html {
	font-size: 100%; }
body {
	margin: 0;
	/*padding: 10px 20px;  */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .8em; 
	line-height: 1.25; 
	color: black;
	background: white;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; }
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; }
h1 {
	font-size: 3em; 
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; }
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}


p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}


a {
	color: mediumblue;
	text-decoration: underline;
}
a:hover, a:focus {
	color: crimson;
}
a img {
	border: none; }

em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}



/* CADRES *******************************************************/

.global {
	width: 960px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}


.haut {

	width:940px;
	height:111px;
        margin-left: auto;
	margin-right: auto;
	background-image: url(../haut.png);
	background-repeat: no-repeat;

	
}


.centre {
	
	width: 960px;
	height: 100%;
	overflow: hidden;
	background-color:#bbdeff;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 4px;
	border-top: 1px solid;
	text-align: center;
}
.milieu {
	float:left;
	display: inline; /*IE6*/
	overflow: hidden;
	height:100%;
	width: 650px;
	text-align:center;
	background-color:#96B2CC;
	
	}
.gauche {
	float:left;
	display: inline; /*IE6*/
	width: 140px;
	height: 100%;
}

.droite {
	float:left;
	display: inline; /*IE6*/
	width: 140px;
	height: 100%;
	text-align: center;
}




/*-------------------------------------HAUT------------------- */
#t1 {
float: left;
/*background-color: #007dff; */
background-image: url(../sous-home.png);
background-repeat: no-repeat;
height: 30px;
width: 80px;
padding-top: 3px;
margin: 5px;
text-align: center;
}
#t2 {
float: left;
/*background-color: #007f7f;*/
background-image: url(../sous-sets.png);
background-repeat: no-repeat;
height: 30px;
width: 80px;
padding-top: 3px;
margin: 5px;
text-align: center;
}

#t3 {
float: left;
/*background-color: #e8c92a; */
background-image: url(../sous-videos.png);
background-repeat: no-repeat;
height: 30px;
width: 80px;
padding-top: 3px;
margin: 5px;
text-align: center;
}
#t4 {
float: left;
/*background-color: #007f00; */
background-image: url(../sous-photos.png);
background-repeat: no-repeat;
height: 30px;
width: 80px;
padding-top: 3px;
margin: 5px;
text-align: center;

}
#t5 {
float: left;
background-image: url(../sous-modeles.png);
background-repeat: no-repeat;
height: 30px;
width: 80px;
padding-top: 3px;
margin: 5px;
text-align: center;

}


.menuhaut {
float: right;
width: 460px;
margin-right: 18px;
margin-top: 80px;
background-image: url(../sous-menu.png);
background-repeat: no-repeat;
padding: 2px;
}

.menuhaut a {
font-size: 1.2em;
font-weight: bold;
color: white;
}
.menuhaut a:hover {
color:black;

}

/* END HAUT -----------------------------------------------------*/




/* CADRE GAUCHE */
#left {
	background: #181A12;
}
#left a {
	color: #FF6533;
}
#left a:hover, #navigation a:focus {
	background: #000000;
}

.menugauche {

	float: left;
	list-style: none;
	margin-top: 10px;
	margin: 10px;
	padding: 0;
	width: 120px;
	text-align: center;
	border-bottom: 3px solid;
	border-bottom-color: white;
}

.menugauche .titre {
color: black;
text-transform: uppercase;
font-weight: bold;
background-image: url(../titre-menu-gauche.png);
margin-bottom: 0px;
}

.menugauche li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
.menugauche a {
	background-color:#697D8F ;
	border-bottom: 1px solid #393939;
	color:white ;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;

}
.menugauche a:hover {
	background: #2580a2 url("../hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 4px;
	}

/* End Gauche ----------------------------------------------------*/





/* Droite --------------------------------------------------------*/



.titre-droite {
background-color: #102152;
color: white;
width: 130px;
text-align: center;
margin-left: 0px;
margin-top: 10px;
}
.photod {
width: 130px;
margin-left: 10px;
margin-bottom: 0px;
}







/* Pied de page */
.bas {
float: left;
background-color: #bbdeff;
width:960px;
margin-left:auto;
margin-right:auto;
padding-top: 40px;
/*padding: 15px 20px 10px 0; */
font-size: .85em;
text-align: center;
}

.bas p {
margin: 0px;
}




div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
   div#disclaimer-cadre a:hover{ color:blue; }