html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 0.8em;
	background: #FAF6C7 url(Images/bgall.jpg) repeat-x;
	text-align : justify;
	color : #fff;
}

.conteneur
{
	width: 776px;
	background-color: transparent; 
	margin-left: auto;
	margin-right: auto;
	text-align : left;
	height: 100%; 
	background: url(Images/centre2.gif)  no-repeat;
}
html>body .conteneur{height : auto; min-height : 100%;}

.haut
{
	width:724px;
	height: 289px;
	text-align : left;
	margin-left :25px;
	background: url(Images/top.jpg)  no-repeat;
}
html>body .haut{width : 723px;}

.centre
{
	background-color: transparent; 
	width: 725px;
	text-align : left;
	margin-left :25px;
}

.haut_intro
{
	float : right;
	margin-top : 190px;
	text-align : right;
	width : 300px;
}

.gauche
{
	float : left; 
	width : 234px ; 
	margin-left : 15px; 
	margin-top : 20px; 
	background : #fff  url(Images/bgauche.gif)  no-repeat bottom;
	color : #6A6F78; 
	padding-bottom : 100px;
}
 html>body .gauche{margin-left : 30px; }


.droite
{
	float : left ; 
	width : 420px ; 
	margin-left : 20px; 
	margin-top : 20px; 
	padding-bottom : 30px;
	background : transparent;
}
html>body .droite{margin-left : 20px; }



.bas{ 
	background : #000;
	color: #fff;
	width:725px;
	text-align : justify;
	margin-left :25px;
}

.bas2{ 
	background : #000;
	color: #fff;
	width:725px;
	text-align : justify;
	font-weight : bold;
	margin-left :25px;
}

.titre1{
	background : #000;
	color: #fff;
	width: 725px;
	margin-left :25px;
	text-align : center;
	font-weight : bold;
	font-size: 2.0em;
}


.prix{ 
	background : #000;
	color: #cccccc;
	width: 725px;
	text-align : justify;
	margin-left :25px;
}

.technique{ 
	background : #000;
	color: #00FF00;
	width: 725px;
	text-align : justify;
	margin-left :25px;
}


.pied{
	background : #000;
	color: #fff;
	width:725px;
	margin-left: 25px;
	text-align : center;
}

.w3c{
	background : #000;
	color: #fff;
	width:725px;
	margin-left: 25px;
	text-align : center;
}

.source
{
	background : #000;
	color: #fff;
	width: 725px;
	text-align: right;
	margin-left: 25px;
	margin-right: 25px;
}

.image
{
	background : #000;
	color: #fff;
	width: 725px;
	margin-left: 25px;
	text-align : center;
}

.tablo
{
	background : #000;
	color: #fff;
	width: 725px;
	margin-left: 25px;
}

.haut_gauche
{
	height : 45px ;
	background :  url(Images/box_mail2.gif) no-repeat;
}

.para_form_envoyer
{
	margin-top : 20px;
}

p {margin : 0 25px 0 25px ; padding : 10px 0 0 0}
.para_edito {text-transform : uppercase ; font-weight : bold}
.para_haut {color : #FFA500 ; margin-top : 0; padding : 0}
.notop {margin : 0 5px 0 25px ; padding : 0}
.para_nomargin {margin : 0 ; padding : 0; float : none} 

.spacer {clear : both ; height : 13px; }

ul, li
{
	margin :0;
	padding : 0; 
	list-style : none ;
}



#menu
{
	background :  url(Images/menu_fd.gif);
	width:725px;
	height : 31px;
	background-color :#333; 
	color :#fff ; 
	font-weight : bold;
	font-size : 13px; 
	overflow : hidden
}

#menu li
{
	float : left;
	padding-top : 5px;
	height : 31px;
	width : 100px;
	text-align : center;
	margin-left : 0;
	background :  url(Images/menu_separateur.gif) no-repeat 98px 2px
}
  
li.box  a
{
	float : left;
	color: #fff;
	padding-top : 5px;
	height : 28px;
	display : block;
	width : 100px;
	text-align : center;
	margin-top : -5px;
}

li.box  a:visited
{
	float : left;
	color: #fff;
	padding-top : 5px;
	height : 28px;
	display : block;
	width : 100px;
	text-align : center;
	margin-top : -5px;
}
  
 
li.box  a:hover
{
	color: #fff;
	background :  url(Images/menu_orange.gif)
}

li.box_on  a
{
	color: #fff;
	float : left;
	padding-top : 5px ;
	height : 28px;
	display : block;
	width : 100px;
	text-align : center;
	margin-top : -5px;
	background :  url(Images/menu_orange.gif)
}
menu .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
}
#menu .sousMenu li
{
	 margin: 0;
	 padding: 0;
	 border: 0;
	 /*position: absolute;*/
	 float: none;
	 width: 149px;
	 border-top: 1px solid transparent;
	 border-right: 1px solid transparent;
}

#menu .sousMenu li a:link,
#menu .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}
#menu .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}

#menu .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menu li:hover > .sousMenu { display: block; }

a:link
{
	color: #B42D05 ; text-decoration : none
}

a.imagelink:link
{
	color: #000000 ;
	text-decoration : none;
}

a.titrelink:link
{
	color: #FFFFFF ;
	text-decoration : none;
}

a:visited
{
	color: #B42D05 ; text-decoration : none
}

a.imagelink:visited
{
	color: #000000 ;
	text-decoration : none
}

a.titrelink:visited
{
	color: #FFFFFF ;
	text-decoration : none;
}

a:active
{
	color: #B42D05 ; text-decoration : none
}

a.imagelink:active
{
	color: #000000 ;
	text-decoration : none
}

a.titrelink:active
{
	color: #FFFFFF ;
	text-decoration : none;
}

a:hover
{
	color : #B42D05; text-decoration : underline
}

a.imagelink:hover
{
	color: #000000 ;
	text-decoration : underline
}

a.titrelink:hover
{
	color: #FFFFFF ;
	text-decoration : none;
}

input
{
	margin : 0 ; padding : 0
}

.imagegauche
{
	float : left
}

.imagegauche2
{
	float : left; margin-left : 6px; margin-top : 12px
}

div.hr hr
{
	display: none;  padding :0; 
}

table
{
	border: 0;
	border-collapse: collapse;
	width: 60%;
	margin: auto;
}

th
{
	border: thin solid #6A6F78;
	width: 25%;
	padding: 5px;
	text-align: center;
	background-color: #ff9900;
}

td
{
	border: thin solid #6A6F78;
	width: 25%;
	padding: 5px;
	text-align: center;
	background-color: #000000;
}

caption
{
	font-family: sans-serif;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(Images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(Images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}