*{
    padding: 0;
    margin: 0 ;
}
html{
    height:101%
}
/* /////////////////////////////////////////////////////////////////////////////////////////
                                                                         structure interface
/////////// //////////////////////////////////////////////////////////////////////////////*/
body{
    margin: 0 ;
    padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#847770;
	background-color:#847770;
    }
#global{
    z-index:0;
	width: 1000px;
    background-color: #FFFFFF;
    padding:0;
	border:1px solid #713d1e;
    margin: 0 auto ;   
	}
#bandeau{  
	background-color:#D0BC9B;
	width:100%;
	padding:0px;
	margin:0px;	 
    }
#menu{
	position:relative;
	background: #D0BC9B url(../images_site/lattes_bois.png);
	width:100%;
	height:54px;
	}
#menu_deroule{
    z-index:10;
	position:absolute;
	/*width: 100%; /* correction pour Opera */
	top: 2px;
    left:15px;
	}
#contenu{      
	background: #FFFFFF url(../images_site/lattes_bois2.png) repeat-y;
	width:100%;   
	}
#colonne1{
    float:left;
	width:26%;   
	}
#colonne2{ 
    float:left;
	width:64%;
	padding:20px 0 50px 53px ;
	/*//padding:40px 5%; */  
	}
#pied{
    clear:both;
	position:relative;
	margin-bottom:-2px;
	background-color:#847770;
	}
/*///////////////////////////////////////////////////////////////////////////////////////////
                                                                                    div acroche
/////////////////////////////////////////////////////////////////////////////////////////////*/
#acroche, #acroche h1, #acroche h2{
   position: absolute;
   left:-5000px;
   text-indent:-5000px;
   font-size: 0;
   width:auto;
   margin:0;
   padding:0;
   line-height:0;
	}
/*///////////////////////////////////////////////////////////////////////////////////////////
                                                                                     survol des liens
/////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////
                      les menus (bandeau et pied)
///////////////////////////*/
#menu a, #menu dt a, #pied a {
    text-decoration: none;  
    color:#4c1e0d
}
#menu a:hover, #menu dt a:hover, #pied a:hover{
    color:#9E5100;             
}
/* /////////////////////////////////////////
                                  cadre image dans le contenu
 ////////////////////////////////////////*/ 
#contenu a img, #colonne1 .colonne1_logo {
    border: 1px solid #914200; 
}
/* //////////////////////////
               survol image des icones
 //////////////////////////*/
#menu span  a img {
    border: 1px solid #D1BD9C; 
}
 /* défini l'encadrement des images dans les liens hors survol */
#menu span a:hover {
    border:0px; 
} /* pour IE - ne sert sinon à rien */
#menu span a:hover img {
    border:1px solid #713d1e ;
} /* défini l'encadrement des images lors du survol */
/*///////////////////////////
                      les liens colonne1 et  colonne2
///////////////////////////*/
#contenu #colonne1 a, #contenu #colonne2 a {
    text-decoration: none;
    font-size: 11px;
    color:#9E5100;
}
#contenu #colonne1 a:hover, #contenu #colonne2 a:hover{
    color:#4c1e0d;             
}
/*///////////////////////////
                      les menus (address)
///////////////////////////*/
/*///liens address///*/
#pied address a { 
    color:#9E5100; 
}
#pied address a:hover{
    color:#4c1e0d;           
}

/*///////////////////////////////////////////////////////////////////////////////////////////
                                                                                     menu du bandeau
/////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////
                       titre H2
///////////////////////////*/
h2{
	float:right;
    color:#a34f1c;
	text-align: right ;
	text-transform:lowercase;
	font-weight:normal;
	font-size: 20px;
	padding:22px 110px 0 0;
	width:850px;
}
/*///////////////////////////*/
#menu_deroule dl, #menu_deroule dt, #menu_deroule dd, #menu_deroule ul, #menu_deroule li {
    padding: 0;
    list-style-type: none;
}
  #menu_deroule dl{
	display:inline;
    float:left;
	position:relative;
    padding:0;
    margin:0 5px 0 0;
			 }
 #menu_deroule dt {
   cursor: pointer;
   color:#9E5100;
   font-size: 11px;
   font-weight:bold;
   list-style-type:none;
   margin-left:0px;
}
#menu_deroule dd {
   position:absolute;
   top: 18px;
   left:10px;
   width: 193px;
   border: 1px solid #9E5100;
   background: #D0BC9B;
   padding:5px;
}
/* /////////////////////////////
                            icones du menu
///////////////////////////////*/
#menu span{
    width:96px;
    position:absolute;
	left: 904px;
	top:22px;
}
#menu span .image_icon{
    padding:0;
	margin-right:-4px;
}
/* /////////////////////////////////////////////////////////////////////////////////////////
                                                                             structure colonne 1
/////////// //////////////////////////////////////////////////////////////////////////////*/
#colonne1 dl img{
	width:100%;
	 border-top: 1px solid #914200;
	 border-bottom: 1px solid #914200;
	}
	#colonne1 dl dt img{
	 border: none;
	}
    #colonne1 dd{
		  width:100%;
		  padding:0;
		  margin:10px 0;	     
	     }
		 #colonne1 .dd_texte{
		     width:82%;
			 font-size: 10px;
	         background-color:#fff6e7;
	         padding:5%;
	         margin:12px 4%;
	     }
		#colonne1 .dd_texte .colonne1_logo{
		float:left;
		width:37px;
		margin-right:5px;
		 }
/* /////////////////////////////////////////////////////////////////////////////////////////
                                                                        structure colonne 2
/////////// //////////////////////////////////////////////////////////////////////////////*/
.titre, .hr_premier_article, .hr_colonne1{
    clear:both;
    height: 12px;/*/corectoin IE/*/
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: #ffffff;
    border:0;
}
.titre, .hr_premier_article{
   margin:35px 0 0 0;/*/corectoin IE/*/
}
.titre{
   height: 0px;
   margin-top:20px;/*/corectoin IE/*/
}
/*/..................................................................................................................br clear
.toto{
    clear:both;
   font-size: 0px;
}/*/

 .hr_colonne1{
    color: #fff6e7;
    background-color: #fff6e7;
}
/* /////////////////////////////////////*/
#colonne2 h3{ /* //titre des articles H3/*/
   width:640px;
   clear:both;    
   font-size:16px;
   color:#9E5100;
   padding:0 ;
   margin:30px 0 20px 0;
}
/*////////////////////
         liste puces article
////////////////////*/
#colonne2 .liste_pointArticle{
    font-size:11px;
	padding:0;
	margin:0 0 15px 20px;	
}  
#colonne2 .liste_pointArticle li{
    padding:0;
    margin:5px 0 5px 20px;
}
/* ///////////////////////////////////////////////////////////////////////colonne2/////////////////////////////
   +13px                                 colonne2 paragraphe long                                    
/////////// ///////////////////////////////*/
#colonne2 p{
    width:640px;     	
    text-align:justify;
	padding:0;
	margin-bottom:20px;
}
/* //////////////////////////////////////////
                                    colonne2 paragraphe avec image_letrinne                                    
/////////// ///////////////////////////////*/
#colonne2 .Plettrine{
    width:640px;     	
    text-align:justify;
	padding:0;
	margin-bottom:20px;
}
#colonne2 .imagePletrinne{
   width:110px;
   float: left;
   padding: 0;
   margin:0 1.5% 1.5% 0;   
}
/* //////////////////////////////////////////
                                   colonne2 paragraphe à gauche de l'image                                    
/////////// ///////////////////////////////*/	
 #colonne2 .imagePdroite{
    display:block;
	float: left;
}
#colonne2 .Pdroite{
    display:block;
    width:470px; /* /////+13px//*/       	
    text-align:justify;	
    margin:0 0 20px 170px;
}
/*////////////////////
         liste puces article paragraphe à gauche de l'image 
////////////////////*/
 #colonne2 .liste_Pdroite{
    display:block;
    width:450px;
    font-size:11px;
	padding:0;
	margin: 0 0 15px 190px;	
}  
#colonne2 .liste_Pdroite li{
    padding:0;
    margin:0 0 5px 20px;
}		
/* //////////////////////////////////////////
                                    colonne2 paragraphe à droite de l'image                                    
/////////// ///////////////////////////////*/	
#colonne2 .imagePgauche{
    display:block;
    float: right;
}	
#colonne2 .Pgauche{
    display:block;
    width:470px;
    text-align:justify;
    padding:0;
}
/*////////////////////
         liste puces article paragraphe à gauche de l'image 
////////////////////*/
 #colonne2 .liste_Pgauche{
    display:block;
    width:450px;/*/corectoin IE/*/
    font-size:11px;
	padding:0;
	margin: 0 0 15px 20px;	
}  
#colonne2 .liste_Pgauche li{
    padding:0;
    margin: 0 0 5px 20px;
}		
/* //////////////////////////////////////////////////////////////////////////////images///////////////////////
                                    colonne2 images droite et gauche                                    
/////////// ///////////////////////////////*/
#colonne2 .imagePgauche, #colonne2 .imagePdroite{
    width:157px;
    margin-bottom:40px;/*/corectoin IE/*/
}	
/* //////////////////////////////////////////
                                    colonne2 bande images                                    
/////////// ///////////////////////////////*/
#colonne2 .bande_image{
   clear:both;
   width:640px;   
   text-align:right;
   margin:0px 0 0px 0;
}
#colonne2 .bande_image img{
    /* /width:177px;/*/
   height:103px;
   padding:0;
   margin :0 0 10px 30px
}
/* //////////////////////////////////////////
                                 partenaires     <dl class="partenaire">                                
/////////// ///////////////////////////////*/
#colonne2 .partenaire { 
  float:left;
  width:200px;
  background-color:#fff6e7;
  padding:8px;
  border: 1px solid #9E5100; /*/couleure du cadre/*/
  margin:0 0 15px 70px; /*/corectoin IE/*/
}
#colonne2 .partenaire img{
    float:left;
	width:70px;
	border: 1px solid #9E5100; /*/couleure du cadre/*/
	margin-bottom:10px
	}
     #colonne2 .partenaire dt{
	      clear:both;
	      font-size:10px;
		  padding:0;
		  margin:0;	     
	     }
	#colonne2 .partenaire .image_droite_partenaire{
	float:right;
	width:100px;
	margin-bottom:10px     
	}
    #colonne2 .partenaire dd{
	clear:both;
	margin-top:5px	     
	}
/*///////////////////////////////////////////////////////////////////////////////
                                     formulaire       mise en forme des boutons et des champs textes
///////////////////////////////////////////////////////////////////////////////////////////*/ 

#colonne2 form textarea{
border-top:2px solid #989494;
border-right:2px solid #E3E3E3;
border-bottom:2px solid #E3E3E3;
border-left:2px solid #989494;
width:100%;
} 
#colonne2 form .input_moyen{
width:48%;
}	
#colonne2 form .input_petit{
width:20%;
}	   
textarea, input, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#4c1e0d; 
    font-size: 12px;
	font-weight:normal;
	background:#D0BC9B url(../images_site/lattes_bois.png);
	margin:5px 0 8px 0;
}

.formulaire {  /*/possitionement du bloc formulaire/*/
   width:453px;
   color:#a34f1c;
   background:#D0BC9B url(../images_site/lattes_bois.png);
   border: 1px solid #9E5100; /*/couleure du cadre4c1e0d/*/
   padding:40px;
   margin:40px auto 0 auto;
}
#contenu #colonne2 .formulaire a { 
   color:#4c1e0d
}
#contenu #colonne2 .formulaire a:hover { 
    color:#9E5100;
}
/* ///////////////////////////////////////////////////////////////////////////////// ///////////////////////////////*/
/* //////////////////////////////////////////
                                  menu pied de page                                    
/////////// ///////////////////////////////*/
.pied_menu .li_barre{
   color:#9E5100; 
			 }
.pied_menu{
   position:absolute;
   font-size: 11px;
   font-weight:bold;
   list-style-type:none;
   left:270px;
   top:2px;	
}  
          .pied_menu li{
	         display:inline;
             float:left;
             padding:0;
             margin:0 5px 0 0;
			 }
			 /* /////////////////////////////
                            icones du menu
///////////////////////////////*/
#pied .ico{
   position:absolute;
   left:955px;
   top:-36px;
}
/* //////////////////////////////////////////
                                  textes pied de page                                    
/////////// ///////////////////////////////*/
#pied address{
    position:absolute;
	width:161px;
	left:20px;
    top:85px;	
    color:#a34f1c;
    background-color:#D0BC9B;
    padding:2px;	
}
#pied p{
   position:absolute;
   left:275px;
   top:72px;
   color:#D0BC9B;	
}
#pied p span{
   color:#FFFFFF;
   font-weight:bold;
   font-size:16px
}
/* //////////////////////////////////////////
                              mait un élément en rouge                                   
/////////// ///////////////////////////////*/
.couleur{
    color:#FF0000;
}