@charset "utf-8";

body
{
margin : 0 ;
padding : 0 ;
font : normal 12px/17px Arial, Helvetica, sans-serif ;
color : #000 ;
background:url(images/bg.jpg) repeat-x center top #DFE1E2 ;

}

.bold
{
    font-weight : bold ;
}

.italic
{
    font-style : italic ;
}

.search
{
    padding : 10px ;
    border : 1px dotted silver ;
    margin : 10px 0 ;
    color : #666 ;
    background : #E8EFF1 ;
}

.search p
{
   margin : -10px 0 0 0 ;
padding : 0 ;
}


.search:hover
{
    background : whitesmoke ;
}

.search a
{
    color : #666 ;
}

img
{
border : none ;
}

a
{
text-decoration : none ;
color : #000 ;
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}

a:active, a:focus
{
outline : none ;
}

a:active
{
}
.fancybox img
{
/*padding : 3px ;*/
/*background : #fff ;*/
/*border : 1px solid silver;*/
margin : 0 10px 10px 0px ;
}

.cf .fancybox:nth-child(idd) img{
margin-left : 0 ;
}
.cf .fancybox:nth-child(even) img{
margin-right : 0 ;
}

.editorA
{
display:inline-block ;
font-style : italic ;
font-weight : bold ;
padding : 0 2px ;
color : #41A5AA ;
background : none ;
border-radius : 3px ;
-moz-border-radius : 3px ;
    -webkit-border-radius : 3px ;
    -o-border-radius : 3px ;
    -khtml-border-radius : 3px ;
     -ms-border-radius : 3px ;
border-bottom : 1px dotted ;
}

.editorA:hover, .editorA:focus
{

background : #41A5AA ;
color : #fff ;

}

#headerWrap
{
    --width : 1600px ;
    height : 341px ;
    margin : 0 auto ;
    padding : 0 ;
    background : url(images/bgHeader.jpg) no-repeat center top ;
}

#header
{
   width : 986px ;
position : relative ;
margin : 0 auto ;
}

#logo
{
width : 300px ;
height : 130px ;
margin : 0 ;
padding : 0 ;
}

#logo a
{
display : block ;
width : 300px ;
height : 130px ;
margin : 0px 0 0 0 ;
padding : 20px 0 0 0 ;
text-indent : -6000px ;
background:url(images/logo.png) no-repeat left 0px ;
}

#phrase
{
  position : absolute ;
left : 360px ;
top : 25px ;
width : 360px ;
color : #fff ;
text-align : center ;
}

#phrase h2
{
    font-size : 23px ;
    margin : 0 0 15px 0 ;
    padding : 0 ;
	text-align : center ;
	line-height : 22px ;
}

#phrase p
{
    font-size : 19px ;
    margin : 0  ;
    padding : 0 ;
    font-weight : bold ;
	text-align : center ;
	line-height : 19px ;
}

#search
{
    margin : 20px 0 ;
    padding : 0 ;
}

#search input[type=text]
{
    background : #E8EFF1 ;
    border : 1px solid gray ;
    border-radius : 10px ;
     -moz-border-radius : 10px ;
    -webkit-border-radius : 10px ;
    -o-border-radius : 10px ;
    -khtml-border-radius : 10px ;
    -ms-border-radius : 10px ;
    color : #333 ;
    font-size : 11px ;
    font-weight : bold ;
    display : inline-block ;
    padding : 7px 10px ;
    margin : 0 ;
    box-shadow : inset 1px 2px 5px #666 ;
    -moz-box-shadow : inset 1px 2px 5px #666 ;
    -webkit-box-shadow : inset 1px 2px 5px #666 ;
    -khtml-box-shadow : inset 1px 2px 5px #666 ;
    -o-box-shadow : inset 1px 2px 5px #666 ;
     -ms-box-shadow : inset 1px 2px 5px #666 ;
}
#conteneur
{
width : 986px ;
margin : 0 auto ;
padding : 0 ;
position :relative ;
top : -105px ;
}



#mainMenu
{
margin : 0 ;
padding : 0 ;
list-style-type:none ;
background : #000 ;
height : 47px ;
}

#mainMenu li.level1
{
margin : 0 ;
padding : 10px 12px ;
float : left ;
position : relative ;
}

#mainMenu li a.level1A
{
margin : 0 ;

float : left ;
color : #fff ;
font-size : 12px ;
font-weight : bold ;
font-style : italic ;
letter-spacing:0.09em;
height : 24px ;
line-height : 24px ;
}
#mainMenu li a.level1A:hover, #mainMenu li a.level1A:focus, a.level1AActive
{
color : #66CCFF ;
}

#accueil
{
    background:url(images/pictoHome.png) no-repeat left 2px ;
    padding : 0 0 0 23px ;
}

#accueil:hover, #accueil:focus
{
    background:url(images/pictoHome.png) no-repeat left -22px ;
}

#jetski
{
    background:url(images/pictoJet.png) no-repeat left 1px ;
    padding : 0 0 0 33px ;
}
#jetski:hover, #jetski:focus
{
    background:url(images/pictoJet.png) no-repeat left -23px ;
}

#flyboard
{
    background:url(images/pictoFly.png) no-repeat left 1px ;
    padding : 0 0 0 23px ;
}
#flyboard:hover, #flyboard:focus
{
    background:url(images/pictoFly.png) no-repeat left -24px ;
}

#bouees
{
    background:url(images/pictoBouee.png) no-repeat left 1px ;
    padding : 0 0 0 25px ;
}

#bouees:hover, #bouees:focus
{
    background:url(images/pictoBouee.png) no-repeat left -24px ;
}

#formations
{
    background:url(images/pictoFormation.png) no-repeat left top ;
    padding : 0 0 0 25px ;
}
#formations:hover, #formations:focus
{
    background:url(images/pictoFormation.png) no-repeat left -24px ;
}


#formules
{
    background:url(images/pictoGroupe.png) no-repeat left 3px ;
    padding : 0 0 0 33px ;
}
#formules:hover, #formules:focus
{
    background:url(images/pictoGroupe.png) no-repeat left -21px ;
}


#telechargements
{
    background:url(images/pictoTelechargement.png) no-repeat left 2px ;
    padding : 0 0 0 23px ;
}
#telechargements:hover, #telechargements:focus
{
    background:url(images/pictoTelechargement.png) no-repeat left -22px ;
}


#contact
{
    background:url(images/pictoMail.png) no-repeat left 5px ;
    padding : 0 0 0 23px ;
}
#contact:hover, #contact:focus
{
    background:url(images/pictoMail.png) no-repeat left -19px ;
}


.deroul
{
    position : absolute ;
    list-style-type : none ;
    background : url(images/bgDeroul.jpg) no-repeat center center ;
    margin : 17px 0 0 0 ;
    padding : 5px 0 20px 0;
    border-right : 1px solid #fff ;
    border-bottom : 1px solid #fff ;
    border-left : 1px solid #fff ;
    border-radius : 0 0 10px 10px ;
    -moz-border-radius : 0 0 10px 10px ;
    -webkit-border-radius : 0 0 10px 10px ;
    -o-border-radius :0 0 10px 10px ;
    -khtml-border-radius : 0 0 10px 10px ;
    top : 30px ;
    left : 0px ;
    width : 100% ;
    min-width : 200px;
    z-index : 100000 ;
    display : none ;
    box-shadow : 2px 2px 5px #000 ;
      -moz-box-shadow : 2px 2px 5px #000 ;
    -webkit-box-shadow :2px 2px 5px #000 ;
    -khtml-box-shadow : 2px 2px 5px #000 ;
    -o-box-shadow :2px 2px 5px #000 ;
     -ms-box-shadow :2px 2px 5px #000 ;
}

.deroul li a
{
    color : #fff ;
    font-size : 13px ;
    display:block ;
    padding : 5px ;
    text-shadow : 1px 1px 2px Dimgray ;
}

.deroul li a:hover, .deroul li a:focus
{
    color : #1273A2 ;
  
    background : #fff ;
    text-shadow : 1px 1px 2px Dimgray ;
       
}

#subMenu
{
margin : 0 ;
padding : 0 0 0 10px ;
list-style-type:none ;
background : url(images/bgSubmenu.jpg) repeat-x ;
height : 54px ;
}

#subMenu span
{
display : block ;
background : url(images/pictoFleche.png) no-repeat 110px center #F6A924 ;
color : #fff ;
border-radius : 10px ;
 -moz-border-radius : 10px ;
    -webkit-border-radius : 10px ;
    -o-border-radius : 10px ;
    -khtml-border-radius : 10px ;
    -ms-border-radius : 10px ;
font-size : 14px ;
font-weight : bold ;
font-style : italic ;
padding : 10px 60px 10px 15px;

}
#subMenu li
{
margin : 7px 22px 0 8px ;
padding : 10px 0 0 0 ;
float : left ;
}

#subMenu li:last-child
{
margin-right : 0;
}

#subMenu li a
{
margin : 0 ;
padding : 0px 15px 0px 27px ;
float : left ;
color : #fff ;
font-size : 14px ;
font-weight : bold ;
font-style : italic ;
height : 24px ;
line-height : 24px ;
}
#subMenu li:first-child a
{
padding-left : 0;
}

#subMenu li a:hover, #subMenu li a:focus
{
color : DimGray ;
}

.telechargements
{
    background : url(images/pictoTelechargement.png) no-repeat left 1px ;
}

.calendar
{
    background : url(images/pictoCal.png) no-repeat left 1px ;
}



#content
{
clear : both ;
background : #fff ;
overflow : hidden ;
position : relative ;
padding : 25px 15px 25px 280px ;
margin : 0px auto 0 auto ;
color : #666 ;
min-height : 1000px ;
}

#content h2.classic
{
    color : #666 ;
    font-size : 15px ;
    font-weight : bold ;
    margin : 3px 0 15px 0 ;
    padding: 0;
    font-style : italic ;
    letter-spacing:0.05em ;
}

.pageTitle
{
font-style:italic ;
font-size : 20px ;
margin : 0 0 20px 0 ;
padding : 5px 10px  ;
border-radius : 5px ;
-moz-border-radius : 5px ;
-o-border-radius : 5px ;
-webkit-border-radius : 5px ;
-khtml-border-radius : 5px ;
-ms-border-radius : 5px ;
color : #fff ;
background : #2F58AA ;
background: -moz-linear-gradient(90deg, #41A5AA,#C2CDF1);
background: -webkit-gradient(linear, left top, left bottom, from(#41A5AA), to(#C2CDF1));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C2CDF1', startColorstr='#41A5AA', gradientType='1');
box-shadow : 1px 1px 5px #666 ;
-moz-box-shadow : 1px 1px 5px #666 ;
-ms-box-shadow : 1px 1px 5px #666 ;
-webkit-box-shadow : 1px 1px 5px #666 ;
-o-box-shadow : 1px 1px 5px #666 ;
-khtml-box-shadow : 1px 1px 5px #666 ;
text-shadow : 1px 1px 2px #666 ;

}

#center
{
    margin : -4px 0 30px 0 ;
    padding : 0 ;
    min-height : 1100px;
}

#left
{
position : absolute ;
width : 230px ;
left : 10px ;
top : 10px ;
padding : 10px 5px 10px 10px ;
background : #F2F3F6 ;
border-radius : 5px ;
box-shadow : 2px 2px 8px #ccc ;
}

#diapoWrap
{
    width : 695px ;
    height : 521px ;
    overflow : hidden ;
    position : relative ;
}

.gallery-title
{
    position : absolute ;
    z-index : 10000 ;
    background : rgba(0,0,0,0.8) ;
    color : #fff ;bottom : 1px ;
    left : 1px ;
    height : 35px ;
    width : 673px ;
    padding : 10px ;
	z-index : 10 ;
}

.gallery-title h3
{
   margin : 0 0 3px 0 ;
padding : 0 ;
}

.gallery-title p
{
   margin : 0 0 0px 0 ;
padding : 0 ;
}
#diapo
{
    width : 695px ;
    height : 521px ;
    overflow : hidden ;
    position : relative ;
}

.news
{
    border-radius : 10px ;
    -moz-border-radius : 10px ;
    -webkit-border-radius : 10px ;
    -o-border-radius : 10px ;
    -khtml-border-radius : 10px ;
    -ms-border-radius : 10px ;
    border : 1px solid silver ;
    padding : 10px ;
    margin : 20px 0 ;
}

.news h3
{
    font-style : italic ;
    margin : 0 0 0 0 ;
    padding : 0 ;
}

.flash
{
    color : #fff ;
    text-shadow : 0 0 2px #D48B0D ;
    padding : 2px 10px ;font-size : 14px ;
    font-style : italic ;
    background : #F6A924 ;
    margin : -10px -10px 10px -10px   ;
    border-radius : 10px 10px 0 0 ;
     -moz-border-radius : 10px 10px 0 0 ;
    -webkit-border-radius : 10px 10px 0 0 ;
    -o-border-radius : 10px 10px 0 0 ;
    -khtml-border-radius : 10px 10px 0 0 ;
    -ms-border-radius : 10px 10px 0 0 ;
}

form
{
    margin : 20px 0 ;
    padding : 0 ;
}

label
{
    margin : 0 ;
    padding : 0 ;
    display : block ;
    font-style : italic ;
    font-weight : bold ;
}

input[type=text], textarea
{
    border : 1px solid #41A5AA ;
    color : Gray ;
    box-shadow : inset 1px 1px 5px #999 ;
     -moz-box-shadow : inset 1px 1px 5px #999 ;
     -webkit-box-shadow : inset 1px 1px 5px #999 ;
     -khtml-box-shadow : inset 1px 1px 5px #999 ;
     -ms-box-shadow : inset 1px 1px 5px #999 ;
    -o-box-shadow : inset 1px 1px 5px #999 ;
    padding : 3px 5px ;
    border-radius : 5px ;
    -moz-border-radius : 5px ;
    -webkit-border-radius : 5px ;
    -o-border-radius : 5px ;
    -khtml-border-radius : 5px ;
    -ms-border-radius : 5px ;
}

textarea
{
    width : 250px ;height : 120px ;
}


input[type=submit]
{
font-style:italic ;
font-size : 12px ;
font-family : Arial, helvetica, sans-serif ;
border : none ;
font-weight : bold ;
cursor : pointer ;
margin : 0 0 20px 0 ;
padding : 5px 10px  ;
border-radius : 5px ;
-moz-border-radius : 5px ;
    -webkit-border-radius : 5px ;
    -o-border-radius : 5px ;
    -khtml-border-radius : 5px ;
    -ms-border-radius : 5px ;
color : #fff ;
background : #2F58AA ;
background: -moz-linear-gradient(90deg, #41A5AA,#C2CDF1);
background: -webkit-gradient(linear, left top, left bottom, from(#41A5AA), to(#C2CDF1));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C2CDF1', startColorstr='#41A5AA', gradientType='1');
box-shadow : 1px 1px 5px #666 ;
-moz-box-shadow : 1px 1px 5px #666 ;
-webkit-box-shadow : 1px 1px 5px #666 ;
-o-box-shadow : 1px 1px 5px #666 ;
-khtml-box-shadow : 1px 1px 5px #666 ;
-ms-box-shadow : 1px 1px 5px #666 ;
text-shadow : 1px 1px 2px #666 ;

}

#footer
{
padding : 10px 20px ;
margin : 0 ;
background : url(images/bg_footer.jpg) no-repeat left top #eee ;
background-size: cover ;
overflow : hidden ;
color : #666 ;
--text-shadow : 0 0 2px #fff ;
border-top:5px solid #ccc ;
}

#footer ul
{
    width : 150px ;
    float : left ;
    padding : 0 45px 0 0 ;
    min-height : 150px ;
    list-style-type : none ;
    margin : 0 ;
	--background : rgba(238,238,238,0.6);
}


#footer a
{
    color : #666 ;
text-shadow : 0 0 2px #ccc ;
--background:rgba(238, 238,238,0.5);
}

#footer ul:nth-child(4) li
{
background:rgba(238, 238,238,0.5);
}

#footer ul:nth-child(5) li
{
background:rgba(238, 238,238,0.5);
}

#footer a:hover, #footer a:focus
{
  border-bottom : 1px dotted ;
}

#footer ul li strong
{
    font-size : 14px ;
    font-weight : bold ;
    font-style : italic ;
    letter-spacing : 0.05em ;
}


#footer ul:last-child
{
   padding : 0 ;
}