body,html {

background-color : #000000;
font-size: 100%;  
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url('../assets/background.jpg');
   background-repeat:repeat-x;
}
.menu1 { list-style:none; height:45px;width: 960px ;background:#fff url(../assets/button1.gif); padding-top: 5px;   border-bottom:1px solid #444444;
border-top: 3px groove #cccccc ;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 30px 0 18px;}
.menu1 li.current a {color:#fff; background:url(../assets/button3.gif);}
.menu1 li.current a b {background:url(../assets/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(../assets/button2.gif);}
.menu1 li a:hover b {background:url(../assets/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../assets/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../assets/button3.gif) no-repeat right top;}

h1
{
color : #ffffff;
font-weight: bolder ;
letter-spacing : 1.2em ;
padding-Bottom: 20px ;
padding-top: 10px ;
text-align : center ;
font-size: 100%;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h2 
{
color : #666666; 
padding: 5px ;
font-size: 100%; 
text-align : center ;vertical-align:center;
font-family: "Trebuchet MS", sans-serif;
}

h3 
{
letter-spacing : 1.2em ;
text-align : center;
color : silver;
font-family: "Trebuchet MS", sans-serif;text-align:justify;
font-size: 25% ;
height: auto ;
padding-top: 15px ;
padding-left: 15px ;
}
h4
{color : silver;
font-family: "Trebuchet MS", sans-serif;text-align:justify;
font-size: 100%;
text-align : center ;
padding:  25px ;


}
h5
{
text-align : center;
color : #666666 ;
font-family: "Trebuchet MS", sans-serif;
padding-top: 2px ;
width: 205px ;
height: 45px ;
border-bottom: 1px dashed #666666; 
}
h6
{
text-align : left;
text-indent : 20px ;
color : #888888 ;
padding: 10px ;
width: 205px ;
height: 95px ;
border-top: 1px inset #666666;
border-bottom: 1px outset #666666;
margin-left: 60px ;
}

.background 
{background : green;
}
#global 
{
width: 810px ;
height:590px;
margin: 0 auto ;
text-align: left ;
border-left: 1px outset #666666 ;
border-right: 1px inset #666666 ;
border-top: 1px outset #666666 ;
background: #fff ;
}
#box 
{z-index:2 ;
width: 1000px ;
height:35px;
margin: 0 auto ;
padding-bottom:10px ;
background:transparent ;

}
#box_2 
{
width: 630px ;
height:170px;
margin: 0 auto ;
padding-top: 15px ;
text-align: left ;
background:transparent ;}

#boxbeta 
{position:absolute;left: 20px;top:55px ;
width: 120px ;
height:220px;
margin: 0 ;
padding-top: 5px ;
background:transparent ;
background-image: url(../assets/beta.png);background-repeat:no-repeat;}
#box_3 
{
width: 630px ;
height:300px;
margin: 0 auto ;

text-align: left ;
background:red ;
border: 1px outset #666666 ;
}

.fleche_G
{height:40px;
width: 100% ;
}


#global_2 
{
overflow:auto;
height: 660px;
width: 980px ;
margin: 15px auto   ;
text-align: center ;
border-top: 3px groove #cccccc ;
border-left: 1px groove #cccccc ;
border-right: 1px groove #cccccc ;	
border-bottom: 3px groove #cccccc ;	
padding: 10px ;
padding-top: 20px ;
}


#global_3 
{
overflow:auto;
height: 680px;
width: 980px ;
margin: 10px auto ;
text-align: center ;
background-image:url('../assets/background2.jpg');background-repeat:repeat-x;
border-top: 3px groove #cccccc ;
border-left: 1px groove #cccccc ;
border-right: 1px groove #cccccc ;	
border-bottom: 3px groove #cccccc ;	
padding: 10px ;
padding-top: 20px ;
}

#global_4 
{
overflow:auto;
height: 680px;
width: 980px ;
margin: 10px auto ;
text-align: center ;
background-image:url('../assets/background4.jpg');background-repeat:repeat-x;
border-top: 3px groove #cccccc ;
border-left: 1px groove #cccccc ;
border-right: 1px groove #cccccc ;	
border-bottom: 3px groove #cccccc ;	
padding: 10px ;
padding-top: 15px ;
margin-top: 15px ;
}
#global_5 
{margin-left: auto;
margin-right:auto;
overflow:auto;
text-align: center ;
width: 998px ;
height:680px;
background-image:url('../assets/background4.jpg');background-repeat:repeat-x;
margin: 0 auto ;
border-bottom: 3px groove #cccccc ;	
border-left: 1px outset #666666 ;
border-right: 1px inset #666666 ;
border-top: 1px outset #666666 ;
margin-top: 15px ;
margin-bottom: 15px ;

}
#global_6 
{margin-left: auto;
margin-right:auto;
overflow:auto;
text-align: center ;
width: 998px ;
height:680px;
background-image:url('../assets/background4.jpg');background-repeat:repeat-x;
margin: 0 auto ;
border-bottom: 3px groove #cccccc ;	
border-left: 1px outset #666666 ;
border-right: 1px inset #666666 ;
border-top: 1px outset #666666 ;
margin-top: 15px ;
margin-bottom: 15px ;

}
#espace
{z-index:1 ;
width: 100% ;
height:90px;
text-align : center;
background: transparent ;

padding-bottom:10px ;
margin-top:20px ;
}
p:first-child { margin-top:0px }
div.space { clear:both; }

#innerpage { position:relative; left:0px; top:5px; width:700px; height:100%; border:solid #999 1px; }


#content { text-align:center; position:relative; width:700px; height:100%; margin:0px; background-color:#eee; }


.credit { color:#ccc; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
padding:10px; margin:auto; width:(iView:Width)px; }

#photo { color:#000000; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:10px; margin: 5px; }
#photo img { background-color:#fff; border-style:solid; border-width:1px; border-color:ccc; padding:0px; margin: 0px; }


.thumb { color:#fff; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:5px; margin: 5px; float: left;}
.thumbimg { background-color:#fff; border-style:solid; border-width:1px; border-color:ccc; padding:5px; margin: 5px; }
.thumbimg:hover { background-color:#black; border-style:solid; border-width:1px; border-color:#4A6F1E; opacity: .5; filter: alpha(opacity=50); -khtml-opacity:50; }



.swatch { margin:0px 5px 0px 5px; padding:0px; border-style:solid; border-width:1px; border-color:fff; }


a:link 
  {color: #666666; 
  text-decoration: none; 
  background-color: transparent ; }
a:visited 
  { color: #666666; 
  text-decoration: none; 
  background-color: transparent; }
a:hover 
  { color: #beffaa; 
  text-decoration: none; 
  background-color: transparent }
a:active 
  { color: #cccccc; 
  text-decoration: underline; 
  background-color: transparent }

td.preview 
{
vertical-align: middle ;
font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif;
background: #ccc;
padding: 10px;
margin: 0;
width: 210px ;
height:210px ;
padding: 10px;
background-image:url('../assets/background2.jpg');

}
td.preview_book 
{
vertical-align: center ;
font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif;
background: #ccc;
padding: 10px;

background-image:url('../assets/background.jpg');
border-bottom: 1px inset #666666; 

}
#contact_sheet 
{	
width:905px ;
height: 90% ;
border: 0px ;
padding: 10px;
margin: 0px ;
}
#contactsheet 
{	
margin-left: auto;
margin-right:auto;
overflow:auto;
width:905px ;
height: 90% ;
padding: 10px;
border: 0px ;
}
#contact_sheet_book
{	width:905px ;
height: 90% ;
border: 0px ;
padding-top: 0px;
padding-left: 30px;
margin: 0px ;
}
div.space
{
clear:both; 
}
media
{
color:#000000 ;
font-family:Arial,Helvetica,sans-serif;
font-size: 200% ;
letter-spacing : 1.2em ;
}
strong_li
{
font-family:Arial,Helvetica,sans-serif;
font-size: 300% ;
}
strong
{
color : #666666; 
font-family:Arial,Helvetica,sans-serif;
font-size: 120% ;
}

.gauche {
height:150px;
width: 294px ;
margin-left: 0% ;
padding-top: 15px ;
float:left ;
background:transparent ;
font-family:Arial,Helvetica,sans-serif;
font-size: 100% ;
color : #ffffff ;
padding: 10px ;
border-top: 1px dashed #292826 ;
border-bottom: 1px dashed #292826 ;
}

.droite {

height:150px;
width:694px ;
margin-left: 0% ;
border-top: 1px dashed #292826 ;
border-bottom: 1px dashed #292826 ;
float:left ;
background:transparent ;
font-family:Arial,Helvetica,sans-serif;
font-size: 100% ;
color : #ffffff ;
padding: 10px ;
}
.gauche_media 
{
text-align: center ;
height:20px;
width:694px ;
margin-left: 0% ;

float:left ;
background:transparent ;
font-family:Arial,Helvetica,sans-serif;
font-size: 100% ;
color : #ffffff ;
padding-top: 10px ;
}
.droite_media 
{
height:60px;
width: 594px ;
margin-left: 0% ;
text-align: right ;
padding-top: 55px ;
float:left ;
background:transparent ;
color : #ffffff ;
border-top: 1px dashed #292826 ;
border-bottom: 1px dashed #292826 ;
}
.boxmedia {

height: 150px;
width: 905px ;
margin-left: 0% ;
border: 1px dashed #292826 ;


background:transparent ;
font-family:Arial,Helvetica,sans-serif;
font-size: 100% ;
color : #ffffff ;
padding: 10px ;
}
/* button styles */
.buttonImg{
display: block;
background-color: transparent;
background-image: url(../assets/button11.gif);background-repeat:repeat-x;
width: 92px;
height: 20px;
margin-left: auto;
     margin-right: auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
text-decoration: none;float:right;margin-right:495px;

}
.buttonImg:hover, a.button:active 
{
background-position: 0 px;
color: #cccccc;
}

#condition
{
overflow:auto;
height: 480px;
width: 580px ;
margin: 10px auto ;
text-align: left ;
border-top: 3px groove #cccccc ;
border-left: 1px groove #cccccc ;
border-right: 1px groove #cccccc ;	
border-bottom: 3px groove #cccccc ;	
padding: 10px ;
padding-top: 20px ;
}


/******************faq*************/

dl dd {
	margin-left: 10px;
}

dl dt {
	font-weight: bold;
}

dl {
	border: 1px solid black;
	margin: 5px;
}

/******************End faq*************/


/******************End footer*************/
/******************page reportage*************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;border: 3px groove #cccccc ;	background:transparent;

}

.clearfix {display: inline-block;}
#head {
	width:325px;
	height:220px;
	margin-left:0px;
	position:absolute;text-align:left;padding:20px;
}

/***************passwword***********/
#boxpasphoto
{
background-image:url('../img/acces-prive.png');background-repeat:no-repeat;	
	float:left;
width: 230px ;
height:220px;
margin: 0px auto ;
padding:2px;
text-align:right;
background:# ;
border: 1px outset #666666 ;
}
/***************passwword***********/
#page_rep 
{
overflow:auto;
height: 680px;
width: 980px ;
margin: 10px auto ;
text-align: center ;
background-image:url('../assets/background4.jpg');background-repeat:repeat-x;
border-top: 3px groove #cccccc ;
border-left: 1px groove #cccccc ;
border-right: 1px groove #cccccc ;	
border-bottom: 3px groove #cccccc ;	
padding: 10px ;
padding-top: 15px ;
margin-top: 15px ;
}

/******************End page reportage*************/