/* hide from ie on mac \*/

html {height: 100%}     /*avant y avait: html {height: 100%;overflow: hidden;} mais pas d'assenceur*/
#flashcontent {height: 100%;}

/* end hide #93B346  vert retenu #90B740 */

body{margin: 10px 0 ;padding: 0 ;}

	
   						
							/* conteneur */
							
div#conteneur {	margin: auto; width: 980px ; text-align: center;}


													
									
								/* Boite BANDEAU et barre*/
		 
div#haut {width: 980px ; height: 185px}

div#bandeau {height: 140px; width: 978px ;}
div#margebandeau {height: 6px; width: 980px ;}
div#marge-drapeau{float: left; height: 31px; width: 10px; }
div#barre-drapeau {float: left; height: 31px; width: 130px ;text-align: left }
div#barre-drapeau-texte {float: left; height: 31px; width: 840px ; }
div#barre-drapeau-onglet {float: left; height: 31px; width: 180px ;text-align: center;  }
div#barre-drapeau-onglet-fr {float: left; height: 31px; width: 130px ;text-align: center;  }
div#barre-drapeau-onglet1 {float: left; height: 31px; width: 70px ;text-align: center;  }
div#barre-drapeau-onglet2 {float: left; height: 31px; width: 70px ;text-align: center;  }
div#barre-drapeau-onglet3 {float: left; height: 31px; width: 78px ;text-align: center;  }
div#barre-drapeau-onglet4 {float: left; height: 31px; width: 160px ;text-align: center;  }
div#barre-drapeau-onglet5 {float: left; height: 31px; width: 95px ;text-align: center;  }
div#barre-drapeau-onglet6 {float: left; height: 31px; width: 90px ;text-align: center;  }
div#barre-drapeau-onglet7 {float: left; height: 31px; width: 80px ;text-align: center;  }


div#marge-boite {float: left; height: 36px; width: 980px   }
div#marge-boite1 {float: left; height: 36px; width: 980px ; line-height: 5px  }


p#bouton {padding-right: 18px;text-align: right;}
p#titre9{margin-top: 3px; text-align: center;font-weight: bolder; color: #90B740; font-size: 14px;font-family: verdana}
 div#boite-bouton{float: left; height: 20px; width: 230px; texte-align-center }
 div#boite-bouton-marge{float: left; height: 10px; width: 230px; }


								/* Boite centre */
		 
div#centre {float: left; widht: 980px}

                
                                /* page index */


p#titre{margin-top: 10px; padding-left: 10px ;text-align: left;font-weight: bolder; font-size: 12px;color: #000000 ;font-family: verdana}
p#texte{float: left; padding-left: 10px ;width: 200px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}
p#suite{ padding-right: 10px ;height: 5px;text-align: right;font-weight: bolder; font-size: 12px;color: #000000 ;font-family: verdana}
p#titre2{margin-top: 10px; padding-left: 30px ;text-align: left;font-weight: bolder; font-size: 12px;color: #000000 ;font-family: verdana}
p#texte2{float: left; padding-left: 20px ;width: 710px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}
p#texte3{float: left; padding: 10px 20px ;width: 190px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}
p#texte4{float: left; padding: 10px 20px ;width: 390px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}

                                 /* pour toutes les pages*/



div#boite0{float: left; height: 185px; width: 326px; background-image: url('image/case1.jpg')  }
  div#boite-bord-v{float: left; height: 185px; width: 5px;}
  div#boite-titre{float: left; height: 25px; width: 321px}
  div#boite-texte{float: left; height: 160x; width: 206px}
  div#boite-photo{float: left; height: 120px; width: 110px; }
  div#boite-savoir{float: right; padding-right: 5px ;height: 20px; width: 110px;}
p#texte80{float: left; padding-left: 10px ; text-align: center; font-size: 11px;color: #90B740 ;font-family: verdana}
  
                                    /* page accueil*/
                                  
                             
div#boite1{float: left;  width: 750px; text-align: left; background-image: url('image/case2.jpg') }

  
                                  /* page gite */
                                  
                                
                             
div#boite222{float: left; width: 750px; height: 370px; background-image: url('image/case22.jpg') }
div#boite223{float: left; width: 750px; height: 45px;  }

div#boite22{float: left; width: 65px;height: 45px ;}
div#boite21{float: left; width: 10px;height: 45px ;}
div#boite20{float: left; width: 33px;height: 45px ;}


                                /* boites de droite */
 
div#boite-droite{float: left; width: 230px }                       
                               
div#boite3{float: left; height: 100px; width: 230px; background-image: url('image/case3.jpg') }
p#texte33{float: left; padding: 8px 20px ;width: 190px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}

div#boite4{float: left; height: 270px; width: 230px; background-image: url('image/case4.jpg') }


                                     /* page reservation et prix */
                                                                       
div#boite5{float: left; width: 750px; height: 440px; background-image: url('image/case2.jpg') }

 div#boite52{float: left;  height: 360px; width: 470px; text-align: left; background-color: #90B740 }
 div#boite53{float: left;  height: 360px; width: 280px; text-align: left;  }
 div#boite54{float: left;  height: 100px; width: 750px; text-align: left;  }
 
 div#prix{float: left;  height: 20px; width: 176px; text-align: center; border: 1px solid gray; 
 font-size: 12px;line-height: 19px; font-family: verdana}
 
 div#prix11{float: left;  height: 40px; width: 176px; text-align: center; border: 1px solid gray; 
 font-size: 12px;line-height: 19px; font-family: verdana}

 div#prix2{float: left; height: 20px; width: 21px}
 div#prix22{float: left; height: 40px; width: 21px}


                                  /* page tourisme */
                             
div#boite6{float: left; width: 70px; }
div#boite66{float: left; width: 680px;height: 440px; background-image: url('image/case6.jpg') }
div#boite666{float: left;  height: 58px; width: 70px; }
div#boite6640{float: left;  height: 40px; width: 70px; }
div#boite6620{float: left;  height: 20px; width: 70px; }
div#boite3{float: left; height: 100px; width: 230px; background-image: url('image/case3.jpg') }

p#titre6{margin-top: 10px; padding-left: 50px ;text-align: left;font-weight: bolder; font-size: 12px;color: #000000 ;font-family: verdana}
p#texte6{float: left; padding-left: 20px ;width: 600px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}
p#titre66{font-weight: bolder; font-size: 12px;color: #000000 ;font-family: verdana}


                                     /* page situation et accès */                                  
                                
                       
div#boite7{float: left;  width: 750px; text-align: left; height: 440px; background-image: url('image/case2.jpg')}
div#boite77{float: left;  width: 750px; text-align: center; }

                                /* page liens */                                  
                                
                       
div#boite9{float: left;  width: 250px; text-align: center; height: 240px; )}
div#boite91{float: left;  width: 250px; text-align: center; height: 70px; )}






                              * page annexe */                                  
                                
 div#boite82{float: left;  height: 180px; width: 470px; text-align: left; }
 div#boite83{float: left;  height: 180px; width: 280px; text-align: left;  }
 div#boite84{float: left;  height: 30px; width: 750px; text-align: left;  }
 
 p#texte77{float: left; padding-left: 20px ;width: 200px; text-align: justify; font-size: 11px;color: #000000 ;font-family: verdana}
 div#boite44{float: left; height: 212px; width: 230px;background-image: url('image/case44.jpg') }

 
 
 								/* Boite pop-up */
							
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {background: none; /* correction d'un bug IE */z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.info:hover span {display: inline; /* on affiche l'infobulle */ position: absolute;white-space: nowrap; /* 
on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 5px; /* on positionne notre infobulle */
   left: 200px; background: white;padding: 70px;border: 2px solid #90B740 ;border-left: 2px solid #90B740;}	



                                   /* Boite bas */
                                   
	 
div#bas1 {float: left; height: 20px; width: 326px ; background-color: #90B740}
p#footer {margin: 0 ;padding-right: 10px ;line-height: 20px ;text-align: right; font-size: 10px;color: #F3FA93 ;font-family:"Verdana"}
p#footer2 {margin: 0 ;padding-left: 10px ;line-height: 20px ;text-align: left; font-size: 10px;font-family:"Verdana"}