/***********************************************************************/
/*************************** Classe des gabarits ***********************/
/***********************************************************************/
#milieu #haut
{
	position:relative;
	background:url(../images/contenu_pap.gif) 0 0 no-repeat;
	text-align:left;
}
#milieu #haut #polaroids
{
	float:right;
}

#milieu #haut .titre
{
	padding:50px 4px 20px 25px;
	color:#FF8200;
	font-size:16pt;
	font-weight: bolder;	
}
.sejourList h2{
	padding:10px 0px 0px 0px;
	color:#FF8200;
	margin-bottom:0px;
	font-size:13pt;
	font-weight: bolder;
}
#milieu #haut .sstitre
{
	padding:10px 4px 16px 40px;
	color:#FF8200;
	font-size:11pt;
	font-weight:bold;	
}
#milieu #haut .titre .sstitre2
{
	padding:2px 4px 16px 0px;
	color:#FF8200;
	font-size:11pt;
	font-weight:bold;	
}
#milieu #haut .sstitre3
{
	padding:2px 4px 5px 25px;
	color:#FF8200;
	font-size:10pt;
	font-weight:bold;	
}
/*  les différentes classes texte  */
#milieu #haut .text1
{
	padding:0px 35px 10px 53px;
	color:#333;
	font-size:8pt;
	/*font-weight:bold;	*/
	background:url(../images/puce_contenu1.gif) 40px 3px no-repeat;
	line-height:12px;
	text-align:justify;
}

#milieu #haut .txtliste
{
	padding:2px 40px 2px 53px;
	color:#333;
	font-size:8pt;
	font-weight:bold;
	background:url(../images/puce_contenu1.gif) 40px 5px no-repeat;
	line-height:12px;
	text-align:justify;
}
#milieu #haut .text2
{
	padding:0px 40px 10px 40px;
	color:#333;
	font-size:8pt;
	line-height:12px;
	text-align:justify;
}
#milieu #haut .text2 p{font-size:9pt;line-height:12pt;padding:4px 0px;
}
#milieu #haut .text2 ul li,#milieu #haut .text2 ol li {
	margin:0;
	margin-left:20px;
	padding-left:10px;
	font-size:9pt;line-height:12pt;
	background:url(../images/puce_contenu1.gif) 0 5px no-repeat;
}
/*  plan.apsx  */
/*  les différentes classes texte  */
#milieu #haut .text3
{
	padding:0px 35px 10px 38px;
	color:#333;
	font-size:8pt;
	/*font-weight:bold;	*/
	background:url(../images/puce_contenu1.gif) 25px 3px no-repeat;
	line-height:12px;
	text-align:justify;
}
#milieu #haut .textplan
{
	padding:5px 40px 5px 53px;
	color:#FF8200;
	font-size:8pt;
	font-weight:bold;	
	background:url(../images/puce_contenu1.gif) 40px 8px no-repeat;
	line-height:12px;
	text-align:justify;
}
#milieu #haut .textplan2
{
	padding:10px 40px 10px 53px;
	color:#FFF;
	font-size:8pt;
	font-weight:bold;	
	background:#CC0000;
	line-height:12px;
	text-align:justify;
}
/*  classes de separation  */
#milieu #haut .esp
{
	height:14px;
}

#milieu #haut div.vide
{
	height:48px;
}
#milieu .trait
{
	height:4px;
	line-height:0;
	font-size:0;
	background:url(../images/trait.gif) 120px 0 no-repeat;
	margin-top:5px;
	margin-bottom:5px;	
}
/*  liens dans les différent Texte  */
#milieu #haut .text2 a, #milieu #haut .text1 a, #milieu #haut .txtliste a, #milieu #haut .textplan a
{
	color:#FF8200;
	font-size:8pt;
	font-weight:bold;	
}
#milieu #haut .text2 a:hover, #milieu #haut .text1 a:hover, #milieu #haut .txtliste a:hover, #milieu #haut .textplan a:hover
{
	color:#AF0310;
}
/* lien vers des pdf */
#milieu #haut .pdf
{
	padding:5px 0px 5px 50px ;	
}
#milieu #haut .pdf a
{
	background:url(../images/page_white_acrobat.png) 0px 5px no-repeat;
	padding:6px 0px 5px 25px ;
	font-size:8pt;
	font-weight:bold;
	color:#AF0310;	
}
#milieu #haut .pdf a:hover
{
	color:#333;
	text-decoration:underline;
}
/* liens externes */
#milieu #haut .url 
{
	padding:5px 0px 5px 50px ;	
}

#milieu #haut .url a
{
	background: url(../images/url.gif) 0px 4px no-repeat;
	padding:6px 0px 5px 25px ;
	font-size:8pt;
	font-weight:bold;
	color:#AF0310;
}
#milieu #haut .url a:hover
{
	color:#333;
	text-decoration: underline;
}
/* boutoun large*/

div.btnlarge
{
	margin-right:80px;
	text-align:right;
	margin-top:20px;
}
div.btnlarge input
{
	background:#fff url(../images/btn_poursuivre.gif) 0 0 no-repeat;
	border:none;
	width:193px;
	height:28px;
	font-size:8pt;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	padding-top:1px;
}
div.btnlarge input:hover
{
	background:#fff url(../images/btn_poursuivre_o.gif) 0 0 no-repeat;
}
img.agauche
{
	float:left;
	margin:5px 10px 5px 40px;
}
img.adroite
{
	float:right;
	margin:5px 40px 5px 10px;
}
#milieu #haut a.liencomm
{
	margin-top:5px;
	margin-left:30px;
	padding-left:18px;
	
	font-size:8pt;
	background: url(../images/retour.gif) 0 2px no-repeat;
	color:#707070;
}
#milieu #haut a.liencomm:hover
{
	margin-top:5px;
	margin-left:30px;
	padding-left:18px;
	font-size:8pt;
	background: url(../images/retour.gif) 0 2px no-repeat;
	color:#333;
}
/***********************************************************************/
/*********************** centre.aspx et sejour.aspx *********************/
/***********************************************************************/

#milieu #haut #imgcnt{
float:right;
width:214px;
text-align:left;
margin-top:60px;
margin-right:20px;
margin-left:10px;
margin-bottom:10px;
padding-bottom:10px;
background:#F0F0F0;

}
#milieu #haut #imgcnt img.mini
{
	margin-left:6px;
	border:0px solid #AF0310;cursor:pointer;
	margin-right:0px;
}
#milieu #haut #imgcnt img.moyenne
{
	margin: 7px;
	border:0px solid #AF0310;
	cursor:pointer;
}
table.tele td div{
font-size:8pt;
font-weight:bold;
}

/***********************************************************************/
/*********************** Communs a toutes les page *********************/
/***********************************************************************/
#back
{
	position:relative;
	width:995px;
	background:#fff;
	margin-bottom:10px;
}
#fond
{
	margin:5px 7px 5px 7px;
}
#milieu #haut a.retour
{	
	float:none;
	display:block;
	margin-left:40px;
	margin-bottom:8px;
	background: url(../images/btn_retour.gif) 0 1px no-repeat;
	padding:8px 10px 5px 22px;
	color:#FFF;
	font-size:8pt;
	cursor:pointer;
	font-weight:bold;
}
#milieu #haut a.retour:hover
{
	color:#FFF;
	background: url(../images/btn_retour_o.gif) 0 1px no-repeat;
}
#milieu #haut .fils
{
	color:#808080;
	font-size:7pt;
	margin-left:0px;
	display:none;
	margin-top:2px;
}
#milieu #haut .fils a
{
	color:#808080;
	font-size:7pt;
}
#milieu #haut .fils a:hover
{
	color:#4F4F4F;
	text-decoration:underline;
}
.sejourList li.nom a{
	font-size:8pt;
	color:#AF0310;
}