@charset "UTF-8";

/* ###########################################################
######################## RESET CSS - DEBUT ###################
########################################################### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
audio { height: 0; width: 0; }
a, a:link, a:visited, a:hover, a:focus, a:active, img { border:0; outline:none; } /* Pour éviter le outline sur IE7 et IE8 sur le active, et le focus */
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 0.7em; position: relative; top: -6px;}
sub { vertical-align: sub; }


body {
    background: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em; /* Soit 80% de la taille de la police par défaut du navigateur (par défaut 16px) - Voir http://riddle.pl/emcalc/ pour calculer la taille des polices en cascade */
    color: #000000; /* Couleur des texte dans Speedsales */
    margin: 0;
    padding: 0;
}
.app-wrapper {
    position: relative;
}
.app-loader {
    position: fixed;
    top: 50%;
    left: 512px;
    z-index: 100000;
}

/*.app-loader .spinner::before {
	content: url(../images/header/loader.png);
	left: -18px;
    position: absolute;
    top: -32px;
}*/

.app-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 10000;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ###########################################################
###################### SPEEDNEWS POPUP #######################
########################################################### */
.QESizePhoto {}
#backgroundImagesAdministration .QESizePhoto {}

#fancybox-overlay { position:fixed !important; }



a#showBackgroundImagesAdministration 
{ 
    z-index: 100000; 
    position: fixed; 
    top: 6px; 
    right: 51px; 
    background-color : #de1f28; /* #ff8500; */
    background-color: rgb(222, 31, 40);
   background-color: rgba(222, 31, 40, 0.85);
    color: #fff; 
    text-decoration: none; 
    padding: 10px 20px;
    font-family: Verdana;
    font-size: 15px;
    border-radius: 0px;
}

a#showBackgroundImagesAdministration:hover {
    background-color : #101a9d;
}

#backgroundImagesAdministration {
    width: 500px;
}
#backgroundImagesAdministration img {
    max-width: 500px;
    width: 500px;
    height: auto;
}

div#backgroundImagesAdministration p {
    font-family: Verdana;
    font-size: 40px;
    margin: 15px 0;
}


/* ###########################################################
######################## SPEEDMAILING ########################
########################################################### */


#module_emailing_auto {
    z-index: 1000;
    padding:0 ;
    display: inline-block;
    margin-left: 10px;
}

/* BOUTON INFO + CLOSE */

.emailingauto_img_infos { width:24px; float:left; margin-left:10px; margin-top:4px;}

.tooltip_close { display:block; float:right; cursor: pointer; opacity: 0.5; }
.tooltip_close:hover { opacity: 1; }


.radio { margin:0; padding:0;}

/* BOUTON SE DESINSCRIRE */
#emailingauto_button_desinscrire {
    margin-top:5px;
    display:block;
    width:220px;
    float:left;
    font-size: 1.0em;

    background: #FFFFFF;
    border: none;
    box-shadow: 0 0 1px 1px #94979A inset;
    color: #94979A;
    display: inline-block;
    height: 24px;
    padding: 0;
    cursor:pointer;
}

#emailingauto_button_desinscrire:hover {
    background: #4D4D4F;
    color: #FFF;
}

/* TOOLTIP */
.emailingauto_tooltip {
    border: 5px solid #94979A;
    color: #4D4D4F;
    padding: 10px;
    line-height: 1.5em;
    font-size: 0.9em;
    text-align:left;
    background-color: #fff;

    -webkit-box-shadow:0 -2px 4px rgba(0,0,0,0.4);
    -o-box-shadow:0 -2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow:0 -2px 4px rgba(0,0,0,0.4);
    box-shadow:0 -2px 4px rgba(0,0,0,0.4);
}

.emailingauto_tooltip a {color:#4D4D4F; text-decoration:underline; cursor: pointer;}
.emailingauto_tooltip a:hover {color:#94979A;text-decoration: underline;}
.emailingauto_tooltip_unsubscribe input {width: 120px;padding-bottom:0;}

/* MESSAGES */
.emailing_auto_message_success, .emailing_auto_confirm_text .success {color:#000000;}
.emailing_auto_message_error, .emailing_auto_confirm_text .error {color:#000000;}
.emailing_auto_confirm_title {color:black;font-size: 1em;padding-top: 100px;}
.emailing_auto_confirm_text {padding-bottom: 50px;}

/* CHAMPS EMAIL */
#emailingauto_email, #emailingauto_email_unsubscribe {
    width:215px; padding:2px 5px; border:none; margin:5px 0;

    background: #FFFFFF;
    border: 0 none;
    box-shadow: 0 0 1px 1px #94979A inset;
    color: #94979A;
    display: inline-block;
    height: 24px;
    padding: 0;
}
#emailingauto_email_unsubscribe { width:180px; }

/* NE PAS TOUCHER LES CLASSES CI-DESSOUS */
#emailingauto_tooltip {position: absolute;display: none;z-index:20000; width:225px;}
#emailingauto_tooltip_unsubscribe {position: absolute;display: none;z-index:20000 ; width: 220px!important; padding-bottom:10px;  font-size: 0.9em; overflow: hidden;}
#emailingauto_tooltip_unsubscribe div { float:left; margin: 0; }
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe1 { float:right;}
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe2,
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe3,
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe5

{ clear:both; float: left; }

#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe7, #emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe8
{ float: left; }

.ModuleSMHide {  }

#emailing_auto_trad_erreur {
    clear:both;
}

/* ###########################################################
######################## SPEEDSEARCH #########################
########################################################### */

#divSpeedSearch {
    float:left;
    width:180px;
    margin:5px 0 0 0;
}

.rechercheSpeedsearch {
    cursor: pointer;
    width: 150px;
    height: 20px;
    padding: 0 5px;
    margin: 0;
    border:none;
    background-color: #eee;
    float:left;
}

.boutonSpeedsearch { width:20px; height:20px; display:block; background: #fff no-repeat center top; float:left;}
.boutonSpeedsearch:hover { background-color:#09F;}


/* ###########################################################
######################## ANIM INTRO #########################
########################################################### */

@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }

@keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
@-moz-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
@-webkit-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
@-o-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
@-ms-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }

@keyframes animEnter { 0% { opacity: 0; transform: scale(1.2) } 80% { opacity: 1; transform: scale(1) } 100% { opacity: 0; transform: scale(0.8) } }
@-moz-keyframes animEnter { 0% { opacity: 0; -moz-transform: scale(1.2) } 80% { opacity: 1; transform: scale(1) } 100% { opacity: 0; transform: scale(0.8) } }
@-webkit-keyframes animEnter { 0% { opacity: 0; -moz-transform: scale(1.2) } 80% { opacity: 1; transform: scale(1) } 100% { opacity: 0; transform: scale(0.8) } }
@-o-keyframes animEnter { 0% { opacity: 0; -moz-transform: scale(1.2) } 80% { opacity: 1; transform: scale(1) } 100% { opacity: 0; transform: scale(0.8) } }
@-ms-keyframes animEnter { 0% { opacity: 0; -moz-transform: scale(1.2) } 80% { opacity: 1; transform: scale(1) } 100% { opacity: 0; transform: scale(0.8) } }

@keyframes ultralabel { 0% { opacity: 0; left: -100px; } 100% { opacity: 1; left: 0; } }
@-moz-keyframes ultralabel { 0% { opacity: 0; left: -100px; } 100% { opacity: 1; left: 0; } }
@-webkit-keyframes ultralabel { 0% { opacity: 0; left: -100px; } 100% { opacity: 1; left: 0; } }
@-o-keyframes ultralabel { 0% { opacity: 0; left: -100px; } 100% { opacity: 1; left: 0; } }
@-ms-keyframes ultralabel { 0% { opacity: 0; left: -100px; } 100% { opacity: 1; left: 0; } }

@keyframes ultramarine { 0% { opacity: 0; left: 100px; } 100% { opacity: 1; left: 0; } }
@-moz-keyframes ultramarine { 0% { opacity: 0; left: 100px; } 100% { opacity: 1; left: 0; } }
@-webkit-keyframes ultramarine { 0% { opacity: 0; left: 100px; } 100% { opacity: 1; left: 0; } }
@-o-keyframes ultramarine { 0% { opacity: 0; left: 100px; } 100% { opacity: 1; left: 0; } }
@-ms-keyframes ultramarine { 0% { opacity: 0; left: 100px; } 100% { opacity: 1; left: 0; } }

@keyframes food { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes food { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes food { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes food { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes food { 0% { opacity: 0; } 100% { opacity: 1; } }

@keyframes slidelabel { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: 133px; } }
@-moz-keyframes slidelabel { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: 133px; } }
@-webkit-keyframes slidelabel { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: 133px; } }
@-o-keyframes slidelabel { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: 133px; } }
@-ms-keyframes slidelabel { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: 133px; } }

@keyframes slidemarine { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: -133px; } }
@-moz-keyframes slidemarine { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: -133px; } }
@-webkit-keyframes slidemarine { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: -133px; } }
@-o-keyframes slidemarine { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: -133px; } }
@-ms-keyframes slidemarine { 0% { opacity: 1; margin-left: 0; } 100% { opacity: 0; margin-left: -133px; } }

#animEnter {
    width: 484px;
    height: 316px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -158px;
    margin-left: -242px;
    animation: animEnter 1s forwards;
    -moz-animation: animEnter 11s forwards;
    -webkit-animation: animEnter 11s forwards;
    -o-animation: animEnter 11s forwards;
    -ms-animation: animEnter 11s forwards;
}

#ultralabelfood {
    display: inline-block;
    width: 235px;
    height: 290px;
    position: relative;
    opacity: 0;
    animation: ultralabel 4s forwards;
    -moz-animation: ultralabel 4s forwards;
    -webkit-animation: ultralabel 4s forwards;
    -o-animation: ultralabel 4s forwards;
    -ms-animation: ultralabel 4s forwards;
}

#ultramarinefood {
    display: inline-block;
    width: 235px;
    height: 290px;
    position: relative;
    opacity: 0;
    margin-left: 13px;
    animation: ultramarine 4s forwards;
    -moz-animation: ultramarine 4s forwards;
    -webkit-animation: ultramarine 4s forwards;
    -o-animation: ultramarine 4s forwards;
    -ms-animation: ultramarine 4s forwards;
}

#ultralabel {
    width: 235px;
    height: 235px;
    position: relative;
    background: url(../images/header/logo-anim.png);
    background-position: top left;
}

#ultramarine {
    width: 235px;
    height: 235px;
    position: relative;
    background: url(../images/header/logo-anim.png);
    background-position: top right;
}

#labelfood {
    width: 235px;
    height: 55px;
    position: relative;
    background: url(../images/header/logo-anim.png);
    background-position: left -235px;
    margin-top: 15px;
    animation: slidelabel 2s 5s forwards;
    -moz-animation: slidelabel 2s 5s forwards;
    -webkit-animation: slidelabel 2s 5s forwards;
    -o-animation: slidelabel 2s 5s forwards;
    -ms-animation: slidelabel 2s 5s forwards;
}

#marinefood {
    width: 235px;
    height: 55px;
    position: relative;
    background: url(../images/header/logo-anim.png);
    background-position: right -235px;
    margin-top: 15px;
    animation: slidemarine 2s 5s forwards;
    -moz-animation: slidemarine 2s 5s forwards;
    -webkit-animation: slidemarine 2s 5s forwards;
    -o-animation: slidemarine 2s 5s forwards;
    -ms-animation: slidemarine 2s 5s forwards;
}

#food {
    display: block;
    width: 484px;
    height: 67px;
    margin-top: 8px;
    background: url(../images/header/logo-anim.png);
    background-position: bottom left;
    opacity: 0;
    position: absolute;
    bottom: 0;
    animation: food 1.5s 5s forwards;
    -moz-animation: food 1.5s 5s forwards;
    -webkit-animation: food 1.5s 5s forwards;
    -o-animation: food 1.5s 5s forwards;
    -ms-animation: food 1.5s 5s forwards;
}

.anim-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
}

.skipintro {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #4D4D4F;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    padding: 0;
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    text-align: center;
}

.skipintro:hover {
    background: #4D4D4F;
    color: #FFF;
    cursor: pointer;
    z-index: 1000;
}

.hide {
    opacity: 0;
    visibility: hidden;
}

.hideMobile {
	display: none;
}

/* ###########################################################
##################### Animations partagées ###################
########################################################### */
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-house:before { content: "\e600"; }
.icon-top:before { content: "\e601"; }
.icon-next:before {	content: "\e602"; }
.icon-menu:before {	content: "\e603"; }
.icon-close:before { content: "\e608"; }
.icon-bottom:before { content: "\e605"; }
.icon-calendar:before { content: "\e607"; }
.icon-prev:before {	content: "\e606"; }
.icon-closesimple:before { content: "\e608"; }
.icon-more:before { content: "\e620"; }

.icon-googleplus:before { content: "\e609"; }
.icon-googleplus2:before { content: "\e60a"; }
.icon-googleplus3:before { content: "\e60b"; }
.icon-facebook:before { content: "\e60c"; }
.icon-facebook2:before { content: "\e60d"; }
.icon-facebook3:before { content: "\e60e"; }
.icon-twitter:before { content: "\e60f"; }
.icon-twitter2:before { content: "\e610"; }
.icon-twitter3:before { content: "\e611"; }
.icon-feed:before { content: "\e612"; }
.icon-feed2:before { content: "\e613"; }
.icon-feed3:before { content: "\e614"; }
.icon-pinterest:before { content: "\e615"; }
.icon-pinterest2:before { content: "\e616"; }
.icon-in:before { content: "\e617"; }
.icon-search:before { content: "\e618"; }
.icon-envelope:before { content: "\e619"; }
.icon-location:before { content: "\e61a"; }
.icon-search2:before { content: "\e61b"; }
.icon-cog:before { content: "\e61c"; }
.icon-gallery:before { content: "\e61d"; }
.icon-volume-medium:before { content: "\e61e"; }
.icon-volume-mute:before { content: "\e61f"; }


a, a:after, a:before, label, label::before, img, input, textarea, button, .skipintro, .imgZoom, .mCSB_dragger_bar {
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
}

header, header nav ul, #contactFooter, #main, .logo-ultramarine, .logo-ultralabel, .logo-food, label.vignette span, .app-wrapper, .anim-wrapper, .toolbar-speedroute {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

html {
    width: 100%;
    height: 100%;
    background: #FFF;
}

body {
    font-family: Questrial, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4d4d4f;
    background: #FFF url(../images/content/bg.png);
    overflow: hidden;
    width: 100%;
    height: 100%;
}

h1, h2, h3, nav li a {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #94979a;
}

.food {
    color: #94979a!important;
}

a.current {
    font-weight: bold;
    color: #4D4D4F;
}

/* couleurs ultramarine */
.marine, .marine a.current, .scroll-main .marine a:hover, [class*=" ultramarine-"] h1, [class*=" ultramarine-"] h2, [class*=" ultramarine-"] #main .scroll-main a, [class*=" ultramarine-"] .scroll-main a strong {
    color: #101a9d!important;
}

[class*=" ultramarine-"] h2::before, [class*=" ultramarine-"] #main .onglets li label:hover, [class*=" ultramarine-"] .selected, [class*=" ultramarine-"] label.retour:hover,
[class*=" ultramarine-"] .btnCloseFooter:hover, .bouton.marine {
    background: #101a9d!important;
    color: #FFF!important;
}

.scroll-main .marine a:hover, [class*=" ultramarine-"] .scroll-main a:hover, [class*=" ultramarine-"] .scroll-main a:hover strong {
    color: #5059d4!important;
}

.scroll-main .bouton.marine:hover {
    background: #5059d4!important;
    color: #FFF!important;
}

/* couleurs ultralabel */
.label, .label a.current, .scroll-main .label a:hover, [class*=" ultralabel-"] h1, [class*=" ultralabel-"] h2, [class*=" ultralabel-"] #main .scroll-main a, [class*=" ultralabel-"] .scroll-main a strong {
    color: #de1f28!important;
}

[class*=" ultralabel-"] h2::before, [class*=" ultralabel-"] #main .onglets li label:hover, [class*=" ultralabel-"] .selected, [class*=" ultralabel-"] label.retour:hover,
[class*=" ultralabel-"] .btnCloseFooter:hover, .bouton.label {
    background: #de1f28!important;
    color: #FFF!important;
}

.scroll-main .bouton.label:hover {
    background: #ef7379!important;
    color: #FFF!important;
}

/* autres cas */
.scroll-main .label a:hover, [class*=" ultralabel-"] .scroll-main a:hover, [class*=" ultralabel-"] .scroll-main a:hover strong {
    color: #ef7379!important;
}

[class*=" ultramarine-"] label.retour:hover, [class*=" ultralabel-"] label.retour:hover {
    color: #FFF;
}


/* ###########################################################
########################### GALLERY ##########################
########################################################### */

#divGaleriePhoto {

}

#galerie {
    top: 50px!important;
    left: 345px!important;
    right: 50px!important;
    bottom: 50px!important;
}

#galerie img.rsImg {
    /*float: right;
    margin-left: 0!important;*/
}

#whitelayer {
    z-index: 21;
    position: absolute;
    top: 50px!important;
    left: 345px!important;
    bottom: 50px!important;
    width: 40%;
    background: linear-gradient(left, #ededed, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, #ededed, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #ededed, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, #ededed, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, #ededed, rgba(255, 255, 255, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFededed', endColorstr='#00FFFFFF', GradientType=1);
} 

#galerie .blur {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

/* ###########################################################
########################### HEADER ###########################
########################################################### */

.app-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
}

header {
    position: absolute;
    top: 50px;
    bottom: 50px;
    left: 50px;
    background: #ededed;
    padding: 15px;
    width: 265px;
    z-index: 20;
}

.header-content {
    background: #fff;
    width: 260px;
    padding: 0 10px;
    box-shadow: 0 0 1px 1px #ddd, 0 0 5px rgba(0,0,0,0.1);
    height: 100%;
    position: relative;
    z-index: 10003;
}

#checkbox-header {
    display: none;
}

#checkbox-header:checked + header {
    opacity: 0;
}

@keyframes logoenter { 0% { opacity: 0; transform: scale(0.9) } 100% { opacity: 1; transform: scale(1) } }
@-moz-keyframes logoenter { 0% { opacity: 0; -moz-transform: scale(0.9) } 100% { opacity: 1; -moz-transform: scale(1) } }
@-webkit-keyframes logoenter { 0% { opacity: 0; -webkit-transform: scale(0.9) } 100% { opacity: 1; -webkit-transform: scale(1) } }
@-o-keyframes logoenter { 0% { opacity: 0; -o-transform: scale(0.9) } 100% { opacity: 1; -o-transform: scale(1) } }
@-ms-keyframes logoenter { 0% { opacity: 0; -ms-transform: scale(0.9) } 100% { opacity: 1; -ms-transform: scale(1) } }

header .logo {
    text-align: left;
    top: 10px;
    position: relative;
    margin-bottom: 30px;
    width: 260px;
    height: 170px;
}

header .logo:hover {
    opacity: 0.9;
}

header .logo-ultramarine, header .logo-ultralabel {
    background: url(../images/header/logo-ultralabel.png);
    width: 127px;
    height: 127px;
    display: inline-block;
    position: relative;
}

header .logo-ultramarine:hover, header .logo-ultralabel:hover, header .logo-food:hover {
    opacity: 0.5;
}

header .logo-ultramarine a, header .logo-ultralabel a,  header .logo-food a,  header .logo-link {
    display: block;
    width: 100%;
    height: 100%;
    transtion: opacity 0.25s;
    -webkit-transtion: opacity 0.25s;
    -moz-transtion: opacity 0.25s;
    -o-transtion: opacity 0.25s;
    -ms-transtion: opacity 0.25s;
}

header .logo-ultramarine {
    background: url(../images/header/logo-ultramarine.png);
    margin-left: 6px;
}

header .logo-food {
    background: url(../images/header/logo-food.png);
    width: 260px;
    height: 37px;
    margin-top: 3px;
}

header .logo-link {
    display: none;
}

[class*=" ultramarine-"] .logo-link, [class*=" ultralabel-"] .logo-link {
    display: block;
}

[class*=" ultramarine-"] .logo-ultramarine, [class*=" ultramarine-"] .logo-ultralabel, [class*=" ultramarine-"] .logo-food,
[class*=" ultralabel-"] .logo-ultramarine, [class*=" ultralabel-"] .logo-ultralabel, [class*=" ultralabel-"] .logo-food {
    display: none;
}

[class^="ultramarine-"] .logo, [class*=" ultramarine-"] .logo {
    background: url(../images/header/logo-ultramarine.jpg) center center no-repeat;
    /*top: 15px;*/
    /*height: 100px;*/
}

[class^="ultralabel-"] .logo, [class*=" ultralabel-"] .logo {
    background: url(../images/header/logo-ultralabel.jpg) center center no-repeat;
    /*top: 15px;*/
    /*height: 100px;*/
}

header a img {
    display: none;
}

header a:hover img {
    opacity: 0.5;
}

header nav {
    padding: 0;
    margin: 0;
}

header nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

header nav ul li {
    display: block;
    padding: 0;
    margin: 0;
}

header nav ul li a, header nav ul li span {
    height: 32px;
    font-size: 1.2em;
    line-height: 34px;
    text-align: left;
    text-transform: uppercase;
    display: block;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}

header nav ul li a:hover {
    color: #4d4d4f;
}

header nav ul.marine li a:hover {
    color: #101a9d;
}

header nav ul.label li a:hover {
    color: #de1f28;
}

header nav ul li ul.sousmenu {
    margin-left: 10px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}

header nav ul li ul.opened {
    opacity: 1;
    max-height: 300px;
}

header nav ul li ul.sousmenu li a {
    height: 24px;
    font-size: 1em;
    line-height: 20px;
    text-transform: none;
}

.bottom-links {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.langues {
    height: 25px;
    display: inline-block;
}

.langues li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.langues li a {
    width: 28px;
    height: 20px;
    background: url(../images/content/icons-langues.png);
    display: block;
}

.langues li a:hover {
    opacity: 0.5;
}

.langues li.langueUK a {
    background-position: -28px 0;
}

.langues li.langueIT a {
    background-position: -56px 0;
}

.langues li a span {
    display: none;
}

.bottom-links label {
    color: #4d4d4f;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-left: 10px;
}

.bottom-links label:hover {
    color: #94979a;
}

.label-openmain {
    width: 94px;
    height: 94px;
    display: block;
    position: absolute;
    /*bottom: 85px;
    left: 360px;*/
    top: 50%;
    margin-top: -50px;
    left: 512px;
    margin-left: -50px;
    border-radius: 55px;
    color: #94979A;
    border: 3px solid #94979A;
    z-index: 22;
    cursor: pointer;
    box-shadow: 0 0 50px #FFF, 0 0 100px #FFF, inset 0 0 50px #FFF;
}

.label-openmain:hover {
    color: #4D4D4F;
    border-color: #4D4D4F;
}

.label-openmain::after {
    font-family: icomoon;
    content: "\e620";
    font-size: 60px;
    line-height: 94px;
    width: 94px;
    text-align: center;
    display: block;
}

.label-openmain span {
    position: absolute;
    bottom: -20px;
    width: 100px;
    text-align: center;
    display: block;
}

.openMarine{
    color: #101a9d;
    border-color: #101a9d;
}
.openMarine:hover{
    color: #101a9d;
    border-color: #101a9d;  
}

.openLabel{
    color: #de1f28;
    border-color: #de1f28;
}
.openLabel:hover{
    color: #de1f28;
    border-color: #de1f28;  
}


/* ###########################################################
########################### FOOTER #######################@###
########################################################### */

footer {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 4;
}

.footerLeft, .footerRight {
    display: inline-block;
    text-align: right;
    width: 50%;
}

.footerRight ul li {
    margin: 0;
    padding: 0;
    margin-left: 2px;
}

.footerRight ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.footerRight ul li:last-child {
    margin-right: 50px;
}

.footerRight ul li a {
    text-decoration: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #94979a;
    color: #FFF;
    cursor: pointer;
}

.footerRight ul li a:hover {
    background: #4D4D4F;
}

.footerRight ul li a::before {
    content:"\e60c";
    font-family: icomoon;
    color: #FFF;
    font-size: 24px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    display: block;
}

.footerRight ul li.spsearch a::before {
    content:"\e61b";
    font-size: 28px;
}

.footerRight ul li.son a::before {
    content:"\e61f";
    position: relative;
    left: 6px;
}

.footerRight ul li.son a.play::before {
    content:"\e61e";
    left: 2px;
}

/* ###########################################################
############################ CONTENT #########################
########################################################### */

#content {
    z-index: 2;
    width: 100%;
    height: 100%;
}

#checkbox-main {
    display: none;
}

#main {
    top: 65px;
    bottom: 65px;
    left: 345px;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    z-index: 10002;
    box-shadow: -5px 0 10px rgba(0,0,0,0.1);
    z-index: 22;
}

#checkbox-main:checked + #main {
    width: 615px;
    opacity: 1;
}

.content-main {
    background-image: linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.7) 95%, #FFF);
    background-image: -moz-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.7) 95%, #FFF);
    background-image: -webkit-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.7) 95%, #FFF);
    background-image: -o-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.7) 95%, #FFF);
    background-image: -ms-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.7) 95%, #FFF);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    padding: 0 30px;
    width: 555px;
    height: 100%;
    position: absolute;
}

.btnCloseFooter {
    width: 30px;
    height: 30px;
    background: #94979A;
    color: #FFF;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.btnCloseFooter:hover {
    background: #4D4D4F;
}

.btnCloseFooter span {
    display: none;
}

.btnCloseFooter::before {
    content: "\e608";
    font-family: icomoon;
    font-size: 28px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
}

.ultramarine-livraisons-informations .btnCloseFooter, .ultralabel-livraisons-informations .btnCloseFooter {
	width: auto;
	padding: 0 20px;
	line-height: 30px;
	text-transform: uppercase;
}

.ultramarine-livraisons-informations .btnCloseFooter span, .ultralabel-livraisons-informations .btnCloseFooter span {
    display: block;
}

.ultramarine-livraisons-informations .btnCloseFooter::before , .ultralabel-livraisons-informations .btnCloseFooter::before  {
	display: none;
}

#main .onglets {
    margin-left: 0;
}

#main .onglets li {
    display: inline-block;
    margin-right: 10px;
}

.index #main .onglets li, .ultralabel-sourcing-ethique #main .onglets li {
    margin-right: 5px;
}

#main .vignettes li {
    margin-right: 20px;
}

#main .vignettes li:nth-child(3n) {
    margin-right: 0;
}

#main .onglets li label, label.retour, .bouton {
    background: #DDD;
    color: #4D4D4F;
    font-size: 1.1em;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    cursor: pointer;
    margin: 10px 0;
}

.index #main .onglets li label {
    font-size: 1.025em;
}

.bouton {
    display: inline-block;
    margin-top: 0;
    text-decoration: none!important;
    color: #FFF!important;
}

#main .onglets li label.vignette {
    width: 160px;
    height: 160px;
    padding: 0;
    line-height: 20px;
    margin-top: 10px;
    position: relative;
}

#main .onglets li label.vignette span {
    display: block;
    overflow: hidden;
    width: 150px;
    max-height: 20px;
    padding: 5px;
    background: rgba(77,77,79,0.75);
    color: #FFF;
    position: absolute;
    bottom: 0;
    text-align: center;
}

#main .onglets li label.vignette:hover span {
    max-height: 80px;
    background: rgba(16,26,157,0.75);
}

[class*=" ultralabel-"] #main .onglets li label.vignette:hover span {
    max-height: 80px;
    background: rgba(222,31,40,0.75);
}

#main .onglets li label:hover, #main .onglets li label.selected, label.retour {
    background: #4D4D4F;
    color: #FFF;
}

label.retour {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    background: #94979A;
}

label.retour:hover {
    background: #DDD;
    color: #4D4D4F;
}

#main input[type="radio"] {
    display:none;
}

#main .scroll-main input[type="radio"] + div, #main .radio0 + label + .scroll-main #text0 {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 1s;
}

#main .scroll-main input[type="radio"]:checked + div, #main .radio0:checked + label + .scroll-main #text0 {
    opacity: 1;
    height: auto;
}

#main .radio0 + label {
    visibility: visible;
    opacity: 1;
}

#main .radio0:checked + label {
    visibility: hidden;
    opacity: 0;
}

.content-main .col1, .content-main .col2 {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.content-main .col1 {
    margin-left: 2%;
}

.content-main .col2 {
    /*margin-left: 2%;*/
}

.content-main .col1tiers, .content-main .col2tiers, .content-main .col3tiers {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5%;
}

.content-main .col1tiers {
    margin-left: 0;
}

.content-main .col3tiers {
    margin-right: 0;
}

h1 {
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 40px 10px 10px 0;
}

h2 {
    font-size: 1.2em;
    margin: 20px 0 10px;
}

h2:first-child {
    margin: 0 0 10px;
}


img + h2 {
    margin-top: 15px;
}

p + img, ul + img {
    margin-top: 10px;
}

h2::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #94979A;
    display: inline-block;
    margin-right: 5px;
}

.content-main p, .content-main li {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 10px;
    text-align: justify;
    font-family: Questrial;
}

.content-main ul {
    margin-left: 14px;
    margin-bottom: 10px;
}

.content-main li {
    display: list-item;
    list-style: square;
    margin-bottom: 2px;
    text-align: left;
}

.content-main .blocTexte {
    margin: 0;
}

.content-main .suivi {
    margin-bottom: 15px;
}

.content-main .suivant {
    margin-top: 15px;
}

.content-main .texte {
    display: table-cell;
    vertical-align: top;
}

.content-main .photo {
    display: table-cell;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    padding-right: 20px;
}

.content-main .l160, .content-main .l160 img  {
    width: 160px;
    height: auto;
}

.clear {
    clear: both;
}

.content-main strong {
    color: #3D3D3F;
}

.content-main a {
    color: #3D3D3F;
    text-decoration: none;
}

.content-main a:hover {
    color: #94979A;
}

.content-main .label a[href^="mailto"],
.content-main .label a:hover {
    color: #DE1F28;
}

.content-main .marine a[href^="mailto"],
.content-main .marine a:hover {
    color: #101A9D;
}

#main .scroll-main a {
    text-decoration: underline;
}

.logo-partenaire {
    display: inline-block;
    background: url(../images/content/logos-partenaires.png);
}

.center { text-align: center; }

.ctoceane {
    background-position: 0 -160px;
    width: 265px;
    height: 75px;
}

.gastroval {
    background-position: 0 -235px;
    width: 265px;
    height: 65px;
    margin-bottom: 10px;
}

.bio {
    background-position: 0 0;
    width: 125px;
    height: 160px;
}

.msc {
    background-position: -146px 0;
    width: 120px;
    height: 160px;
}

img.floatRight {
    float: right;
    position: relative;
    top: 0;
}

.logos {
    text-align: center;
    margin: 20px 0;
    display: table;
    width: 100%;
}

.onlytwo {
    width: 70%;
    margin: 20px 15%;
}

.logos p {
    text-align: center;
}

.logos a, .logos span {
    display: table-cell;
    vertical-align: middle;
}

.logos img {
    margin: 0 10px;
}

.index .logos img {
    width: auto;
    min-height: 60px;
    max-height: 90px;
}

.logos-right {
    float: right;
    margin-top: -210px;
}

.logos-right img {
    display: block;
    margin: 10px 0;
}

.logos a:hover, .logos-right a:hover {
    opacity: 0.5;
}

/* Tableau logo */
.content-main table {
    width: 100%;
}

.content-main table td {
    vertical-align: middle;
    padding: 0 10px;
}

.content-main table td:nth-child(2n) {
    text-align: right;
}

.content-main table td a:hover {
    opacity: 0.75;
}

.content-main .logoimg {
    margin: 10px 0;
}

/* Tableau Presse */
.valeurs-references .content-main table td {
    vertical-align: top;
    padding-bottom: 15px;
}

.valeurs-references .content-main table td p {
    font-size: 12px;
    text-align: center;
}

.valeurs-references .content-main table img {
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

/* ###########################################################
############## Cusmisation MSCUSTOM SCROLLBAR ################
########################################################### */
.scroll-main {
    position: absolute;
    width: 575px;
    top: 110px;
    bottom: 20px;
    overflow: auto;
}

.onglets + .scroll-main {
    top: 170px;
}

#contactFooter .scroll-main {
    top: 50px;
    bottom: 50px;
}

.scroll-main .mCSB_container {
    margin-right: 25px!important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #bbb!important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #94979A!important;
    width: 6px!important;
    border-radius: 0!important; 
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #4D4D4F!important;
}

[class*=" ultramarine-"] .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #5059d4!important;
}

[class*=" ultralabel-"] .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #DE1F28!important;
}

.mCSB_scrollTools {
    margin-right: -3px;
}

/* ###########################################################
######################## CONTACT FOOTER ######################
########################################################### */
#contactFooter {
    top: 65px;
    bottom: 65px;
    left: 345px;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    z-index: 10002;
    box-shadow: -5px 0 10px rgba(0,0,0,0.1);
}

#checkbox-contact {
    display: none;
}

#checkbox-contact:checked + #contactFooter {
    width:615px;
    opacity: 1;
}

.contactFooter-container {
    background-image: linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.9) 95%, #FFF);
    background-image: -moz-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.9) 95%, #FFF);
    background-image: -webkit-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.9) 95%, #FFF);
    background-image: -o-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.9) 95%, #FFF);
    background-image: -ms-linear-gradient(left, #ddd, #FFF 5%, rgba(255,255,255,0.9) 95%, #FFF);
    padding: 40px;
    width: 535px;
    height: 100%;
    position: absolute;
}

#contactFooter h3 {
    color: #94979A;
    font-size: 1.3em;
    margin: 10px 0 10px;
    font-weight: normal;
}

#contactFooter ul.col1, #contactFooter ul.col2 {
    margin:5px 0 5px 0!important;
}

#contactFooter .blocServices ul {
    margin: 0!important;
}

#contactFooter ul {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#contactFooter ul li {
    margin-left: 0!important;
    list-style: none!important;
}

#contactFooter ul li span {
    font-size: 1.3em;
}

.blocAdresse {
    padding-top: 0;
}

.blocNewsletter .newsletter {
    margin-top: -10px;
}

.credits {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    color: #94979A;
}

.credits a {
    color: #94979A;
}

.credits a:hover {
    text-decoration: underline;
}


/* ###########################################################
######################## FORMULAIRES ######################
########################################################### */

input[type="text"], textarea, button, #emailingauto_email, #emailingauto_button {
    background: #FFF;
    box-shadow: inset 0 0 1px 1px #94979A;
    display: inline-block;
    height: 24px;
    padding: 0;
    border: 0;
    color: #94979A;
}

input[type="text"]:focus, textarea:focus, #emailingauto_email:focus, #emailingauto_button:focus {
    background: #eee;
    color: #4D4D4F;
}

input[type="text"] {
    text-indent: 3px;
}

#emailingauto_email, .moduleSpeedMailing3 {
    width: 220px;
    display: inline-block;
}

#emailingauto_button {
    width: auto;
    margin-left: 10px;
    width: 24px;
}

.emailingauto_img_infos {
    float: right;
    opacity: 0.5;
    margin-top: 5px;
}

.emailingauto_img_infos:hover {
    opacity: 1;
}

input[type="submit"], input[type="button"], button {
    cursor: pointer;
}


/* ////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////  SPEEDSEARCH ///////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */

.search {
    background: #94979A!important;
    box-shadow: 5px 0px 10px rgba(0,0,0,0.25)!important;
    color: #333!important;
    padding: 0 15px!important;
}

.search-title {
    font-family: Raleway;
    text-transform:uppercase;
    color: #FFF;
}

.close-bt {
    background: none!important;
    right: 10px!important;
    height: 30px!important;
}

.close-bt::before {
    font-family: icomoon;
    content: "\e608";
    font-size: 24px;
    position: absolute;
    top: 2px;
    right: 3px;
    color: #FFF;
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.close-bt:hover::before {
    opacity: 1;
}

.search .search-form input[type="text"] {
    height: 28px;
}

.search .search-form input[type="submit"] {
    background: #FFF!important;
    color: #4D4D4F!important;
    height: 28px;
    line-height: 30px;
    text-transform: uppercase;
    box-shadow: inset 0 0 1px 1px #94979A;
}

.search .search-form input[type="submit"]:hover {
    background: #4D4D4F!important;
    color: #FFF!important;
}

.search-result {
    margin: 20px 0;
}

.search-result a {
    color: #EEE!important;
    font-size: 18px!important;
    text-decoration: none;
    background: none!important;
    padding-left: 0!important;
}

.search-result a:hover {
    text-decoration: underline;
    color: #FFF!important;
}

.search-result p {
    color: #333;
    font-size: 14px!important;
    line-height: 18px!important;
}

.search-reminder {
    color: #FFF!important;
}

/* ////////////////////////////////////////////////////////////////////////////////
////////////////////////////// SPEEDROUTE /////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */
#divGmap, #divSpeedRoute {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
}

#divGmap .gmnoprint {
    right: 270px!important;
    margin-top: 18px;
}

/* Personnalisation de Bulle Gmap */
#divGmap .speedroute-btn-open, #divGmap .speedroute-btn-open-content {
    display: none;
}

#divGmap .title-speedroute {
    font-size: 0;
    font-family: Raleway;
    color: transparent;
    margin-top: 0;
    background: url(../images/content/logo-google-map-etablissement.png);
    width: 126px;
    height: 84px;
    display: inline-block;
    margin-left: 15px;
}

#divGmap .gm-style {
    position: relative;
}

#divGmap .gm-style-iw {
    top:4px!important;
}

#divGmap .gm-style > div > div > div + div + div > div + div > div {
    background: #94979A!important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    color: #fff;
    border-radius: 5px;
}

#divGmap .gm-style > div > div > div + div + div > div + div > div::before {
    font-family: icomoon;
    content: "\e608";
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 6px;
    width: 32px;
    height: 32px;
    background: #94979A;
    cursor: pointer;
}

#divGmap .gm-style > div > div > div + div + div > div + div > div img {
    display: none;
}

#divGmap .gm-style > div > div > div + div + div > div + div > div div {
    background: transparent!important;
}

#divGmap .gm-style > div > div > div + div + div > div + div > div div br {
    display: none;
}

#divGmap .gm-style > div > div > div + div + div > div + div > div > div > div + div + div > div > div {
    background: #94979A!important;
    box-shadow: none!important;
}

#divGmap .gm-style-iw {
    margin-top: 10px;
    overflow: hidden!important;
    width: 210px;
}

#divGmap .gm-style-iw p {
    margin: 0 0 10px 15px;
    color: #FFF;
    font-family: questrial;
    font-size: 14px;
    width: 130px;
    display: inline-block;
}


/* Toolbar */
.situation-acces #toolbox {
    display: none;
}

#divGmap .toolbar-speedroute {
    width: 226px;
    right: 15px;
    top: 15px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 0;
    z-index: 10;
}

.hideToolbar {
    opacity: 0;
}

#divGmap .sp-firstpart {
    background: #FFF;
    padding: 10px 10px 10px;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

#divGmap .sp-secondpart {
    background: #FFF;
    padding: 10px 10px;
    margin: 0;
}

#divGmap h3 {
    font-family: Raleway;
    color: #94979A;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 18px;
}

#divGmap .champ-itineraire {
    margin: 0 5px 5px 0;
}

#divGmap .toolbar-speedroute .btn {
    margin: 0 5px 5px 0;
    text-shadow: none;
}

#divGmap input[type="text"] {
    background: #FFF;
    box-shadow: 0 0 1px 1px #94979A inset;
    color: #94979A;
    width: 196px;
    border-radius: 0;
    padding: 4px 5px;
    border: 0;
    margin-bottom: 5px;
}

#divGmap input:focus {
    background: #EEE;
    color: #4D4D4F;
}

#divGmap .toolbar-speedroute .speedroute-btn-calcul {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 10px 10px #F5F5F5 inset;
    color: #333333;
    left: 15px;
    padding: 2px 5px;
    width: 194px;
    margin-bottom: 5px;
    float: none;
}

#divGmap .toolbar-speedroute .speedroute-btn-calcul:hover {
    background-color: #FFF;
}

#divGmap .toolbar-speedroute .speedroute-travelMode {
    margin: 0 0 5px 0;
}

#divGmap .toolbar-speedroute .speedroute-travelMode .btn {
    margin-right: 0;
    padding: 2px 25px;
}

#divGmap .toolbar-speedroute .speedroute-travelMode .speedroute-btn-walking {
    padding: 2px 26px;
}

#divGmap .speedroute-btn-print, #divGmap .speedroute-btn-friend {
    width: 184px;
    margin: 5px 0!important;
    float: none;
}

#divGmap .speedroute-btn-friend {
    width: 184px;
}

.laa-font-awesome [class^="icon-"]:before {
    font-size: 16px;
    margin-right: 5px;
}

/* Fenetre modale : Envoi à un ami */
#divGmap .modal {
    border-radius: 0;
    border: 1px solid #4E4572;
}

#divGmap .modal .title-speedroute {
    background: none;
}

#divGmap .modal.fade.in {
    top: 65px;
    background: #FFF;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    color: #4D4D4F;
}

#divGmap .modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.25);
    padding: 10px;
}

#divGmap .modal-header .title-speedroute {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    font-family: Raleway;
    color: #94979A;
}

#divGmap .modal-header button.close {
    color: transparent;
    font-size: 0;
    opacity: 1;
    box-shadow: none;
}

#divGmap .modal-header button.close::before {
    font-family: icomoon;
    content: "\e608";
    font-size: 24px;
    color: #4D4D4F;
    font-weight: normal;
    opacity: 0.5;
    text-shadow: none;
}

#divGmap .modal-header button.close:hover::before {
    color: #94979A;
}

#divGmap .modal-body {
    padding: 10px;
    max-height: none;
    overflow: visible;
    border-bottom: 0;
}

#divGmap .modal-body label {
    font-size: 0.9em;
    margin-bottom: 4px;
}

#divGmap .modal-body input {
    margin: 0;
    box-shadow: none;
}

#divGmap .modal-body input[type="text"], #divGmap .modal-body textarea {
    width:210px;
    background: #FFF;
    color: #94979A;
    border: 0;
    box-shadow: 0 0 1px 1px #94979A inset;
}

#divGmap .modal-body input[type="text"]:focus, #divGmap .modal-body textarea:focus {
    background: #DDD;
    color: #4D4D4F;
}

#divGmap .modal-body textarea {
    font-size:12px;
    border-radius: 4px;
    box-shadow: none;
    width: 264px;
}

#divGmap .modal-body .add-on {
    border: 0;
    color: #4D4D4F;
    padding: 4px 5px 4px 9px;
    background: #FFF;
}

#divGmap .modal-footer {
    background: transparent;
    border-top: 1px solid rgba(255,255,255,0.25);
    box-shadow: none;
    padding: 10px;
}

#divGmap .modal-footer .btn-primary {
    margin-left: 10px;
    background-color: #E6E6E6;
    background-image: none;
    color: #333333;
    box-shadow: inset 0 10px 10px #F5F5F5;
}

#divGmap .modal-footer .btn-primary:hover {
    background-color: #FFF;
}

#divGmap .previewMap {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* Repositionnement du bouton En savoir plus */
.situation-acces #legend {
    margin-left: 0;
    left: auto;
    right: 40px;
    top: 265px;
    width: 238px;
}

.situation-acces .readmore {
    width: 198px;
}

/* Feuille de route */
#divGmap .feuilleRoute {
    background: #94979A;
    color: #2D2D2F;
    top: 0;
    bottom: 0;
    z-index: 10006;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#divGmap .feuilleRoute .well {
    padding: 10px;
    margin-bottom: 0;
    border-radius: 0px;
    border: 0;
    background: rgba(255,255,255,0.025);
    box-shadow: none;
}

#divGmap .trajet, #divGmap .duree {
    font-weight: normal;
    font-size: 18px;
    font-family: Raleway;
    color: #FFF;
    margin: 0;
    line-height: 18px;
}

#divGmap .btn-large {
    border-radius: 5px;
    padding: 8px 15px 8px 10px;
}

#divGmap .btn-large .icon-exchange::before {
    font-size: 24px;
    margin: 0;
}

#divGmap .duree {
    margin-top: 50px;
    font-size: 18px;
}

#divGmap .speedroute-btn-inverse {
    margin: 0;
}

#divGmap .speedroute-close-feuilleRoute {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 5px 0;
    margin-right: -5px!important;
}

#divGmap .speedroute-close-feuilleRoute i {
    display: none;
}

#divGmap .speedroute-close-feuilleRoute::before {
    background-image: none;
    font-family: icomoon;
    content: "\e608";
    font-size: 24px;
    color: #4D4D4F;
    font-weight: normal;
    text-shadow: none;
}

#divGmap .speedroute-close-feuilleRoute:hover::before {
    color: #FFF;
}

#divGmap .feuilleRoute ul {
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
}

#divGmap .feuilleRoute li {
    font-size: 12px;
    border-top: 1px dashed rgba(255,255,255,0.5);
    border-bottom: 0;
    padding: 8px;
}

#divGmap .feuilleRoute li:nth-child(2n), #divGmap .feuilleRoute .well {
    background: #989A9E;
}

#divGmap .instructions {
    margin-bottom: 5px;
}

#divGmap .icon-chevron-right {
    color: #FFF;
}

#divGmap .pull-right {
    margin-right: 14px;
}

#divGmap .dark {
    background: #4D4D4F;
}

#divGmap .more-dark {
    background: #3D3D3F;
}

center {
    position: relative;
}
center p { display: none; }

.imgZoom {
    background: url("../images/content/img-zoom.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 225px;
    height: 295px;
    left: 95px;
    opacity: 0.75;
}

.imgZoom:hover {
    opacity: 1;
}

.imgZoom {
	background: url("../images/content/img-zoom.png") no-repeat scroll bottom right rgba(0, 0, 0, 0);
    height: 100%;
    margin-left: -100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    left: auto;
}

/*.speednews .anim-wrapper {
    visibility: hidden!important;
}*/