/*#################
## GENERAL STYLE ##
#################*/

body {
	/*width:1500px;
	padding:0;*/
	padding-left:50%;
	
	/*background-image:url(../image/pattern.jpg);
	background-repeat:repeat;*/
	
	
	font:normal 75% Garamont, Arial, sans-serif;
	
	
}


/* INITIALIZE PADDING AND MARGIN */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

img {
	border: none;
}
/*#############
## DIV STYLE ##
#############*/


/*COMING SOON------------------------------------------------------------------------------------*/

#comingsoon
{
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
width:200px;
height:200px;


overflow:hidden;


}

/*CENTRER DOCUMENT FLASH------------------------------------------------------------------------------------*/

#accueil
{
position:absolute;
top:50%;
left:50%;
margin-top:-315px;
margin-left:-530px;

width:1060px;
height:630px;


overflow:hidden;

}



#contentleft {
	position: relative;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	
	height:600px;
	width:250px;
	
	overflow:scroll;
	padding-top:20px;
	
}

#contentright {
	position: relative;
	float:left;
	
	background-color:#FFFFFF;
	
	height:600px;
	width:600px;
	left:55px;
	overflow:scroll;
	
	
}

#petiteicone {
	position: relative;
	float:left;
	
	background-color:#FFFFFF;
	
	height:50px;
	width:50px;
	left:10px;
	overflow:hidden;
}


#contenthorizontal
{
	position: relative;
	padding-left:50px;
	float:left;
	border-color:#CCCCCC;
	top:100px;;
	width:15000px;
	left:250px;
	
}

#navigationserie
{
width:850px;
height:150px;
overflow:hidden;
padding-bottom:40px;
padding-top:20px;
padding-left:75px;
top:50px;
bottom:50px;

text-align:center;

}

/*#overlay
{
		/*display: none;*/
			position:fixed;
			text-align:center;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			/*background-color:#FFF;
			z-index:1001;
			-moz-opacity: 0.5;
			opacity:.40;
			filter: alpha(opacity=80);
			*/
}
*/

#overlayserie
{
		/*display: none;*/
			position:fixed;
			text-align:center;
			/*bottom: 650px;
			left: 300px;
			width: 100%;
			height: 100%;
			background-color:#FFF;
			z-index:1001;
			-moz-opacity: 0.5;
			opacity:.40;
			filter: alpha(opacity=80);
			*/
}


#banniere
{
width:100´;
height:100px;
background-color:FFF;
}


#newsletter
{
position:fixed;
height:30px;
width:220px;
top:620px;
margin-left:100px;

padding-top:5px;
}
/*CORPS DU SITE---------------------------------------------------------------------*/



#main {
	position: relative;
	top: 40px;
	
	
	background-color:#FFF;	
}



/*---------------------------------------------NAVIGATION MENU------------------------------*/

.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
	  width:150px;
      
      color:#000000;
      
	  height:23px;
      font: 1.2em "Garamont", sans-serif;
	   background-image:url(images/menu/main.gif);
	   outline:none;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #000;
      text-decoration: none;
	  background-image:url(images/menu/main.gif);
	   outline:none;
	  

	 
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
            background-image:url(images/menu/mainarrow.gif);
	  background-repeat:no-repeat;
	   outline:none;
	 
	  
      }
	  
	
   .navigation .open a, .navigation .open span {
   border:hidden;
   text-decoration:none;
   outline:none;
   
   

	  
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration:none;
	  color:#FF6600;
	 outline:none;
	  	 
      }
	  
	.toggleSubMenu a:hover, .toggleSubMenu a:focus, .toggleSubMenu a:active {
      text-decoration:none;
	  color:#FF6600;
	  background-image:url(images/menu/mainarrowover.gif);
	  list-style:none;	 
	   outline:none;
      }
	  
   .navigation .subMenu {
      font-size: .8em;
	  background: none;
      font-size: .9em #CCC;
	  text-decoration:none;
	  
	  margin: 0;
      padding:0px;
	  
      border:none;
	  list-style:none;
	   outline:none;
      }
   .navigation ul.subMenu a {
   
      background: none;
      padding: 3px 20px;
	  
	  
	  color:#FF6600;
	  text-decoration: none;
	  list-style:none;
	  outline:none;
      }






#menu {
	position: relative;
	top: -200px;
	/*
	
	padding-bottom:10px;*/
	text-align:justify;
	
	width: 220px;
	height:190px;
}

/*--------------------------------------------------------------------------*/