/* css from Pearl  */

/*Pour qu'un style css ne soit appliqué exclusivement qu'à IE6, il suffit de mettre le signe - ou _ devant .
Ex : -margin : 5px ;

Pour qu'un style css ne soit appliqué exclusivement qu'à IE6 et IE7, il suffit de mettre le signe /, ? ou * devant .
Ex : /margin : 7px ;  

formule à tester
      
*/

html, body, div, img, a, p, table, td, tr, h1, h2, h3, h4, h5, form{padding:0;margin:0;border:0;border-spacing:0;}
body{background-image:url(../images/fond.jpg); background-repeat:repeat-x;background-color:#FFFFFF;}


a{text-decoration:underline;color:#666666;text-decoration:none;}



a:hover{text-decoration:underline;}
.bloc {clear:both;}
.typo {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#959595;}

.titre {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FF6600; text-align:left; font-weight:bold;}
.titre_accueil {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#715E40; text-align:right; font-weight:bold;}

 .titre_accueil a {
        text-decoration: none;
        color:#999999;
    }
    .titre_accueil a:visited {
        text-decoration: none;
        color:#CCCCCC;
    }
    .titre_accueil a:hover {
        text-decoration: underline;
        color:#FF6600;
    }
    .titre_accueil a:active {
        text-decoration: none;
        color:#000000;
    }



.police{text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#959595;}
.police_accueil{text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px; color:#959595;padding-right:10px;margin-top:17px;}
.centre{text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#959595;}


.MenuList 

{

 COLOR:#FF6600;
 FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif
 FONT-SIZE: 12pt;
 FONT-WEIGHT: normal;
 line-height: 20pt;
 text-decoration: none ;
 left: 0px;
 clip: rect( );
 text-transform: lowercase;
 top: 5px ;
 padding-left: 15px;
 padding-right: 15px;
 font-style: italic

 }
 
.view 

{

 COLOR:#959595;
 FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif
 FONT-SIZE: 10pt;
 FONT-WEIGHT: normal;
 line-height: 20pt;
 text-decoration: none ;
 left: 0px;
 clip: rect( );
 top: 5px ;
 padding-left: 15px;
 padding-right: 15px;


 }



#conteneur{ width:995px; margin-left:auto;margin-right:auto;text-align:center;}


#contenu_gauche{ background-image:url(../images/contenu_gauche.jpg); background-repeat:no-repeat;float:left;height:768px;width:50px; }


#gallery {background-color:#336633;float:left;}

#contenu_centre{width:891px;float:left;padding-top:10px;}
#espacehaut{height:10px;}

#menu {background-color:#ffffff;height:200px;width:891px;}
#contenu_milieu {background-color:#FFFFFF; height:500px;width:891px;}

#gauche{float:left; background-color:#ffffff; ;  padding-top:45px; padding-left:30px;}
#droit{float:right; margin-top:45px;width:500px;padding-right:30px;}

#droit_contact{float:right; margin-top:45px;padding-left:10px;width:180px;}
#droit_accueil{float:right; margin-top:25px;padding-left:10px;width:200px;}
#gauche_contact{float:left; background-color:#ffffff; ;  padding-top:45px; padding-left:20px;}
#gauche_accueil{float:left; background-color:#ffffff; ;  padding-top:20px; padding-left:20px;}
#back{float:right;color:#959595; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE:11pt;}

#contenu_droit{background-image:url(../images/contenu_droit.jpg);width:54px;height:768px;background-repeat:no-repeat;float:left;}

#pied{}
#pied2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#959595;padding-top:10px;color:#CCCCCC;}
#pied_accueil{ padding-top:115px;}


 #pied2 {
        color:#CCCCCC;
    }
    #pied2 a {
        text-decoration: none;
        color:#999999;
    }
    #pied2 a:visited {
        text-decoration: none;
        color:#CCCCCC;
    }
    #pied2 a:hover {
        text-decoration: underline;
        color:#FF6600;
    }
    #pied2 a:active {
        text-decoration: none;
        color:#000000;
    }


#conteneur_intro { width:542px; margin:auto}
#espace{height:20px;}
#image { float:left;}
#image1 { float:left;}
#flash { float:left;}