body {
     font-family: arial ,"comic sans ms", "Trebuchet MS", Georgia, serif ;
	 text-align: center ;
	 color: #000000 ;
	 margin: 0px ;
     background-color: #7e3838 ; 
	 background-size: cover;  
	 background-image: url("img/") ;
}

a {
     color: #fff ;
	 text-decoration:none ;
}

a:active { /*couleur quand on clic sur tous les menus*/
     color: #0395cc ;
}

a:hover {
     color: #b0d730 ;
}

h2 , h3{
	margin : 0px;
}

#site {
     width: 945px ;
     height: auto	;
	
     margin-left: auto ;
     margin-right: auto ;
	 border: px ridge yellow ;
}

#tete {
     width: 945px  ;
     height: 100px ;
     margin-top : 5px ;
	
	 border: px ridge green ;
 }
 
 #titre {
     width: 600px ;
     height: 100px ;
	 margin-top: px ;
	 position : absolute ;
     border: px ridge red ;
}

#logo {
     width: 325px ;
     height: 90px ;
	 position : relative ;
	 margin-left : 610px ;
     border: px ridge black ;
}

#centre {
     width: 945px  ;
	 height: auto ;
	 margin: auto ;
	 margin-top : 50px ;
	 text-align: left ;
     border: px solid blue ;
	 color: white ;
}

#photoaccueil-g{
     width: 210px ;
     height: 500px ;
	float : left ;
     border:px ridge yellow ;
}

#photoacu-g{
     width: 227px ;
     height: 400px ;
	float : left ;
     border: px ridge yellow ;
}

#photoacu-d{
     width: 227px ;
     height: 400px ;
	 float : right ;
     border: px ridge yellow ;
}

#phototuina-g{
     width: 227px ;
     height: 500px ;
	float : left ;
     border: px ridge yellow ;
}

#phototuina-d{
     width: 227px ;
     height: 500px ;
	float : right ;
     border: px ridge yellow ;
}

#photodiet-g{
     width: 227px ;
     height: 500px ;
	float : left ;
     border: px ridge yellow ;
}
#photodiet-d{
     width: 227px ;
     height: 500px ;
	float : right ;
     border: px ridge yellow ;
}

#photoventouse-g{
     width: 227px ;
     height: 550px ;
	float : left ;
     border: px ridge yellow ;
}
#photoventouse-d{
     width: 227px ;
     height: 550px ;
	float : right ;
     border: px ridge yellow ;
}
#photomoxa-g{
     width: 227px ;
     height: 500px ;
	float : left ;
     border: px ridge yellow ;
}
#photomoxa-d{
     width: 227px ;
     height: 500px ;
	float : right ;
     border: px ridge yellow ;
}
#pied {
     width: 945px ;
	 height: 30px ;
	 position: absolute ;
	 text-align: center ;
     border: px solid violet ; 	 
}

#piedgauche {
	 width: 150px ;                                 
	 height: 20px ;
	 position: absolute ;
	 background-color: #172322 ;
	 margin-top: 2px ;
	 margin-left: 5px ;
	 border: px solid red ;
}

#piedgauche a:active  {
	 color: #0395cc ;
}

#piedcentre {
	 width: 550px ;                                  
	 height: 20px ;
	 color: white ;
	 background-color: #172322 ;
	 margin-top: 2px ;
	 margin-left: auto ;
     margin-right: auto ;
	 border: px solid red ;
}

#pieddroite  {
	 width: 150px ;                                   
	 height: 20px ;
	 background-color: #172322 ;
	 position: absolute ;
	 top: 2px ;
	 margin-left: 785px ;
	 border: px solid red ;
}

#pieddroite a:active  {
	 color: #0395cc ;
}


/* ///// carte Map///// */
.carte {  
  
	 position : absolute;
     margin-left : 350px  ;
	 margin-top : 30px
}


/* ///// css temoignage ///// */
#temoignage1 {
    width: 945px ;
	height: auto ;
    border: px solid violet ; 	 
}
/* 1 */
.fond-temoin1{
  width:780px;
  height: auto ;
  background:#6f418a ;
  border-radius:20px 70px;
}
.texte-temoin1{
 margin-left :100px;
}
.image-ronde1 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin1.jpg");
  background-position: 45% 40%;
  border: 3px solid #ffffff  ; 
  border-radius: 50% ;
}
/* 2 */
.fond-temoin2{
  width:780px;
  height: auto ;
  background:#375c9f ;
  border-radius:20px 70px;
}
.texte-temoin2{
 margin-left :100px;
}
.image-ronde2 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin2.jpg");
  background-position: 40% 30%;
  border: 3px solid #ffffff  ; 
  border-radius: 50% ;
}
/* 3 */
.fond-temoin3{
  width:780px;
  height: auto ;
  background:#05a6b8 ;
  border-radius:20px 70px;
}
.texte-temoin3{
 margin-left :100px;
}
.image-ronde3 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin3.jpg");
  background-position: 40% 30%;
  border: 3px solid #ffffff  ; 
  border-radius: 50% ;
}
/* 4 */
.fond-temoin4{
  width:780px;
  height: auto ;
  background:#28aa48 ;
  border-radius:20px 70px;
}
.texte-temoin4{
 margin-left :100px;
}
.image-ronde4 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin4.jpg");
  background-position: 40% 30%;
  border: 3px solid #ffffff  ; 
  border-radius: 50% ;
}
/* 5 */
.fond-temoin5{
  width:780px;
  height: auto ;
  background:#e8be11;
  border-radius:20px 70px;
}
.texte-temoin5{
 margin-left :100px;
}
.image-ronde5 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin5.jpg");
  background-position: 40% 30%;
  border: 3px solid #ffffff  ; 
  border-radius: 50% ;
}
/* 6 */
.fond-temoin6{
  width:780px;
  height: auto ;
  background:#dc601f;
  border-radius:20px 70px;
}
.texte-temoin6{
 margin-left :100px;
}
.image-ronde6 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin6.jpg");
  background-position: 40% 30%;
  border: 3px solid #ffffff ; 
  border-radius: 50% ;
}
/* 7 */
.fond-temoin7{
  width:780px;
  height: auto ;
  background:#c31e26 ;
  border-radius:20px 70px;
}
.texte-temoin7{
 margin-left :100px;
}
.image-ronde7 {
  width: 80px;
  height: 65px;
  position:absolute;
  margin:5px 10px;
  background-image: url("img/temoin7.jpg");
  background-position: 40% 30%;
  border: 3px solid #ffffff  ; 
  border-radius: 50% ;
}