@charset "utf-8";
/* CSS Document */
/*
Theme Name: OT Caux Vallée de Seine
Theme URI: http://www.tourismecauxseine.com
Description: Theme de l'OT Caux Vallée de Seine
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
*/
/*************************************************************************/
/*****************min-width:480px et max-width:890px**********************/
body {
    font-size: 15px
    }
/*******************header*********************/
#shiftnav-toggle-main {
    background: #DA6FAB none repeat scroll 0 0 !important;
    color: #fff !important
    }
.shiftnav-main-toggle-content a {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 45px;
    top: 20%;
    z-index: 50;
    width: auto;
    left: 50px
    }
a.shiftnav-searchbar-toggle {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 30%;
    z-index: 500
    }
.shiftnav-searchbar-drop {
    background: #6dc8bd !important;
    max-width: 100% !important
    }
.shiftnav-search-submit {
    color: #fff !important
    }
.shiftnav-searchbar-drop .shiftnav-search-input {
    border: none !important
    }
#top-bandeau {
    width: 100%
    }
#logo {
    top: 15px !important
    }
@media screen and (max-width: 760px) {
    #logo {
        float: right;
        margin: 5px 5px 0 0;
        padding: 0;
        display: block;
        height: 130px;
        width: 130px
        }
    }
#logo img {
    width: 100%;
    height: auto
    }
#conteneur {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    border: none
    }
/******moteur recherche site******/
#fond_recherche_site {
    height: auto;
    padding: 0 10px 7px 10px;
    background-color: #D0E3F4;
    margin: 0;
    width: 100%;
    float: left
    }
ul#recherche_site {
    padding: 0;
    text-align: center
    }
#searchform input[type="text"] {
    width: 150px
    }
/*********Fin moteur recherche site*************/
/*Le diaporama*/
.rslides {
    display: none
    }
/***************fin header*********************/
#icon_home {
    display: none
    }
#menu {
    height: 40px;
    background-image: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    background-color: transparent
    }
li.page-item-0 {
    display: block;
    /*pour afficher accueil dans le menu*/
    }
/****************page accueil*********************/
@media screen and (max-width: 760px) {
    #featured-slider {
        /***min-height: 100vh !important;***/
        min-height: auto !important;
        height: auto !important
        }
    .slider-title-head .entry-title a {
        font-size: 26px !important
        }
    #featured-slider .slider-cycle {
        height: 100% !important
        }
    }
@media screen and (min-width: 760px) {
    #featured-slider img {
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important
        }
    #featured-slider {
        height: 92vh !important;
        min-height: 92vh !important
        }
    .slider-title-head .entry-title a {
        font-size: 55px !important;
        line-height: 55px
        }
    }
#featured-slider .entry-container {
    top: 45% !important
    }
#featured-slider .entry-content p {
    display: none !important
    }
/*#meteo-accueil, #maree-accueil{
	float:left;
	display:block !important;
	width:50% !important;
}

#webcam-accueil{
	clear:both;
	float:left;
	display:block !important;
	width:100% !important;
	margin:20px 0 0 0 !important;
}

#bloc-meteo h2{
	font-size:2em !important;
	margin:15px 0 !important;
}

.picto-temperature span, .hours, .minutes, .seconds, .deuxpoints{
	font-size:2.5em;
}

.picto-temperature img{
	height:37px !important;
	width:auto !important;
}

#bloc-meteo h3{
	margin:0 30px !important;
}

.picto-temperature{
	margin:0 auto 39px !important;
}

.bloc-hours, .bloc-min, .bloc-sec {
    margin: 18px 0 20px !important;
}


#webcam-icon img {
    height: 50px !important;
    margin: 38px !important;
    text-align: center;
    width: 50px !important;
}

#webcam-icon {
    height: 140px !important;
    width: 140px !important;
}*/
#bloc-phrase-accueil {
    padding: 15px 0 0 !important
    }
#phrase-accueil {
    font-size: 20px !important;
    padding: 10px 30px 10px 15px !important
    }
#phrase-accueil p {
    padding: 0 67px 0 0 !important
    }
#bloc-actu-zoom-accueil .card-ui {
    float: left;
    display: block !important;
    width: 50% !important
    }
#bloc-actu-zoom-accueil .card-ui, #bloc-actu-zoom-accueil .card-ui:hover .card__body {
    height: 170px !important
    }
#bloc-agenda .a-ne-pas-rater {
    display: block !important;
    width: 100% !important
    }
.suggestions a span.searchheading, .suggestions span.searchheading {
    padding: 0 20px !important
    }
#bloc-agenda .resume, #bloc-agenda .localisation {
    margin: 0 20px !important
    }
#bloc-agenda .jour_mois {
    font-size: 30px !important;
    margin: 0 0 10px !important
    }
.suggestions span.date {
    font-size: 16px !important;
    margin: 20px !important
    }
#bloc-agenda .suggestions {
    width: 100% !important
    }
#bloc-agenda {
    max-height: 100% !important
    }
#bloc-agenda .img_agenda {
    width: 40% !important;
    display: block !important
    }
#bloc-agenda .contenu_manif {
    width: 60% !important;
    display: block !important
    }
.a-ne-pas-rater.evenement-a-venir h2 {
    margin: 20px 0 !important;
    font-size: 2em !important
    }
.suggestions.evenement-a-venir {
    min-height: auto !important
    }
#bloc-agenda .a-ne-pas-rater li a, #bloc-agenda .a-ne-pas-rater li {
    padding: 5px 10px !important
    }
ul.a-ne-pas-rater {
    font-size: 14px !important
    }
.voir_agenda {
    margin: 15px 0 0 0 !important
    }
#bloc-experience h1 {
    font-size: 2.4em !important;
    padding: 10px !important
    }
#content-experience {
    display: block !important
    }
.pave-experience {
    width: 50% !important;
    display: block !important;
    float: left
    }
.content-ss-titre {
    top: 20% !important
    }
.rond-ss-titre {
    font-size: 1.3em !important;
    height: 140px !important;
    line-height: 1.3em !important;
    padding: 32px 0 !important;
    width: 140px !important
    }
.pave_fbk {
    width: 33.3333% !important;
    display: block !important;
    float: left
    }
.img_facebook {
    height: 120px !important
    }
.img_facebook i {
    height: 120px !important;
    line-height: 120px !important
    }
/************fin page accueil*********************/
/*Pour n'afficher l'outil carnet de route et j'y vais qu'à partir de l'ipad portrait 768px */
@media screen and (max-width: 767px) {
    #voir-selection {
        display: none
        }
    /*Lien carnet dans annuaires agenda*/
    li.listeBoutonCarnetVoyage {
        display: none
        }
    }
/***************page****************************/
#gauche {
    display: none
    }
#content {
    float: none;
    width: 100%;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 10px 10px 30px 10px;
    margin: 0 0 0 0
    }
@media screen and (max-width: 760px) {
    #conteneur-page-contact h1, #conteneur-page-contact address, #conteneur #content, #conteneur-page #content, .shiftnav-wrap #content, #contenu, .oi-page {
        padding: 10px !important
        }
    }
@media screen and (min-width: 760px) {
    #conteneur-page-contact h1, #conteneur-page-contact address, #conteneur #content, #conteneur-page #content, .shiftnav-wrap #content, #contenu, .oi-page {
        padding: 25px 40px !important
        }
    }
blockquote {
    clear: both;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    display: block
    }
h1 {
    font-size: 2.2em !important
    }
blockquote p::after {
    font-size: 4em !important
    }
h2 {
    clear: both;
    font-size: 1.3em !important;
    line-height: 1em !important;
    display: block
    }
h3 {
    clear: both;
    font-size: 1.2em !important;
    line-height: 1em;
    display: block
    }
.shiftnav-wrap #content {
    font-size: 14px !important
    }
.wp-caption {
    clear: both;
    display: block;
    float: none;
    margin: 30px auto !important;
    text-align: center;
    transform: rotate(-3deg) !important;
    width: 90% !important
    }
#krea3outils_print {
    display: none !important
    }
.img-page {
    min-height: 230px !important;
    height: auto !important
    }
#img-entete-page img {
    height: auto !important;
    min-height: 230px !important;
    min-width: 100% !important;
    width: auto !important;
    max-width: 100% !important
    }
#outils {
    background: #eee !important;
    padding: 5px !important
    }
.outil-print {
    padding: 5px !important
    }
li#krea3outils_friend, li#krea3outils_print {
    margin: 0 !important
    }
.tourism-wrapper {
    margin: 0 !important
    }
.calendar_wrapper, .fc-calendar-container {
    float: none !important;
    margin: 0 auto !important
    }
.oi-page h3 {
    font-size: 1.4em !important
    }
.oi-page h2 {
    font-size: 1.5em !important
    }
.mg-bottom-20 {
    margin-bottom: 10px !important;
    padding: 10px !important
    }
.avis .nav-links {
    font-size: 1.1em !important
    }
#filtres.cbp-spmenu {
    padding: 60px 10px 10px 10px !important
    }
.date-maree, .maree-basse, .maree-haute {
    clear: both;
    display: block !important;
    width: 100% !important
    }
/***********fin page****************************/
/***************form contact envoyer ami***********/
.krea3_formulaire p.obligatoire, #form_contact p.obligatoire {
    margin-left: 0%
    }
#conteneur-page-contact .krea3_formulaire p.obligatoire, #conteneur-page-contact #form_contact p.obligatoire {
    width: 100% !important;
    min-width: 100% !important
    }
#conteneur-page-contact .krea3_formulaire fieldset, #conteneur-page-contact #form_contact fieldset {
    padding: 10px 10px 20px 10px !important
    }
.krea3_formulaire label, .krea3mp-form label, #form_contact label {
    display: block;
    width: 100%;
    /*En % pour un meilleur rendu lors du changement de taille du texte*/
    float: none;
    padding-right: 0;
    text-align: left;
    font-size: 1em
    }
.krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea, .krea3mp-form input, .krea3mp-form select, .krea3mp-form textarea, .widecolumn form input, .widecolumn form select, .widecolumn form textarea, #form_contact input, #form_contact select, #form_contact textarea {
    margin-left: 0%;
    width: 100%;
    /*En % pour un meilleur rendu lors du changement de taille du texte*/
    margin-bottom: 10px
    }
/***********fin form contact envoyer ami***********/
/****************footer*********************/
#logos_partenaires {
    min-width: 100% !important
    }
#logos_partenaires a img {
    height: 20px !important
    }
ul#menu_footer {
    padding: 10px 0 !important
    }
ul#menu_footer li {
    padding: 0 5px !important
    }
ul#menu_footer2 {
    padding: 20px 0 40px 0 !important
    }
ul#menu_footer2 li {
    padding: 0 5px !important
    }
#retour_haut {
    width: 100%;
    float: none;
    clear: both
    }
/************fin footer*********************/
/************ page telechargements *********************/
.pages_telechargement, #select_pages_telechargement, #fichiers_telechargement {
    float: none;
    padding: 10px 20px 30px;
    width: 100%
    }
#fichiers_telechargement {
    margin-top: 20px
    }
/************ fin page telechargements *********************/