/***********************************/
/*les couleurs du site  */
/*bleu marine typo : #112B6D - #0C1E4D
*/
/* bleu clair fond: #9DCCE5*/
/*fond sommaire #8DC3E0 */
/*orange titres*: #ED4002/
/*blanc : #FFF*/
/***********************************/



/***********************************/
/* Habillage de la page d'accueil  */
/***********************************/


#ile{   
    background:#9DCCE5 url(images/ile.gif) top left no-repeat;
    position:absolute;
    left:0px;
    top:0px;
    width:379px;
    height:321px;
}



#photo { 
  
    position:absolute;
    left:620px;
    top:0px;
    width:auto;
    height:auto;
  
}

/* Menu page d'accueil*/

#menu10 a{ 
    background:#9DCCE5 url(images/village.gif) top left no-repeat;
    position:absolute;
    left:379px;
    top:0px;
    width:203px;
    height:112px;
}
#menu10 a:hover{background:transparent url(images/village-on.gif) top left no-repeat;}
#menu4 a{ background:#9DCCE5 url(images/familles.gif) top left no-repeat;
	position:absolute;
	left:379px;
	top:112px;
	width:203px;
	height:55px;
}
#menu4 a:hover{ background:transparent url(images/familles-on.gif) top left no-repeat;
}
#menu5 a{ 
    background:#9DCCE5 url(images/groupes.gif) top left no-repeat;
    position:absolute;
    left:379px;
    top:167px;
    width:203px;
    height:44px;
}
#menu5 a:hover{ 
    background:transparent url(images/groupes-on.gif) top left no-repeat;}
#menu11 a { 
    background:#9DCCE5 url(images/infos.gif) top left no-repeat;
    position:absolute;
    left:582px;
    top:167px;
    width:191px;
    height:24px;
}
#menu11 a:hover { 
    background:transparent url(images/infos-on.gif) top left no-repeat;}
#menu9 a { 
    background:#9DCCE5 url(images/stages.gif) top left no-repeat;
    position:absolute;
    left:582px;
    top:191px;
    width:187px;
    height:39px;
}
#menu9 a:hover { 
    background:transparent url(images/stages-on.gif) top left no-repeat;}
#berder8 { 
    background:#9DCCE5 url(images/berder8.gif) top left no-repeat;
    position:absolute;
    left:769px;
    top:191px;
    width:4px;
    height:73px;
}

#menu6 a { 
    background:#9DCCE5 url(images/classes.gif) top left no-repeat;
    position:absolute;
    left:379px;
    top:211px;
    width:203px;
    height:53px;
}
#menu6 a:hover { 
    background:transparent url(images/classes-on.gif) top left no-repeat;}
#menu8 a {
    background:#9DCCE5 url(images/fetes.gif) top left no-repeat;
    position:absolute;
    left:582px;
    top:230px;
    width:187px;
    height:34px;
}
#menu8 a:hover {
    background:transparent url(images/fetes-on.gif) top left no-repeat;}
#menu7 a{ 
    background:#9DCCE5 url(images/themes.gif) top left no-repeat;
    position:absolute;
    left:379px;
    top:264px;
    width:258px;
    height:57px;
}
#menu7 a:hover{ 
    background:transparent url(images/themes-on.gif) top left no-repeat;}
#menu13 a{ 
    background:#9DCCE5 url(images/liens.gif) top left no-repeat;
    position:absolute;
    left:637px;
    top:264px;
    width:136px;
    height:31px;
}
#menu13 a:hover{ 
    background:transparent url(images/liens-on.gif) top left no-repeat;}
#menu12 a{ 
    background:#9DCCE5 url(images/contact.gif) top left no-repeat;
    position:absolute;
    left:637px;
    top:295px;
    width:136px;
    height:26px;
}
#menu12 a:hover{ 
    background:transparent url(images/contact-on.gif) top left no-repeat;}
#berder14 { 
    background:#9DCCE5 url(images/berder14.gif) top left no-repeat;
    position:absolute;
    left:0px;
    top:495px;
    width:769px;
    height:20px;
}

#berder15 { 
    background:#9DCCE5 url(images/berder15.gif) top left no-repeat;
    position:absolute;
    left:769px;
    top:495px;
    width:4px;
    height:20px;
}

/*menu asso-actu*/
ul#assoAcc {
   /* display:none;*/
    display:block;
    width: 200px;
    float: left;
 
    list-style-type: none ;/* utilisation de liste pour le menu */ 
    z-index:2;
   
}


ul#assoAcc li{
   
    float: left;
    margin-left:5px;
    padding: 5px;
    font-size:10pt;
    text-align:center;
    font-weight: bold;
    width: 65px;
    height:40px;
   
}


ul#assoAcc li a{
    margin:0; padding:5px 5px 35px 5px;

    text-decoration: none;
    color: #0B2561;
    width:65px;
}
li.Logo1 a{
     background: transparent url(images/Logo1.gif) bottom center no-repeat;
    margin:0; padding:5px 5px 5px 5px;
    }
li.Logo15 a{
     background: transparent url(images/Logo15.gif) bottom center no-repeat;
     margin:0; padding:5px 5px 5px 5px;
    }


li.Logo1 a:hover,li.Logo1 a:active{
    margin:0;
    padding:5px 5px 5px 5px;
    width:65px;  
    color:#0B2561;
    background: transparent url(images/LogoOn1.gif) bottom center no-repeat;padding-top:10px;
    }
li.Logo15 a:hover,li.Logo15 a:active{ 
     margin:0; padding:5px 5px 5px 5px;
     padding:5px; 
     width:65px;  
     color:#0B2561;
     background: transparent url(images/LogoOn15.gif) bottom center no-repeat;padding-top:10px;
    }



/*************************/
/*menu partenaire accueil*/
/*************************/

#crenihuel {display:block;
    float: left;
    width:90px;
    z-index:2;
    padding:5px 3px 0px 5px;/*top right bottom left*/
}
#lvt {display:block;
    float:left;
    padding:5px 3px 0px 5px;/*top right bottom left*/
    width:70px;
    z-index:2;
}

/*************************/
/*commune bas de page*/
/*************************/
/*******************************/
/* Pied de page                */
/*******************************/


#maj { 
  
    margin:0;
    padding:0;
    background-color:#FFFFFF;
    text-align: center; 
    color:#0C1E4D;
    font-size:1.1em;
    font-weight:bold; 
}
#maj a{
    text-decoration: none;color:#0C1E4D;
    font-size:1.1em;
    font-weight:bold; 
}
#maj small { 
    
    float:left;
    padding:20px 20px 0px 20px;/*top right bottom left*/
    font-size: 0.77em; 
}
#maj img { vertical-align: bottom;border:none; }



/****************************************/
/* Habillage des pages interne du site  */
/***************************************/
#sommaire{
    background:#FFFFFF url(images/bg.gif) top left repeat;
    margin: 0;
    padding:0;
    border: none;
}

#drapeau {
    position: absolute;
    top: 15px;
    left:0px;
    width: 200px ;
    height: 92px;
    z-index: 1;
}
ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}
/*menu des produits*/
#menuBerder {
    position:absolute;
    background-color:transparent;
    top: 100px;
    left:165px;
    width:100%;
    height:17px;
    font-family: "Trebuchet MS",Verdana ,arial, sans-serif;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    z-index:2;

 }
#menuBerder li{
    float: left;
    margin:0;
    padding: 0;
    font-weight: bold;
    border: 1px solid #122C6D ;

}

#menuBerder li a{
    margin:0;
    padding:0px 17px 0px 17px;
    text-decoration: none;
    color: #0B2561;
    width: 100%;
    height:17px;

}

#menuBerder li a:hover{
    margin:0;
    padding:0px 17px 0px 17px;
    background-color:#ED4000 ;
    color: white;
    width: 100%;    
}
#menuBerder li a:active{
    margin:0;
    padding:0px 17px 0px 17px;
    background-color:#ED4000 ;
    color: white;
    width: 100%;    
}
/*menu des infos du village*/
#menuInfo {
    position:absolute;
    background-color: #FFF;    
    top: 75px;
    left:165px;
    width: 100%;
    height:17px;
    text-align: left;
    font-family: "Trebuchet MS", verdana,arial, sans-serif;
    font-size: 9pt;
    z-index:2;
}
#menuInfo li{
   float: left;
    margin:0;
    padding: 0;
    font-weight: bold;
    height:17px;
    border: 1px solid #122C6D ;
}

#menuInfo li a{
    margin:0;
    padding:0px 17px 1px 17px;
    width: 100%;
    text-decoration: none;
    color: #0B2561; height:17px;
}

#menuInfo li a:hover{
    margin:0;
    padding:0px 17px 1px 17px;
    background-color:#ED9000 ;
    color: white;
    width: 100%; height:17px;   
}
#menuInfo li a:active{
    margin:0;
    padding:0px 17px 1px 17px;
    background-color:#ED9000 ;
    color: white;
    width: 100%; height:17px;   
}
/*sous menu*/
#ssmenu {
    position:absolute;
    background-color:#FFF;    
    top: 50px;
    left:180px;
    width: auto;
    height:15px;
    text-align: left;
    font-family: "Trebuchet MS", verdana,arial, sans-serif;
    font-size: 9pt;
    z-index:2;
}
#ssmenu li{
   float: left;
    margin:0;
    padding: 0;
    font-weight: bold;
    height:15px;
    border: 1px solid #ED4000 ;
}

#ssmenu li a{
    margin:0;
    padding:0px 15px 1px 15px;
    width: 100%;
    text-decoration: none;
    color: #ED4000; height:15px;
}

#ssmenu li a:hover{
    margin:0;
    padding:0px 15px 1px 15px;
    background-color:#ED4000 ;
    color: white;
    width: 100%; height:15px; border: 2px solid #FFF;
}
#ssmenu li a:active{
    margin:0;
    padding:0px 15px 1px 15px;
    background-color:#ED4000 ;
    color: white;
    width: 100%; height:15px; border: 2px solid #FFF;
}
/*menu asso-actu*/
ul#asso {
    position:absolute;
    background: transparent url(#LOGO) top left no-repeat;
    list-style-type: none ;/* utilisation de liste pour le menu */ 
    top: 40px;
    left:5px;
    width:155px;
    list-style-type: none;
    z-index:2;
}
/*Menu gauche*/

ul#asso li{
    float: left;
    margin-left:5px;
    padding: 0;
    font-weight: bold;
    font-size:9pt;
    width: 70px;
}

ul#asso li a{
    margin:0;
    padding:0;
    text-decoration: none;
    color: #0B2561;
    width:70px;
}

ul#asso li a:hover{
    margin:0;
    padding:0;
    width:70px;
}
ul#asso li a:active{
    margin:0;
    padding:0; 
    width:70px;   
}


#tele{
    position:absolute;
    left:5px;
    top:125px;
    width:150px;
    padding: 3px;
    font-size:9pt;
    
  
}
#tele h1{
    font-size: 11pt;
    color: #000;
    line-height: 20pt;
   
}
#tele .sousAsso{
width:auto;
padding: 0 0 10px 2px;
margin-bottom: 10px;
}
#tele .doc{
width:auto;
padding: 0 0 10px 2px;
margin-bottom: 10px;
}
#tele .doc  fieldset {
    color: #FFF;
    border: 1px solid #0C1E4D;
    }
#tele .doc fieldset legend {
    color: #FFF;
   font-size: 13pt;
    font-weight: bold;
    }
#tele .liens fieldset {
    color: #FFF;
    border: 1px solid #0C1E4D;
    }
#tele .liens fieldset legend {
    color: #FFF;
   font-size: 13pt;
    font-weight: bold;
    }
#tele .sousAsso ul{list-style-type:square;}
#tele .sousAsso li{clear: left;
color: #FFF;font-weight: bold;margin-left:15px;
}
#tele .sousAsso a{
margin-left: 5px;
color:#0C1E4D;
}
#tele .doc li ,#tele .asso li ,  #tele .sousAsso li{
clear: left;
padding-bottom: 20px;color: #0C1E4D;
}
#tele .liens{
width:auto;padding: 0 0 10px 2px;
}
#tele .liens ul{list-style-type:square;list-style-position: inside;}

#tele .liens a ,#tele .doc a{
margin-left: 5px;
color:#0C1E4D;
}
#tele .liens a:hover ,#tele .liens a:active , #tele .sousAsso a:active,#tele .sousAsso a:hover , #tele .doc a:hover ,#tele .doc a:active  {

color:#ED4002;
}
#tele .liste { font-size: 0.91em; color:#FFFFFF; }
.formulaire_inscription{font-size: 1.1em; color:#FFFFFF;}
/*Pour chaque rubrique , le titre dans une vignette en haut à droite*/
#titre {
    background: #FFF url(images/titre.gif) top left no-repeat;
    position: absolute;
    top: 20px;
    left: 450px;
    width: 349px;
    height: 52px;
}

#titreTexte {
    position: absolute;
    top: 27px;
    left: 20px;
    width: 280px;
    height: 22px;
    text-align:center;
    font-family: "Bitstream Vera Sans", verdana, arial, sans-serif;
    font-size: 12pt;/*fixe exprès car dans une image*/
    font-weight: bold;
    color:#0C1E4D;
}
#titreTexteOmbre {
    position: absolute;
    top: 26px;
    left: 21px;
    width: 280px;
    height: 22px;
    text-align:center;
    font-family: "Bitstream Vera Sans", verdana, arial, sans-serif;
    font-size: 12pt;/*fixe exprès car dans une image*/
    font-weight: bold;
    color:#CCC;
}


/**************************************************************/
/*Eléments typo particuliers au site( non intégrés à habillage.css)*/
/**************************************************************/
/*******************************/
.titreActu, .titreActu a{
    color:#ED4002;
    font-size:1.4em;
    font-weight: bold;
    text-align: left;
    padding-left: 30px;
    
    text-decoration: none;
}

#breves{
    position:absolute;
    left:20px;
    top:395px;
    width:40%;
    height:auto;
    padding: 5px;
    text-align: center;
   /* border: 1px solid #0C1E4D;*/
}

#texteBreves img.spip_logos {
 border: none;   
}    

.titreBreve {
    color:#0C1E4D;
    font-size:9pt;
    font-weight: bold;
    text-align: left;  
    text-decoration: none;
}

.titreBreve small{
    color:#ED4002;
    font-size:8pt;
    font-weight: bold;
    text-align: left;

}
#texteBreve, #texteBreve p.spip {
    margin:1em;
    color:#0C1E4D;
    font-size:8pt;
    text-align: justify;
    line-height: 0.91em;
}
#texteBreve a{
    font-weight: bold;
    color:#FFF;
}
#texteBreve a:hover{
    font-weight: bold;
    color:#ED4002;
    font-size:9pt;
}
.orange{
    clear:both;
    font-weight: bold;
    color: #ED4002;
    text-transform:uppercase;
    padding-left: 30px;
    text-align: center;
    font-size: 0.9em;
 
}

/*Modification de certains style par defaut de spip*/
.formDates select input{
border: 1px solid #FFF;
}


/*nouvelle page sommaire*/
#top{
    position: absolute;
    top:110px;
    left:0px;
    width:447px;
    height:236px;
    background: transparent url(images/ile-bis.gif) top left no-repeat;
    z-index:0;
    }

#tete{
    margin:0;
    padding:0;
    width:100%;
    background: transparent url(images/bande_haut.gif) top repeat;
    z-index:10;
}
#vague{
    position:absolute;
    top:0px;
    left:375px;
    width:456px;
    height:529px;
    opacity : .25;
    filter : alpha(opacity=25);
    background: transparent url(images/vague.gif) top left no-repeat ; 

    }
#berder{
    display: block;  
    padding:0;
    background: transparent url(images/berder.gif) top left no-repeat;    
    width:100%;
    height:110px;z-index:5;
    clear:both;
}

#centre{
    display: block;
    margin-left:auto;
    margin-top:auto;
    width:100%;
    height:390px;
    border-bottom: 1px solid #0C1E4D;
    background-color: #8DC3E0; 
    font-family:"Trebuchet MS",verdana ,arial, sans-serif;
    font-size:10pt;
    font-weight: bold;
    color:#0C1E4D;
    }

/*les sinagots du menu*/
/*le grand du village vacances*/

#sinagot10{
     background: transparent url(images/sinagot_gr.gif) top left no-repeat; 
    position: absolute;
    top: 6px;
    left: 380px;
    width:auto;
    height: auto;
   padding-left: 52px;padding-top: 84px;
    font-size:13pt;
    }
/*les petits*/

#sinagot4{
    background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 120px;
    left: 410px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot5{
    background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 170px;
    left: 430px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot6{ 
    background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 220px;
    left: 460px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot7{
     background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 270px;
    left: 490px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot8{
     background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 320px;
    left: 535px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot9{
     background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 370px;
    left: 585px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot13{
    background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 180px;
    left: 695px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot11{ 
    background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 140px;
    left: 720px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }

#sinagot12{ 
    background: transparent url(images/sinagot.gif) top left no-repeat;  
    position: absolute;
    top: 100px;
    left: 745px;
    padding-left: 25px;
    padding-top: 30px;
    width:auto;
    height: auto;
    }
#sinagot14{ 
   /* background: transparent url(images/animBerder.gif) top left no-repeat; */ 
    position: absolute;
    top: 230px;
    left: 628px;
    width:100px;
    height: 60px;
    color:transparent;
    
    }
.liens_menu a{
    color: #0C1E4D;
    text-decoration:none;
    }
.liens_menu a:hover,.liens_menu a:active{
    color: #fff;
    text-decoration:none;
    }