/* CSS Document */

/* Taille de polices IE et MOZILLA identiques*/
HTML{
    font-size: 100%;    
}
body{
	font: 0.825em/1em Verdana;
color:white;
overflow:auto;
background:#E7E4E6;
}

h2{
	clear:both;
	margin:0px 15px 20px 15px;
	padding:10px 0 5px 10px;
	font-size: 1.2em;
}

.gauche{
float:left;
width:400px;
margin:0 0 20px 0;
}

.droite{
float:right;
width:400px;
margin:0 0 20px 0;
}

.spacer{clear:both;}
a:link  {
  color: #ffffff; 

  text-decoration: none; 
}
a:visited   {
  color: #ffffff; 
  text-decoration: none; 

}
a:hover  {

  text-decoration: underline; 

}
a:active  {
  color: #999999; 
  text-decoration: underline; 
}

/*Page*/

#global {
  margin: 0 auto;
  width: 960px; 
  background-color: transparent;
 
}
#entete {
  width: 100%;
  height:290px;
  margin: 0; 
  padding: 0;
   background: transparent url(../images/header1.png) top left no-repeat;
}

#entete h1 {
  margin: 0; padding: 0;
  text-indent: -999em;
}




#fondmilieu {
	background: transparent url(../images/milieu.png) top left repeat-y;
}

#conteneur {
 	 clear: both;
  	margin: -6px auto 0 auto;
  	width: 960px;
	overflow:hidden;

}
 
#basdepage{
margin:30px;
}
#basdepage p{
width:800px;
margin:10px auto 0 auto;

}

#pieddepage {
  width: 100%;
  height:100px;
  margin: 0; 
  padding: 0;
   background: transparent url(../images/footer.png) top left no-repeat;
}

#doc{
float:right;
font-size:0.8em;
margin:-25px 25px 0 0;

}
#doc img{
border:none;
}
#mentions{
float:right;
margin:0 30px 20px 0;
font-size:0.7em;
}


#presentation{
float:left;
width:520px;
height:325px;
margin:-10px 40px 0 50px;
padding:20px 10px 10px 10px;
color:#ED1F83;
	background: transparent url(../images/fond_presentation.png) top left no-repeat;
}

#presentation p{
padding:0px 13px;
width:90%;

line-height:1.1em;
}

#accueil{
width:100%;
margin:20px 0 0 0;
text-align:justify;
}


#slider{
float:right;
width:250px;
height:250px;
margin:40px 70px 20px 0;
border:5px solid white;
}

/**************Onglets*********************/
.expandbox{
clear:both;
  width:100%;
  text-align:left;
  margin:0;
}

.msg_list {
  margin: 0px;
  padding: 0px; 
}
.msg_head {
line-height:80px;
  margin:0 0 0 9px;
  padding: 0;
  cursor: pointer;
  
}
 

.msg_head h2{
height:80px;
margin:0px auto;
color:white;
font-size:1.2em;
  text-indent:30px;
padding:0;
}

.msg_body{ 

}

.msg_head#structures{
background: transparent url(../images/onglet_structures.png) top left no-repeat;}
.msg_head#prestations{background: transparent url(../images/onglet_tarifs.png) top left no-repeat;}
.msg_head#quisommesnous{background: transparent url(../images/onglet_presentation.png) top left no-repeat;}
.msg_head#tarifs{background: transparent  url(../images/onglet_conditions.png) top left no-repeat;}


.msg_body#structure{
padding:0 30px;
}

/***********************************/
#structures p{
padding:0;
}

.texte{
padding:0 70px;
line-height:1.1em;
}

.texte h2{
font-size:1.1em;
}

.bloc_photo{
width:90%;
margin:0 auto;
padding:0;
}
.bloc_photo h3{
font-size:1.5em;
padding:20px 0 0 0;
color:#9f0952;
}

.bloc_photo img{
float:left;
width:200px;
height:200px;
margin:20px 50px 0 50px;
border:5px solid white;
}

.descriptif{float:left;}

.descriptif h3{width:150px;line-height:20px;}
.separateur{
clear:both;
width:520px;
height:65px;
margin:0px auto 0px auto;
background: transparent  url(../images/separateur.png) 30px no-repeat;
}

.post-it{
width:250px;
height:140px;
float:left;
margin:60px 0 0 30px;
background: transparent url(../images/post-it.png) no-repeat;
color:#ED1F83;
font-weight:bold;
}
.post-it p{
margin:80px auto 0 auto;
width:90%;
text-align:center;

}
/************************************/
#s4{
  margin:0 auto;
}

#nav_accueil{ 
  margin:5px 0 0 0;
line-height:20px;
}
#nav_accueil a:visited{
  border:0;
}

#nav_accueil img{
  text-decoration:none;
  border:0;
}

#prev3{
  float:left;
}
#next3{
  float:right;

}
#tarifs_structures{
margin:20px 0;

}
#tarifs_structures p{
width:100%;
display:inline;
margin:0px 15px;

}