.fond {  background-image:url('../Jpg/fond_5.jpg') ; /* definite la fond*/
        background-repeat:repeat-x;}     /*repetre vertical*/

div#logo {            /* definite la cadre de logo*/
	 width:1050px;       
	/*  height:100px;  */       
	  padding:3px;       /* padding:1.5%; */
	  margin: 20px auto 11px;   /* top =30,right =auto depende on brower  */
	  }

.left { float:left;}             /* element float left*/
.right { float:right;}   
div#lang{margin-right:auto;
         float:right; }
a.langue:link ,a.langue:visited {color:#f5bb20;
              font-size:15px;
              font-weight:bolder ;}
a.langue:hover {color:#c40606;     /* mouse over link */
                font-size:15px;
              font-weight:bolder; } 
.drapeau{border:0;
        }  

/* definite le menu deroule */
div#menu {margin-left: 320px;      
          margin-top:32px; }   
div#menu a {color:#fff ;
           font-size: 11px;
	         font-family: Verdana, Arial, Helvetica, sans-serif;
	         text-transform: uppercase;
	         border-width: 1px;
	         border-style: solid;
	         border-color: #FFF;
	         font-weight:bolder; } 
div#menu ul {padding: 0; margin: 0; background: white; text-align:center} 
div#menu li {background:#333} 
div#menu li:hover {background:#6a6362;} 
div#menu li:hover a {color:#e5e6ea;
                    text-decoration:underline;}
div#menu li.sousmenu:hover a{color:#e5e6ea;      
                    text-decoration:underline;}
div#menu li.sousmenu:hover {background: #6a6362;} 
/* rajout couleure de fond */ 
div#menu li.sousmenu {background: url(../Jpg/arrow.gif) 95% 50% no-repeat; background-color:#333} 

div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid} 

div#menu ul ul {position: absolute;display:none; width:100px} 
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:100px} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;z-index:1} 

  /*definite la container*/
div#container
{color:#500;             /*coleur de text */
 padding:10px;
 width:1024px;    
 margin:55px auto;
 border:2px solid #f8f7f5;
 line-height:150%;}
div#left
{position:relative;
font-weight:bold;
float:left;
width:187px;  
margin:0;
padding:1em;
border-right:1px solid gray; }
div#right
{font-weight:bold;
border-left:1px solid gray;
float:right;
width:185px;
margin:0;
padding:1em;}
div#content
{margin-left:25%;
 margin-top:23px;
 }
.center{text-align:center; }
div#header ,div#footer
{
margin-top:20px;
color:white;
background-color:#000;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
h2{color:#e80000;
  font-size: 17px;
	font-family:Arial,Verdana,   Helvetica, sans-serif;}
h6{color:#950000;
  font-size: 11px;
  font-weight:bold; 
  font-family:Verdana,Arial,   Helvetica, sans-serif;}

div#content2{ padding:10px; }
#normal{font-size: 15px;
	  font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#550000;}
 
div#image {
           position:relative;
           }
div#image ul {margin-left:10px;
              margin-top:-6px;
             }
div#image ul li {border:1px solid white;
                float:left;
                list-style: none;
                margin:0;
                padding:0; 
               }
div#image ul ul.show{position: absolute;display:block;right:262px;top:31px;}
div#image ul ul.show li{background:#FFF;
                          padding:0px;}         
div#image ul ul{position: absolute;display:none;right:262px;top:31px;}
div#image ul li:hover ul {display:block;} 
div#image ul li:hover ul li{background:#FFF;
                          padding:0px;}
div#text {margin-left:-50px;}

          
div#try {width:70%;	}  
/*definite l'image d'index*/
div#image2{position:relative; }
div#image2 ul { margin-left: -45px; }           /*margin de cadre*/
                
div#image2 ul li {  float:left;
                    list-style: none;
                    }
div#image2 ul ul.cadre{position: absolute;display:none;left:27px;top:26px;}
div#image2 ul ul.show{position: absolute;display:block;left:27px;top:26px;}
div#image2 ul li:hover ul.cadre {display:block;z-index:1} 
div#image2 ul li:hover ul.cadre li{background:#FFF;
                          padding:0px;}
div#image2 ul ul.cadre2{position: absolute;display:block;right:400px;top:20px;}

div#image2 ul  ul.cadre2 li{background:#FFF;
                          padding:0px;}
div#image2 ul li.no {float:none;}
img#cadre{margin-left:-2%;}