/* CSS Document */

sup {
line-height: 0;
vertical-align: text-top;
}
.prix{
padding:2px;
margin:5px;
}
.prix TD{
padding:3px;
margin:0px;
padding-top:0px;
line-height:12px;
}

.prix_age{
width:190px;
font-size:12px;
font-weight:bold;
}
.gutter{
width:20px;
font-size:8px;
}

.prix_prix{
font-size:11px;
background-color:#909078;
color:#FFFFFF;
font-weight:bold;
}
.prix_montant{
float:right;
}
.prix_sejour{
float:left;
}
.prix_date{
font-size:10px;
}

.horaire{
padding:2px;
margin:0px;
}
.horaire TD P{
padding:3px;
margin:0px;
}

.horaire .small{
font-size:10px;
color:#666666;
}

.horaire TD{
padding:0px;
font-size:11px;
border:1px solid #b4b49a;
padding-top:0px;
line-height:12px;
margin:0px;
}
.horaire .header{
color:#FFFFFF;
font-weight:bold;
background-color:#b4b49a;
}


UL a{
font-weight:bold;
}

.intro{
font-size:12px;
line-height:13px;
}

#middle_column .title2{
padding:10px 10px 3px 0px;
margin:0px;
font-size:16px;
font-weight:bold;
color:#3a4860;
}

#large_column .title2{
padding:10px 10px 3px 0px;
margin:0px;
font-size:16px;
font-weight:bold;
color:#3a4860;
}



.txt2{
padding:10px 10px 3px 0px;
margin:0px;
font-size:12px;
}

.bg_jeunes{
width:100%;
height:100%;
background-image:url(images/bg_jeunes.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding:0px;
}

.bg_parents{
width:100%;
height:100%;
background-image:url(images/bg_parents.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding:0px;
}

.bg_ados{
width:100%;
height:100%;
background-image:url(images/bg_ados.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding:0px;
}

.bg_jocelyn{
width:100%;
height:100%;
padding:0px;
background-image:url(images/bg_jocelyn.gif);
background-repeat:no-repeat;
background-position:left top;
}

#lettre_jocelyn{
padding-left:50px;
padding-top:80px;
padding-right:50px;
padding-bottom:20px;
}

#left_column{
width:145px;
margin:0px;
padding:0px;
margin-left:15px;
display:inline;
float:left;
background-image:url(images/pointille.gif);
}

#large_column{
width:590px;
margin:0px;
padding:0px;
margin-left:10px;
float:left;
font-size:12px;
}

#middle_column{
width:435px;
margin:0px;
padding:0px;
margin-left:10px;
float:left;
}

#right_column{
width:145px;
margin:0px;
padding:0px;
margin-left:10px;
float:left;
}

.ce_zones{
padding:0px;
margin:0px;
margin-left:25px;
display:block;
}

.zone_ados{
float:left;
width:240px;
height:304px;
background-image:url(images/bg_zone_ados.gif);
background-repeat:no-repeat;
font-size:12px;
line-height:14px;
margin-top:0px;
margin-left:0px;
padding-left:5px;
}
.zone_ados p{
width:200px;
margin-top:8px;
margin-bottom:5px;
}

.zone_parents{
float:left;
width:240px;
height:304px;
background-image:url(images/bg_zone_parents.gif);
background-repeat:no-repeat;
font-size:12px;
line-height:14px;
margin-top:0px;
margin-left:0px;
padding-left:5px;
}
.zone_parents p{
width:140px;
margin-top:8px;
margin-bottom:5px;
}


.zone_jeunes{
float:left;
width:240px;
height:304px;
background-image:url(images/bg_zone_jeunes.gif);
background-repeat:no-repeat;
font-size:12px;
line-height:14px;
margin-top:0px;
margin-left:0px;
padding-left:5px;
}
.zone_jeunes p{
width:185px;
margin-top:8px;
margin-bottom:5px;

}


/*LEFT NAVIGATION*/
#navleft{
margin:0px;
padding:0px;
width:145px;

}

#navleft a div{
padding:0px;
padding-left:14px;
padding-top:7px;
}

#jeunes{
margin:0px;
padding:0px;
display: block;
width:145px;
height:30px;
margin:0px;
background-image:url(images/navleft_jeunes.gif);
background-position:left top;
text-align:left;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:12px;
color:#FFFFFF;
text-decoration:none;
}
#jeunes:hover{
background-position:0px 60px;
color:#FFFFFF;
text-decoration:underline;
}

#ados{
margin:0px;
padding:0px;
display: block;
width:145px;
height:30px;
margin:0px;
background-image:url(images/navleft_ados.gif);
background-position:left top;
text-align:left;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:12px;
color:#FFFFFF;
text-decoration:none;
}
#ados:hover{
background-position:0px 60px;
color:#FFFFFF;
text-decoration:underline;
}

#parents{
margin:0px;
padding:0px;
display: block;
width:145px;
height:30px;
margin:0px;
background-image:url(images/navleft_parents.gif);
background-position:left top;
text-align:left;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:12px;
color:#FFFFFF;
text-decoration:none;
}
#parents:hover{
background-position:0px 60px;
color:#FFFFFF;
text-decoration:underline;
}


#navleft .actif{
background-position:left bottom;
}

#submenu div{
padding-left:30px;
}
#submenu{
padding:0px;
margin:0px;
padding-left:20px;
}
#submenu a{
color:#3a4860;
background:none;
padding:0px;
margin:0px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
display:block;
height:auto;
margin-bottom:10px;
line-height:12px;
}
#submenu a:hover{
color:#3a4860;
text-decoration:underline;
}



.zfleche{
float:right;
padding-left:190px;
margin-top:0px;
top:400px;
position:absolute}

.tv{
margin-left:10px;
padding:0px;
width:235px;
height:198px;
display:block;
float:right;
font-size:11px;
padding-right:10px;
}

.tv_titre{
font-size:13px;
font-weight:bold;
color:#33617a;
}
.jocelyn{
margin-left:10px;
padding:0px;
width:484px;
background-image:url(images/splash_jocelyn.jpg);
background-repeat:no-repeat;
height:198px;
display:block;
float:left;

}
.jocelynText{
width:219px;
display:inline;
float:right;
padding:0;
margin:0;
}
.jocelyn p{
margin:0;
margin-top:20px;
margin-bottom:5px;
font-size:12px;
padding:0px;

}

.album{
margin-left:26px;
margin-right:0px;
padding:0px;
width:484px;
background-image:url(images/album_big.gif);
background-repeat:no-repeat;
height:123px;
float:left;
margin-top:20px;
}
*html .album{
margin-left:13px;
}
.album p{
margin-bottom:5px;
width:200px;
font-size:12px;
padding:0px;
margin-left:250px;

}

/*ACCUEIL ADOS*/

#depliant_zone{

height:100%;
padding:0px;
margin:0px;
position:relative;

}

#depliant{
margin:auto;
width:145px;
padding:0px;
text-align:center;
font-size:11px;
margin-bottom:10px;
}

.middle_box{
display:block;
width:435px;
background-image:url(images/bg_boite.gif);
background-repeat:no-repeat;
padding:0px;
margin:0px;
margin-bottom:10px;
font-size:12px;
line-height:14px;
}

.middle_box p{
padding:10px 10px 3px 10px;
margin:0px;
}

.middle_box ul{
 list-style-image: url(images/bullet.gif);
}

#large_column ul{
 list-style-image: url(images/bullet.gif);
}

.middle_box .title{
padding:10px 10px 3px 10px;
margin:0px;
font-size:14px;
font-weight:bold;
color:#3a4860;
}

.bouton{
display:block;
width:127px;
height:39px;
background-image:url(images/bouton_off.gif);
background-repeat:no-repeat;
background-position:left top;
font-size:14px;
font-weight:bold;
color:#757267;
text-decoration:none;
}


.bouton:visited{
color:#757267;
}

.bouton:hover{
background-position:left bottom;
color:#FFFFFF;
text-decoration:underline;
cursor:hand;
}


.bouton .oneline{
width:127px;

text-align:center;
padding-top:10px;
}



.right_box{
width:145px;
padding:0px;
margin:0px;
background-image:url(images/bg_rightbox.gif);
background-repeat:no-repeat;
display:block;
font-size:12px;
line-height:14px;

}

.right_box .title{
padding:10px 10px 3px 10px;
margin:0px;
font-size:14px;
font-weight:bold;
color:#3a4860;
}

.right_box p{
padding:10px 10px 3px 10px;
margin:0px;
}

.separateur{
display:block;
width:435px;
background-image:url(images/separateur.gif);
background-repeat:no-repeat;
padding:0px;
margin:0px;
margin-bottom:10px;
font-size:16px;
line-height:12px;
font-weight:bold;
color:#FFFFFF;
height:22px;
padding-left:10px;
padding-top:4px;
}

.getflash{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFFFCC;
padding:10px;
border:1px solid #FF9933;
width:500px;
}

/*CONCOURS*/

.bg_concours{
width:100%;
height:100%;
background-image:url(images/bg_concours.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding:0px;
}

#concours input{
font-size:11px;
padding:2px;
width:250px;
background-color:#e2ebf4;
border:1px solid #3879b2;
margin-bottom:5px;
}
#concours textarea{
font-size:11px;
padding:2px;
width:450px;
height:200px;
background-color:#e2ebf4;
border:1px solid #3879b2;
margin-bottom:5px;
}

#concours .label{
color:#3879b2;
font-weight:bold;
}
#concours .bouton{
border:0px;
width:127px;
margin-top:10px;
font-size:12px;
}

/*VALIDATOR*/

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	background-image:url(images/validate_bg.gif);
	background-repeat:repeat-y;
	padding-left:20px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
.parleparle{
	width:229px;
	height:123px;
	background-image:url(images/bg_parleparle.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	float:right;
	font-size:12px;
	margin-right:25px;
	margin-top:10px;
	padding-left:10px;
}

*html .parleparle{
	margin-right:13px;
}

.parleparle P{
	margin:0;
	width:110px;
}
.parleparle A{
	font-weight:bold;
}

.bg_parle{
background-image:url(images/bg_parle.gif);
background-repeat:no-repeat;
background-position:bottom;
width:100%;
height:100%;
padding:0px;
padding-bottom:228px;
}