body {
     padding : 0;
     margin : 0;
     font-family : "Trebuchet MS", Tahoma, sans-serif;
     font-size : 75%;
     /*background : #FFF url(images/bg_pg_blue2.gif);
		  background: #808BA3;	
			background: #FBF8B3;*/
     background : #1A1A1A url(picts/bg-page4.jpg);
		 background-repeat: repeat-x;
      }
			
		a:link, a:visited, a:active {text-decoration: none; color: #666; }	
		a:hover {text-decoration: none; color: #cc9900; border: none;}
			
    #page {
     width : 780px;
     padding : 0;
     margin : 30px auto 0 auto;
     color : #999;
     border : 1px solid #EDAF36;
     background: #000;
      }
			
    #langues {
		display: none;
     padding : 0 30px 0 10px;
     color : #999;
     height : 18px;
      }
    #top {
     margin : 10px 0;
		 /*background: #333;*/
		 width: 100%;
     /*height : ;*/
     padding : 0;
		 /*border-top: 17px solid #000;*/
		 /*background: url(images/alhambra2.jpg);*/
      }
			
		.logo {
		display: none;
		position: absolute;
		top: 15px;
		margin-left: 595px;
		width: 170px;
		height: 60px;
		background-image: url(picts/logoCSS2.gif);
		}		
			
    #top h1 {
     margin : 0 300px 0 35px;
     padding-top : 15px;
		 padding-bottom: 15px;
     font-size : 150%;
     color : #888;
     
     text-align : left;
      }
    #top a {
     color : #000;
     text-decoration : none;
     font-weight : normal;
      }
    #main {
     width : 780px;
		 margin: 0 auto;
      }
    #breadcrumbs {
     padding : 1px 30px 3px 35px;
     font-size : 95%;
     font-style : italic;
		 margin-bottom: 15px;
		 width: 715px;
      }
    #breadcrumbs a {
     text-decoration : none;
      }
		.espace {float: left; width: 35px; height: 50px;}	
		.espace1 {float: left; width: 43px; height: 50px;}
		
		
			
    #content, #plan {
		float: left;
		width: 415px;
		margin: 0 0 50px 0;
    padding : 0 20px 20px 20px;
    font-family : "Trebuchet MS", Tahoma, sans-serif;
		background : #111;
		border:1px solid #222;
      }
    #content h1, #plan h1 {
     color : #32C80A;
     font-size : 130%;
		 font-weight: 300;
		 margin-top: 30px;
		 padding-left: 10px;
		 /*border-top: 1px dotted #32C80A;*/
		  background-image: url("picts/bouton.gif") ! important; 
		background-repeat: no-repeat ! important; 
		background-position: 0px 5px ! important;
		 
      }
    #content h2 {
     font-size : 120%;
		 color: #999;
      }
			
		#content h3 {
     color: #999;
      }
    #content p, li, blockquote, #plan p {
     text-align : justify;
     font-size : 100%;
		 color : #999;
		 padding-left: 10px;
      }
    #content p.surtitre {
     font-weight : normal;
     color : #000;
     font-style : italic;
     text-align : right;
      }
    #content a:link, #content a:visited, #content a:active {
     color :#A59C75 ;
     text-decoration : none;
      }
			
    #content a:hover {
     color : #cc9900;
     text-decoration : none;
      }
    
		#content img {
		border-top: 1px solid #555;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		border-left: 1px solid #666;
		}
		
    #content table {
     border : 1px solid #ffffff;
     font-size : 100%;
     color : #fff;
     line-height : 150%;
      }
    /*th {
     padding : 10px;
     font-weight : bold;
      }
    td {
     padding : 10px;
      }*/
			
    #surfooter {
     width : 780px;
		 margin: 0 auto;
		 border-bottom: 1px solid #333;
     color : #666;
		 /*background: #222;*/
      }
    #surfooter p {
     margin : 0;
		 padding : 0px 0 0px 10px;
      }

    #surfooter a {
    color: #666;
    text-decoration: none;
      }			
			
    #surfooter a:hover {
    color: #32C80A;
    text-decoration: none;
      }		
			
    #footer {
     width : 780px;
		 margin: 0 auto;
     color : #666;
     padding : 0;
     font-size : 90%;
      }
    #footer p {
     padding : 1px 10px;
      }
    a.foot:link {
     color : #fff;
     text-decoration : underline;
      }
    a.foot:visited {
     color : #fff;
     text-decoration : underline;
      }
    a.foot:hover {
     color : #cccccc;
     text-decoration : underline;
      }
    .floatleft {
     float : left;
     margin : 0 10px 5px 0;
     clear : left;
     padding : 3px;
     background : #fff;
     border : 1px solid #000;
      }



    #menuhaut {
     clear : both;
     margin : 0;
     background-color : #000;
      }
    #menuhaut ul {
     margin : 0;
     padding : 0 30px 0 0;
     text-align : right;
      }
    #menuhaut li {
     display : inline;
     padding-left : 10px;
     padding-right : 10px;
     border-right : 1px solid #fff;
      }
    a.haut {
     text-decoration : none;
     font-weight : bold;
     color : #fff;
      }
    a.haut:hover {
     text-decoration : none;
     font-weight : bold;
     color : #eee;
      }
			
			
		#horizontal {width: 100%; background: #222;}	
		#horizontal p {display: inline;}	
    #horizontal p .z {margin-left: 30px; color: #999; font-size: 120%; font-weight: bold;  }
		#horizontal .zz {display: none;}
		#horizontal .zzz {display: none;}
		#horizontal .zzzz {display: none;}
		#horizontal .zzzzz {display: none;}
			
   	#menuvertical .z {display: none;}
		#menuvertical {
     float : left;
     margin : 0 0 30px 0;
     font-size:90%;
     width : 185px;
		 padding: 10px;
		 background : #222;
		 border: 1px solid #333;
      }
	
	  .titresmenu {
     padding : 0 10px 0 5px;
     background : #111;
     /*height : 18px;*/
		 color: #999;
		 font-weight: bold;
		 font-size: 120%;
		 margin-bottom: 15px;
		 border-top: 1px solid #333;
		 border-bottom: 1px solid #333;
      }
			
		#menuvertical a:link, #menuvertical a:active, #menuvertical a:visited   {
		padding-left: 15px;
		padding-bottom: 2px;
		text-decoration: none; 
		color: #A59C75; 
		border: none;
		background-image: url("picts/puce1.gif"); 
		background-repeat: no-repeat; 
		background-position: 2px 6px;
		}	
		
		#menuvertical a:hover {color: #cc9900;}		
		
		/* Classes menus-gauche */
		
		
		#menuvertical p {
    margin :1px 0;
      }
		#menuvertical a {display : block; padding-left: 5px; background: #222;}

.z {padding-left: 

    25px ! important;        
		background-image: url("picts/puce2.gif") ! important; 
		background-repeat: no-repeat ! important; 
		background-position: 2px 6px ! important;
    }
.zz {padding-left: 35px ! important;
		background-image: url("picts/puce3.gif") ! important; 
		background-repeat: no-repeat ! important; 
		background-position: 2px 6px ! important;
    }
.zzz {padding-left: 45px ! important; 
		background-image: url("picts/puce4.gif") ! important; 
		background-repeat: no-repeat ! important; 
		background-position: 2px 6px ! important;
}
.zzzz {padding-left: 55px ! important;
    background-image: url("picts/puce5.gif") ! important; 
		background-repeat: no-repeat ! important; 
		background-position: 2px 6px ! important;
		}



.zzzzz {padding-left: 65px ! important; }	

.y {display : block; color: #999; border-bottom: 1px solid #111; font-weight: bold; padding-top: 5px; }
a.y:hover {display : block; color: #999; border-bottom: 1px solid #111; font-weight: bold; padding-top: 5px; }
			
		
		a.plan:link, a.plan:visited, a.plan:hover, a.plan:active {
     font-weight : bold;
     color : #32C80A;
     text-decoration : none;
      }
    .niveau2 {
     margin : 20px 0 0;
     text-transform : uppercase;
     border-bottom : 1px solid #ccc;
      }
    .niveau3 {
     margin : 10px 0 0 15px;
      }
    .niveau4 {
     margin : 10px 0 0 30px;
      }
    .niveau5 {
     margin : 10px 0 0 45px;
      }
    .niveau6 {
     margin : 10px 0 0 60px;
      }			
			
			
			
    a.plan1:link, a.plan1:visited, a.plan1:hover, a.plan1:active {
     color : #999;
     text-decoration : none;
      }
    .lienniveau2 {
     margin : 1px 0 0;
      }
    .lienniveau3 {
     margin : 1px 0 0 15px;
      }
    .lienniveau4 {
     margin : 1px 0 0 30px;
      }
    .lienniveau5 {
     margin : 1px 0 0 45px;
      }
    .lienniveau6 {
     margin : 1px 0 0 60px;
      }			
	 	

   
	 
	 
	/*  .search_header_field {
     color : #999;
     background-color : #333;
		 padding-left: 5px;
     width : 178px;
     margin-right : 5px;
     margin-bottom : 10px;
		 border: 1px solid #444;
      }*/

    .cmpr {
     color : #990033;
      }
    .cmpn {
		 display: none;
      }	
	
	
	#q {
		background: #333;
		border: 1px solid #444;
		color: #999;
		width: 185px;}
		
		
		.contact {
		background: #333;
		border: 1px solid #444;
		color: #999;}
		
		.alignecontact {
		color: #999; padding: 5px 0 10px 80px;\" }
		 

    .inputbox-contact, .inputbox-textarea {
     background-color : #000;
     border : 1px solid #444;
		 color: #999;
		 padding-left: 5px;
     width : 250px;
		 margin-bottom: 5px;
      }
    .inputbox-textarea {
     height: 200px;
      }