* {
border:none;
font-family:Helvetica, Arial;
font-weight:lighter;
margin:0;
padding:0;
}

html {
height:100%;
width:100%;
}

body {
background-color:#404040;
background-image:url(img/bg.gif);
background-repeat:repeat-x;
}

#all {
height:100%;
width:960px;
position:relative;
margin:0 auto;
}

#logo {
height:128px;
width:960px;
}

#zone {
height:329px;
width:960px;
background-image:url(img/zone1.png);
z-index:3;

}

#vignette {
height:140px;
width:960px;
position:relative;
top:35px;
}

#page {
position:absolute;
width:770px;
background-color:#FFFFFF;
background-image:url(img/bg02.jpg);
background-repeat:repeat-y;
margin-top:6px;
margin-left:91px;
z-index:2;
min-height:700px;
font-family:Helvetica, arial;
font-size:13px;
line-height:20px;


}

#contenu {
position:relative;
width:550px;
margin-top:50px;
margin-left:110px;
z-index:3;
float:left;

}

#contenu2 {
width:290px;
padding-top:60px;
padding-right:80px;
z-index:3;
float:right;
}

.bloc {
background-color:#FFFFFF;
border:1px solid #999999;
width:25px;
height:15px;

}

.bloc2 {
background-image:url(img/boutton.png);
background-repeat:no-repeat;
border:1px solid #999999;
width:100px;
height:23px;
color:#CCCCCC;
cursor:pointer;

}

.bloc3 {
background-color:#FFFFFF;
border:1px solid #999999;

}


/*TYPOGRAPHIE*/

.Style1 {
	font-size: 12px;
	color:#CCCCCC;
}



/*menu trouvé dans un cours de Web de Monsieur Saurin Paun*/
#menu {

position:absolute; height:40px; left:175px; top:40px;}


ul#men {float:right;}

ul#men li{display:inline;}

ul#men a{padding-top:0px;border-left:#000000 1px dotted;display:block;float:left;padding-left:5px; margin-left:20px;font-size:14px; font-weight:lighter; color:#a17b96; text-decoration:none;  text-align:left; height:33px; width:130px; line-height:16px;}

ul#men a:hover{border-left:#b20524 1px dotted; height:33px; width:130px;}

ul#men a.activeMenu{color:#106090; border-left:#0066CC 1px dotted; height:33px; width:130px;}


/*gallerie jquery trouvée sur:
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
***********************************************
*/
#mygallery {
}

.stepcarousel{
	position:relative;
	top:10px; /*leave this value alone*/
	left:134px;
	border:solid 0px;
	overflow: scroll; /*leave this value alone*/
	width: 670px; /*Width of Carousel Viewer itself*/
	height: 267px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 670px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}