/* cmsms stylesheet: triskel_css modified: 06/06/2018 19:22:42 */
/* ------------------ polices embarquées ------------------------- */
@font-face {
    font-family: 'Sherwood';
    src: url('../../font/SHERWOOD.eot');
    src: url('../../font/SHERWOOD.eot#iefix') format('embedded-opentype'),/* Internet Explorer */
    url('../../font/SHERWOOD.woff') format('woff'),/* Firefox 3.6+ */
    url('http://www.triskel-nautic.com/font/SHERWOOD.ttf') format('truetype'),/* Firefox / Safari / OPERA 10 */
    url('../../font/SHERWOOD.svg') format('svg');/* Opera 9 / Chrome 0.3+ */
    }
/* ----------------------------------------------------------------*/



div {
    padding:0;
    margin:0;
}
div img{
    display: block; /* Pour éviter les décalage d'images sous ie6 */
}

img{
    border: 0; /* Pour éviter les cadres bleus autour de images lien */
}

/* arriere plan (fond de site) --------------------------------- */
body {
    background-color: #001837;
    font:normal 1em Arial, Sans-Serif;
    font-color: #fff;
    background-position: center;
    background-image: url(../../uploads/triskel/images/triskel_bateau_body.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
 
/* Wrapper */

#site {    
    color: #fff;
    /*background-color: blue;*/
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 0 0;
    background-size: auto auto;
    cursor: default;
    height: 700px;
    margin: 0 auto;
    padding: 0 0;
    width: 1288px;
    overflow: hidden;
}
#slide {    
    color: #fff;
    background-color: black;
    height: 541px;
    width: 300px;
    float: left;
}

#container {
    /*height: 653px;*/
    margin: 0;
    overflow: hidden;
    padding: 0;
}
/******** HEADER **********/

#header{
    height: 193px;
    width: 688px;
    /*background-color: green;*/
    float: left;
}

#header_top{
    width: 688px;
    height: 5px;
    /*background-color: yellow;*/
}
#header_middle{
    width: 688px;
    height: 165px;
    /*background-color: green;*/
}
#header_bottom{
    width: 688px;
    height: 23px;
    /*background-color: pink;*/
}

#logo{
    float: left;
    width: 570px;
    height: 165px;
    margin:0px auto;
    /*background-image: url(../../uploads/triskel/images/triskel_bateau_logo.jpg);
    background-repeat: no-repeat;*/
}

#logo_right{
    float: left;
    width: 118px;
    height: 165px;
    background-image: url(../../uploads/triskel/images/triskel_bateau_logo_right.jpg);
    background-repeat: no-repeat;
}

menu .menufixe {
    position: fixed;
    width: 570px;
    height: 23px;
}

#tel{
    float:left;
    height: 23px;
    width: 118px;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: light;
    color: #FFF;
    line-height: 0px;
    white-space: nowrap;
    background-image: url(../../uploads/triskel/images/triskel_bateau_menu_right.jpg);
    background-repeat: no-repeat;
}
#tel a{
    color: #FFF;
    text-decoration : none;
} 

/******** MAIN **********/
#main {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: right top;
    background-size: auto auto;
    cursor: default;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
    width: 688px;
    height: 431px;
    overflow: none;
    position: relative;
    /*background-color: blue;*/
    float: left;
}

/*#main_left {
    width: 5px;
    height: 431px;
    /*background-color: yellow;
}*/

#main_texte{
    float: left;
    height: auto;
    width: 688px;
    position: absolute;
    color: #001737;
}

/*#main_right {
    float: right;
    width: 688px;
    height: 431px;
}*/

#main_texte h1{
    font: bold 2em Sherwood, Arial, Sans-Serif;
    color: #fff;
    text-align: left;
}
#main_texte h2{
    font: bold 1.5em Arial, Sans-Serif;
    line-height: 1em;
    color: #001938;
    text-align: left;
}

/************ CSS5 ***************/
.ombrage{
    text-shadow:2px 2px 4px #001938;

/* IE8 */
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#001938')" ;
	 
/* pour IE5.5 - 7 */	 
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#001938') ;
}
/*********************************/

.info{
    font:bold 0.9em Arial, Sans-Serif;
    color: #001837;
    line-height: 1.2em;
}
.mail{
    font:normal 0.8em Arial, Sans-Serif;
    color: #001837;
    line-height: 1em;
}

#main_texte{
    padding-top : 0;
}
#main_texte h3{
    padding : 0;
    margin: 0;
    font: bold 1em Arial, Sans-Serif;
    color: #fff;
}
#main_texte p{
    font: normal 0.8em Arial, Sans-Serif;
    color: #001837;
    line-height: 0.9em;
}

#main_texte ul{
    font: normal 0.8em Arial, Sans-Serif;
    color: #001837;
}

#main_texte table{
    font-family: Arial, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    color: #001837;
    text-align: left;
    border-collapse: collapse;
    border: 2px solid #3F5B70;
    background-color: #DEDAD7;
}
#main_texte table td{
    height: 1.6em;
    padding-left: 10px;
    /*line-height: 0.6em;*/
    border: 1px solid #3F5B70;
    vertical-align: center;
}

#main_texte table.gal{
    border-collapse: collapse;
    border: 0px;
    background-color: transparent;
}
#main_texte .gal td{
    padding: 0px;
    border: 0px;
    vertical-align: center;
}

#main_texte table h3{
    color: #B28449;
}

#main_texte .legende{
    font-size: 0.9em;
    font-weight: light;
    font-style: italic;
    color: #001837;
    line-height: auto;
}

#main_texte .lien{
    line-height: 1em;;
}

.plansite a:hover{
    color:#fff;
}

a {
    color : #13436B;
    text-decoration : none;
}
a:hover {
    color : #2C537E;
}
/* Footer */

#footer {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: right top;
    background-size: auto auto;
    cursor: default;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
    width: 688px;
    height: 24px;
    overflow: none;
   /*background-color: blue;*/
    position: relative;
    font:normal 0.6em Arial, Sans-Serif;
    padding: 2px 0 0 0;
    background-image: transparent; /*url(../../uploads/triskel/images/triskel_bateau_footer.jpg);*/
    background-repeat: no-repeat;
    text-align: center;
    letter-spacing: 0.031em;
    color: #fff;
    /*background-color: red;*/
    clear: left;
    line-height: 1.6em;
}
#footer a{
    color:#fff;
}
#footer a:hover{
    color:#998f89;
   
}
#footer .admin{
    color:#B08960;
}

/* Formulaire */
#form1{
    font:normal 0.8em Arial, Sans-Serif;
    line-height:1.4em;
}

#formulaire_gauche{
    float:left;
    padding: 0 20px 0 0;
}
#formulaire_droite{
    float: left;
    padding: 0 26px 0 0;
}
#formulaire_bas{
    clear: left;
    padding: 0 20px 0 0;
}

input{
    border:1px dashed #fff;
    background-color:#2E4E65;
    color: #fff;
 }

textarea{
    border:1px dashed #fff;
    background-color:#2E4E65;
    color: #fff;
    resize:none;
    overflow:vertical;
    width:332px;
    height:84px;
    font:lighter 1em Arial, Sans-Serif;
    margin-top: 5px;
 }
 
.submit{
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
    padding-top: 5px;
    width: 80px;
}
.submit input:hover{
    cursor: pointer;
    color : #2E4E65;
    background-color: transparent;
}
.submit input {
    background-color: transparent;
}
.sosumi {color: #ef581c; font-size: 0.8em; font-style: italic;}

#content_texte p texte-reponse{
    font:normal 0.8em Arial, Sans-Serif;
}
/* cmsms stylesheet: triskel_menu modified: 29/05/2017 17:28:54 */


/* supprimme les pointillés autours des liens ---------------------*/
a {
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
    }
/*-----------------------------------------------------------------*/

/* Navigation Bar */

.menufixe {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0 100%;
    cursor: default;
    height: 23px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 570px;
    float:left;
    
    background-image: url(../../uploads/triskel/images/triskel_bateau_menu.jpg);
    background-repeat: no-repeat;
   
    top: 0px;
    position: relative;
    height: 23px;
    background-color: transparent;
    list-style-type: none;
    z-index: 200;
}
div#menu ul {
    width:570px;/* a modifier */
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: light;
    color: #FFF;
    line-height: 0px;
    white-space: nowrap;
}
div#menu ul li {
    list-style:none;
    display: inline;
}
div#menu ul li a {
    text-decoration: none;
    letter-spacing:1px;
    padding: 0px 10px 18px 10px;/* Espace entre les liens du menu et distance de la puce*/
    color:#fff;
}*/
div#menu ul li a:link {
    color: #b7c309:
}
div#menu ul li a:visited {
    color: #fff;
}
div#menu ul li a:hover {
    color: #B1894B;
}

div#menu ul li a.menuactive {
    color: #fff;
    background-image: url(../../uploads/triskel/images/puce_menu.png);
    background-position: bottom;
    background-repeat: no-repeat;
}
div#menu ul li a.menuactive:hover {
    color: #fff;
}
/* cmsms stylesheet: triskel_titre_haut_css modified: 29/05/2017 19:24:06 */
/* PAGE AVEC TITRE EN HAUT - Mise en page du texte */




#main{
    background-image: url(../../uploads/triskel/images/triskel_bateau_formation.jpg);
    background-repeat: no-repeat;
}

/*****************************************/
#main_texte { /* ie 7 et autres */
    width: 567px;
    height: auto;
    top: 1px;bottom: 1px;
    padding-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 0px;
    line-height: 1em;
    text-align: justify;
    overflow: auto;
}
#main_texte, x:-moz-any-link, x:default{ /* Hack que pour Firefox */
    width: 567px; /* (688 moins les padding left et right) */
    height: auto; /* (431 moins les padding, top : top et bottom) */
    top: 1px;bottom: -1px; /* eccart entre l'ascenseur et le haut du container */
    padding-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 0px;
    line-height:0.9em;
    text-align: justify
    overflow: auto;
}
/*****************************************/

#main_texte p{
    /*padding: 115px 20px 0 238px;*/
    padding: 0 20px 0px 0px;
}

#main_texte ul{
    list-style-type: circle;
    padding: 0px;font-size: 0.8em;
    line-height: auto;
    margin-left: 1em;
}
#main_texte li{   
    background-position: 0 0.8em;
    padding-left:4px;
    line-height: auto;
    color: #001837;
}
/* cmsms stylesheet: triskel_titre_haut_gallery_css modified: 29/05/2017 19:24:33 */
/* PAGE AVEC TITRE EN HAUT - Mise en page du texte */




#main{
    background-image: url(../../uploads/triskel/images/triskel_bateau_formation.jpg);
    background-repeat: no-repeat;
}
/* cmsms stylesheet: triskel_titre_haut_info_css modified: 29/05/2017 19:25:14 */
/* PAGE AVEC TITRE EN HAUT - INFO - Mise en page du texte */




#main{
    background-image: url(../../uploads/triskel/images/triskel_bateau_main.jpg);
    background-repeat: no-repeat;
}
/* cmsms stylesheet: triskel_titre_haut_loc_css modified: 29/05/2017 19:25:26 */
/* PAGE LOCATION - LOCATION - Mise en page du texte */




#main{
    background-image: url(../../uploads/triskel/images/triskel_bateau_carte.jpg);
    background-repeat: no-repeat
}
/* cmsms stylesheet: triskel_titre_bas_css modified: 29/05/2017 19:24:47 */
/* PAGE AVEC TITRE EN BAS - Mise en page du texte */




#main{
    background-image: url(../../uploads/triskel/images/triskel_bateau_main.jpg);
    background-repeat: no-repeat;
}
/* cmsms stylesheet: triskel_flexcroll_css modified: 29/05/2017 17:28:54 */
/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

/* ne pas modifier la class .scrollgeneric, nécessaire pour le bon fonctionnement du scroll*/
.scrollgeneric {
line-height: 1px; font-size: 1px;
position: absolute; top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
width: 15px;/*largeur du scroll (vertical) */
}

/*.hscrollerbase, .hscrollerbar {
height: 15px;/*largeur du scroll (horizontal) */
}*/

.vscrollerbar/*, .hscrollerbar*/ {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 10px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*GLISSIERE de la scrollbar verticale */
background: url(../../uploads/triskel/flexcroll/vscroller.png) 0px -10px;
width: 15px;
}/* height is auto set by the script to fit the scrollbar */


.vscrollerbarend {
/*extremité GLISSIERE de la scrollbar VERTICALE */
background: url(../../uploads/triskel/flexcroll/vscroller.png);
width: 15px; height: 10px;
}

/*.hscrollerbarbeg {*/
/*extremité GLISSIERE de la scrollbar HORIZONTALE */
/*background: url(../../uploads/triskel/flexcroll/hscroller.png) -10px 0px;*/
/*height: 15px;
}*//* width is auto set by the script to fit the scrollbar */


.hscrollerbarend {
/*GLISSIERE de la scrollbar HORIZONTALE */
background: url(../../uploads/triskel/flexcroll/hscroller.png);
height: 15px; width: 10px;
}

/* Following are OPTIONAL */
/* COULEUR arriere plan de la scrollbar VERTICALE et image de FOND */
/*
.vscrollerbase, .hscrollerbase {
background-color: #4b4b4d;
background-image: url(http://www.triskel-nautic.com/uploads/triskel/flexcroll/scrollbaseback.png);
}
*/

/* COULEUR arriere plan de la scrollbar HORIZONTALE et image de FOND 
.hscrollerbasebeg {
height: 15px;
background: url(../../uploads/triskel/flexcroll/scrollbases.png) -22px 0px no-repeat;
}/* width is auto set to fill the base 
*/

/*BOUTONS inf et sup de la scrollbar HORIZONTALE
.hscrollerbaseend {
height: 15px; width: 7px;
background: url(../../uploads/triskel/flexcroll/scrollbases.png) 0% 0% no-repeat;
}*/


/*BOUTONS HAUT de la scrollbar VERTICALE*/
.vscrollerbasebeg {
width: 15px;
background: url(../../uploads/triskel/flexcroll/scrollbases.png) -0px -10px no-repeat;
}/* height is auto set to fill the base*/

/*BOUTONS BAS de la scrollbar VERTICALE*/
.vscrollerbaseend {
height: 10px; width: 15px;
background: url(../../uploads/triskel/flexcroll/scrollbases.png) -0px 0px no-repeat;
}

/*BOUTON JOG
.scrollerjogbox {
width: 15px; height: 15px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: white url(http://www.triskel-nautic.com/uploads/triskel/flexscroll/scrolljog.png) 50% 50%;
}
 */