@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('caviardreams-cup.eot');
    src: url('caviardreams-cup.eot?#iefix') format('embedded-opentype'),
         url('caviardreams-cup.woff2') format('woff2'),
         url('caviardreams-cup.woff') format('woff'),
         url('caviardreams-cup.ttf') format('truetype'),
         url('caviardreams-cup.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (min-width:992px) {body {font-size:14px}}
@media screen and (min-width:768px) and (max-width:991px) {body {font-size:12px}}
@media screen and (max-width:767px) and (min-width:464px) {body {font-size:10px}}
@media screen and (max-width:463px){body {font-size:10px}}
body {background-color:white; color:navy; font-family: 'caviar_dreamsregular', 'Quicksand', 'Open Sans', sans-serif;}



/*---------------wrapper----------------------*/
#wrapper{height:100%; width: 100%; margin:auto; background-color:white;}
.nopadding {padding:0;}
.nomargin {margin:0;}
.clearfix {clear: both;}


/*---------------logo----------------------*/
.logoSide{background-color: white; height: 3.6em; width: 14em;}	
@media screen and (max-width:463px){.logoSide{margin-left:-1.6em; width: 12em;}}


/*---------------haut----------------------*/
.navbar{margin-bottom:0; border:none; padding: 0px; font-size:1.4em;background-color: white;}
.navbar-toggle{border-style: none;float:left;}
.navbar-inverse .navbar-toggle {background-color:navy; margin-left:2.6em;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: red;}
.container-fluid {padding: 0px;background-color: white}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-header{border-style: none; background-color: white}
.navbar-inverse .navbar-nav > li > a{color:navy;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: red;}
.navbar-nav > li > a {line-height: 4em;}
.navbar-collapse {padding-right: 0px;  width: 100%; font-weight: bold; }
@media screen and (max-width:767px) {.navbar-collapse {padding-left: 4em; padding-right:2em;font-size: 1.6em; line-height: 2em;}}
.nav > li > a {padding: 0.4em 2em 0.4em 0.6em ;}
.rouge{color:red;}
.service > a {color:navy;}
.service a:hover, .service> a:focus {color: red; text-decoration: none}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: 0px;margin-left: 0px;}

.navbar-right {margin-right: 0px;}

/*---------------carousel----------------------*/
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%; height: auto;}
@media screen and (max-width:463px){.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%; height: auto;}}
.videoBoat{width: 100%; height: auto;}
@media screen and (max-width:463px){.videoBoat{width: 100%; height: auto;}}

/*---------------container----------------------*/
.centre {text-align: center;}
.centre > a{color:navy;}
.centre > a:hover, p .centre > a:focus {color: red; text-decoration: none}
.main-container{width: 100%;padding-left:20%; padding-right:20%;padding-top:3em; padding-bottom: 3em;font-size: 1.6em; text-align: justify; text-justify: inter-word;}
.mini-container{width: 100%;padding-left:20%; padding-right:20%;  padding-bottom: 2em; font-size: 1.6em;  text-align: justify;text-justify: inter-word;}
.signature{font-weight:bold; text-align: right;}
.centreGras {text-align: center; font-weight: bold; padding-bottom:1.6em; font-size: 1.6em}


/*---------------Social link----------------------*/
a i.icone {font-size:3em; color:navy; margin-left: 50%}
@media screen and (max-width:767px) {a i.icone {font-size:1.4em;}}
a:hover i.icone {color:red;}


a i.iconeMini{font-size:2em; color:navy; margin-left: 50%}
@media screen and (max-width:767px) {a i.iconeMini {font-size:1.4em;}}
a:hover i.iconeMini {color:red;}


/*---------------Footer----------------------*/
@media screen and (max-width:767px) {footer{}}
.infoFooter {width:100%; padding-top:1.2em; display:inline-block; margin:0;}
.line{background-color:navy; width:100%; height:1px;}
p.rouge {color:red;text-align: center; font-size:1.6em;}
p.bleu{color:navy;text-align: center; font-size:1.6em;}
.designed{width:100%; margin:0; height:3em; ; color:navy; font-size:1em; margin:auto; padding:0;}
.designed p {padding-top: 1em; text-align:center}
.designed p a{color:navy; margin:0.4em; padding-top: 1em; padding-right: 2em}
.designed p a:hover{color:red; text-decoration:none}