@charset "UTF-8";
/* CSS Document */

body
 {
	 background-color: #ff6013;
	 color: #31454e;
	 font-family: Verdana;
	 font-size: 10pt;
 }
 
#bloc_centre
   {
	width: 818px;
	margin: 0 auto;
	top: 20px;
	bottom: 20px;
	background-image: url(image/background.jpg);
	background-repeat: repeat-y;
   }
 
#en_tete
 {
	 width: 818px;
	 height: 159px;
	 background-image: url(image/header.jpg);
	 background-repeat: no-repeat;
 }
 
ul.menu
   {
	   margin: 0px 0px 0px 12px;
	   padding: 0;
	   list-style-type: none;
	   width: 797px;
	   position: relative;
	   display: block;
	   height: 36px;
	   text-transform: uppercase;
	   font-size: 12px;
	   font-weight: bold;
	   background: transparent url("image/menuoff.jpg") repeat-x top left;
	   font-family: Helvetica,Arial,Verdana,sans-serif;
   }
ul.menu li
   {
	   display:block;
	   float:left;
	   margin:0;
	}
ul.menu li a
   {
	   display:block;
	   float:left;
	   color: #31454E;
	   text-decoration:none;
	   font-weight:bold;
	   padding:10px 20px 0 20px;
	   height:24px;
	   background:transparent url("image/menudivider.jpg") no-repeat top right;
	}
ul.menu li a:hover
   {
	  background:transparent url("image/menuhover.jpg") no-repeat top right;
	  color: #ff6013;
   }
ul.menu li.selected a
{
	  background:transparent url("image/menuhover.jpg") no-repeat top right;
	  color: #ff6013;
}
   

ul.menu ul 
{
 list-style: none;
 margin: 0;
 padding: 0;
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 135px;
 border-style: solid;
 border-color: #455560;
 border-width: 2px;
}

ul.menu li 
{
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
}


ul.menu li.hover, ul.menu li:hover 
{
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.menu ul li 
{
 float: none;
}

ul.menu ul ul 
{
 top: 1px;
 left: 99%;
}

ul.menu li:hover > ul 
{
 visibility: visible;
}

ul.menu ul li a 
    {
  	   height: 24px;
	   text-decoration: none;
	   width: 100px;
	}	
	
ul.menu ul li a:link
    {
	   color: #455560;
	   display: block;
	   background: url(image/menu.gif);
	   padding: 8px 25px 0 10px;
	   text-align: left;
	}

ul.menu ul li a:active 
    {
	   color: #fff;
	   background: url(image/menu.gif) 0 -64px;
	   padding: 8px 25px 0 10px;
	   text-align: left;
	}
ul.menu ul li a:visited
    {
	   color: #455560;
	   display: block;
	   background: url(image/menu.gif);
	   padding: 8px 25px 0 10px;
	   text-align: left;
	}
ul.menu ul li a:hover 
    {
	   color: #ff6013;
	   background: url(image/menu.gif);
	   padding: 8px 25px 0 10px;
	   text-align: left;
	}
 
#corp
 {
	width: 818px;
	height:550px;
	margin-bottom: 1%;
	text-align: center;
 }
#corps_index
 {
	width: 818px;
	height:480px;
	text-align: center;
	background-image: url(image/backgroundindex.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
 }
#corps_contact
 {
	width: 818px;
	height:460px;
	text-align: center;
	background-image: url(image/backgroundcontact.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
 }
#corps_faq
 {
	width: 818px;
	height:460px;
	text-align: center;
	background-image: url(image/backgroundfaq.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
 }
 
#output1
   {
	   text-align: left;
	   margin-left: 20%;
	   width: 500px;
	   padding-bottom: 25%;
	   margin-top: 25px;
   }
 #output1_index
   {
	   text-align: left;
	   margin-left: 35%;
	   width: 470px;
	   margin-top: 30px;
   }
  #output1_contact
   {
	   text-align: left;
	   padding-left: 340px;
	   width: 470px;
	   padding-top: 92px;
	   height: 460px;
   }
 #output1_faq
   {
	   text-align: left;
	   margin-left: 5%;
	   width: 800px;
	   height: 460px;
	   margin-top: 55px;
   }

#pied_de_page
   {
	width: 818px;
	height: 103px;
	background-image: url(image/footer.jpg);
	background-repeat: no-repeat;
   }
 #pied_de_page_index
   {
	width: 818px;
	height: 103px;
	background-image: url(image/footerindex.jpg);
	background-repeat: no-repeat;
   }
 #pied_de_page_contact
   {
	width: 818px;
	height: 103px;
	background-image: url(image/footercontact.jpg);
	background-repeat: no-repeat;
   }
  #pied_de_page_faq
   {
	width: 818px;
	height: 103px;
	background-image: url(image/footerfaq.jpg);
	background-repeat: no-repeat;
   }
 
#output6
   {
	   text-align: center;
	   padding-top: 10px;
   }
ul.output7
   {
	   list-style-type: none;
	   text-align: center;
	   margin: 0;
	   padding: 0;
   }
   
ul.output7 li
   {
	   display: inline;
	   padding: 0 0.5em;
	   margin: 0;
   }
   
ul.output7 li a:link, ul.output7 li a:active, ul.output7 li a:visited

   {
	   color: #455560;
	   display: inline;
	   
   }
   
ul.output7 li a:hover

   {
	   color: #FFF;
	   
   }
   
#output8
  {
	  margin-left: 35%;
  }
