/*-------- Initialisation des balises -----------------*/
h1, h2, h3, h4, h5, h6, form, ul, li, p
{
margin: 0px ;
padding: 0px ;
}
p {
line-height:15px;

}
body{
font-size:11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
background-color:black;
}
h2 {
font-size:14px;
color:#FF9900;;
width:20%;
}
#page{
width:980px;
margin-left:auto;
margin-right:auto;

}
#bandeau{
width:980px;
height:137px;
position:relative;
background-image:url(../images/fond_body.gif);
background-repeat:no-repeat;
background-position:top;
}
/*--------------------------------------------------------menu haut--------------------------------------*/
#menu_haut{
position:absolute;
top:22px;
width:350px;
height:16px;
z-index:1;
font: Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:577px;
padding:3px 0px 0px 3px;
background-color:#00AAD8;
color:#FFFFFF;
}
#menu_haut ul li {
list-style:none;
display:inline;
padding-right:1px;
}
#menu_haut a, #menu_haut a:link, #menu_haut a:active, #menu_haut a:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#menu_haut a:hover {
color: #FF9900;
font-weight:bold;
}

ul#sub1 .SelectMenuHaut a, ul#sub1 .SelectMenuHaut a:link, ul#sub1 .SelectMenuHaut a:active, ul#sub1 .SelectMenuHaut a:visited {
color: #FF9900;
font-weight:bold;
}
/*--------------------------------------------------------menu--------------------------------------*/
#menu{
width:980px;
height:18px;
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
padding:3px 0px 0px 45px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu ul li{
/*margin:0px 0px 0px 0px;*/
}

/*----------------------------------------------------------------------------------------------*/
#conteneur{
width:980px;
min-height:414px;
background-image: url(../images/fond_colG_D.gif);
background-position:bottom;
background-repeat: repeat-y;
}
#colG{
width:50px;
height:414px;
background-image: url(../images/colG.gif);
float:left;
}
#flash_photos{
position:relative;
width:880px;
min-height:414px;
float:left;
background-color:#FFFFFF;
}
#flash_photos img{
border: 1px solid white;
display:block;
}
#contenu{
width:860px;
min-height:414px;
position:relative;
float:left;
background-color:#FFFFFF;
padding:10px;
}
#contenu a, #contenu a:link, #contenu a:active, #contenu a:visited {
text-decoration:none;
color: #666666;
font-weight:bold;
font-size:10px;
}
#contenu a:hover{
text-decoration:overline;
color:#FF9900;
}

#colD{
width:50px;
height:414px;
background-image: url(../images/colD.gif);
float:left;
}
#pied{
width:980px;
height:27px;
background-image:url(../images/pied.gif);
background-repeat:no-repeat;
clear:both;
}
#pied a, #pied a:link, pied a:active , #pied a:visited {
color:#999999;
text-decoration:none;
}
#pied a:hover{ 
color:#FF9933;
}
h1 {
font-size:18px;
font-weight:bold;
color: #FF9900;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#presentation_big h2{
color: #00AAD8;
font-weight:bold;
width:80%;
font-family:Trebuchet MS,Arial Rounded MT Bold, Geneva, Arial, Helvetica, sans-serif;
}
#presentation_big h1{
font-family:Trebuchet MS,Arial Rounded MT Bold, Geneva, Arial, Helvetica, sans-serif;
color: #00AAD8;
}
#presentation_big{
display:none;
position:absolute;
top:22px;
left:532px;
width:300px;
height:370px;
z-index:3;
padding:10px 10px 0px 10px;
color: #663333;
font-size:11px;
font-weight:bold;
background-image:url(../images/transparent_blanc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/transparent_blanc.png');
}
html>body #presentation_big {
filter: none;
background: url('../images/transparent_blanc.png');
}
#presentation_big p {
padding-left:15px;
font-weight:normal;
}

.titre{
font-size:18px;
color:#0096BF;
border-bottom:#006699 thin solid;
width:50%;
background-image:url(../images/bulle.gif);
background-position: center left;
background-repeat:no-repeat;
padding-left:20px;
font-weight:bold;
margin-bottom:6px;
}
#photos_enfants{
position:absolute; 
top:280px; 
left:20px;
}
#photos_enfants img {
margin-right:10px;
border:2px solid white;
display:inline;
}
/*-------------------------------------------------boite---------------------------------------------*/
#boite{
float:left;margin-left:10px; width:240px; background-color:#DBEFFF;
}
#boite p {
padding:0px 5px 5px 5px;
}
/*-------------------------------------------------liens généraux---------------------------------------------*/
a, a:link, a:active, a:visited {
text-decoration:none;
color: #666666;
font-weight:bold;
font-size:10px;
}
a:hover{
text-decoration:overline;
color:#FF9900;
}
/*-------------------------------------------------class---------------------------------------------*/
.rouge_ptit{
color:#FF3300;
font-size:10px;
font-weight:bold;
}
.rouge{
color:#FF3300;
font-size:11px;
font-weight:bold;
}
.orange{
color:#FF9900;
}
.orange_bold{
color:#FF9900;
font-weight:bold;
}
.par{
background-color: #EDEDED;
color: #FF6600;
border-top:1px solid #333399;
border-bottom:1px solid #333399;
}
.par2{
background-color: #FFFFFF;
color: #FF3300;
border:1px solid black;
width:70%; 
margin-left:auto; 
margin-right:auto;
text-align:center;
padding:2px;
}
.border{
border-bottom:#990099 thin solid;
width:50%;
}
.pdf {background-color:#8CDFF6;}
.pdf a, .pdf a:link, .pdf a:active, .pdf a:visited {
text-decoration:none!important;
color: #000000!important;
font-weight:bold!important;
font-size:10px;
}
.pdf a:hover{
text-decoration:none!important;
color:#FFFFFF!important;
}

/*-------------------------------------------- formulaire -------------------------*/
input{
font-size:12px;
border:1px solid #00A3D0;
width:130px;
}
textarea{
border:1px solid #00A3D0;
}
input:focus{
background-color:#FFFFFF;
color:#FF6600;
}
.submit{
width:50px;
border:1px solid #3366CC;
background-color: #FDEFCB;
color:#000000;
}
select{
background-color: #FFF6E9;
font-size:12px;
border:1px solid black;
}
.submit{
width:70px;
}
table {
font-weight:bold;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*-------------------------------------------- sejours -------------------------*/
#sejours{
position:absolute;
top:8px;
left:10px;
width:840px;
height:400px;
z-index:3;
padding:0px 10px 0px 10px;
color: #663333;
font-size:12px;

}
#sejours p {
padding:10px;
}
#sejours img {
border:none;
}
#sejours dl, dt, h2{
padding: 5px 0px 0px 10px;
}
#sejours dt {
padding-bottom:2px;
font-weight:bold;
}
#sejours dd {
padding-left:25px;
font-weight:normal;
}
/*#sejours h1 {
padding-bottom:5px;
}*/
#sejours h2{
color: #00AAD8;
font-weight:bold;
width:70%;
font-family:Trebuchet MS,Arial Rounded MT Bold, Geneva, Arial, Helvetica, sans-serif;
}
#sejours table {
color:#000066;
background-color:#CCCCCC;
border-collapse:collapse;
}

.desc{
width:30%;
float:left;
margin-left:8px;
border:1px solid black;
padding:5px;
}
/*-------------------------------------------- table tarifs -------------------------*/
.table-titre{
background-color: #006699;
color:#FFFFFF;
}
#liens_relais{
position:absolute; 
width:216px; 
height:31px; 
left: 701px; 
top: 123px; 
/*background-color:#000099;*/
}
/*-------------------------------------------- page liens -------------------------*/
#contenu dt{
font-weight:bold;
color:#0099CC;
font-size:13px;
margin-bottom:5px;
}
#contenu dd {
border-left:2px solid #CCCCCC;
padding:0px 0px 0px 7px;
margin-bottom:5px;
width:60%;
}
.png {
z-index:2;
width:860px;
background-image:url(../images/transparent_blanc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/transparent_blanc.png');
}
html>body .png {
filter: none;
background: url('../images/transparent_blanc.png');
}
#liens a, #liens a:link, #liens a:active, #liens a:visited {
text-decoration:none;
color: #666666;
font-weight:bold;
font-size:10px;
z-index:100;
position:relative;
}
#liens a:hover{
text-decoration:overline;
color:#FF9900;
}
/*-------------------------------------------- hack pour liens actifs avec png-------------------------*/
/*#contenu dl a {
position:relative;
z-index:100;
}*/
/*--------------------------------------------*/
#presentation_index{
display:none;
position:absolute;
top:22px;
left:520px;
width:320px;
height:200px;
z-index:3;
padding:10px 10px 0px 10px;
color: #663333;
font-size:11px;
background-image:url(../images/transparent_blanc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/transparent_blanc.png');
}
html>body #presentation_index {
filter: none;
background: url('../images/transparent_blanc.png');
}
#presentation_index h1{
font-family:Trebuchet MS, Arial Rounded MT Bold, Geneva, Arial, Helvetica, sans-serif;
padding:6px 0px 2px 0px;
color: #00AAD8;
}
#presentation_{
display:none;
position:absolute;
top:22px;
left:420px;
width:420px;
height:367px;
z-index:3;
padding:10px 10px 0px 10px;
color: #663333;
font-size:11px;
background-image:url(../images/transparent_blanc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/transparent_blanc.png');
}
html>body #presentation_ {
filter: none;
background: url('../images/transparent_blanc.png');
}
#presentation_ h1{
font-family:Trebuchet MS, Arial Rounded MT Bold, Geneva, Arial, Helvetica, sans-serif;
padding:6px 0px 2px 0px;
color: #00AAD8;
}
/*------------------------------------------environnement - club enfant--------------------------*/
#presentation{
display:none;
position:absolute;
top:22px;
left:640px;
width:200px;
height:367px;
z-index:3;
padding:10px 10px 0px 10px;
color: #663333;
font-size:11px;
background-image:url(../images/transparent_blanc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/transparent_blanc.png');
}
html>body #presentation {
filter: none;
background: url('../images/transparent_blanc.png');
}
#presentation h1{
font-family:Trebuchet MS, Arial Rounded MT Bold, Geneva, Arial, Helvetica, sans-serif;
color: #00AAD8;
}



.PPhotoGauche{
	padding-right: 5px;
	float: left;	
}


.PhotoGaucheNoBorder{
	margin-right: 5px;
	float: left;
		display:inline;

}
#flash_photos .PhotoGaucheNoBorder img{
	margin-right: 5px;
	float: left;
		display:inline;
}

/* Liens */
#PageLiens
{overflow:auto;
height:500px;
}

#PageLiens h3{
font-weight:bold;
color:#0099CC;
font-size:13px;
padding:0px;
margin:0px;
margin-bottom:5px;
margin-left:20px;
}
#PageLiens .BlocLiens {
border-left:2px solid #CCCCCC;
clear:both;
display:block;
margin-bottom:5px;
margin-left:20px;
margin-top:5px;
padding:0 0 0 7px;
width:60%;
}

#PageLiens .BlocLiens a, #PageLiens .BlocLiens a:link, #PageLiens .BlocLiens a:active, #PageLiens .BlocLiens a:visited {
text-decoration:none;
color: #666666;
font-weight:bold;
font-size:10px;
}
#PageLiens .BlocLiens a:hover{
text-decoration:overline;
color:#FF9900;
}