/* bon site css :
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php
*/

/* feuille de style créee le 6 mai 2010, par JLR*/

/* -----------------balises standard--------------*/
body
{
background-color:#F4F4F4;

background-repeat:repeat;
color:black;
font-family:verdana,arial,helvetica;
font-size:0.8em;
}

H1
{
font-size:1.8em;
}

H2
{
font-size:1.4em;
}
ul
{
padding-top:40px;
}



/* -----------------balises perso-----------------*/
#supercontenant
{
background-image:url('../images/supercontenant.gif');
width:1030px;
height:1000px;
margin:auto;

}


#contenant	/* le # est obligatoire pour décrire une balise div*/
{

background-color:#006666;
background-image:url('../images/body2.gif');
width:1000px;
height:900px;
margin:auto;
border:solid;
border-color:#666666;
border-width:medium;
}

#entete	/* le # est obligatoire pour décrire une balise div*/
{
background-image:url('../images/bandeau1.gif');
background-repeat:no-repeat;
width:100%;
height:130px;
}

/* DEBUT SOMMAIRE */
#sommaire	/* le # est obligatoire pour décrire une balise div*/
{

width:100%;
height:50px;
float:left;
}


 ul {
 padding:0;
 margin:0;
 list-style-type:none;
  color:black;
 }
li {
 margin-left:2px;
 /*float:left;*/ /*pour IE*/
 }

#sommaire li {
 float: left;
} 
 
ul li a {
 display:block;
 float:left;   
 width:95px;
 background-color:#84bdff;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;

 }
ul li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 
ul li a:active {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 


/* FIN SOMMAIRE-------------------------*/



#contenu	/* le # est obligatoire pour décrire une balise div*/
{
background-color:#FFFFAA;
width:100%;
/*height:650px;*/
height:580px;
float:left;
/*overflow:auto;*/
background-image:url('../images/body2.gif');
position: relative;
}


#contenu li
{
 color:black;
  list-style-type:circle;

}

#piedpage
{
/*position:absolute;*/
/*margin-top:650px;*/
margin-left:0px;
width:1000px;
height:80px;
float:left;
text-align:center;

}


#imagebloc
{
width:300px;
margin:15px;
overflow:auto;
margin-top:30px;
float:left;


}
.imagec
{
padding-left:15px;
padding-bottom:15px;
width:251px;
margin:1px;
overflow:auto;
float:left;

}

/* blocs de texte page accueil.php*/
.textec
{

margin:5px;
/*overflow:auto;*/
float:left;
color:black;
width:610px;
height:560px;
text-align: justify;
padding:5px;
margin-bottom:50px;
margin-top:35px;
/*background-color:#84bdff;*/
padding-top:5px;
}





/* gestion des minatures dans la page diaporama.php*/

#imgcontenu {
margin-top:2%;
width:40%;
height:530px;
margin-left:1%;
float:left;
/*background-color:black;*/
cursor: default;
overflow:auto;
scrollbar-face-color:grey; 
scrollbar-arrow-color: black;
  }	

  
  
  
.thumb img {
border:0px solid grey;
width:30%;
height:auto;
/*margin-left:4px;*/
cursor: default;
  }	
  
.thumb a {
	display:inline;
	text-decoration:none;
	}


.thumb img hover {
cursor: pointer;
  }
  

.thumb a .grand {  display:block;
  position:absolute; 
  width:0px; 
  }	  
  
.thumb  a:hover .grand { 
  position:absolute; 
  top:80px;
  left:480px;
  /*top:41%;
  left:50%;
  width:30%;*/
  width:448px;
  height:auto; 

  }

.clear {
	clear: left;
}

#diaporama
{
  position:absolute; 
 top:31%;
  left:50%;
  width:30%; 
  height:auto; 
}

#tarifs tr {
	vertical-align:top;
}

#tarifs p {
	margin-top:0;
}

.img-hebergement {
	margin-top:160px;
}
.img-liens {
	margin-top:200px;
}