html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
   margin:0px;
   padding:0px;
   font-family: arial, sans-serif;
   font-size:0.75em;
}









#main{
   width:947px;
   margin:65px auto;    
}

#header{
   width:947px;
   margin:0 auto;
   display:block;
   height:73px;
}

   #logo{
      float:left;  
      width:201px;  
   }
   
   #menu{
      float:right;
      width:732px;
      display:block;
      height:73px;
      overflow:hidden;
      margin:0px;
      padding:0px 00px 0 10px;
      background:url('../images/menu.jpg') no-repeat top left;  
      font-family:arial, sans-serif;
       
   }
   
      #menu li{
          float:left;
          display:block;
          text-align:center;
          height:44px;
          color:white;
          margin:16px 0 8px 0;
          text-transform:uppercase;
          font-size:0.917em;   
          
      }
      
      #menu li a{
          color:white;
          display:block;
          text-decoration:none; 
          padding:18px 38px 18px 38px; 
          margin:0px;  
          /*OPERA font-size:0.917em;   */
          background:url('../images/dot_menu.gif') no-repeat center left; 
          
          
      }
      
      #menu li a:hover{
         text-decoration:none;
      }
      
      #menu li a.mactive{
         text-decoration:underline;
         color:#aba197;
      }
      
       #menu li:first-child a{
          background:none;   
       }
      
.end{
   clear:both;
}




#content{
   width:905px;    
   height:423px;
   margin:5px 0 0 0;
   padding:15px 21px;
   background:url('../images/container.jpg') no-repeat;  
} 

.apropos #content{
   width:905px;    
   height:423px;
   margin:5px 0 0 0;
   padding:15px 21px;
   background:url('../images/propos.jpg') no-repeat;  
} 


.nousjoindre #content{
   width:905px;    
   height:423px;
   margin:5px 0 0 0;
   padding:15px 21px;
   background:url('../images/joindre.jpg') no-repeat;  
}

.services #content{
   width:905px;    
   height:423px;
   margin:5px 0 0 0;
   padding:15px 21px;
   background:url('../images/Service.jpg') no-repeat;  
}
  



   #content span#accueil{
      width:590px;
      height:20px;     
      display:block;
      float:left;  
      font-family: arial, sans-serif;
      
   }
   
   #content span#accueil a{
      color:#2c2b2a;       
      text-align:right;
      
      display:block;
      line-height:19px;
      height:20px;
      padding:0px 15px 0px 0;
      text-decoration:none;
      text-transform:uppercase;
      font-size:0.833em;  
   }
   

   
   #content span#brochure{
      width:286px;
      height:13px;     
      display:block;
      float:left;  
      padding:0px 0 0 18px;
      line-height:19px;
      height:20px;
      margin: 0 0 0 1px;
      text-transform:uppercase;
      font-size:0.833em;  
      width:304; 
      color:#2c2b2a;
      font-family: arial, sans-serif;
      background:url('../images/brochure.jpg') top left no-repeat;  
      
      
   }

   #content span#brochure a{
      color:#2c2b2a;  
      text-decoration:none;     
   }
   
   
   #content span#accueil a:hover, #content span#accueil a.activemenu
   {
          background:#a89e91; 
          color:#fff;       
   }
   
   #content span#brochure:hover
   {
          background:url('../images/brochure.jpg') bottom left no-repeat;  
                
   }
   
   #content span#brochure:hover a
   {
         color:#fff; 
                
   }
   
   #left{
      width:165px;
      display:block;
      float:left; 
      min-height:74px;
      border-right:1px solid #000;
      padding:0 0 0 10px;
      margin:20px 0 0 0;
   }
   
   #left li{
      line-height:24px;  
      margin:0px;
      height:24px;
      overflow:hidden; 
   }

      #left li a {
          color:#000; 
          text-decoration:none;
          text-transform:uppercase;
          font-weight:bold;
          font-size:0.917em;  
          display:block;
          padding:0 0 0 5px;
          margin:0px;
      }

      #left li a:hover, #left li a.active {
          display:block;
          color:#fff;
          background:#aca196;

      }
         
         
   
   #right{
      width:640px;
      display:block;
      float:right; 
      margin:15px 33px 0 0;
   }
   
      .mytext{
         margin:10px 0 0 0;
         line-height:16px;
         text-align:justify;  
      }
      
      .mytext h1{
          margin:0 0 27px 0;   
      }
      
      .mytext p{
          margin:10px 0;   
      }
      
      .mytext ul{
           list-style-type:disc;
           margin:5px 0 5px 12px;  
      }
      
      .mytext ul ul{
           list-style-type:circle;
      }
      
      
      .mytext h2{
         color:#aca196; 
         text-transform:uppercase;
          font-weight:bold;
      }
      
      
      .mytext a {
         color:#fff;
          padding:2px 5px;
          background:#aca196;
          text-decoration:none;
          
      }
      
      .mytext a:hover{
          color:#fff; 
           text-decoration:underline;
           background:#aca196;
                    
            
      }
      
      #infobloc{
        /*border:1px solid #000;*/
         padding:5px 0px; 
         margin:20px 0 0 0;  
      }
   
   
   
   #text{
      margin:5px 0 0 0;
   }
   
      #text .front{
         float:left;
         margin:0px;   
      }
      #text .front .prez_0 a{
         text-decoration:none;
         display:block;
         padding:20px 0 21px 30px;
         margin:8px 0 0 0;
         height:28px;
         width:266px;
         overflow:hidden;
      }
      
      #text .front .prez_0 a:hover{
         border:1px solid #000;
         padding:19px 0 21px 29px;
         width:267px;
            
      }
      
      #text .front .prez_1 a{
         text-decoration:none;
         display:block;
         padding:20px 0 21px 30px;
         margin:8px 0 0 2px;
         height:28px;
         width:262px;
         overflow:hidden;
      }
      
      #text .front .prez_1 a:hover{
         border:1px solid #000;
         padding:19px 0 21px 29px;
         width:259px;
            
      }
      
      #text .front .prez_2 a{
         text-decoration:none;
         display:block;
         padding:20px 0 21px 30px;
         margin:8px 0 0 2px;
         height:28px;
         width:262px;
         overflow:hidden;
      }
      
      #text .front .prez_2 a:hover{
         border:1px solid #000;
         padding:19px 0 21px 29px;
         width:271px;
            
      }

      #text .front .prez_0 a span, #text .front .prez_1 a span,  #text .front .prez_2 a span{
         display:block;
         margin:4px 0 0 0;
         color:#2c2b2a;
         
      }
      
      #text .front .prez_0 a span.title, #text .front .prez_1 a span.title, #text .front .prez_2 a span.title{
         color:#fff;  
         font-family: arial, sans-serif;
         text-transform:uppercase;
         font-weight:normal;
         margin:10px 0 0 0;
      }
      #text .front .prez_0{
          background:url('../images/bkg_01.jpg');   
          width:300px;
          height:79px;
          overflow:hidden;
      }
      
      #text .front .prez_1{
          background:url('../images/bkg_02.jpg');  
          width:293px;
          height:79px;
          
          overflow:hidden;
          
      }
      
      #text .front .prez_2{
          margin:0;
          background:url('../images/bkg_03.jpg');
          width:312px;
          height:79px;
          overflow:hidden;
          
      }
      
      
      
      #text #flash{
         float:left;
         width:590px;
         height:310px;
         overflow:hidden; 
         margin:0 0 3px 0;  
      }
      
      #text #flash_image{
         float:right;
         width:311px;
         height:310px;
         overflow:hidden;  
         margin:0 0 3px 0;  
         
      }




#footer{
   text-align:center;
   font-size:0.917em;   
   color:#c0beb8; 
   margin:12px 0 0 0;
}

#footer a{
   color:#c0beb8; 
   text-decoration:underline;

}


div#qTip {
 padding: 3px;
 border: 1px solid #666;
 display: none;
 background: #999;
 color: #FFF;
font: bold 9px Verdana, Arial, sans-serif;
 position: absolute;
 z-index: 1000;
 }