 
 
 body{
   padding:header-<length>  left-sidebar-<length> right-sidebar-<length>;
	background-color: #FFFFFF;
	text-align:center;
	background-image:url(images/zephyx.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-attachment:fixed;
	
	
	
	
	color:#999999;
	
 }
 
 * {
	margin:0;
	padding:O;
 }
 
 div#header{
 z-index:2;
	position:absolute;
	top:0px;
	width:100%;
	height:90px;
	text-align:left;
	color:#FF3300;
	padding-bottom : 25px;
	background-color:transparent;
	
		
 
 }

  
 div#bandeau{
	font : bold 30px Impact, arial, serif;
	text-decoration:none;
	color:#FF3300;
	
	
	background-position:left;
	background-color:FF3300;
	height:120px;
	width:100%;
	float:right;
	margin-top:0px;
	z-index:0;
	text-align:left;
	vertical-align:middle;
	
	

  }
  
  a img {border-width:0;}
  
  
  .Style3 {
	font-size:17px;
	font-family: arial;
	float:left;
	margin-top:44px;
	margin-left:89px;
	letter-spacing:4px;
	
}



  
 

 div#right-sidebar{
  position:absolute;
  float:left;
	top:32%;
	left: 5%;
	z-index:20;
  width:175;
	 z-index:2;
	 
	
	
	 
 }
 
 #onglets
{
	 position : relative;
        float :left;
        padding : 0;
        font :14px Impact, arial, serif;
        list-style-type : none;	
        width :100px;
		letter-spacing:3px;
		
		}

#onglets li
{
	float : right;
	height : 100px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: transparent;
	margin : 2px 2px 1 2px !important;  /* Pour les navigateurs autre que IE */
	margin : 1px 2px 0 2px;  /* Pour IE  */
	color:#99FF00;
	
	/*border-right : 2px solid #FFFFFF;*/
    width :100px;
}



#onglets li.active
{   /*border-bottom: 1px solid #FF3300;*/
background:url(menu_back.png);
background-repeat:no-repeat;
background-position:0 0;
	float : right;
	width :112px;

}

#onglets a
{
	display : block;
	color : #333333;
	text-shadow:#333333;
	text-decoration : none;
	padding : 2px;
	float : right;
}

#onglets a:hover
{
    background : #fff;
	color:#FF3300;
	float : right;
	width :92px;
}
 


 
 div#left-sidebar{
	z-index:2;
	position:absolute;
	top:31%;
	left: 17%;
	text-align:center;
	float:left;
	width :140px;
	height:400px;
	
	
 }
 
 #onglets_sous
{
        position : relative;
        float : left;
        padding : 0;
        font : 13px Impact, arial, serif;
        list-style-type : none;	
        width :140px;
		
		
}

#onglets_sous li
{
	float : left;
	height : 40px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	
	margin : 2px 2px 1 2px !important;  /* Pour les navigateurs autre que IE */
	margin : 1px 2px 0 2px;  /* Pour IE  */
	color:#99FF00;
	width :121px;
	letter-spacing:3px;
	
}

#onglets_sous li.active
{
	
	background-image:url(active_sous.png);
	background-repeat:no-repeat;
	float : right;
	width :140px;
	
	
}

#onglets_sous a
{
	display : block;
	color : #FF3300;
	text-decoration : none;
	padding-top : 13px;
	float : right;
}

#onglets_sous a:hover
{
	color:#FF3300;
	float : right;
	width :115px;
}
 
 
	
	
	
 
 
 div#content{
	z-index:1000;
	width:100%;
	margin-top:150px;
	color:#999999;
	 overflow:auto;
   min-height: 175px;
	max-height: 390px;
	padding-top:40px;
	
	
	
	
	
 }
 
  div#content table.folio{
  background-color:transparent;
  float:right;
  width:40%;
	
 }
 
 div#content a {
text-decoration:underline;
font-style:italic;
color:#333333;
}

div#content a:hover {
	text-decoration:none;
	font-style:italic;
	color:#FF3300;
}


div#content table{
	text-decoration:none;
	color:#333333;
	font-family:Impact, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:2px;
	margin-right:14%;
	background-color:transparent;
	padding-left:10px;
	width:50%;
	float:right;
	text-align:left;
	z-index:99;
	margin-top:-40px;
	
}
	

div#content table.accueil{

font-family:Impact, Arial, Helvetica, sans-serif;
height:400px;
width:100%;
background-color:transparent;
color:#333333;
text-align:right;
font-size:20px;
}
div#content table.accueil .Style1 {
	font-family: Impact, arial;
	font-size:20px;
	color:#333333;

}

div#content table.contact{
font : bold 17px Impact, arial, serif;
letter-spacing:5px;
background-color:transparent;
color:#333333;
text-align:center;
font-size:24px;
margin-top:20px;
margin-left:0px;
width:65%;
}

div#content table.english{
font : 17px Impact, arial, serif;
letter-spacing:5px;
background-color:transparent;
color:#FFFFFF;
text-align:left;
font-size:24px;
margin-top:20px;
width:60%;
float:right;

}

div#content table.english p{

	font-family: Impact;
	color: #333333;
	font-size: small;
	text-transform:lowercase;
}
 
 div#content table.english h2{

	font-family: Impact;
	color: #FF3300;
	font-size: larger;
}





 div#footer {
	z-index:2;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	
	}
	
	div#footer table{
	width:36%;
	border:0;
	background-color:#333333;	
	
	}
	div#footer tr{
	text-align: center;
	
	
	}
	
div#footer td{
	font :12px Impact, arial, serif;
	color:#FF3300;
	text-align: center;
	margin-top:12px;

	border:0;	
	
	}
	
	div#footer td a{
	font : 12px Impact, arial, serif;
	text-decoration:none;
	text-align: center;
	margin-left:5px;
	margin-top:0px;
	
	border:0;	
	}
	
	div#footer td.bouton a{
	font :14px Impact, arial, serif;
	color:#FF3300;
	text-decoration:none;
	margin-top:15px;
	
	letter-spacing:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
	}
	
	div#footer td.bouton a:hover{
	font : 14px Impact, arial, serif;
	color:#FF3300;
	background-color:#CCCCCC;
	
	text-decoration:none;
	}
	
 
 
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
   body>div#right-sidebar{
   position:fixed;
  }
  
   body>div#footer{
   position: fixed;
  }
 
 }

 * html body{
  overflow:auto;
 } 

 * html div#content{
  height:100%;
  overflow:auto;
 }















