*
{overflow:visible;}

 img
{border: none;
text-align:center;
display:block;
margin: 0px auto;  /* par défaut, centrage horizontal et marge de 10px en haut et bas*/
overflow:visible;}

.imagesavecmarge
{margin: 10px auto;}

.img_600x300
{
max-width:600px;
width:100%;
max-height:300px;
height:100%
}

.img_600x350
{
max-width:600px;
width:100%;
max-height:350px;
height:100%
}

.img_400x220
{
max-width:400px;
width:100%;
max-height:220px;
height:100%
}

.img_240x320
{
max-width:240px;
width:100%;
max-height:320px;
height:100%
}

.img_320x240
{
max-width:320px;
width:100%;
max-height:240px;
height:100%
}

/*
Contient la STRUCTURE de la page : barre de titre ; menu à gauche, corps à droite
*/

html,body
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size:1em; /*taille normale*/
	background-color:#0000F0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	} 
body {
	overflow:auto;
}
/*
ENTETE
*/ 
 
  #entete
 {
	margin:0;
	padding:0;
	color:white;
	font-family:Arial;
	width: 99%;
	
	background-color:#000080;
	border-style:outset;
	border-color:gray;
	border-width:3px;	
	
}

#entete_gauche
{
	float:left;
	width: 19%;
	margin:0;
padding-top:1%;
	text-align:center;
	font-size:0.8em;
}	

	
#titre_sauges
{
	background-image:url(../images/titrebleu.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	width: 52%;
	margin:0;
	padding:0.5%;
	min-height:116px;
	}	


#adresse_sauges
{
	float:left;
	width: 25%;
	margin:0;
padding:0.5%;
padding-top:1%;
	font-family:Verdana, serif;
	font-size:0.8em;
	text-align:center;
}

 #entete h1
 {text-decoration:none;
 font-weight:normal;
 font-size:0.1em;
 font-family:Tahoma, Verdana, Times, serif;
 color:red;
 border:0;
 text-align:center;
 padding:0;
margin:0;
margin-top:-100px;
  }
  
/*
MENU
*/ 
 
#menu
{
	width: 19%;
	margin:0;
	padding:0;
	border:none;
	float:left;
	
}

#menu #corpsmenu 
{
	background-color:#000080;
	margin: 0;
	padding:0;
	
	font-family: Verdana, 'Times New Roman', Times, serif;
	font-size:0.9em; /*taille réduite par rapport au corps du site*/
	line-height:220%; /*pour prendre assez de place*/
/*	height:100%; */
	
	border-style:outset;
	border-color:gray;
	border-width:3px;
	
	border-top:none;
	
	position:relative;
	top:-3px;
	
}

#menu #corpsmenu ul
{
	text-indent:0;
	list-style-type: none;
	list-style-position: inside;
	font-weight:bold;
	padding: 0; 
   padding-left: 0.5em; 
   margin: 0; 
   margin-bottom: 0.5em; 
}



#menu #corpsmenu ul a 
{
	font-weight:bold;
	
}



#menu #corpsmenu ul ul
{
text-indent:0;
	padding: 0;
	margin:0;
	margin-left: 1em;	/* Différence entre les deux styles du menu*/
}

#menu #corpsmenu ul ul a 
{
	font-weight:normal;
}



#menu hr
{
color: gray;
background-color: gray;
height: 1px;
border-width: 2px;
border-style:inset;
margin-top:1em;
margin-bottom:1em;
margin-right:1em;

}

/*
CORPS
*/ 
 

#corps
{	width:78%;	
	float:left;
	background-color: #E7F9FD; /*bleu très clair */
	padding:1%;
	margin:0;
	font-family: Georgia,Times,Serif;
	font-size:100%;
	line-height:1.5em;
	border-style:inset;
	border-color:gray;
	border-width:3px;	
	background-color: #D0E3FA;
	color:black;
}

#corps p,a
{margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}

#corps a
{
	color: #5D90B5;
	text-decoration: none;
}

#corps h2 /* le titre de la page*/ 
{
	text-align: center;
	margin:0;
	margin-bottom:1em;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
}

#corps h3 /* les sous-titres*/
{
	margin-top:0.5em;
	margin-bottom:1em;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C;
	font-size:1.4em;
	text-indent:3em;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	text-align:left;
}

#corps h4 /* les sous-titres*/
{
	margin-top:0.5em;
	margin-bottom:1em;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C;
	font-size:1.2em;
	text-indent:4em;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	text-align:left;
}

#corps h5 /* les sous-titres*/
{
	margin-top:0.5em;
	margin-bottom:1em;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C;
	font-size:1em;
	text-indent:5em;
	font-weight:normal;
	text-decoration:none;
	font-style:italic;
	text-align:left;
}


#bandeau_corps
{margin:0;
padding:0;
text-align:center;
}

#page_avant
{margin:0;
padding:0;
width:12%;
font-size:0.6em;
font-family:Arial;
text-align:center;
line-height:1em;
float:left;
}

#page_apres
{margin:0;
padding:0;
width:12%;
font-size:0.6em;
line-height:1em;
font-family:Arial;
text-align:center;
float:left;}

#titre_page
{margin:0;
padding:0;
width:76%;
text-align:center;
float:left;
}

		
		
/* Pied de page */

#pied_de_page
{
	clear:both;
	float:right;
	width:84%;
	background-color: #F4F9FD;
	border: 1px solid #2C485C;
	padding: 5px;
	margin-right:1%;
	margin-top: 10px;
	margin-bottom:8px;
}



table.tableau_images
{width:100%;
border-style:solid; 
border-width:1px; 
border-color:black;
border-collapse:collapse;
text-align:center;
vertical-align:middle;
}

table.tableau_images td { 
border-style:solid; 
border-width:1px; 
border-color:black;}

div.deuximages
{border:black solid;
padding:0;
margin: 0;
text-align:center;
vertical-align:top;
background-color:green;
width:100%;

}


#corps .demiblocgauche
{float:left;
padding:0.5%;
width:47.5%;
margin: 0.5%;
border: 1px outset #D0E3FA;
height:100%;
}

#corps .demiblocdroite
{float:right;
width:47.5%;
padding:0.5%;
margin: 0.5%;
border: 1px outset #D0E3FA;
height:100%;
}

#corps .grosbloc
{
width:auto;
padding:0.5%;
margin: 0.5%;
border: 1px outset #D0E3FA;
background-color: #D0E3FA;
}

#corps .demiblocdroite_invisible
{float:right;
width:49%;
padding:0;
margin: 0;
text-align:center;
}

#corps .demiblocgauche_invisible
{float:left;
width:49%;
padding:0;
margin: 0;
text-align:center;
}

#corps .demibloc_invisible
{width:49%;
padding:0;
margin: 0;
text-align:center;
}

#corps .demiblocgauche_auto
{float:left;
width:auto;
padding:0;
margin-right: 10px;
margin-left: 10px;
margin-top : 0;
margin-bottom : 0;
text-align:center;
}

#googlemap
{width:400px;
height:220px;
border:0;
}

#corps .demiblocgauche_invisible
{float:left;
width:49%;
padding:0;
margin: 0;
text-align:center;
}

.inbl
{display:inline-block;
}

.in
{display:inline;
}




#corps .demiblocdroite h3, #corps .demiblocdroite_invisible h3, #corps .demiblocgauche h3, #corps .demiblocgauche_invisible h3
{text-indent:0em;
text-align:center;
}
	
.flottante {
background-color: #00ff00;
margin: auto;
float: left;
width: 49%;
text-align: center;
}

.conteneur {
width: 100%;
margin:0;
padding:0;
}

hr.cleaner
{
	clear:both;
	line-height:0%;
	margin:0;
	border:0;
	padding:0;
	height: 0;
margin-top: 0;
margin-bottom:0;
visibility:hidden;
}

hr.cleaner_espace
{
	clear:both;
	line-height:0%;
	margin:0;
	border:0;
	padding:0;
	height: 0;
margin-top: 0.5em;
margin-bottom:0;
visibility:hidden;
}



/* Liens */


#menu a, #entete a /* affichage en blanc sur fond bleu */
{
	color: white;
	font-weight: normal;
	text-decoration: none;
}


#page_avant a.effetbouton, #page_apres a.effetbouton
{margin:0;
padding:0;
height:30px;
width:50px;
border:2px outset gray;
display:block;
margin-left: auto;
margin-right: auto;}

#page_avant a.effetbouton:hover, #page_apres a.effetbouton:hover
{
background-image:none;
text-decoration: none;
border:2px inset gray;
}


#entete a
{font-weight:bold;}

#entete a.effetbouton
{
margin:0;
margin-left:10%;
margin-right:10%;
padding:1%;
margin-bottom:1em;
border-width:2px;
border-style:outset;
border-color:gray;
font-weight:bold;
width:80%;
display:block;
}



#corps a:hover
{color:black;
text-decoration: underline;}

#corpsmenu a:hover
{
	text-decoration: underline;
	background:url('../images/selection.png') repeat-x 0px 0px;
}


#entete a.effetbouton:hover
{
	text-decoration: none;
	background:none;
	border-width:2px;
	border-style:inset;
	border-color:gray;
	background-color:#000070;
	
}



.prix
{color:red;
	font-weight:bold;}
.centre
{text-align:center}

.droite
{text-align:right}



.relief
{
border:1px outset gray;}

a.relief:hover
{
	border:1px inset gray;
}


.cache
{
position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	color:red;
	overflow: hidden;
	}

	
	.clean
{
	clear:both;
	visibility:hidden;
	height:0;
}



#corps blockquote 
{
border : 2px solid #999999;
background-color:white;
margin-left :5em;
margin-right:5em;
padding:0;
 }


.mention_legale
{color:black;
font-size:0.8em;}



  /*
  /* Pour la page de formulaire
  /* 								*/
  
  
  #corps fieldset {
 position :              relative;
    top :                   1em;
  margin:auto;
  margin-top:0em;
  margin-bottom:0.5em;
  width:99%;
  padding:0;
  padding-bottom:1em;
  border-width:4px;
border-style:outset;
border-color:gray;
  background-color: #E0E8F2;
  color: black;
  	font-family: Times, serif;
  text-align:left;
  padding-left:1%;
    
}

fieldset #recapitulation{
 position :              relative;
    top :                   1em;
  margin:auto;
  margin-top:0em;
  margin-bottom:0.5em;
  width:99%;
  padding:0;
  padding-bottom:1em;
  border-width:4px;
border-style:outset;
border-color:black;
  background-color: white;
  color: black;
  	font-family: Times, serif;
  text-align:left;
  padding-left:1%;    
}


label{
	cursor: pointer;
	
}

#prestations .label_choix,#date_sejour .label_choix,#message_facultatif .label_choix,#coordonnees .label_choix 
{
margin:0;
margin-top:0.5em;
margin-bottom:0.5em;
margin-right:1%;

padding:1%;
text-align:left;
border: 1px outset #D0E3FA;
background-color: #D0E3FA;

color:black;
font-size:1em;
font-family:tahoma;
}

#nombre_personnes .label_choix /* pour les formulaires repas et séjour */
{
margin:0;
margin-top:0.5em;
margin-bottom:0.5em;
margin-right:1%;

padding:1%;
width:46.5%;
text-align:left;
border: 1px outset #D0E3FA;
background-color: #D0E3FA;

color:black;
font-size:1em;
font-family:tahoma;
float:left;
}


.petit_bloc .label_choix 
{
margin:0!important;
margin-top:0.5em!important;
margin-bottom:0.5em!important;
margin-right:1%!important;

padding:1%!important;
width:46.5%!important;
text-align:left!important;
border: 1px outset #D0E3FA!important;
background-color: #D0E3FA!important;

color:black!important;
font-size:1em!important;
font-family:tahoma!important;
float:left!important;
}


.petit_bloc .label_choix 
{border: 1px inset #D0E3FA;}


.demi_label_choix
{
margin:0;
margin-top:0.5em;
margin-bottom:0.5em;
margin-right:1%;

padding:1%;
width:46.5%;
text-align:left;
border: 1px outset #D0E3FA;
background-color: #D0E3FA;

color:black;
font-size:1em;
font-family:tahoma;
float:left;

}

.label_choix:hover
{border: 1px inset #D0E3FA!important;}


.class_nuitees .label_choix
{border: 1px inset #D0E3FA;
margin:0;
margin-top:0.5em;
margin-bottom:0.5em;
margin-right:1%;

padding:1%;
text-align:left;
border: 1px outset #D0E3FA;
background-color: #D0E3FA;

color:black;
font-size:1em;
font-family:tahoma;
}



#corps .bloc_label
{
margin:0;
padding:0;
width:14em;
text-align:left;
float:left;
font-size: 1em;
font-family: Times, serif;
font-weight:bold;
color:black;
cursor: pointer;
}


#corps .bloc_choix
{
margin:0;
padding:0;
width:auto;
text-align:left;
float:left;
font-size: 0.8em;
color:#303030;
font-family:arial;
}

#corps legend {
	font-weight: bold;
	color: black;
	font-size:1em;
	background-color: #EDF1F7;
	border: 3px outset #EDF1F7;
	margin:0;
	padding:0;
	padding-left:1em;
	margin-left:3em;
	padding-right:1em;
	text-align:left;
}

.label_choix select
{
color:#606060;
border:1px solid #CCC6CA;
font: 1em tahoma;
background:#f1f1f1;
margin:0;
padding:0;
width:auto;
}

.label_choix select:hover, .label_choix select:focus
{
color:black;
background-color:#E0E0E0;
}

#corps input[type=text],#corps textarea
 {
	background-color:#f1f1f1;
	color:#606060;
	border:1px solid #CCC6CA;
	font: 1em tahoma;
	cursor:text;
	overflow:hidden;   
}

#corps input[type=text]:hover,#corps textarea:hover
{
	background-color:#E0E0E0;
}

#corps input[type=text]:focus,#corps textarea:focus
{
background-color:#E0E0E0;
	color:black;
}

#corps input[type=radio], #corps input[type=checkbox]
 {
	font: 1em tahoma;
}
	
#corps input[type=radio]:hover, #corps input[type=checkbox]:hover
 {
	background-color:#E0E0E0;
}
	
#corps input[type=radio]:focus, #corps input[type=checkbox]:focus
 {
	background-color:#E0E0E0;
}
		
#corps input[type=submit]
{
margin:1em;
font:1.1em tahoma;
border:2px outset gray;
background-color:#000080;
color:white;
text-align:center;
}

#corps input[type=submit]:hover
{
border:2px inset gray;
background-color:#000070;
color:#CCCCCC;
}

#corps input[type=submit].bouton_corriger
{
margin:0em;
background-color:#999999;
}

#corps input[type=submit].bouton_corriger:hover
{
margin:0em;
background-color:#666666;
color:#CCCCCC;
}

@import url(changementsimpression.css);