/* Integrated to IDEOPORTAL by IDO-in */
/* --------------------------------------------------
Sommaire
-----------------------------------------------------
:: Styles communs
:: Home
:: Pages Intérieures
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('roboto thin'), local('roboto-thin-webfont'), url(fonts/robotothin-webfont.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('roboto light'), local('roboto-light-webfont'), url(fonts/roboto-light-webfont.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('roboto regular'), local('roboto-regular-webfont'), url(fonts/roboto-regular-webfont.woff) format('woff');
}
/* -----------------------------------------
Styles communs
----------------------------------------- */
.btn-default {
padding: 3px 30px;
}
#videoPromo .btn-default {
padding: 3px;
margin-top: 10px;
}
#videoPromo {
margin-top: 5%;
}
h4.modal-title {
color: #9d0034;
font-size: 30px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: none !important
}
html {
overflow-y: scroll;
overflow-x: hidden;
}
body {
color: #666;
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #000;
}
.container {
width: auto;
max-width: 1170px;
}
h1 {
color: #9d0034;
font-size: 30px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
margin: 20px 0 10px 0;
}
div.h1 {
color: #9d0034;
font-size: 30px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
margin: 20px 0 10px 0;
}
h1 a {
color: #9d0034;
}
h1 a:hover {
color: #9d0034;
}
h1 a.lienRetour {
color: #9d0034
}
h1 a.lienRetour:hover {
color: #9d0034;
text-decoration: none;
}
h2 {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 0px 0px;
margin: 0px 0 50px 0;
text-align: justify;
}
div.h2 {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 0px 0px;
margin: 0px 0 50px 0;
text-align: justify;
}
p.h2 {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 20px 50px 0px 50px;
margin: 0px 0 30px 0;
text-align: justify;
}
div.h2Accroche {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 20px 50px 0px 50px;
margin: 0px 0 30px 0;
text-align: justify;
}
div.h2Accroche p {
margin: 0;
}
.portlet p.h2 {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 0px 0px 0px 0px;
margin: 0px 0 50px 0;
text-align: justify;
}
.portlet div.h2Accroche {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 0px 0px 0px 0px;
margin: 0px 0 50px 0;
text-align: justify;
}
h3, h4, h5, h6 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
h3 {
text-align: justify;
font-size: 1.2em;
}
h4 {
color: #9d0034;
font-size: 16px;
padding: 0px 0px 15px 0px;
font-weight: 300;
}
h5 {
color: #000;
font-size: 20px;
padding: 0px 0px 10px 0px;
font-weight: 300;
}
h5 div.couleur {
float: right;
font-size: 12px;
margin-top: -30px;
}
h5 div.couleur img {
vertical-align: bottom;
}
p {
text-align: justify;
margin: 0 0 20px 0;
}
pre {
margin: 0;
padding: 10px 20px !important;
}
ul {
padding: 0;
margin: 0;
margin-bottom: 15px;
}
ul li {
list-style: disc url(../image/contenu/puce.png) inside;
padding: 0 0 10px 15px;
}
ul li li {
list-style: disc url(../image/contenu/puce2.png) inside;
padding: 0 0 10px 15px;
}
ul.step li {
list-style: none;
clear: both;
}
ul.step li i {
float: left;
display: block;
width: 25px;
background: url(../image/contenu/list_ul.gif) no-repeat 3px 0px;
color: #fff;
font-style: normal;
text-align: center;
padding-bottom: 5px;
}
ul.step li p {
float: left;
width: 95%;
margin-left: 2%
}
#contentPrint ul li.lienPerso {
font-weight: bold;
font-size: 12px;
background: none;
padding-left: 0px;
display: block;
line-height: 25px;
list-style: none;
padding-bottom: 0px;
}
#contentPrint ul li.lienPerso img {
margin-right: 5px;
}
.form-control {
border: 1px solid #000;
height: 26px !important;
padding: 0px 0px 0px 5px;
font-size: 12px;
}
.loading {
background: url(../image/picto/loading.gif) no-repeat right
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 5px;
}
.file {
border: 0px;
}
.form-control.file {
padding: 0;
font-size: 9px;
}
/*.form-telecharger { display:none; }*/
a {
color: #3c3c3c;
}
a:hover, a:focus, a.selected {
color: #a16b01;
text-decoration: none;
}
.lienBouton {
font-size: 12px;
}
.lien {
font-weight: bold;
-webkit-font-smoothing: antialiased;
font-size: 12px;
background: url(../image/picto/puce_lien.gif) no-repeat 100% 6px;
padding-right: 15px;
}
.lienFleche {
font-weight: bold;
font-size: 12px;
background: url(../image/picto/puce_lien.gif) no-repeat left;
padding-left: 15px;
}
.paragraphe a.lienFleche:hover {
color: #a16b01;
}
.lien2 {
font-weight: bold;
font-size: 12px;
background: url(../image/picto/puce_portlet2.gif) no-repeat 0px 0px;
padding-left: 25px;
padding-bottom: 10px;
display: block;
line-height: 20px;
}
.lienVigneron {
font-weight: normal;
font-size: 12px;
background: none;
padding-right: 0px;
}
a.lien_doc {
font-weight: bold;
font-size: 13px;
background: url(../image/picto/puce-dl.png) no-repeat 0px 0px;
padding-left: 25px;
padding-bottom: 10px;
display: block;
line-height: 20px;
}
.lien.reglement {
font-size: 13px;
}
.lienRetour img {
margin-right: 5px;
vertical-align: middle;
}
.control-label {
font-weight: 400;
font-size: 11px;
}
.btn-default {
background: #a16b01;
border: 1px solid #a16b01;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-return {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-return {
background: #A16B01;
border: 1px solid #A16B01;
color: #fff;
font-size: 16px;
text-transform: uppercase;
padding: 3px 35px;
}
.btn-return:hover,
.btn-return:focus,
.btn-return:active,
.btn-return.active,
.open .dropdown-toggle.btn-return {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-return:active,
.btn-return.active,
.open .dropdown-toggle.btn-return {
background-image: none;
}
.btn-return.disabled,
.btn-return[disabled],
fieldset[disabled] .btn-return,
.btn-return.disabled:hover,
.btn-return[disabled]:hover,
fieldset[disabled] .btn-return:hover,
.btn-return.disabled:focus,
.btn-return[disabled]:focus,
fieldset[disabled] .btn-return:focus,
.btn-return.disabled:active,
.btn-return[disabled]:active,
fieldset[disabled] .btn-return:active,
.btn-return.disabled.active,
.btn-return[disabled].active,
fieldset[disabled] .btn-return.active {
background-color: #ffffff;
border-color: #cccccc;
}
.glossaire .btn-default {
padding: 6px 12px;
margin-bottom: 10px;
width: 40px
}
/*
.blocPagination .pagination { background:#FFF; padding:0 10px; margin:0; font-size:16px; }
.blocPagination .pagination li { padding:0; }
.blocPagination .pagination li::before {display: none;}
.blocPagination .pagination li a, .pagination li span { border:none !important; border-radius:none !important; }
.blocPagination .pagination > li > a, .pagination > li > span { padding:6px 10px; }
.blocPagination .pagination > li.disabled:first-child > a, .pagination > li:first-child > span { background:url(../image/contenu/pagination-left_off.png) no-repeat center center; }
.blocPagination .pagination > li:first-child > a, .pagination > li:first-child > span { background:url(../image/contenu/pagination-left.png) no-repeat center center; }
.blocPagination .pagination > li.disabled:last-child > a, .pagination > li:last-child > span { background:url(../image/contenu/pagination-right_off.png) no-repeat center center; }
.blocPagination .pagination > li:last-child > a, .pagination > li:last-child > span { background:url(../image/contenu/pagination-right.png) no-repeat center center; }
.blocPagination .pagination > li > a, .pagination > li > span { color:#a16b01; }
.blocPagination .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color:#000; background:none; }
*/
.blocPagination { background:url(../image/contenu/fioriture2.gif) no-repeat 0px 17px; margin:0; text-align:center; }
.blocPagination .pagination { background:#FFF; padding:0 10px !important; margin:0; font-size:16px !important; }
.blocPagination .pagination li { padding:0 !important; background: none!important; display: inline-block;}
.blocPagination .pagination li::before {display: none!important;}
.blocPagination .pagination li a, .pagination li span { border:none !important; border-radius:none !important; }
.blocPagination .pagination > li > a, .pagination > li > span { padding:6px 10px !important; font-size:16px !important; }
.blocPagination .pagination > li.disabled:first-child > a, .pagination > li:first-child > span { background:url(../image/contenu/pagination-left_off.png) no-repeat center center; }
.blocPagination .pagination > li:first-child > a, .pagination > li:first-child > span { background:url(../image/contenu/pagination-left.png) no-repeat center center; }
.blocPagination .pagination > li.disabled:last-child > a, .pagination > li:last-child > span { background:url(../image/contenu/pagination-right_off.png) no-repeat center center; }
.blocPagination .pagination > li:last-child > a, .pagination > li:last-child > span { background:url(../image/contenu/pagination-right.png) no-repeat center center; }
.blocPagination .pagination > li > a, .pagination > li > span { color:#a16b01; }
.blocPagination .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color:#000; background:none; }
#contentPrint {
margin-top: 0px;
padding-bottom: 80px;
}
#outils {
float: right;
padding-top: 25px;
width: 240px;
margin-left: 30px;
}
#outils img {
margin-left: 3px;
}
#share {
display: block;
margin: 0px auto 0px auto;
}
.posShare {
padding: 0px 0px 5px 0px;
}
#share a {
color: #333
}
#share a:hover {
color: #333
}
#share .form1 {
padding-bottom: 0px;
float: right;
white-space: nowrap
}
#share .form1 .note {
float: left;
margin-right: 10px;
margin-top: 3px;
color: #333
}
#share .form1 .star {
float: left;
margin-right: 0px;
margin-top: 17px;
}
.messageVote {
color: #333333;
float: left;
font-size: 11px;
margin-right: 0px;
margin-top: 32px;
}
form#form_vote {
float: left;
}
/* RESAUX SOCIAUX */
.addthis_toolbox.addthis_default_style {
margin-left: 90px !important;
position: absolute;
width: 180px;
float: right;
margin-left: 90px;
padding-right: 0px;
margin-right: 0px;
}
#outils {
width: 230px;
}
.goutteArome {
position: absolute;
margin-left: 33px;
top: -55px;
}
.titreArome {
position: absolute;
margin-top: 80px;
margin-left: 3px;
}
.traitArome {
position: absolute;
margin-left: 37px;
top: 240px
}
#fruit .fruit img.imgArome {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
#fruit .fruit img.imgArome:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
/*-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* For IE 6 - 9 */
}
#envoiAmi .form-horizontal .control-label {
text-align: left;
}
/* menu */
.list-unstyled,
.list-unstyled ul {
min-width: 120px;
}
.navbar {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.95em;
font-size: 0.94em \9;
min-height: 0px;
margin-bottom: 0px;
border: 0px;
}
.navbar-header {
background: #fff;
border-bottom: 4px double #000
}
.navbar-default .navbar-nav > li > a {
text-transform: uppercase;
padding: 5px 0px;
margin: 0px 8px;
color: #000;
border-bottom: 2px solid #fff;
display: block;
letter-spacing: 0.05em;
letter-spacing: 0em \9;
}
.navbar-default .navbar-nav > li > a {
display: inline-block \9;
padding: 0px 0px 2px 0px \9;
height: 30px \9 !important;
vertical-align: middle;
}
* html .navbar-default .navbar-nav > li > a {
}
.navbar-default .navbar-nav > li.open > a {
padding: 0px \9;
}
.navbar-default .navbar-nav > li > a span {
display: block \9;
padding: 5px 0px 1px 0px \9;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
border-bottom: 2px solid #000;
}
.navbar-default .navbar-nav > .open > a {
color: #000;
text-transform: uppercase;
border-bottom: 2px solid #000;
background: none;
}
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background: none;
}
.navbar-toggle {
float: left;
}
.nav ul li {
padding: 0px 0px 0px 0px;
list-style: none;
padding: 0;
}
.nav ul li > a, .nav ul li > a:hover, .nav ul li > a:focus {
font-size: 0.9em;
text-transform: none;
color: #000;
padding: 5px 0px;
margin: 0px 7px 10px 7px;
border-bottom: 1px solid #78705c;
display: block;
min-height: 1em;
background: none;
text-decoration: none;
}
.nav ul li.open > a, .nav ul li.open > a:hover, .nav ul li.open > a:focus {
border-bottom: 2px solid #000;
}
.nav ul li ul li > a {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
color: #a16b01;
text-transform: uppercase;
border-bottom: 1px solid #78705c;
background: none;
}
.nav ul li ul li > a:hover, .nav ul li ul li > a:focus {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
color: #000;
text-transform: uppercase;
border-bottom: 1px solid #000;
background: none;
}
.nav ul li ul li.open > a {
color: #000;
text-transform: uppercase;
border-bottom: 2px solid #000;
background: none;
}
.nav ul li ul li.open > a:hover, .nav ul li ul li.open > a:focus {
border-bottom: 2px solid #000;
text-decoration: none;
background: none;
}
.nav ul li ul li ul li > a {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9em;
text-transform: none;
color: #a16b01;
border-bottom: 1px solid #fff;
background: none;
padding: 3px 0px;
margin: 0px 7px 0px 07px;
}
.nav ul li ul li ul li > a:hover, .nav ul li ul li ul li > a:focus {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9em;
text-transform: none;
color: #000;
border-bottom: 1px solid #fff;
padding: 3px 0px;
margin: 0px 7px 0px 7px;
}
.nav ul li ul li ul li.open > a {
font-size: 0.9em;
text-transform: none;
border-bottom: 2px solid #fff;
background: none;
padding: 3px 0px;
margin: 0px 7px 0px 7px;
}
.nav ul li ul li ul li.open > a:hover, .nav ul li ul li ul li.open > a:focus {
font-size: 0.9em;
text-transform: none;
color: #000;
border-bottom: 2px solid #fff;
background: none;
padding: 3px 0px;
margin: 0px 7px 0px 7px;
}
#nav3 div {
text-align: center;
padding-bottom: 10px;
width: 85%;
}
#nav3 div a {
border-bottom: 1px solid #000;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
display: block;
padding-bottom: 1px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-size: 1.40em
}
#nav3 div a span {
border-bottom: 3px solid #000;
}
#nav4 {
padding: 0px 30px;
width: 85%
}
#nav4 li > a {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9em;
text-transform: none;
padding: 5px 0px;
margin: 0px 0px;
color: #a16b01;
background: url(../image/picto/puce_portlet3.gif) no-repeat 0px 2px;
padding-left: 25px;
display: block;
line-height: 17px;
text-decoration: none;
}
#nav4 li > a:hover, #nav4 li > a:focus {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9em;
text-transform: none;
padding: 5px 0px;
margin: 0px 0px;
color: #000;
background: url(../image/picto/puce_portlet3.gif) no-repeat 0px 2px;
padding-left: 25px;
display: block;
line-height: 17px;
text-decoration: none;
}
#nav4 li.open > a, #nav4 li.open > a:hover, #nav4 li.open > a:focus {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9em;
text-transform: none;
padding: 5px 0px;
margin: 0px 0px;
color: #000;
background: url(../image/picto/puce_portlet3.gif) no-repeat 0px 2px;;
padding-left: 25px;
display: block;
line-height: 17px;
text-decoration: none;
}
#nav4 li {
margin-bottom: 0px;
}
#nav4 li:last-child {
margin-bottom: 20px;
}
/*footer { margin-top: 200px; height:90px; background:#000; color:#fff; }*/
.footer .container ul {
}
.footer .container {
background: #000;
color: #fff;
padding-bottom: 10px;
}
.footer ul {
padding: 8px 5px 5px 5px;
margin: 0px 0px 0px 0px;
}
.footer ul li {
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
display: inline-block;
vertical-align: bottom;
float: left;
font-size: 0.9em;
}
.footer ul li a {
color: #fff;
}
.footer ul li a:hover {
color: #A16B01;
text-decoration: none;
}
.footer ul li a.open {
color: #A16B01;
text-decoration: none;
}
.footer ul li a.open:hover {
color: #A16B01;
text-decoration: none;
}
.footer ul li .btn-group.dropup {
vertical-align: bottom;
}
.footer ul li .btn-group.dropup .btn.btn-default.dropdown-toggle {
padding: 0;
letter-spacing: 0.07em;
}
.footer ul li .btn-group.dropup .btn.btn-default.dropdown-toggle:hover {
color: #A16B01;
letter-spacing: 0.07em;
}
.footer .firstListe {
background: url(../image/bandeau/liseret_bottom.gif) no-repeat bottom center;
padding-bottom: 5px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.footer .firstListe .form-control {
height: 20px !important;
}
.footer .firstListe ul li:last-child {
padding: 0px 0px 0px 10px;
}
.footer .secondListe {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.footer .secondListe ul li {
border-left: 1px solid #fff;
}
.footer .secondListe ul li:first-child {
border-left: 0px;
}
.footer .secondListe ul li:last-child {
padding-right: 0px;
}
.footer .secondListe .btn-group.dropup .dropdown-menu li {
float: none;
padding-left: 10px !important;
text-align: center
}
.footer .secondListe .btn-group.dropup .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background: #000;
color: #A16B01;
text-decoration: none;
}
.footer .secondListe img {
margin-left: 5px;
margin-top: -3px;
}
.footer .secondListe #langBottom img {
display: none;
}
.footer .dropdown-menu {
background: #000;
}
.footer .secondListe ul li ul.dropdown-menu li {
border-left: 0px;
}
#searchBottom {
width: 150px;
display: inline-block;
height: 20px;
margin-top: -3px;
}
#searchBottom .icon-search {
background: url(../image/picto/search.gif) no-repeat center top;
padding: 0px 12px 0px 12px;
}
#searchBottom .form-control {
height: 20px;
padding: 4px;
border: 0px;
background: #000;
color: #fff;
font-size: 1.1em;
font-weight: normal;
line-height: 0.9em;
}
#searchBottom .icon-search {
background: url(../image/picto/search_bottom.gif) #000 no-repeat center center;
padding: 0px 9px 0px 9px;
}
#searchBottom span.input-group-addon {
padding: 0px 0px 0px 0px;
border: 0px;
background: #fff;
height: 20px;
}
#searchBottom .input-group.merged {
border: 1px solid #fff;
}
.jumbotron {
margin: 60px 0;
padding-left: 0;
padding-right: 0;
}
.jumbotron.intro {
margin-top: 0;
}
.jumbotron .navbar {
font-size: 14px;
line-height: 1.6;
}
.alcool {
font-size: 0.7em;
text-align: center;
padding-top: 5px;
}
#overlay {
position: fixed;
top: 50px;
right: 0;
height: 100%;
width: 10%;
background: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
z-index: 10000;
cursor: pointer;
}
* html #overlay {
position: absolute;
height: 100em
}
#overlay_load {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 1000;
}
* html #overlay_load {
position: absolute;
height: 100em
}
#overlay_load img {
left: 50%;
margin-left: -16px;
margin-top: -16px;
position: fixed;
top: 50%;
z-index: 800;
}
* html #overlay_load img {
position: absolute;
top: expression( ignoreMe =( document . documentElement . scrollTop ? document . documentElement . scrollTop: document . body . scrollTop ) +( document . documentElement . clientHeight / 2 ) )
}
.topPage {
display: none;
}
#itineraireEvent, #itineraireViti {
width: 350px;
}
/* Fil d'Ariane */
.breadcrumb {
padding: 30px 0px 0px 0px;
margin-bottom: 0px;
list-style: none;
font-size: 11px;
background-color: #ffffff;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #000000;
content: "\203A";
}
/* Menu des langues */
#formLang {
position: absolute;
right: 5px;
}
#formLang #langBottom .btn-default {
background: url(../image/picto/flag_fr_off.gif) no-repeat #ffffff top center !important;
width: auto;
color: #cccccc;
padding: 0px 0px 3px 50px;
border: 0px;
font-size: 11px;
margin-top: -20px;
}
#formLang .lang.open#langBottom i {
color: #000000 !important;
}
#formLang .lang.open#langBottom .btn-default {
background: url(../image/picto/flag_fr.gif) no-repeat #ffffff top center !important;
}
#formLang #langBottom .btn-default i {
display: inline-block;
font-style: normal;
}
#formLang .open > .dropdown-menu {
background: url(../image/menu/arrow.gif) no-repeat #ffffff top center !important;
min-width: 50px;
padding-bottom: 1px;
padding-right: 1px;
padding-left: 1px;
padding-top: 6px;
border-top: 0px;
margin-left: 25px;
}
#formLang .open > .dropdown-menu li {
padding-left: 0px;
!important;
padding-bottom: 0px !important;
list-style: none;
}
#formLang .open > .dropdown-menu > li > a {
color: #ffffff;
background: #000000;
text-align: left !important;
padding-left: 5px;
padding-right: 5px;
}
#formLang .open > .dropdown-menu > li > a:hover {
color: #ffffff;
background: #333333;
text-align: left !important;
padding-left: 5px;
padding-right: 5px;
}
.masterpage .readMore, .readMore {
font-size: 14px;
background: url(../image/picto/puce_portlet3.gif) no-repeat 100% 0px;
padding-right: 25px;
display: block;
line-height: 20px;
color: #a16b01;
position: absolute;
bottom: -20px;
right: 15px;
}
.actualites .readMore {
margin: 20px 0 15px 0;
}
/* -----------------------------------------
Home
----------------------------------------- */
.showBandeau {
z-index: 10;
margin-top: -135px;
cursor: pointer;
height: 135px;
background: url(../image/bandeau/afficher.gif) no-repeat bottom;
}
.hideBandeau {
z-index: 10;
margin-top: -505px;
cursor: pointer;
height: 505px;
background: url(../image/bandeau/masquer.gif) no-repeat bottom;
display: none;
}
.image-wrap {
height: 135px;
overflow: hidden;
max-width: 1140px;
margin: 0 2.5% 0 2.5%;
}
#diaporama .item {
margin-left: 0px;
}
#diaporama .owl-buttons {
height: 0px;
}
#diaporama .item img {
display: block;
width: 100%;
height: auto;
}
/* -----------------------------------------
Pages Intérieures
----------------------------------------- */
.masterpage {
font-family: 'Roboto', sans-serif;
}
.masterpage hr {
border-top: 1px solid #333;
width: 100px;
margin: 0 0 0 15px;
}
.masterpage .row {
margin-bottom: 50px;
}
.masterpage .rowBtn {
position: relative;
top: 20px;
}
#masterpageEmailing .rowBtn {
position: relative;
top: 25px;
}
.masterpage h2 {
font-size: 30px;
margin: 25px 0;
background: none;
padding: 0;
color: #333;
}
.masterpage h3 {
text-align: left;
}
.masterpage h3 a {
color: #9d0034;
text-align: left;
}
.masterpage h3 {
font-weight: 500;
color: #9d0034;
background: none;
padding: 0;
}
.masterpage p {
font-size: 16px;
font-weight: 400;
}
.masterpage #portletBanniere {
padding-left: 0;
}
.masterpage #portletBanniere img {
max-width: 100%;
}
.btn-masterpage, .btn-masterpage:hover, .btn-masterpage:active, .btn-masterpage:focus {
background-color: #a16b01;
padding: 10px 15px;
margin: 30px auto;
color: #fff;
font-size: 16px;
position: relative;
top: 10px;
}
#masterpageEmailing, #masterpageAgenda {
position: relative;
top: 20px;
}
#masterpageAgenda #twitterBox_portlet, #masterpageAgenda .twitter-timeline {
width: 100% !important;
height: 100% !important;
}
#masterpageAgenda .textM, #masterpageActualite .textM {
background-color: #fff;
padding: 10px 15px;
position: relative;
top: -40px;
margin-bottom: -20px;
font-size: 14px;
font-weight: 700;
text-transform: none;
color: #333;
display: inline-block;
}
#masterpageEmailing p {
width: 90%;
}
#abonnementNewsletter {
background-image: url(../image/contenu/abonnez-vous.png);
width: 210px;
height: 80px;
}
#abonnementNewsletterBanniere {
background-image: url(../image/contenu/abonnez-vous_banniere.jpg);
width: 1140px;
height: 205px;
border: 0;
}
#showHistorique {
border: 0;
background-color: #9d0034;
color: white;
background-image: url(../image/contenu/deplier.png);
background-repeat: no-repeat;
background-position: 92% 50%;
text-transform: uppercase;
padding: 5px 20px;
padding-right: 40px;
margin: auto;
position: relative;
top: -30px;
}
#otherNum {
text-align: center;
}
#historiqueUl {
text-align: left;
}
.carouselContainer .row {
margin-right: -15px;
margin-left: -15px;
margin-top: 0px;
margin-bottom: 0px;
}
.carouselContainer .col-md-12 {
padding: 0;
}
.row {
margin: 0 0 20px 0;
}
.form-group {
margin-bottom: 5px;
}
.input-group-addon {
padding: 0px 5px;
background: #fff;
border: 0px;
}
.modal .alert {
margin-bottom: 0px;
}
.imgTitre {
margin-top: 15px;
}
.border {
border: 1px solid #555;
}
h3 {
background: url(../image/contenu/fioriture1.gif) no-repeat 0px 5px;
padding-left: 40px;
font-size: 22px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 15px;
}
h3 div {
background: url(../image/contenu/fioriture2.gif) no-repeat bottom;
}
h3 div span {
background-color: #fff;
padding-left: 0px;
padding-right: 10px;
line-height: 1.5em;
height: 1.5em;
}
h3.text-center {
background: none;
padding-left: 0px;
}
h3.text-center div span {
padding-left: 10px;
}
h2 {
background: url(../image/contenu/fioriture1.gif) no-repeat 0px 5px;
padding-left: 40px;
font-size: 22px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 15px;
}
h2 div {
background: url(../image/contenu/fioriture2.gif) no-repeat bottom;
}
h2 div span {
background-color: #fff;
padding-left: 0px;
padding-right: 10px;
line-height: 1.5em;
height: 1.5em;
}
h2.text-center {
background: none;
padding-left: 0px;
}
h2.text-center div span {
padding-left: 10px;
}
div.h2 {
background: url(../image/contenu/fioriture1.gif) no-repeat 0px 5px;
padding-left: 40px;
font-size: 22px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 15px;
}
div.h2 div {
background: url(../image/contenu/fioriture2.gif) no-repeat bottom;
}
div.h2 div span {
background-color: #fff;
padding-left: 0px;
padding-right: 10px;
line-height: 1.5em;
height: 1.5em;
}
div.h2.text-center {
background: none;
padding-left: 0px;
}
div.h2.text-center div span {
padding-left: 10px;
}
h2.small {
font-size: 13px;
line-height: 15px;
margin: 0 0 20px 0;
padding: 0px 50px;
}
h2.result, p.result {
padding: 0;
margin: 0 0 15px 0;
font-size: 18px;
color: #9D0034;
}
.col-md-12 h2.subtitle {
color: #9d0034;
font-size: 30px;
font-weight: 100;
font-family: 'Roboto', sans-serif;
margin: 0px 0 30px 0;
padding: 0px 0px;
}
h2.subtitle {
color: #9d0034;
font-size: 30px;
font-weight: 100;
font-family: 'Roboto', sans-serif;
margin: 0px 0 30px 0;
padding: 0px 0px;
}
div .h2small {
font-size: 13px;
line-height: 15px;
margin: 0 0 20px 0;
padding: 0px 50px;
}
div .h2result {
padding: 0;
margin: 0 0 15px 0;
font-size: 18px;
color: #9D0034;
}
.col-md-12 div.h2subtitle {
color: #9d0034;
font-size: 30px;
font-weight: 100;
font-family: 'Roboto', sans-serif;
margin: 0px 0 30px 0;
padding: 0px 0px;
}
div.h2subtitle {
color: #9d0034;
font-size: 30px;
font-weight: 100;
font-family: 'Roboto', sans-serif;
margin: 0px 0 30px 0;
padding: 0px 0px;
}
ul.list-image {
list-style: none;
padding: 0 0 0 25px;
}
ul.list-image li {
padding: 0 0 5px 0;
margin-bottom: 10px;
}
ul.list-image li img {
max-width: 30px;
margin: 0 10px 0 0;
}
label {
font-weight: 400;
}
#owl-arome {
width: 1026px;
margin: 0 auto;
margin-left: auto !important;
}
.fruit {
width: 1090px;
margin: 0 auto;
margin-left: auto !important;
padding: 10px 0 0 0;
}
.fruit a:first-child {
cursor: default;
}
.fruit a {
margin: 0 25px 30px 30px;
display: inline-block;
}
.fruit a img {
width: 124px;
height: 124px;
}
.ajustLiseret {
margin-top: 31px;
}
#map_canvas {
width: 200px;
height: 200px;
position: relative;
border: 1px solid #000;
margin: 0px 0 10px 0;
}
#map_canvas .gmnoprint {
display: none;
}
#map_sejour {
width: 100%;
height: 503px;
position: relative;
border: 1px solid #333;
margin: 0;
}
.map-sejour {
height: 550px;
background: #efede9;
}
.map-sejour h4.panel-title {
padding: 5px;
display: block;
}
.map-sejour h4.panel-title a {
color: #FFF;
text-transform: uppercase;
display: block;
}
.map-sejour.panel-group .panel + .panel {
margin-top: 2px;
}
.map-sejour .panel-heading {
border-top-left-radius: inherit !important;
border-top-right-radius: inherit !important;
}
.map-sejour .panel-body {
background: #efede9;
max-height: 295px;
overflow-y: auto;
padding: 15px 0 0 10px;
}
.map-sejour .panel-body .row {
margin-bottom: 10px;
}
.map-sejour .panel-body .col-md-4 {
padding: 0;
}
.map-sejour .panel-body .checkbox {
margin-top: 0;
margin-bottom: 8px;
}
.map-sejour .panel-body input[type=checkbox] {
vertical-align: top;
margin-right: 2px;
}
.map-sejour .input-group-addon {
background: none;
}
.map-sejour .btnvalid {
position: absolute;
bottom: 0;
width: 92%;
display: block;
}
.map-legend {
width: 100%;
background: #efede9;
padding: 9px 10px 0 10px;
min-height: 47px;
}
.portlet {
padding: 0 0 10px 0;
margin: 0 0 30px 0;
}
.portlet h2 {
text-align: justify;
margin: 0;
}
.portlet2 {
background: url(../image/contenu/titre_portlet.gif) repeat-x bottom left;
padding: 0 0 10px 0;
margin: 0 0 30px 0;
}
.portlet2 h3 {
background: url(../image/contenu/fioriture1_portlet.gif) no-repeat 0px 2px;
color: #9d0034;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
}
.portlet2 h3.text-center {
background: none;
padding-left: 0px;
font-size: 16px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 20px;
color: #9d0034;
text-transform: uppercase;
}
.portlet2 h3 div {
background: url(../image/contenu/fioriture2_portlet.gif) no-repeat bottom;
}
.portlet2 ul {
margin-bottom: 20px;
}
.portlet2 ul li {
list-style: none;
padding-bottom: 0px;
}
.portlet2 ul li.lien {
font-weight: bold;
font-size: 12px;
background: url(../image/picto/puce_portlet2.gif) no-repeat 0px 0px;
padding-left: 25px;
padding-bottom: 10px;
display: block;
line-height: 20px;
}
.portlet2 ul .lien:last-child {
padding-bottom: 0px;
}
.portlet2 ul li.lienPerso {
font-weight: bold;
font-size: 12px;
background: none;
padding-left: 0px;
display: block;
line-height: 25px;
}
.portlet2 ul li.lienPerso a:hover {
color: #9d0034
}
.portlet2 ul li.lien a:hover {
color: #9d0034
}
.portlet2 ul.list-image li a:hover {
color: #9d0034
}
.portlet2 ul li.lienPerso img {
margin-right: 5px;
}
.portlet2 ul li.lien h4 {
padding-bottom: 5px;
}
.portlet2 ul li.lien p {
font-weight: normal;
margin-bottom: 10px;
}
ul .no_margin {
margin: 0px
}
.portlet3 {
border-bottom: 1px solid #a16b01;
padding: 0 0 10px 0;
margin: 0 0 30px 0;
}
.portlet3 h3 {
background: url(../image/contenu/fioriture1_plus.gif) no-repeat 0px -1px;
color: #9d0034;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
}
.portlet3 h3.text-center {
background: none;
padding-left: 0px;
font-size: 16px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
color: #a16b01;
text-transform: uppercase;
}
.portlet3 h3 div {
background: url(../image/contenu/fioriture3.gif) no-repeat bottom;
}
.portlet3 ul {
margin-bottom: 0px;
}
.portlet3 .row .clearfix ul {
margin-bottom: 0px;
}
.portlet3 ul li {
list-style:;
padding-bottom: 0px;
}
.portlet3 ul li.lien {
font-weight: 700;
font-size: 12px;
background: url(../image/picto/puce_portlet3.gif) no-repeat 0px 0px;
padding-left: 25px;
padding-bottom: 10px;
display: block;
line-height: 20px;
}
.portlet3 ul li.lienPerso {
font-weight: bold;
font-size: 12px;
background: none;
padding-left: 0px;
display: block;
line-height: 25px;
}
.portlet3 ul li.lienPerso img {
margin-right: 5px;
}
.fiche-appellation #appellation_voix {
height: 1px;
width: 1px;
overflow: hidden;
}
.portlet3.alerte {position: relative; background-color: #a16b01; padding: 15px 20px 30px 20px; background-image: url(../image/contenu/ding.png); background-repeat: no-repeat; background-position: calc(100% - 20px) 20px;}
.portlet3.alerte h3 { background: none; text-align: left; padding: 0; margin: 0; margin-bottom: 2px;}
.portlet3.alerte h3 div{ background: none; text-align: left;}
.portlet3.alerte h3.text-center div span {padding: 0px; background:none; color: #fff; font-size: 24px;}
.portlet3.alerte p {font-size: 12px; width: 195px; text-align: left; color: #fff; margin-bottom: 15px; line-height: 1.3em;}
.portlet3.alerte .form-control { border: 0px; height: 36px !important; padding: 0 10px; color: #808080;}
.portlet3.alerte .btn-default { background: #fff; width: 150px; padding-left: 0px; padding-right: 0px; color: #A16B02; bottom:-17px; font-weight: bold; border: 0px; height: 32px; position: absolute; left: calc(50% - 75px); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.portlet3.alerte .btn-default:hover, .portlet3.alerte .btn-default:focus, .portlet3.alerte .btn-default:active { border: 0px;}
.portlet3.alerte .btn-default::before {content: ''; display: block; width: 47px; height: 52px; background-image: url('../image/contenu/arrow-newsletter.png'); background-repeat: no-repeat; position: absolute; top: -11px; left: -50px;}
@media only screen and (max-width: 1200px){
.portlet3.alerte p { width: 140px }
}
@media only screen and (max-width: 991px){
.portlet3.alerte p { width: 120px }
}
@media only screen and (max-width: 768px){
.portlet3.alerte p { width: 33% }
}
@media only screen and (max-width: 375px){
.portlet3.alerte p { width: 140px }
}
.portlet4 {
border-bottom: 1px solid #000;
padding: 0 0 10px 0;
margin: 0 0 30px 0;
}
.portlet4 h3 {
background: url(../image/contenu/fioriture1.gif) no-repeat 0px -1px;
color: #000;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
}
.portlet4 h3.text-center {
background: none;
padding-left: 0px;
font-size: 16px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
color: #000;
text-transform: uppercase;
}
.portlet4 h3 div {
background: url(../image/contenu/fioriture2.gif) no-repeat bottom;
}
.portlet4 ul {
margin-bottom: 20px;
}
.portlet4 .row .clearfix ul {
margin-bottom: 0px;
}
.portlet4 ul li {
list-style:;
padding-bottom: 0px;
}
.portlet4 ul li.lien {
font-weight: 700;
font-size: 12px;
background: url(../image/picto/puce_portlet3.gif) no-repeat 0px 0px;
padding-left: 25px;
padding-bottom: 10px;
display: block;
line-height: 20px;
}
.portlet4 ul li.lienPerso {
font-weight: bold;
font-size: 12px;
background: none;
padding-left: 0px;
display: block;
line-height: 25px;
}
.portlet4 ul li.lienPerso img {
margin-right: 5px;
}
.paragraphe {
margin: 0 0 20px 0;
}
.paragraphe ul li {
padding-bottom: 5px;
}
.para-video {
padding: 0 0 20px 0;
}
.para-video h2 {
font-size: 30px;
background: none;
border-bottom: 1px solid #000;
padding: 0 0 10px 100px;
margin: 0;
}
.para-video h2 div {
background: none;
}
.para-video h2 span {
background: none;
background: url(../image/contenu/fleches.png) no-repeat right 9px;
padding: 0 100px 10px 0;
}
.para-video h3 {
color: #a16b01;
font-size: 22px;
text-align: right;
padding: 10px 80px 10px 0;
background: none;
}
.para-img {
text-align: center;
padding: 0 0 20px 0;
}
.para-img a {
display: inline-block;
margin: 0 15px 10px 15px;
}
.para-img a img {
display: block;
max-width: 145px;
max-height: 145px;
}
.para-img a span {
display: block;
padding: 10px 0 0 0;
}
.para-plus {
border-bottom: 1px solid #A16B01;
padding: 0 0 20px 0;
}
.para-plus h3 {
color: #A16B01;
background: none;
text-transform: uppercase;
font-size: 18px;
}
.para-plus h3 div {
background: url(../image/contenu/fioriture2_plus.gif) no-repeat bottom;
}
.para-plus a {
background: url(../image/contenu/puce-fleche.png) no-repeat top left;
padding: 0 0 5px 30px;
display: block;
}
.para-vue {
margin: 0 0 20px 0;
}
.para-vue img {
margin: 10px 5px 0 0;
}
.para-vue h4 {
padding: 0;
}
.text-title {
font-size: 20px;
margin: 0 0 5px 0;
}
.para-recette h2 {
font-size: 30px;
background: none;
border-bottom: 1px solid #000;
padding: 30px 0 0 20px;
margin: 0;
}
.para-recette h2 div {
background: none;
}
.para-recette h2 div span {
background: none;
background: url(../image/contenu/fleches.png) no-repeat right 9px;
padding: 0 100px 10px 0;
}
.para-recette h3 {
color: #a16b01;
font-size: 22px;
text-align: left;
padding: 10px 0px 0px 40px;
font-weight: 500;
background: none;
}
.para-recette span.i {
font-style: normal;
position: relative;
font-size: 16px;
height: 20px;
background: #fff;
left: 6%;
padding: 5px;
top: -15px;
}
#contentPrint ul.recette li.lienPerso {
font-size: 15px;
}
#contentPrint ul.recette li.lienPerso img {
margin-right: 10px;
}
.portlet-event a {
display: block;
}
.portlet-event span {
font-weight: 300;
display: block;
}
.see-all {
display: block;
text-align: right;
background: url(../image/contenu/fleche.gif) no-repeat center right;
padding: 0 15px 0 0;
}
.portlet-follow {
background: #5d5d5d;
color: #FFF;
padding: 0;
text-align: center;
}
.portlet-follow h3 {
background: url(../image/contenu/fond-follow.png) repeat-x top left;
text-transform: uppercase;
padding: 5px 10px;
margin: 0;
}
.portlet-follow a {
margin: 0 5px 0 5px;
}
.portlet-follow a.activ img {
display: none;
}
.portlet-follow a.activ img.On {
display: inline !important;
}
.portlet-follow span {
display: block;
text-transform: uppercase;
color: #FFF;
margin-bottom: 5px;
}
.portlet-follow img {
white-space: nowrap;
margin-bottom: 0px;
margin-top: 10px;
}
.portlet-follow .row .col-xs-4 {
background: url(../image/contenu/pro-follow-sep.gif) no-repeat center left;
}
.portlet-follow .row .col-xs-4:first-child {
background: none;
}
.portlet-follow .clearfix {
padding-bottom: 10px;
}
.actualites h2 {
color: #9d0034;
text-transform: uppercase;
font-size: 24px;
font-weight: 400;
margin: 10px 0 20px 0;
text-align: left;
background: none;
padding-left: 0px;
}
.actualites #diaporama .item {
border-bottom: 1px solid #000;
padding: 0px;
margin-bottom: 30px;
}
.actualites #diaporama .item img {
margin-bottom: 10px;
}
.actualites #diaporama h3 {
margin: 0;
}
.actualites .actualiteDesc a {
color: #a16b01;
}
.actualites h3 {
background: none;
font-size: 22px;
padding: 0;
margin: 0 0 10px 0;
text-align: left;
}
.actualites h3 a {
text-decoration: none;
}
.actualites h3.small {
font-size: 16px;
color: #9d0034;
font-weight: 400;
}
.actualites h3.small a {
color: #9d0034;
}
.actualites h3.small a:hover {
color: #000;
}
.actualites .see-all2 {
display: block;
text-align: right;
background: url(../image/contenu/fleche.gif) no-repeat center right;
padding: 0 15px 0 0;
}
.actualites .row {
padding-bottom: 20px;
}
.actualites h2.text-center {
text-align: center;
margin: 0 0 5px 0;
}
.actualites h3.text-center {
text-align: center;
margin: 0 0 10px 0;
}
.actualites h4.text-right {
color: #000;
}
.actualites .espacepro p, .actualites .mosaique p {
max-height:100px;
}
.actualites .espacepro h3.small, .actualites .mosaique h3.small {
min-height:55px;
}
.new .actualites h3 {
text-transform: none;
}
.plan h2 {
padding: 0;
margin: 10px 0 15px 0;
text-transform: uppercase;
background: none;
text-align: left;
}
.plan h2 a {
color: #000;
}
.plan h2 a:hover {
color: #A16B01;
}
.plan a {
color: #A16B01;
}
.plan a:hover {
color: #000;
}
.plan ul {
margin-top: 10px;
}
.plan ul li a {
text-transform: uppercase;
}
.plan ul li li a {
text-transform: none;
}
.search .trouve {
background: #A16B01;
padding: 0 4px;
color: #fff;
}
.myboutique {
font-size: 14px;
padding: 50px 0 10px 0;
}
.myboutique .downloadFile li {
padding: 0;
list-style: none;
}
.myboutique .downloadFile a {
color: #000;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.myboutique .downloadFile a:hover {
color: #a16b01;
text-decoration: none;
}
.myboutique .downloadFile img {
vertical-align: inherit;
margin: 0 5px 0 0;
}
.myboutique .downloadFile a i {
color: #a16b01;
}
.myboutique .downloadFile a:hover i {
color: #a16b01;
}
.radio label span, .checkbox label span {
color: #9d0034
}
.boutique .hr {
margin: 0 0 5px 0;
}
.boutique .line {
margin: 0 0 20px 0;
}
.boutique .line .item {
color: #FFF;
margin: 0;
cursor: pointer;
display: inline-block;
}
.boutique .line .item:first-child {
border: none;
margin: 0;
}
.boutique .line .item a {
display: block;
padding: 5px;
background: #9d0034;
color: #fff;
text-transform: uppercase;
text-align: left;
font-size: 15px;
margin: 0 0 2px 0;
font-family: Roboto-Condensed, Arial, Helvetica, sans-serif
}
.boutique .line .item a:hover {
display: block;
padding: 5px;
background: #a16b01;
color: #FFF;
}
.boutique .line .item:hover a {
display: block;
padding: 5px;
background: #a16b01;
color: #FFF;
}
.boutique .line .item, .boutique .line .item img {
max-width: 245px;
}
.boutique .line .sep {
background: #f5f0e5;
float: left;
width: 2px;
height: 202px;
margin: 0;
}
.boutique .line .item h2 {
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
line-height: 20px !important;
height: auto !important;
}
ul.portletBoutique {
margin: 0;
}
ul.portletBoutique li:first-child {
border: none;
padding: 0;
}
ul.portletBoutique li {
padding: 8px 0 0 0;
margin: 0 0 8px 0;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
list-style: none;
}
ul.portletBoutique li a {
display: inline-block;
color: #000;
}
ul.portletBoutique li a:hover {
color: #a16b01;
}
ul.portletBoutique li span {
display: inline-block;
}
ul.portletBoutique li span span {
display: block;
font-size: 0.8em;
}
ul.portletBoutique li img {
vertical-align: bottom;
margin: 0 10px 0 0;
}
#panier {
background: #efe9e1;
font-size: 16px;
text-transform: uppercase;
padding: 10px 0 0 0;
text-align: center;
width: 85%;
}
#panier .info a {
color: #FFF;
}
#panier .article {
font-size: 0.7em;
padding: 0 0 0 5px;
}
#panier #detail {
background: #efe9e1;
padding: 0 15px 10px 15px;
color: #646464;
text-align: center;
}
#panier #detail .hr {
color: #FFF;
background: none;
border-bottom: 2px dotted #FFF;
padding: 0;
margin: 0 0 5px 0;
}
#panier #detail .prix {
font-size: 14px;
}
.boutique .first {
margin: 0 0 10px 0;
}
.boutique .first .desc h2 {
margin: 0;
padding: 0;
border-bottom: 0px;
margin-bottom: 0px;
background: none;
color: #9d0034;
font-size: 1.4em;
font-weight: normal;
}
.boutique .image {
float: left;
background: #cbbcb1;
padding: 7px;
margin: 0 15px 5px 0;
}
.boutique .image img {
max-width: 100px;
vertical-align: bottom;
}
.boutique .product .desc h2 {
margin: 0;
padding: 0;
border-bottom: 0px;
margin-bottom: 0px;
background: none;
color: #9d0034;
font-size: 1.4em;
font-weight: normal;
}
.boutique .desc h2 a {
color: #9d0034
}
.boutique .desc h2 a:hover {
color: #000
}
.boutique .desc p {
margin: 0 0 10px 0;
text-align: left;
}
.boutique #langue {
border: 1px solid #000;
color: #555;
display: inline;
margin-bottom: 10px;
width: 100%;
}
.boutique .cadre {
border: 1px solid #a16b01;
vertical-align: top;
background: #FFF;
padding: 5px;
display: block;
text-transform: uppercase;
color: #a16b01;
font-weight: bold;
font-size: 12px;
margin-bottom: 10px;
margin-top: 10px;
}
.boutique .file {
color: #FFF;
background: url("../image/module/boutique/download.png") no-repeat 8px center #a16b01;
padding: 2px 10px 2px 28px;
text-transform: uppercase;
}
.boutique .file:hover {
background-color: #f5f0e5;
}
.boutique .cadre .price {
padding: 0 10px 0 10px;
border-right: 1px solid #a16b01;
text-align: center;
display: inline-block;
vertical-align: top;
line-height: 21px;
width: 30%
}
.boutique .desc .cadre .price {
padding: 0 10px 0 10px;
border-right: 1px solid #a16b01;
text-align: center;
display: inline-block;
vertical-align: top;
line-height: 21px;
width: 25%
}
.boutique .cadre .quantity {
padding: 0 10px 0 10px;
text-align: center;
display: inline-block;
vertical-align: top;
line-height: 21px;
width: 35%
}
.boutique .desc .cadre .quantity {
padding: 0 10px 0 10px;
text-align: center;
display: inline-block;
vertical-align: top;
line-height: 21px;
width: 31%
}
.boutique .cadre .total {
padding: 0 10px 0 10px;
display: inline-block;
vertical-align: top;
border-left: 1px solid #a16b01;
line-height: 21px;
text-align: center;
width: 30%
}
.boutique .desc .cadre .total {
padding: 0 10px 0 10px;
display: inline-block;
vertical-align: top;
border-left: 1px solid #a16b01;
line-height: 40px;
text-align: center;
}
.boutique .cadre .price span.small {
display: block;
font-size: 1.2em;
}
.boutique .cadre .quantity span.small {
display: block;
font-size: 1.2em;
}
.boutique .cadre .total span.small {
display: block;
font-size: 1.2em;
}
.boutique .cadre .quantity .number {
background: #fff;
border: 1px solid #000;
color: #a16b01;
padding: 1px 2px 2px 2px;
margin: 0 10px 0 5px;
font-size: 14px;
height: 21px;
width: 30px;
float: none;
text-align: center;
}
.boutique .historique .cadre .quantity .number {
background: #fff;
color: #a16b01;
padding: 2px 5px 2px 5px;
font-size: 1em;
font-size: 1 \9;
height: 16px;
width: 29px;
margin-top: 0px;
position: relative;
margin-left: 0px;
margin-top: 0px \9
}
.boutique .cadre .quantity_cmd {
}
@-moz-document url-prefix() {
.boutique .cadre .quantity_cmd {
height: 21px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.boutique .cadre .quantity_cmd {
height: 19px;
}
}
.boutique .cadre .quantity_cmd .plus {
}
.boutique .cadre .quantity_cmd .moins {
}
.boutique .cadre .quantity_cmd .remove {
}
.boutique .cadre .add {
background: #a16b01;
color: #FFF;
padding: 2px 6px;
line-height: 21px;
}
.boutique .cadre .add:hover {
background: #f5f0e5;
}
.boutique .filtre {
width: 40%;
text-transform: uppercase;
float: left;
}
.boutique .filtre > span {
float: left;
margin: 5px 5px 0 0;
}
.boutique .filtre .ddcommon {
width: 48% !important;
}
.boutique .filtre .dd .ddChild {
margin-top: 0px;
}
.boutique .row {
margin: 0 0 0px 0;
}
.boutique .row .col-md-8, .boutique .row .col-md-6, .boutique .row .col-md-4, .boutique .row .col-xs-12 {
padding: 0;
}
.boutique .product {
background: #f5f0e5;
padding: 10px 20px 10px 10px;
margin: 0 0 15px 0;
}
.boutique .product h2 {
border-bottom: 1px solid #000;
padding: 0;
margin: 0 0 10px 0;
background: none;
border-bottom: 0px;
font-size: 1.1em;
font-weight: normal;
}
.boutique .product .image {
background: #cbbcb1;
padding: 5px;
margin: 0 15px 10px 0;
}
.boutique .product .image, .boutique .product .image img {
max-width: 72px;
}
.boutique .product .desc {
}
.boutique .product .desc.clear {
float: none;
width: 106%;
}
.boutique .product .desc .ddcommon {
width: 26% !important;
display: inline-block;
}
.boutique .desc .link {
border: 1px solid #000;
padding: 1px 10px;
text-transform: uppercase;
font-size: 0.8em;
color: #000;
}
.boutique .desc .link:hover {
background: #a16b01;
}
.boutique .detail {
background: #f5f0e5;
padding: 10px 15px 10px 10px;
margin: 15px 0 0 0;
}
.boutique .detail h2 {
border-bottom: 1px solid #000;
padding: 0;
margin: 0 0 10px 0;
}
.boutique .detail .image, .boutique .detail .image img {
max-width: 165px;
}
.boutique .detail .desc {
width: 75%;
margin: 0 0 10px 0;
}
.boutique .retour {
text-transform: uppercase;
display: inline-block;
padding: 4px 10px 4px 40px;
margin: 10px 0 5px -20px;
}
.boutique .retour.pull-left {
margin: 0;
padding: 0;
float: left;
}
.boutique .detail .view {
background: #cbbcb1;
padding: 5px 10px 5px 0;
margin: 15px 0 0 0;
display: inline-block;
}
.boutique .detail .view .title {
color: #FFF;
text-transform: uppercase;
font-size: 1.2em;
padding: 0 30px 10px 10px;
background: url("../image/contenu/zoom.png") no-repeat right top;
cursor: pointer;
}
.boutique .detail .view a.zoom {
margin: 0 0 0 10px;
}
.boutique .detail .view img {
max-width: 45px;
}
.boutique .etape {
margin: 10px 0 30px 0;
}
.boutique .etape .fleft {
margin: 0 10px 0 0;
}
.boutique .etape .fleft div {
display: inline-block;
}
.boutique .etape .number {
background: #fff;
color: #666;
font-size: 1.1em;
padding: 0px 5px;
margin: 0;
float: left;
border-right: 1px solid #000;
line-height: 1em;
}
.boutique .etape .active .number a {
color: #a16b01
}
.boutique .etape .active .lib a {
color: #a16b01
}
.boutique .etape .active .lib a:hover {
color: #000
}
.boutique .etape .number.On {
color: #000;
font-weight: 700;
}
.boutique .etape .lib {
background: #fff;
color: #666;
font-size: 1.1em;
text-transform: uppercase;
padding: 0px 5px 0px 5px;
float: left;
margin-right: 10px;
line-height: 1em;
}
.boutique .etape .lib.On {
background: #fff;
color: #000;
font-weight: 700;
}
.boutique .etape .lib.Over {
background: #fff;
color: #a16b01;
}
.boutique .etape .lib.Over:hover {
background: #fff;
color: #a16b01;
}
.boutique .etape .lib.Over:hover a {
background: #fff;
color: #a16b01;
}
.boutique .panier {
margin: 5px 0 10px 0;
}
.boutique .panier .image {
background: none;
padding: 0;
margin: 0 15px 0 0;
}
.boutique .panier .desc {
width: 89%;
}
.boutique .panier .desc p {
margin: 0;
width: 52%;
color: #4f4f4f;
}
.boutique .panier h2 {
border: none;
display: inline-block;
font-size: 1.4em;
width: 52%;
}
.boutique .panier .image, .boutique .panier .image img {
max-width: 60px;
}
.boutique .panier .cadre {
float: right;
margin: -6px -25px 0 0;
width: 48%;
height: auto;
}
.boutique .panier .total {
display: inline-block;
padding: 0 6px 4px 6px;
vertical-align: top;
}
.boutique .panier .price {
width: 85px;
padding: 0 10px 4px 5px;
}
.boutique .panier .price .small, .boutique .panier .total .small {
display: block;
font-size: 0.75em;
text-align: left;
padding: 0 0 5px 0;
font-weight: bold;
color: #ae9b80;
}
.boutique .panier .quantity .small {
display: block;
font-size: 0.75em;
text-align: left;
padding: 0 0 8px 0;
font-weight: bold;
color: #ae9b80;
}
.boutique .panier .price span {
font-size: 1.2em;
font-weight: normal;
}
.boutique .panier .total span {
font-size: 1.2em;
}
.boutique .panier .quantity {
border-right: 1px solid #a16b01;
padding: 0 10px 5px 8px;
}
.boutique .panier .cadre .quantity_cmd {
vertical-align: top;
}
.boutique .panier .remove {
background: #efe9e1;
padding: 2px 5px;
margin: 0 0 0 1px;
width: 11px;
height: 20px
}
.boutique .frais {
float: right;
background: #a16b01;
padding: 5px 30px;
color: #FFF;
font-size: 1.4em;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.boutique .sstotal {
float: right;
color: #FFF;
font-size: 1.4em;
text-transform: uppercase;
padding: 10px 0;
margin: 0 0 20px 0;
}
.boutique .sstotal .lib {
background: #f5f0e5;
padding: 10px 15px;
color: #a16b01
}
.boutique .sstotal span {
background: #a16b01;
padding: 10px 15px;
}
.boutique .sstotal .ht {
border-right: 1px solid #FFF;
padding: 10px 15px;
}
.boutique .condition {
float: right;
margin: 0 0 15px 0;
}
.boutique .condition a {
text-decoration: underline;
}
.boutique #cgv {
float: right;
padding: 10px 20px 10px 10px;
margin: 0 0 15px 0;
background: #f5f0e5;
color: #cc0000;
font-weight: bold;
}
.boutique #attnLivraison {
color: #cc0000;
font-weight: bold;
}
/*.boutique label { display: block; margin: 0; padding: 0; width: 20px; height: 20px; border: none; cursor: pointer; float:left;font-size: 0.9em; }*/
.boutique label.ui-state-default {
background: url(../image/contenu/pink.png) no-repeat;
background-position: 0 0;
margin: 0 5px 0 0;
}
.boutique label.ui-state-active {
background-position: -22px 0;
}
.boutique .fleft.w30p.mb20 label.ui-state-default {
background-position: -88px 0;
}
.boutique .fleft.w30p.mb20 label.ui-state-active {
background-position: -110px 0;
}
.boutique .fleft.w30p.mb20 {
width: 31%;
}
.boutique .mb30 label.ui-state-default {
background-position: -88px 0;
}
.boutique .mb30 label.ui-state-active {
background-position: -110px 0;
}
.boutique hr {
color: #f5f0e5;
}
.boutique .back {
float: right;
padding: 8px 4px;
border: 1px solid #a2a2a2;
margin: 0 15px 0 0;
}
.boutique .back a {
color: #969696;
background: #e8e8e8;
padding: 5px 10px;
font-size: 1.2em;
text-transform: uppercase;
}
.boutique .back a:hover {
background: #a2a2a2;
color: #FFF;
}
.boutique .valid {
float: right;
padding: 8px 4px;
border: 1px solid #a16b01;
}
.boutique .valid a {
color: #FFF;
background: #f5f0e5;
padding: 5px 10px;
font-size: 1.2em;
text-transform: uppercase;
}
.boutique .valid a:hover {
background: #a16b01;
}
.boutique .btn {
display: inline-block;
}
.boutique .btn a {
color: #969696;
background: #e8e8e8;
padding: 3px 10px;
font-size: 1.1em;
text-transform: uppercase;
}
.boutique .btn a:hover {
background: #a2a2a2;
color: #FFF;
}
.boutique h4 {
color: #000;
font-weight: normal;
font-size: 1.1em;
}
.boutique textarea {
border: 1px solid #000;
width: 99%;
padding: 3px;
}
.boutique .label {
text-transform: uppercase;
color: #ae9b80;
background: none;
display: block;
height: 34px;
padding: 0;
margin: 0 0 10px 0;
}
.boutique .fleft.w30p .cadre {
display: block;
}
.boutique .cadre.desc {
float: none;
width: 95%;
height: 91px;
font-weight: normal;
font-size: 1em;
}
.boutique .cadre.desc .ddcommon {
width: 99% !important;
}
.boutique .cadre.desc .dd .ddTitle .ddTitleText {
padding: 5px 20px 5px 5px;
}
.boutique .mb30 .label {
height: inherit;
}
.boutique .textC .back {
float: none;
display: inline-block;
padding: 8px 4px;
border: 1px solid #a2a2a2;
margin: 0 15px 0 0;
}
.boutique table {
margin: 5px 0 20px 0;
}
.boutique table th {
font-weight: normal;
font-size: 0.9em;
}
.boutique table td {
font-size: 1.1em;
}
.boutique table td h3 {
font-size: 1.05em;
padding: 10px 0 0 0;
font-weight: normal;
}
.boutique table .cmd a {
color: #b9a382;
text-transform: uppercase;
}
.boutique table .cmd a:hover {
color: #A2A2A2;
}
.boutique table .cmdFacture a {
color: #b9a382;
}
.boutique table .cmdFacture a:hover {
color: #A2A2A2;
}
.boutique table .toggle {
color: #b9a382;
}
.boutique table .toggle:hover {
color: #A2A2A2;
}
.boutique table td {
background: #FFF;
border-bottom: 1px solid #a16b01;
}
.boutique .bgTdBorder:hover td {
background: #FFF;
}
.boutique table .product {
margin: 10px 0 15px 0;
}
.boutique table .desc p {
font-size: 0.8em;
width: 45%;
}
.boutique table .desc h2 {
font-size: 1em;
width: 45%;
}
.boutique table .panier .price .small, .boutique table .panier .total .small, .boutique table .panier .quantity .small {
font-size: 0.65em;
padding: 0 0 5px 0;
}
.boutique table .panier .price span {
font-size: 0.9em;
font-weight: normal;
}
.boutique table .cadre .quantity .number {
background: #FFF;
color: #a16b01;
font-size: 0.9em;
font-weight: normal;
}
.boutique table .panier .total span {
font-size: 0.9em;
font-weight: normal;
}
.boutique table .panier .cadre {
width: 55%;
}
.boutique table .panier .image, .boutique table .panier .image img {
max-width: 40px;
}
.boutique table .panier .cadre {
margin: -14px -25px 0 0;
}
.boutique table .cadre .price {
text-align: left;
}
.boutique table .cadre .quantity .number {
padding: 0;
}
.boutique .cadre.desc .add {
background: #fff;
color: #FFF;
padding: 2px 0px;
margin-left: 0px;
display: block;
font-size: 1.05em;
text-transform: uppercase;
text-align: center;
border: 1px solid #a16b01;
margin: 0px;
}
.boutique .cadre.desc .add:hover {
background: #fff;
}
.boutique .cadre.desc .add .add {
background: #f5f0e5;
color: #FFF;
padding: 2px 0px;
margin-left: 0px;
display: block;
font-size: 1.05em;
text-transform: uppercase;
text-align: center;
border: 0px;
margin: 2px 3px;
}
.boutique .cadre.desc .add .add:hover {
background: #a16b01;
}
.boutique ul li {
padding-left: 0px
}
.boutique .desc .cadre .total .btn.btn-default.panierBouton {
font-size: 0.9em;
padding: 3px 20px
}
.boutique .product .desc .cadre .total .btn.btn-default.panierBouton {
font-size: 0.9em;
padding: 3px 15px
}
.boutique .fiche .btn.btn-default.panierBouton {
font-size: 1em;
padding-right: 10px;
padding-left: 10px;
}
.boutique .fiche h4 {
color: #9d0034;
font-size: 16px;
padding: 0px 0px 15px 0px;
font-weight: 300;
}
.boutique .fiche .desc {
margin-bottom: 20px;
}
.cadreAdresse {
border: 1px solid #a16b01;
display: block;
padding: 20px;
min-height: 100px;
}
.cadreAdresse .btn {
font-size: 0.9em;
padding: 0px 10px;
}
.portlet_boutique_search {
display: none
}
#formSearchTable {
clear: both;
padding-top: 10px;
}
/*.oblig { font-size:15px; font-weight:700; color:#a16b01}*/
/* -----------------------------------------
Popups
----------------------------------------- */
/* -----------------------------------------
Others
----------------------------------------- */
/* Grid demo styles */
.grid-demo {
padding: 10px 30px;
}
.grid-demo [class*="col-"] {
margin-top: 5px;
margin-bottom: 5px;
font-size: 1em;
text-align: center;
line-height: 2;
background-color: #e5e1ea;
border: 1px solid #d1d1d1;
}
/* Glyhicon bivb */
.icon {
position: relative;
top: 1px;
display: inline-block;
line-height: 1;
text-decoration: none;
}
.icon:hover {
position: relative;
top: 1px;
display: inline-block;
line-height: 1;
text-decoration: none;
}
.icon-search {
background: url(../image/picto/search.gif) no-repeat center top;
padding: 6px 12px 6px 12px;
}
.hr {
background: url(../image/contenu/hr.gif) repeat-x center left;
display: block;
clear: both;
line-height: 5px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
hr {
margin-top: 0;
}
.zoom {
position: relative;
zoom: 1;
}
.zoom .zoomPicto {
position: absolute;
bottom: 5px;
right: 8px;
}
/* Structure */
.pt10 {
padding-top: 10px;
}
.ml2 {
margin-left: 2px;
}
.mt5 {
margin-top: 5px;
}
.mr5 {
margin-right: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mr10 {
margin-right: 10px;
}
.mr12 {
margin-right: 12px;
}
.mb20 {
margin-bottom: 20px;
}
.mr15 {
margin-right: 15px;
}
.ml20 {
margin-left: 20px;
}
.mr15 {
margin-right: 15px;
}
.mb15 {
margin-bottom: 15px;
}
.mr30 {
margin-right: 30px;
}
.ml30 {
margin-left: 30px;
}
.mt10 {
margin-top: 10px;
}
.mt50 {
margin-top: 50px;
}
/* Alignement */
.textL {
text-align: left;
}
.textC {
text-align: center;
}
.textJ {
text-align: justify;
}
.textR {
text-align: right;
}
.textM {
text-transform: uppercase;
}
.legende .table > thead > tr > th, .legende .table > tbody > tr > th, legende.table > tfoot > tr > th, .legende .table > thead > tr > td, .legende .table > tbody > tr > td, .legende .table > tfoot > tr > td {
border-top: 0px;
}
.legendeX {
margin-right: 10px;
margin-bottom: 10px;
display: block;
float: left;
padding: 0em 0.3em 0em 0.3em;
border-radius: 0px;
margin-top: 5px;
}
.calendrierProgramme .legende .table {
margin-bottom: 0px;
}
.calendrierProgramme .legende .table td {
padding: 0 10px;
}
.calendrierProgramme .legende h3 {
background: none;
padding-left: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
}
.calendrierProgramme .legende .portlet2 {
background: none;
background: #f2f2f2;
}
.calendrierProgramme .portlet4 .portlet2 {
background: none;
background: #f2f2f2;
margin-bottom: 10px;
}
.calendrierProgramme .portlet4 .portlet2 h3 {
background: none;
padding-left: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
color: #9d0034;
text-align: left;
}
.calendrierProgramme .col-sm-4 .portlet3, .calendrierProgramme .col-md-4 .portlet3 {
width: 100% !important;
margin-top: 20px !important;
}
.calendrierProgramme .masterEcole div.type2 {
padding: 15px 8px !important;
}
.calendrierProgramme .col-sm-4.col-sm-pull-8 {
padding-top: 20px;
}
.calendrierProgramme h3.text-center div span {
text-transform: none;
font-size: 22px;
}
.calendrierProgramme .input-group-addon {
background: none;
}
.calendrier h5 {
text-transform: uppercase;
border-bottom: 1px solid #000;
text-align: center;
font-size: 16px;
font-weight: 700;
}
.calendrier th {
color: #a16b01;
border-bottom: 1px solid #a16b01
}
.calendrier .table > thead > tr > th, .calendrier .table > tbody > tr > th, calendrier.table > tfoot > tr > th, .calendrier .table > thead > tr > td, .calendrier .table > tbody > tr > td, .calendrier .table > tfoot > tr > td {
border-top: 0px;
text-align: center;
}
.calendrier span.event {
display: block;
margin-top: 5px;
}
.calendrier span.event a {
color: #fff;
}
.calendrier span.event a:hover {
color: #000;
}
.calendrier span.event .popover-content a {
color: #000;
}
.calendrier span.event .popover-content a:hover {
color: #fff;
}
.calendrier .popover {
max-width: none;
}
.calendrier span.event .popover-content span.label {
float: none;
font-size: 1em;
display: block;
clear: both;
position: relative;
z-index: 0;
font-weight: 100;
font-family: Arial, Helvetica, sans-serif;
padding: 3px 5px;
margin-right: 0px;
margin-bottom: 5px;
}
.calendrier span.legendeX {
position: absolute;
z-index: -1;
margin-top: 0px;
}
h3.popover-title {
background: none;
}
.calendrier a {
display: block;
position: relative;
}
.critere {
margin-right: 30px;
}
.cross {
font-size: 1.2em;
}
.row.no-gutters {
margin-right: 0px;
margin-left: 0px;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
padding-right: 0px;
padding-left: 0px;
}
.row.row-no-gutters > [class^="col-"], .row.row-no-gutters > [class*=" col-"] {
padding-right: 0px;
padding-left: 0px;
}
.row.row-no-gutters.actualites {
margin-right: -15px;
margin-left: -15px;
margin-top: 15px !important;
}
.row.row-no-gutters.actualites > [class^="col-"], .row.row-no-gutters.actualites > [class*=" col-"] {
padding-right: 15px;
padding-left: 15px;
}
.row.row-no-gutters {
margin-right: -15px;
margin-left: -15px;
}
.row.row-no-gutters img.img-responsive {
margin-bottom: 15px;
}
.row.img-gutters .h2 {
padding: 0px;
}
.row.row-no-gutters-calendar {
margin-right: 15px;
margin-left: 15px;
}
.row.row-no-gutters-calendar > [class^="col-"] .form-group > [class^="col-"], .row.row-no-gutters-calendar > [class*=" col-"] .form-group > [class*=" col-"] {
padding-right: 5px !important;
padding-left: 5px !important;
}
.row.row-no-gutters-calendar .control-label {
font-size: 13px;
}
.row.download {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 5px;
}
.row.download > [class^="col-"], .row.download > [class*=" col-"] {
padding-right: 5px;
padding-left: 5px;
}
.row.masterEcole {
margin-right: 15px;
margin-left: 15px;
}
.row.masterEcole > [class^="col-"], .row.masterEcole > [class*=" col-"] {
padding-right: 10px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.row.masterEcole .endColumn {
background: #efede9;
padding: 10px;
}
.row.masterEcole .endColumn .imageMaster {
margin-top: 10px;
}
.masterEcole .endColumn div.imageMaster .imageTop {
margin-right: 10px;
}
.row.masterEcole div span {
color: #fff;
padding: 0px 8px 5px 8px;
display: block;
font-size: 0.95em;
margin-bottom: 0px;
}
.row.masterEcole .type2 {
padding: 8px 8px 8px 8px;
margin-bottom: 1px;
}
.row.masterEcole p {
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 15px;
padding: 0px 10px 0px 0px;
line-height: 30px;
}
.row.masterEcole p.titre {
color: #9d0034;
text-align: center;
font-size: 22px;
margin-top: 10px;
}
.row.imageMaster2 {
margin-right: 0px;
margin-left: 0px;
background: #fff;
margin-top: 10px;
margin-bottom: 10px;
max-width: 370px
}
.row.imageMaster2 > [class^="col-"], .row.imageMaster2 > [class*=" col-"] {
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.masterEcole .endColumn .imageTop {
margin-top: 10px;
}
.masterEcole .endColumn h2 {
color: #9d0034 !important;
text-align: left !important;
padding-bottom: 0px;
padding-top: 0px !important;
text-transform: uppercase !important;
background: none !important;;
padding-left: 0px !important;
font-family: 'Roboto', sans-serif;
font-weight: bold !important;
}
.masterEcole .endColumn .type3 {
margin-top: 10px;
}
.masterEcole .endColumn .type3 h2 {
color: #fff !important;
font-size: 18px !important;
padding: 5px 8px 5px 8px !important;
font-weight: 300 !important;
margin: 0px 0px 0px 0px !important;
background: none !important;
text-transform: none !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.row.imageMaster2 h3 {
color: #000;
padding-left: 0px;
text-align: left;
padding-top: 0px;
background: none;
padding-left: 0px;
}
.row.imageMaster2 a.btn.btn-link {
color: #000;
padding-left: 0px;
background: url(../image/contenu/pagination-right.png) no-repeat 0px 5px;
padding-left: 25px;
font-size: 13px;
}
.row.row-no-gutters.actualites h2 {
text-transform: none;
}
.portlet3.new {
border-bottom: 0px;
padding: 0 0 10px 0;
margin: 0 0 0px 0;
}
#map_canvas.new {
width: 100% !important;
margin-top: 0px;
}
.row.new #diaporama {
margin-bottom: 15px;
}
.lien.new {
font-size: 13px;
}
.portlet3.new .textM {
color: #9d0034;
font-size: 14px;
margin-bottom: 10px;
}
.portlet3.new p.contenu {
margin-bottom: 10px !important;
}
#cookie_privacy .container {
background: #fff;
padding: 10px 0;
color: #000;
font-size: 15px;
font-family: 'Roboto', sans-serif;
border-bottom: 1px solid #000;
}
#cookie_privacy .row {
margin-right: 0px;
margin-left: 0px;
}
#cookie_privacy .row > [class^="col-"], .row.download > [class*=" col-"] {
padding-right: 5px;
padding-left: 5px;
}
#cookie_privacy .row {
margin-bottom: 0px;
}
#cookie_privacy .btn.btn-primary {
padding: 3px 10px;
font-size: 14px;
border-radius: 0px;
background: #a16b01;
border: 0px;
text-transform: uppercase;
}
#cookie_privacy a.btn.btn-link {
color: #000;
padding-left: 0px;
background: url(../image/contenu/pagination-right.png) no-repeat 0px 5px;
padding-left: 25px;
}
#cookie_privacy a.btn.btn-link:hover {
color: #000;
padding-left: 0px;
background: url(../image/contenu/pagination-right.png) no-repeat 0px 5px;
padding-left: 25px;
text-decoration: underline;
}
.row.imageMaster2 .list-group {
margin-bottom: 0px;
background: #efede9;
}
.row.imageMaster2 .list-group-item i {
font-style: normal;
display: block;
color: #9d0034;
}
.row.imageMaster2 .list-group-item.legende {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #196126;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende1 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #196126;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende1:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #196126;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende2 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #ee7f00;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende2:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #ee7f00;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende3 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #fcc400;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende3:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #fcc400;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende4 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #ae2a31;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende4:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #ae2a31;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende5 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #9f3d79;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende5:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #9f3d79;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende6 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #b1ca34;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende6:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #b1ca34;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende7 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #78705c;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende7:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #78705c;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende8 {
background: #fff;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #5995cb;
margin-bottom: 1px;
}
.row.imageMaster2 .list-group-item.legende8:hover {
background: #d5d3d0;
color: inherit;
margin-right: inherit;
margin-bottom: 0px;
display: inherit;
float: inherit;
padding: 10px;
border-radius: inherit;
margin-top: inherit;
border: 0px;
border-right: 5px solid #5995cb;
margin-bottom: 1px;
}
#socialContainer {
visibility: hidden;
background: url(../image/module/social/fond.png) repeat;
position: absolute;
width: 1170px;
z-index: 100000;
margin-top: -360px;
height: 395px;
}
#socialContainer.On {
left: inherit;
}
#socialContainer .container {
background: none !important;
}
#socialContainer .row {
margin-right: 20px;
margin-left: 20px;
padding-top: 45px;
}
#socialContainer .row > [class^="col-"], #socialContainer .row > [class*=" col-"] {
padding-right: 40px;
padding-left: 40px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#socialContainer .row > [class^="col-"]:first-child, #socialContainer .row > [class*=" col-"]:first-child {
border-left: 0px;
}
#socialContainer .encartSocial {
background: #fff;
margin-bottom: 15px;
}
#fb_encart {
max-width: 500px !important;
}
#socialContainer .titre {
font-size: 15px;
margin-top: 10px;
}
#socialContainer .picSocial {
text-align: center;
font-size: 20px;
}
#socialContainer .picSocial img {
vertical-align: middle;
}
#socialContainer .picSocial a {
color: #FFF;
cursor: pointer;
}
#socialContainer .picSocial a:hover {
color: #a16b01;
}
.fb-page,
.fb-page span,
.fb-page iframe[style] {
width: 100% !important;
visibility: inherit !important;
}
#socialContainer #twitterBox_encart iframe {
width: 99% !important;
height: 219px;
visibility: inherit !important;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer {
background: #000;
position: fixed !important;
width: auto !important;
z-index: 100000;
margin-top: 0px !important;
top: 50px !important;
left: 0px !important;
height: 380px;
overflow: scroll;
overflow-x: hidden;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer .row {
margin-right: 15px !important;
margin-left: 15px !important;
padding-top: 50px !important;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer .row > [class^="col-"], #socialContainer .row > [class*=" col-"] {
padding-right: 15px !important;
padding-left: 15px !important;
border-left: 0px !important;
padding-bottom: 15px !important;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer .row > [class^="col-"]:first-child, #socialContainer .row > [class*=" col-"]:first-child {
border-left: 0px !important;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer .picSocial {
text-align: left;
color: #fff;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer p {
text-align: left;
color: #fff;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer .titre {
text-align: left;
color: #fff;
}
.navbar-collapse.navbar-ex1-collapse #socialContainer .btn.btn-default {
display: inline-block !important;
width: 10px !important;
margin-bottom: 10px !important;
margin-left: 0px !important;
text-align: center !important;
padding: 0px 18px 0px 10px !important;
margin-top: -40px !important;
color: #000 !important;
background: #fff !important;
}
.imageMaster2.bonkdoEncart {
background: #9d0034;
color: #fff;
}
.imageMaster2.bonkdoEncart a.btn.btn-link {
color: #fff;
padding-left: 0px;
background: url(../image/module/bonkdo/puce.png) no-repeat 0px 7px;
padding-left: 25px;
}
.imageMaster2.bonkdoEncart a.btn.btn-link:hover {
color: #fff;
padding-left: 0px;
background: url(../image/module/bonkdo/puce.png) no-repeat 0px 7px;
padding-left: 25px;
text-decoration: underline;
}
.col-sm-4 div.h2Accroche {
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 25px;
color: #000;
padding: 20px 0px 0px 0px;
margin: 0px 0 30px 0;
text-align: justify;
}
/* -----------------------------------------
Responsive
----------------------------------------- */
/* Small Mobile */
@media only screen and ( max-width: 479px ) {
.boutique #langue {
width: 100% !important;
}
#cookie .container {
margin-top: 50px;
}
}
/* Mobile */
@media only screen and ( max-width: 767px ) {
#cookie .container {
margin-top: 50px;
}
.breadcrumb {
padding-top: 0px;
padding-bottom: 15px;
}
.image-wrap {
margin-left: 0px;
}
.see-all {
margin-bottom: 15px;
}
.map-sejour .btnvalid {
position: relative;
bottom: 0;
width: 100%;
display: block;
margin-top: 10px;
}
.map-sejour {
height: auto !important;
}
.carteForm {
padding-right: 15px !important;
}
.carte {
padding-left: 15px !important;
}
#contentPrint {
margin-top: 0px;
padding-bottom: 140px;
border-bottom: 1px solid #000;
}
#navbar-collapse-1 {
width: 100%
}
#navbar-collapse-1 .navbar-collapse {
width: 100%;
overflow: scroll;
max-height: 320px;
padding-right: 15px;
}
.container > .navbar-header, .container > .navbar-collapse {
height: 50px;
}
#outils {
float: none;
width: 150px;
}
#outils img:first-child {
margin-left: 0px;
}
#outils a {
margin-left: 0px;
margin-right: 8px;
}
#outils {
padding-top: 0px;
}
#share .form1 .star {
float: left;
margin-right: 0px;
margin-top: 4px;
}
ul.step li p {
float: left;
width: 85%;
margin-left: 2%
}
.row {
margin: 0 0 5px 0;
}
/* Mantis 1532 FV : impossible de trouver oů cela pourrait servir et comme ça pose problčme pour l'affichage des titres, je commente
.col-md-12 h2 {
padding: 0px 0px;
}*/
h3 {
margin-top: 15px;
}
h2.small {
padding: 0px;
}
.para-video h3 {
padding: 0 0 0 20px;
text-align: left;
}
.para-video h3 div span {
background: url(../image/contenu/fleches.png) no-repeat right 0px;
}
.para-video h4 {
text-align: left;
padding: 10px 20px 10px 30px;
}
.para-img a {
margin: 0 10px 10px 10px;
}
.para-img a img {
max-width: 65px;
max-height: 65px;
}
.portlet-follow a {
font-size: 10px;
}
.portlet-follow img {
max-width: 45px;
}
.portlet-follow img.pull-left {
margin: 0;
display: none;
}
/* carousel */
.carouselContainer .container {
border-bottom: none;
}
#diaporama {
padding: 0px 0px 0px 0px;
}
#bandeau {
margin-left: -15px;
margin-right: -15px;
}
.carousel {
margin-left: -15px;
margin-right: -15px
}
/* menu */
.navbar {
margin-bottom: 5px;
}
.navbar-nav {
margin: 0px -15px;
}
.navbar-nav li:first-child {
border-top: 0px;
}
.navbar-nav li {
border-top: 0px solid #000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 2px solid #000;
overflow-x: hidden;
}
.navbar-header {
display: block;
}
.navbar-collapse {
padding: 0px 0px 0px 0px;
}
.navbar-nav {
margin: 0px -15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 0px;
}
.navbar-default .navbar-nav .open .dropdown-menu {
padding-top: 0px;
}
.navbar-default .navbar-nav > li {
padding: 0 0 0px 15px;
display: block;
}
.navbar-default .navbar-nav > li > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.08em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_off.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.08em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_off.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li.open > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.08em;
border-bottom: 1px solid #000;
background: none;
display: block;
background: url(../image/menu/puce_rub_on.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.08em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_on.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li > a span {
display: inline;
border-bottom: 2px solid #fff;
padding-bottom: 0px;
}
.navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a:focus span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li.open > a span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li.open > a:hover span, .navbar-default .navbar-nav > li.open > a:focus span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li ul li {
padding-bottom: 5px;
display: block;
}
.navbar-default .navbar-nav > li.open li > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #a16b01;
letter-spacing: -0.02em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_or.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li.open li > a:hover, .navbar-default .navbar-nav > li.open li > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_or.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li.open li.open > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_on.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li.open li.open > a:hover, .navbar-default .navbar-nav > li.open li.open > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 1px solid #000;
display: block;
background: url(../image/menu/puce_rub_on.gif) no-repeat 0px 10px;
}
.navbar-default .navbar-nav > li.open li > a span {
display: inline;
border-bottom: 2px solid #fff;
padding-bottom: 0px;
}
.navbar-default .navbar-nav > li.open li > a:hover span, .navbar-default .navbar-nav > li.open li > a:focus span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li.open li.open > a span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.open li.open > a:hover span, .navbar-default .navbar-nav > li.open li.open > a:focus span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.open li.open li > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: a16b01;
letter-spacing: -0.02em;
border-bottom: 0px;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li > a:hover, .navbar-default .navbar-nav > li.open li.open li > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 0px;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li.open > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 1px solid #000;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li.open > a:hover, .navbar-default .navbar-nav > li.open li.open li.open > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 1px solid #000;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li > a span {
display: inline;
border-bottom: 2px solid #fff;
padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.open li.open li > a:hover span, .navbar-default .navbar-nav > li.open li.open li > a:focus span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.open li.open li.open > a span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.open li.open li.open > a:hover span, .navbar-default .navbar-nav > li.open li.open li.open > a:focus span {
display: inline;
border-bottom: 2px solid #000;
padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.open li.open li.open li > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #a16b01;
letter-spacing: -0.02em;
border-bottom: 0px;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li.open li > a:hover, .navbar-default .navbar-nav > li.open li.open li.open li > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 0px;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li.open li.open > a {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 0px;
display: block;
background: none;
text-transform: none;
}
.navbar-default .navbar-nav > li.open li.open li.open li.open > a:hover, .navbar-default .navbar-nav > li.open li.open li.open li.open > a:focus {
font-size: 12px;
text-transform: uppercase;
padding: 5px 0px 5px 15px;
margin: 0px 5px;
color: #000;
letter-spacing: -0.02em;
border-bottom: 0px;
display: block;
background: none;
text-transform: none;
}
.masthead {
padding-top: 30px;
}
#searchTop #searchBottomForm {
margin-top: 2px;
margin-bottom: 8px;
}
#searchTop #searchBottomForm {
width: auto;
}
#searchTop #searchBottomForm .form-control {
width: 30px;
display: none;
height: 36px !important;
font-size: 14px;
background: #fff;
border: 1px solid #000;
color: #000;
font-family: Arial, Helvetica, sans-serif
}
#searchTop #searchBottomForm .input-group-addon {
padding: 6px 0px;
width: 30px;
border: 0px;
background-color: #fff;
color: #000;
}
#searchTop #searchBottomForm .input-group-addon a {
display: block;
}
#searchTop #searchBottomForm .icon-search {
background: url(../image/picto/search.gif) #fff no-repeat center center;
padding: 5px 12px 5px 12px;
}
#langTop .input-group-addon {
padding: 6px 0px;
width: 40px;
border: 0px;
background-color: #fff;
color: #000;
margin-right: 10px;
}
#langTop .input-group-addon a {
display: block;
}
#langTop ul li {
list-style: none;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 5px;
}
#langTop #langBottom {
top: 3px;
background: none;
width: auto;
left: 5px;
}
#langTop #langBottom .btn-default {
background: url(../image/picto/flag_fr.gif) no-repeat #ffffff top center !important;
width: auto;
padding: 3px 3px;
border: 0px;
color: #333333;
font-size: 11px;
}
#langTop #langBottom .btn-default i {
display: block;
font-style: normal;
}
#langBottom .dropdown-menu {
background: url(../image/menu/arrow.gif) #ffffff no-repeat top center !important;
min-width: 50px;
padding-bottom: 1px;
padding-right: 1px;
padding-left: 1px;
padding-top: 6px;
border-top: 0px;
border: 0px;
margin-left: -10px;
}
#langBottom .dropdown-menu li {
padding-left: 0px;
!important;
padding-bottom: 0px !important;
list-style: none;
}
#langBottom .dropdown-menu > li > a {
color: #ffffff;
background: #000000;
text-align: left !important;
padding-left: 5px;
padding-right: 5px;
}
#langBottom .dropdown-menu > li > a:hover {
color: #ffffff;
background: #333333;
text-align: left !important;
padding-left: 5px;
padding-right: 5px;
}
.navbar-default .navbar-toggle {
background: #fff;
border: 0px;
border-right: 1px solid #000;
margin-right: 0px;
margin-top: 5px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
background: #000;
height: 3px;
}
.masthead img {
width: 100px;
margin-top: 15px;
}
.btn-group.lang {
background: #fff;
margin-top: 4px;
margin-left: 0px;
}
.btn-group.lang .btn-group.open .dropdown-toggle {
background: #fff;
}
.btn-group.lang .btn-default {
background: #fff;
border: 0px;
padding: 3px 5px 0px 5px;
}
.btn-group.lang .dropdown-menu {
min-width: 20px;
top: 38px;
margin-left: -5px;
position: absolute;
clear: both;
}
.list-unstyled .open .list-unstyled {
display: block;
}
.list-unstyled .list-unstyled {
display: none;
}
.list-unstyled .open .list-unstyled .list-unstyled {
display: none;
margin-bottom: 5px;
}
.list-unstyled .open .list-unstyled .open .list-unstyled {
display: block;
margin-bottom: 5px;
}
.footer {
margin-top: 10px
}
.footer ul {
padding: 0px 0px 0px 0px
}
.footer ul li {
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
display: block;
float: none;
vertical-align: bottom;
text-align: left;
font-size: 1em;
}
.footer .firstListe {
border-bottom: 0px;
background: none;
}
.footer .firstListe ul {
padding: 5px 0px 0px 0px
}
.footer .firstListe ul li {
border-bottom: 1px solid #fff;
padding: 5px 0px 0px 20px
}
.footer .secondListe {
font-size: 1em;
text-transform: uppercase;
padding: 0px;
border-left: 0px;
}
.footer .secondListe ul {
padding: 0px 0px 0px 0px
}
.footer .secondListe ul li {
text-align: left;
padding: 5px 0px 0px 20px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #fff;
border-left: 0px;
}
.footer .secondListe ul li:last-child a {
display: inline;
}
.footer .secondListe img {
margin-left: 5px;
margin-top: -3px;
}
.footer ul li .btn-group.dropup.jeVeux .btn.btn-default.dropdown-toggle {
background: #000;
border: 0px;
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
text-align: left;
}
.footer ul li .btn-group.dropup.jeVeux {
width: 100%;
}
.footer ul li .btn-group.dropup.jeVeux .btn.btn-default.dropdown-toggle:hover {
color: #a16b01
}
.footer ul li .btn-group.dropup.jeVeux .btn-default:hover,
.footer ul li .btn-group.dropup.jeVeux .btn-default:focus,
.footer ul li .btn-group.dropup.jeVeux .btn-default:active,
.footer ul li .btn-group.dropup.jeVeux .btn-default.active,
.footer ul li .btn-group.dropup.jeVeux .open .dropdown-toggle.btn-default {
color: #a16b01
}
.footer ul li .btn-group.dropup.jeVeux .dropdown-menu {
display: block;
position: relative;
clear: both;
width: 100%;
}
.footer .btn-group.dropup.jeVeux .dropdown-menu li {
text-align: left;
border-bottom: 0px;
}
.footer .thirdListe {
font-size: 1em;
text-transform: uppercase;
padding: 0px;
}
.footer .thirdListe ul {
padding: 0px 0px 0px 0px
}
.footer .thirdListe ul li {
text-align: left;
padding: 5px 0px 0px 20px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #fff
}
.footer .thirdListe ul li:last-child a {
display: inline;
}
.footer .thirdListe img {
margin-left: 5px;
margin-top: -3px;
}
.footer ul li a {
text-transform: uppercase;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
color: #fff
}
.footer ul li a:hover {
text-transform: uppercase;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
color: #a16b01
}
.footer .thirdListe ul li ul {
margin-left: 10px
}
.footer .thirdListe ul li ul li {
text-align: left;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 0px;
border-top: 1px solid #fff
}
.footer .thirdListe ul li ul li:first-child {
border-top: 0px;
}
.footer ul li ul li a {
text-transform: uppercase;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
color: #fff
}
.footer ul li ul li a:hover {
text-transform: uppercase;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
color: #a16b01
}
.row {
margin: 0 0 5px 0;
}
.form-control {
border: 1px solid #000;
height: 26px;
padding: 0px 0px 0px 5px;
font-size: 12px;
margin-bottom: 5px;
}
.form1 {
width: auto;
}
#userTop #userBottom {
margin-top: 5px;
width: auto;
margin-right: 5px;
border-left: 1px solid #000;
padding-left: 5px;
}
#userTop #userBottom .input-group-addon {
padding: 6px 0px;
width: 40px;
border: 0px;
background-color: #fff;
color: #000;
margin-right: 0px;
}
#userTop #userBottom .input-group-addon a {
display: block;
}
#userTop #userBottom .dropdown-menu {
left: -119px;
}
#userTop #userBottom .btn-group.user .btn-default {
text-transform: none;
font-size: 14px;
}
#userTop #userBottom .btn-group.user .btn-group.open .dropdown-toggle {
background: #fff;
}
#userTop #userBottom .btn-group.user .btn-default:active, .btn-group.user btn-default.active, .btn-group.user.open .dropdown-toggle.btn-default {
background: #a16b01
}
#userTop #userBottom .btn-group.user .btn-default:hover,
#userTop #userBottom .btn-group.user .btn-default:focus,
#userTop #userBottom .btn-group.user .btn-default:active,
#userTop #userBottom .btn-group.user .btn-default.active,
#userTop #userBottom .btn-group.user.open .dropdown-toggle.btn-default {
color: #fff;
background-color: #a16b01;
border-color: #a16b01;
}
#userTop #userBottom .btn-group.user .dropdown-menu {
background: #fff;
border: 1px solid #a16b01;
width: 200px;
padding-bottom: 0px;
margin-left: -50px;
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#userTop #userBottom .btn-group.user .dropdown-menu > li {
padding: 3px 10px 3px 10px;
white-space: normal !important;
list-style: none;
font-size: 14px;
}
#userTop #userBottom .btn-group.user .dropdown-menu > li:first-child {
padding: 3px 10px 3px 10px;
}
#userTop #userBottom .btn-group.user .dropdown-menu > li:first-child span {
color: #a16b01
}
#userTop #userBottom .btn-group.user .dropdown-menu > li > a {
padding: 0px 0px 0px 0px;
background: url(../image/picto/puce_lien.gif) no-repeat right;
padding-right: 15px;
display: inline-block;
}
#userTop #userBottom .btn-group.user .dropdown-menu > li > a:hover,
#userTop #userBottom .btn-group.user .dropdown-menu > li > a:focus {
color: #262626;
text-decoration: underline;
background-color: #fff;
}
.btn-group.user .btn-default .caret {
border-top-color: #c29941;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 10px solid #c29941;
border-right: 8px solid transparent;
border-bottom: 0 dotted;
border-left: 8px solid transparent;
}
.btn-group.user .btn-default {
padding: 5px 8px;
}
.para-recette span.i {
font-style: normal;
position: relative;
font-size: 16px;
height: 20px;
background: #fff;
left: 0px;
padding: 0px;
top: 0px;
}
.topPage {
display: block;
position: absolute;
margin-top: -80px;
right: 20px;
}
.goutteArome {
position: absolute;
margin-left: 20px;
top: -55px;
}
.titreArome {
position: absolute;
margin-top: 60px;
margin-left: 0px;
}
.traitArome {
position: absolute;
margin-left: 16px;
top: 240px
}
.portlet {
padding-top: 10px !important;
clear: both;
}
.portlet2 {
padding-top: 10px !important;
clear: both;
}
.calendrierProgramme .portlet4 .portlet2 {
padding-top: 0px !important;
clear: both;
}
.portlet3 {
padding-top: 10px !important;
clear: both;
}
.portlet4 {
padding-top: 10px !important;
clear: both;
}
.para-video h3 div span {
font-size: 20px;
}
.legendeX {
margin-right: 0px;
margin-bottom: 10px;
display: block;
float: none;
}
#calendrierSmall .legendeX {
background-color: #196126;
color: #196126;
margin-right: 10px;
margin-bottom: 10px;
display: block;
float: left;
padding: 0em 0.3em 0em 0.3em;
border-radius: 0px;
margin-top: 5px;
}
.boutique .line .item, .boutique .line .item img {
max-width: 210px;
margin-bottom: 15px;
}
.boutique .line {
margin: 0;
}
.myboutique {
padding-top: 5px;
}
.myboutique .lienPerso a {
font-size: 16px;
}
ul.portletBoutique li {
font-size: 13px;
}
#panier {
width: 100% !important;
}
#panier #detail {
display: block !important
}
#panier #monPanier {
display: none !important
}
#panier #vuePanier {
display: block !important
}
.boutique .cadre .quantity {
margin-bottom: 5px;
}
.boutique .cadre {
font-size: 13px;
}
.boutique #langue {
width: 65%;
}
.boutique .sstotal {
float: none;
padding-top: 0px;
}
.boutique .sstotal .lib {
display: block !important;
text-align: center;
}
.boutique .sstotal .ht {
display: block !important;
text-align: center;
}
.boutique .sstotal span {
display: block !important;
text-align: center;
border-right: 1px solid #fff;
}
.boutique .frais {
display: block;
float: none;
text-align: center;
}
.boutique .etape .lib.On {
font-size: 0.9em;
padding: 2px 15px 2px 10px
}
.boutique .etape .number {
font-size: 0.9em;
margin-right: 2px;
line-height: 1.2em;
}
.boutique .cadre .price span.small {
display: block;
font-size: 1em;
}
.boutique .cadre .quantity span.small {
display: block;
font-size: 1em;
}
.boutique .cadre .total span.small {
display: block;
font-size: 1em;
}
.boutique h4 {
color: #000;
font-weight: normal;
font-size: 1.1em;
margin-top: 10px
}
.boutique .cadre .quantity .number {
display: block;
width: 90%;
text-align: center;
}
.boutique .cadre .quantity {
padding: 0px 0px 0px 0px;
}
.boutique .cadre .quantity a {
display: inline-block;
width: 40%;
}
.btn.btn-return {
width: 100%;
margin-bottom: 10px;
}
.boutique .btn {
display: inline-block !important;
width: 100%;
margin-bottom: 10px;
}
.btn.btn-default {
display: inline-block !important;
width: 100%;
margin-bottom: 10px;
margin-left: 0px;
}
.modal-footer .btn + .btn {
width: auto !important
}
.modal-footer .btn.btn-default {
width: auto !important;
margin-bottom: 0px;
}
.boutique .desc .cadre {
margin-bottom: 30px;
}
.boutique .desc .cadre .total {
position: absolute;
left: 0px;
width: 100%;
border-left: 0px;
display: block !important;
}
.boutique .desc .cadre .total .btn {
width: 100%;
display: block !important;
}
.boutique .desc .cadre .price {
width: 49%;
height: 60px;
}
.boutique .desc .cadre .quantity {
width: 49%;
}
.col-xs-4.col-md-3 .example-image.img-responsive {
margin-bottom: 10px !important;
}
.glossaire .btn-default {
padding: 6px 12px;
margin-bottom: 10px;
width: 40px;
}
.critere {
margin-right: 30px;
display: block;
margin-bottom: 5px;
}
}
/* Not Mobile */
@media only screen and ( min-width: 767px ) {
.panel-group {
width: 100%;
}
.thumbnail {
margin: 0;
}
}
/* Not Mobile */
@media only screen and ( min-width: 768px ) {
/* carousel */
.carouselContainer #diaporama {
padding: 0px 15px;
margin: 0 15px
}
.carouselContainer .diapoRoll {
padding: 0px 15px;
margin: 0 15px
}
/* menu */
#navbar-collapse-1 .nav.navbar-nav {
display: none;
width: 300px;
}
.navbar.yamm.navbar-default {
visibility: hidden;
}
.navbar.yamm.navbar-default .container {
border-top: 1px solid #000;
margin-top: 0px;
border-bottom: 1px solid #000;
line-height: 1em;
background: #fff;
}
#navbar-collapse-2 .nav.navbar-nav {
display: block;
}
#navbar-collapse-2 {
border-top: 1px solid #000;
margin-top: 3px;
}
.navbar-collapse {
padding-left: 0px;
padding-right: 0px;
}
.nav.navbar-nav li {
text-align: center;
padding: 0px 0px 0px 0px
}
.nav.navbar-nav li.open li {
text-align: left;
}
.dropdown-menu {
padding: 5px 0px 20px 0px;
border-top: 1px solid #000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
background: url(../image/menu/frise.gif) no-repeat bottom;
}
.nav4 {
display: none;
}
.list-unstyled.nav4 {
float: none;
}
.navbar-header {
display: none;
}
.btn-group.dropup { /*background:#000; margin-top:-4px*/;
margin-left: 0px;
}
.btn-group.dropup .btn-group.open .dropdown-toggle { /* background:#000;*/
}
.btn-group.dropup .dropdown-menu {
min-width: 20px;
}
.btn-group.dropup .dropdown-menu > li > a {
padding: 0px 0px;
}
.btn-group.dropup .btn.btn-default.dropdown-toggle {
padding: 5px 0px;
font-size: 1em;
text-transform: uppercase;
background: #000;
color: #fff;
border: 0px;
}
.btn-group.dropup .dropdown-menu { /* background:#000*/
}
.footer .btn-group.dropup .btn.btn-default.dropdown-toggle {
padding: 0px 0px;
font-size: 1em;
text-transform: uppercase;
background: #000;
color: #fff;
border: 0px;
}
.masthead .container {
border-bottom: 1px solid #000
}
#userBottom .input-group-addon {
padding: 6px 0px;
width: 40px;
border: 0px;
background-color: #fff;
color: #000;
margin-right: 10px;
}
#userBottom .input-group-addon a {
display: block;
}
#userBottom .btn-group.user {
background: #fff;
margin-top: 27px;
margin-left: 10px;
float: right;
}
#userBottom .btn-group.user .btn-default {
text-transform: none;
padding: 3px 12px;
font-size: 14px;
}
#userBottom .btn-group.user .btn-group.open .dropdown-toggle {
background: #fff;
}
#userBottom .btn-group.user .btn-default:active, .btn-group.user btn-default.active, .btn-group.user.open .dropdown-toggle.btn-default {
background: #a16b01
}
#userBottom .btn-group.user .btn-default:hover,
#userBottom .btn-group.user .btn-default:focus,
#userBottom .btn-group.user .btn-default:active,
#userBottom .btn-group.user .btn-default.active,
#userBottom .btn-group.user.open .dropdown-toggle.btn-default {
color: #fff;
background-color: #a16b01;
border-color: #a16b01;
}
#userBottom .btn-group.user .dropdown-menu {
background: #fff;
border: 1px solid #a16b01;
width: 200px;
padding-bottom: 0px;
margin-left: -50px;
margin-top: 0px;
}
#userBottom .btn-group.user .dropdown-menu > li {
padding: 3px 10px 3px 10px;
white-space: normal !important;
list-style: none;
}
#userBottom .btn-group.user .dropdown-menu > li:first-child {
padding: 3px 10px 10px 10px;
}
#userBottom .btn-group.user .dropdown-menu > li:first-child span {
color: #a16b01
}
#userBottom .btn-group.user .dropdown-menu > li > a {
padding: 0px 0px 0px 0px;
background: url(../image/picto/puce_lien.gif) no-repeat right;
padding-right: 15px;
display: inline-block
}
#userBottom .btn-group.user .dropdown-menu > li > a:hover,
#userBottom .btn-group.user .dropdown-menu > li > a:focus {
color: #262626;
text-decoration: underline;
background-color: #fff;
}
#userBottom .btn-group.user .btn-default .caret {
border-top-color: #c29941;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 10px solid #c29941;
border-right: 8px solid transparent;
border-bottom: 0 dotted;
border-left: 8px solid transparent;
}
.actualites .see-all {
margin: 6px 0 15px 0;
}
.presse {
margin-top: -78px;
}
.presse h2 {
margin-bottom: 0px;
}
#diaporama .icon-chevron-left {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 50px;
height: 215px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#diaporama .icon-chevron-right {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 50px;
height: 215px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left-on.png) #fff no-repeat center;
width: 50px;
height: 215px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}
#diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right-on.png) #fff no-repeat center;
width: 50px;
height: 215px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}
#diaporama .icon-chevron-left.tablett:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#diaporama .icon-chevron-right.tablett:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-left {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 150px;
height: 334px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-right {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 150px;
height: 334px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left-on.png) #fff no-repeat center;
width: 150px;
height: 334px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}
.actualites #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right-on.png) #fff no-repeat center;
width: 150px;
height: 334px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}
.actualites #diaporama .icon-chevron-left.tablett:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-right.tablett:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-left {
background: url(../image/contenu/diapo-left.png) no-repeat center transparent;
width: 150px;
height: 480px;
display: block;
position: absolute;
top: 0px;
left: 15px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-right {
background: url(../image/contenu/diapo-right.png) no-repeat center transparent;
width: 150px;
height: 480px;
display: block;
position: absolute;
top: 0px;
right: 15px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left-on.png) #fff no-repeat center transparent;
width: 150px;
height: 480px;
display: block;
position: absolute;
top: 0px;
left: 15px;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}
.home #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right-on.png) #fff no-repeat center transparent;
width: 150px;
height: 480px;
display: block;
position: absolute;
top: 0px;
right: 15px;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}
.home #diaporama .icon-chevron-left.tablett:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center transparent;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-right.tablett:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center transparent;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.boutique .line .item, .boutique .line .item img {
max-width: 230px;
margin-bottom: 15px;
}
.boutique .line {
margin: 0;
}
.boutique .line .item a {
font-size: 14px;
}
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.para-img a {
margin: 0 15px 10px 15px;
}
.para-img a img {
max-width: 90px;
max-height: 90px;
}
.col-sm-4.col-md-pull-8 .portlet-follow img {
width: 30px;
}
.boutique #langue {
width: 40%;
}
.footer ul li {
font-size: 9px;
padding: 0 4px;
}
#searchBottom, #searchBottomForm {
width: 110px;
}
#searchBottom .form-control, #searchBottomForm .form-control {
width: 80px;
}
.footer .secondListe img {
margin: 0;
}
.cadreAdresse {
padding: 10px !important;
}
.cadreAdresse a {
padding: 0 5px !important;
}
.boutique .etape .lib {
margin-right: 2px !important;
}
#diaporama .icon-chevron-left, #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 50px;
height: 215px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#diaporama .icon-chevron-right, #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 50px;
height: 215px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-left, .actualites #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 150px;
height: 334px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-right, .actualites #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 150px;
height: 334px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-left, .home #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 150px;
height: 505px;
display: block;
position: absolute;
top: 0px;
left: 15px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-right, .home #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 150px;
height: 505px;
display: block;
position: absolute;
top: 0px;
right: 15px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.footer .firstListe {
font-size: 10px !important;
}
.footer .secondListe {
font-size: 10px !important;
}
/*.footer .firstListe li a { color: #ff0000 !important;}*/
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
body {
/* -webkit-transform: rotate(90deg); Demande F. Ragonneau Mantis 1523 */
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
/*.footer ul li { font-size:0.6em;}*/
.col-sm-4.col-md-pull-8 .portlet-follow img {
width: 30px;
}
.home #diaporama .icon-chevron-left, .home #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 150px;
height: 327px;
display: block;
position: absolute;
top: 0px;
left: 15px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-right, .home #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 150px;
height: 327px;
display: block;
position: absolute;
top: 0px;
right: 15px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
}
/* Tablet Landscape and Desktop */
@media only screen and (min-width: 1024px) {
.col-sm-4 .portlet, .col-md-4 .portlet {
width: 85%;
}
.col-sm-4 .portlet2, .col-md-4 .portlet2 {
width: 85%;
}
.col-sm-4 .portlet3, .col-md-4 .portlet3 {
width: 85%;
}
.col-sm-4 .portlet4, .col-md-4 .portlet4 {
width: 85%;
}
ul.step li p {
float: left;
width: 94%;
margin-left: 2%
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.col-sm-4.col-md-pull-8 .portlet-follow img {
width: 38px;
}
.footer .firstListe {
background: url(../image/bandeau/liseret_bottom_1024.gif) no-repeat bottom center;
padding-bottom: 5px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.boutique .cadre {
font-size: 12px;
}
.cadreAdresse {
padding: 10px !important;
}
.cadreAdresse a {
padding: 0 5px !important;
}
.boutique .etape .lib {
margin-right: 2px !important;
}
/* NEW 2015 */
.row.img-gutters {
margin-left: 15px !important;
margin-right: 15px !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
#bandeau {
margin-left: 0px;
}
.row.masterEcole p {
width: 271px;
}
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
#itineraireEvent, #itineraireViti {
width: 210px !important;
}
#diaporama .icon-chevron-left, #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 50px;
height: 164px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#diaporama .icon-chevron-right, #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 50px;
height: 164px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-left, .actualites #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 50px;
height: 122px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-right, .actualites #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 50px;
height: 122px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-left {
height: 164px;
width: 60px;
left: 15px;
}
.home #diaporama .icon-chevron-right {
height: 164px;
width: 60px;
right: 15px
}
.home #diaporama .icon-chevron-left:hover {
height: 164px;
width: 60px;
left: 15px;
}
.home #diaporama .icon-chevron-right:hover {
height: 164px;
width: 60px;
right: 15px
}
.row.imageMaster2 {
margin-right: 0px;
margin-left: 0px;
background: #fff;
margin-top: 10px;
margin-bottom: 10px;
max-width: 290px
}
.row.masterEcole p {
width: 271px;
}
.masterEcole .endColumn div.imageMaster .imageTop {
margin-left: 10px;
padding-right: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
#bandeau {
margin-left: 0px;
}
#diaporama .icon-chevron-left, #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 60px;
height: 260px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#diaporama .icon-chevron-right, #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 60px;
height: 260px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-left, .actualites #diaporama .icon-chevron-left:hover {
background: url(../image/contenu/diapo-left.png) no-repeat center;
width: 60px;
height: 194px;
display: block;
position: absolute;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.actualites #diaporama .icon-chevron-right, .actualites #diaporama .icon-chevron-right:hover {
background: url(../image/contenu/diapo-right.png) no-repeat center;
width: 60px;
height: 194px;
display: block;
position: absolute;
top: 0px;
right: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.home #diaporama .icon-chevron-left {
height: 219px;
left: 15px;
}
.home #diaporama .icon-chevron-right {
height: 219px;
right: 15px;
}
.home #diaporama .icon-chevron-left:hover {
height: 219px;
left: 15px;
}
.home #diaporama .icon-chevron-right:hover {
height: 219px;
right: 15px
}
.row.masterEcole p {
width: 271px !important;
}
.row.masterEcole .endColumn {
width: 281px !important;
}
.masterEcole .endColumn h2 {
padding-left: 5px !important;
padding-top: 5px !important;
}
.masterEcole .endColumn div.imageMaster .imageTop {
margin-left: 10px;
padding-right: 0px;
}
}
.panel {
border: 0px;
}
.plusCritere {
padding-bottom: 10px;
}
.panel-heading {
padding: 0px;
}
h2.panel-title {
padding: 0px 0px 0px 0px;
color: #9d0034;
background: none;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
h2.panel-title a {
display: block;
}
.panel .panel-default > .panel .panel-heading {
border-color: #000;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-color: #000;
}
#searchTable input {
margin-bottom: 10px;
}
.thumbnail {
display: inline-block;
display: block;
height: auto;
max-width: 100%;
padding: 2px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
border: 0px;
/*border-radius: 4px;*/
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.thumbnail:hover {
background: #a16b01
}
.masterEcole div.type1 {
background: #9d0034;
cursor: pointer;
}
.masterEcole div.type2 {
background: url(../image/picto/puce_ecole.png) no-repeat right #a16b01;
cursor: pointer;
margin-bottom: 8px;
}
.masterEcole div.type2.imageOff {
background: url(../image/picto/puce_ecole.png) no-repeat right #a16b01;
cursor: pointer;
margin-bottom: 8px;
}
.masterEcole div.type2.agenda {
background: url(../image/picto/puce_ecole.png) no-repeat right #a16b01;
cursor: default;
margin-bottom: 8px;
}
.masterEcole div.type3 {
background: url(../image/picto/puce_ecole.png) no-repeat right #9d0034;
cursor: pointer;
margin-bottom: 8px;
}
.masterEcole div.type3 span {
margin-bottom: 0px;
}
.masterEcole div.imageMaster {
cursor: pointer;
}
#ecole_vin div.masterEcole .type1 {
margin-bottom: 10px;
}
.masterEcole div.imageMaster .imageTop {
position: relative;
z-index: 90;
}
.masterEcole div.imageMaster .imageTop2 {
position: relative;
z-index: 90;
margin-bottom: 8px;
}
.masterEcole div h2 {
color: #fff;
font-size: 18px;
padding: 5px 8px 5px 8px;
font-weight: 300;
margin: 0px 0px 0px 0px;
background: none;
}
.masterEcole div span {
color: #fff;
padding: 0px 8px 5px 8px;
display: block;
font-size: 0.95em;
margin-bottom: 8px;
}
.masterEcole ul {
background: #efede9;
padding: 10px 0px 0px 0px;
}
.masterEcole ul li {
list-style: none;
margin-bottom: 15px;
cursor: pointer;
border-bottom: 2px solid #fff;
padding: 5px 15px 11px 15px
}
.masterEcole ul li div {
font-size: 16px;
color: #000;
}
.masterEcole ul li div:first-child {
font-size: 22px;
color: #000;
}
.masterEcole ul li span {
color: #9d0034;
padding: 0px 0px 0px 0px;
font-size: 16px;
margin-bottom: 0px;
}
.masterEcole ul li:hover span {
color: #a16b01;
padding: 0px 0px 0px 0px;
font-size: 16px;
}
.row.masterEcole ul li.tourismeEvent span {
color: #9d0034;
padding: 0px 0px 0px 0px;
font-size: 16px;
margin-bottom: 0px;
}
.overlayBlackFirst {
background: url(../image/picto/overlay_black.png) repeat;
position: absolute;
top: 35px;
left: 15px;
color: #fff;
font-size: 20px;
font-weight: 300;
z-index: 100
}
.overlayBlackFirst .layer {
padding: 10px 10px 0px 10px;
display: block;
}
.overlayBlackFirst .layer span {
padding: 0px 0px 0px 0px;
}
.overlayBlackFirst .layer span:first-child {
font-size: 0.7em;
color: #fff;
padding-bottom: 0px;
}
.overlayBlack {
background: url(../image/picto/overlay_black.png) repeat;
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 20px;
font-weight: 300;
}
.panel {
background: none;
}
.row.multiligne {
margin-bottom: 0px;
}
.color {
color: #9d0034
}
.boutique .ecole .row {
font-size: 1em;
}
.boutique .ecole .row span.color {
font-size: 1.2em;
}
.boutique .ecole .row .col-md-4 {
border-left: 1px solid #a16b01;
line-height: 40px;
padding-left: 15px;
color: #a16b01;
white-space: nowrap;
}
.boutique .ecole .row .col-md-4:first-child {
border-left: 0px;
}
.boutique .ecole .row label span.color {
color: #a16b01;
font-size: 1em;
}
.ecoleVinCaracterisques ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
font-size: 12px;
font-weight: bold;
line-height: 25px;
list-style: none outside none;
padding-bottom: 0;
padding-left: 0;
}
/* BON CADEAU */
.bonkdo {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #000;
}
.bonkdo p {
padding: 20px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
.bonkdo h6 {
font-size: 14px;
margin-bottom: 20px;
}
.bonkdo .row {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.bonkdo div div {
background: #9d0034;
color: #fff;
}
.bonkdo .texte {
padding: 30px 30px 30px 0px;
}
.bonkdo .texte p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 15px;
}
.bonkdo .texte h3 {
padding: 0px 0px 0px 0px;
color: #FFF;
margin: 0px 0px 5px 0px;
text-transform: uppercase;
text-align: left;
background: none;
font-size: 18px;
font-weight: bold;
}
.bonkdo .texte h4 {
padding: 0px 0px 0px 0px;
color: #FFF;
font-size: 15px;
margin: 0px 0px 20px 0px;
text-transform: uppercase;
}
.bonkdo .texte h5 {
color: #FFF;
margin: 0px 0px 10px 0px;
font-size: 30px;
font-weight: bold;
}
.bonkdo .logoEcoleScreen {
display: block;
}
.bonkdo .logoEcolePrint {
display: none;
}
.col-xs-9 span.small {
font-size: 1.05em;
}
.col-xs-9 span.small2 {
font-size: 0.9em;
}
/* QUIZZ */
h4.true {
color: #a16b01
}
h5.true {
color: #a16b01;
font-size: 1em;
}
h4.false {
color: #000
}
h5.false {
color: #000;
font-size: 1em;
text-decoration: line-through;
}
/* QUIZZ SONS */
#quizzSons {
margin-top: 80px;
}
#quizzSons .row {
margin-bottom: 0px;
}
#quizzSons #steps {
background: #8b0034;
padding: 25px;
}
#quizzSons #steps p img {
margin-bottom: 15px;
}
#quizzSons #steps p {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 18px;
text-align: left;
margin-bottom: 70px;
font-weight: 120;
font-size: 15px;
}
#quizzSons #steps p.text-center {
text-align: center;
margin-bottom: 10px;
font-family: 'Roboto';
font-weight: 100;
font-size: 15px;
}
#quizzSons .owl-carousel {
width: 90%;
margin: 0 auto;
}
#quizzSons .owl-theme .owl-controls {
width: 100%;
position: absolute;
margin-top: -170px;
}
#quizzSons .owl-prev {
position: absolute;
left: -35px;
background: url(../image/module/quizz_sons/prev_lg.gif);
width: 30px;
height: 50px;
}
#quizzSons .owl-next {
position: absolute;
right: -35px;
background: url(../image/module/quizz_sons/next_lg.gif);
width: 30px;
height: 50px;
}
#quizzSons #owl-demo .item {
display: block;
padding: 54px 0px;
margin: 0px;
color: #FFF;
text-align: center;
background-image: url(../image/module/quizz_sons/fond.gif);
background-size: cover;
height: 300px;
}
#quizzSons #owl-demo .item h4 {
color: #ffffff;
font-size: 44px;
position: absolute;
bottom: 105px;
right: 25px;
}
#quizzSons .left {
text-align: left;
margin-bottom: 10px;
}
#quizzSons .left .btn {
display: block;
}
#quizzSons .block-grid-item {
padding: 10px 5px 0px 5px;
cursor: pointer;
position: relative;
}
#quizzSons .ok {
display: block;
position: absolute;
background: rgba(221, 221, 221, 0.85);
z-index: 1;
}
#quizzSons .ok:before {
content: "";
text-align: center;
width: 20px;
height: 20px;
color: #ffffff;
display: block;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
background: url(../image/module/quizz_sons/ok.png) no-repeat center center;
}
#quizzSons .ko {
display: block;
position: absolute;
background: rgba(29, 29, 29, 0.60);
z-index: 1;
}
#quizzSons .ko:before {
content: "";
text-align: center;
width: 20px;
height: 20px;
color: #ffffff;
display: block;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
background: url(../image/module/quizz_sons/ko.png) no-repeat center center;
}
#quizzSons a {
color: #a16b01;
}
#quizzSons a:hover {
color: #a16b01;
text-decoration: underline;
}
#quizzSons audio {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
}
#quizzSons .imageQuizzContainer {
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
}
#quizzSons .owl-confirmation {
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
}
/* TAG CLOUD */
#htmltagcloud {
line-height: 2.4em;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
text-align: center;
text-indent: 0;
margin-bottom: 20px;
}
#htmltagcloud a:link {
text-decoration: none
}
#htmltagcloud a:visited {
text-decoration: none
}
#htmltagcloud a:hover {
color: white;
background-color: #a16b01
}
#htmltagcloud a:active {
color: white;
background-color: #a16b01
}
.wrd {
padding: 0;
position: relative;
padding: 0px 5px
}
.wrd a {
text-decoration: none
}
.tagcloud0 {
font-size: 1.0em;
color: #c5a462;
z-index: 10
}
.tagcloud0 a {
color: #c5a462
}
.tagcloud1 {
font-size: 1.2em;
color: #c5a462;
z-index: 9
}
.tagcloud1 a {
color: #c5a462
}
.tagcloud2 {
font-size: 1.4em;
color: #885a00;
z-index: 8
}
.tagcloud2 a {
color: #885a00
}
.tagcloud3 {
font-size: 1.6em;
color: #885a00;
z-index: 7
}
.tagcloud3 a {
color: #885a00
}
.tagcloud4 {
font-size: 1.7em;
color: #cb8f19;
z-index: 6
}
.tagcloud4 a {
color: #cb8f19
}
.tagcloud5 {
font-size: 1.7;
color: #cb8f19;
z-index: 5
}
.tagcloud5 a {
color: #cb8f19
}
.tagcloud6 {
font-size: 1.7em;
color: #c5a462;
z-index: 4
}
.tagcloud6 a {
color: #c5a462
}
.tagcloud7 {
font-size: 1.7em;
color: #885a00;
z-index: 3
}
.tagcloud7 a {
color: #885a00
}
.tagcloud8 {
font-size: 1.7em;
color: #cb8f19;
z-index: 2
}
.tagcloud8 a {
color: #cb8f19
}
.tagcloud9 {
font-size: 1.7em;
color: #c5a462;
z-index: 1
}
.tagcloud9 a {
color: #c5a462
}
.tagcloud10 {
font-size: 1.7em;
color: #885a00;
z-index: 0
}
.tagcloud10 a {
color: #885a00
}
.freq {
font-size: 10pt !important;
color: #bbb;
display: none;
}
/* RESULTAT OENOTOURISME */
#contentPrint .carnetVoyage ul li.lienPerso {
display: inline-block;
border-left: 1px solid #000;
padding-left: 10px;
}
#contentPrint .carnetVoyage ul li.lienPerso:first-child {
border-left: 0px;
}
.row.viticulteur .row {
margin-bottom: 40px;
}
.eventResult {
cursor: pointer;
}
.eventResult h3 {
font-weight: 700;
padding-bottom: 5px;
background: none;
color: #9d0034;
padding: 0px 0px 0px 0px;
font-size: 1.2em;
font-weight: 300;
}
.eventResult:hover h3 {
color: #a16b01;
}
.eventResult h4 {
padding-bottom: 0px;
color: #000;
}
.eventResult:hover h4 {
color: #a16b01;
}
.col-sm-4.col-sm-pull-8 .portlet, .col-sm-4.col-sm-pull-8 .portlet2, .col-sm-4.col-sm-pull-8 .portlet3, .col-sm-4.col-sm-pull-8 .portlet4 {
margin-top: 9px;
}
a.lienTexte {
color: #a16b01
}
a.lienTexte:hover {
color: #a16b01;
text-decoration: underline;
}
#itineraireEvent .cartouche {
color: #9d0034;
display: block;
float: left;
padding: 10px 0px;
font-weight: 700;
}
#itineraireEvent strong, #itineraireViti strong {
font-size: 1.05em;
font-weight: 700;
margin-bottom: 5px;
display: block;
}
#itineraireEvent p strong, #itineraireViti p strong {
font-size: 1em;
font-weight: 700;
margin-bottom: 5px;
display: inline;
}
#itineraireEvent p, #itineraireViti p {
margin-bottom: 10px;
}
#itineraireEvent a strong, #itineraireViti a strong {
font-size: 1em;
font-weight: 700;
margin-bottom: auto;
display: inline-block;
}
.input-group-addon.calendar {
cursor: pointer;
}
/* Cave virtuelle */
#title_history_back {
display: inline;
}
.typeahead.dropdown-menu {
background: #fff;
border: 1px solid #000;
padding: 0px 0px 0px 0px;
}
.typeahead.dropdown-menu li:first-child {
border-top: 0px;
}
.typeahead.dropdown-menu li {
list-style: none;
background: none;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ebebeb
}
.typeahead.dropdown-menu li a {
padding: 5px 5px 5px 5px;
}
.typeahead.dropdown-menu > .active > a, .typeahead.dropdown-menu > .active > a:hover, .typeahead.dropdown-menu > .active > a:focus {
background: #a16b01;
color: #fff;
}
/* Liens */
.paragraphe a {
color: #a16b01;
}
.paragraphe a:hover {
text-decoration: underline;
}
/* Bloc doré */
div.aRetenir a {
color: #a16b01;
}
div.aRetenir a:hover {
text-decoration: underline;
}
#resultatAppellation a span {
font-weight: lighter;
}
/* Agenda */
.encartTelechargement {
padding-top: 10px;
padding-bottom: 10px;
}
.encartTelechargementDesc {
width: 100px;
display: inline;
}
.encartTelechargementDesc p {
width: 100px;
display: inline;
}
/* Glossaire */
#glossaireBox {
position: absolute;
z-index: 3000;
padding: 5px;
margin-left: 0px;
margin-top: 0px;
}
#glossaireContent {
color: #000;
}
#glossaireContent .popover {
width: 290px;
max-width: none;
}
#glossaireContent .popover img {
max-width: 260px;
}
acronym {
border-bottom: 1px dashed #aaa;
}
/* Recette */
.step li.recetteEtapeDecalage {
margin-left: 20px;
}
.portlet4_recette {
border-top: 1px solid #000;
padding-top: 10px;
}
.recetteIngredient ul li {
font-weight: bold;
font-size: 12px;
background: none;
padding-left: 0px;
display: block;
line-height: 25px;
}
.recetteIngredient ul li a:hover {
color: #9d0034
}
/* Quizz */
.portlet2.portlet_quizz {
background: none;
margin-bottom: 0px;
}
.portlet2 ul li.lien.quizz-off {
font-weight: normal;
font-size: 12px;
background: url(../image/picto/fleche.jpg) no-repeat 0px 2px;
padding-left: 18px;
}
.portlet2 ul li.lien.quizz-on {
font-weight: normal;
font-size: 12px;
background: url(../image/picto/fleche_mordore.jpg) no-repeat 0px 2px;
padding-left: 25px;
padding-bottom: 10px;
display: block;
line-height: 20px;
color: #a16b01;
padding-left: 18px;
}
.portlet2 ul .lien.quizz-off:last-child {
padding-bottom: 10px;
}
.portlet2 ul li.lien.quizz-on a, .portlet2 ul li.lien.quizz-on a:hover, .portlet2 ul li.lien.quizz-on a:after {
color: #a16b01;
}
.portlet3_borderTop {
border-bottom: 0px solid #a16b01;
border-top: 0px solid #a16b01;
}
.portlet3_borderTop li {
cursor: pointer;
}
p.feuille-txt label {
text-align: left;
display: inline;
}
a.QuizzNext.disabled {
color: #ccc;
}
.portlet_quizz a.question.disabled {
cursor: default;
}
.portlet_quizz a.question {
cursor: pointer;
}
/* POPIN AGE LEGAL */
#controlAge #fondPopin {
background: #000 no-repeat;
padding: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#quizzSons {
margin-top: 0px;
}
#quizzSons #steps {
padding: 25px;
}
#quizzSons #steps p {
text-align: center;
margin-bottom: 0px;
font-size: 16px;
}
#quizzSons #steps p .img-responsive {
max-width: auto;
display: inline-block !important;
height: 100px;
margin-bottom: 0px;
}
#quizzSons #owl-demo .item h4 {
font-size: 35px !important;
bottom: 100px;
right: 25px;
}
}
@media only screen and (min-width: 768px) {
#videoPromo #close {
position: absolute;
top: 0px;
right: 5px;
font-size: 15pt;
}
#videoPromo iframe {
width: 640px;
height: 360px;
}
#videoPromo .modal-dialog {
width: 722px !important;
text-align: center;
}
#videoPromo .col-sm-5 {
float: none;
}
#videoPromo #divBoutonVideoPromo {
margin: auto;
}
#controlAge .modal-dialog {
width: 722px !important;
padding-top: 10%;
padding-bottom: 30px;
color: #fff;
}
#controlAge .modal-body {
padding: 10px 10px 10px 10px;
}
#controlAge .row {
margin-bottom: 0px;
}
#controlAge .titre {
font-family: 'Roboto', sans-serif;
font-size: 30px;
text-align: center;
padding-top: 180px;
color: #fff;
}
#controlAge .stitre {
font-family: 'Roboto', sans-serif;
font-size: 18px;
text-align: center;
color: #fff;
padding: 0px 30px 0px 30px;
}
#controlAge .btn {
padding: 5px 10px 3px 10px;
font-size: 16px;
font-family: 'Roboto', sans-serif;
text-align: left;
font-size: 15px;
}
#controlAge .btn img {
vertical-align: middle;
margin-right: 5px;
margin-top: -4px;
}
#controlAge .noter {
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#videoPromo iframe {
width: 100%;
height: 360px;
}
.addthis_toolbox.addthis_default_style {
margin-left: 100px !important;
}
#controlAge .modal-dialog {
color: #fff;
}
#controlAge .titre {
font-family: 'Roboto', sans-serif;
font-size: 25px;
text-align: center;
padding-top: 150px;
color: #fff;
}
#controlAge .stitre {
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-align: center;
color: #fff;
padding: 0px 30px 0px 30px;
}
#controlAge .btn {
padding: 3px 3px;
font-size: 13px;
text-align: center;
}
#controlAge .btn img {
vertical-align: middle;
margin-right: 5px;
margin-top: -4px;
}
#controlAge .noter {
text-align: left;
}
.row.masterEcole p {
width: 370px;
}
.row.masterEcole .endColumn {
width: 370px;
}
.masterEcole .endColumn div.imageMaster .imageTop {
margin-right: 20px;
}
#cookie_privacy {
margin-top: 50px;
}
#quizzSons {
margin-top: 0px;
}
#quizzSons #steps {
padding: 15px;
}
#quizzSons #steps p {
text-align: center;
margin-bottom: 0px;
font-size: 16px;
}
#quizzSons #steps p .img-responsive {
max-width: auto;
display: inline-block !important;
height: 100px;
margin-bottom: 0px;
}
#quizzSons .owl-carousel {
width: 100%;
margin: 0 auto;
}
#quizzSons #owl-demo .item {
height: 200px;
}
#quizzSons #owl-demo .item h4 {
font-size: 25px !important;
bottom: 70px;
right: 25px;
color: #8D0034;
}
#quizzSons .owl-theme .owl-controls {
width: 100%;
position: absolute;
margin-top: -48px;
}
#quizzSons .owl-prev {
position: absolute;
left: 0px;
background: url(../image/module/quizz_sons/prev_xs.gif);
width: 30px;
height: 44px;
}
#quizzSons .owl-next {
position: absolute;
right: 0px;
background: url(../image/module/quizz_sons/next_xs.gif);
width: 30px;
height: 44px;
}
#quizzSons .imageQuizzContainer {
padding: 0px;
}
#quizzSons .owl-confirmation {
padding: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
#videoPromo iframe {
width: 100%;
height: 240px;
}
.addthis_toolbox.addthis_default_style {
margin-left: 100px !important;
}
#controlAge .modal-dialog {
color: #fff;
}
#controlAge .titre {
font-family: 'Roboto', sans-serif;
font-size: 20px;
text-align: center;
padding-top: 100px;
color: #fff;
}
#controlAge .stitre {
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-align: center;
color: #fff;
padding: 0px 0px 0px 0px;
}
#controlAge .btn {
padding: 3px 1px;
font-size: 11px;
text-align: center;
}
#controlAge .btn img {
vertical-align: middle;
margin-right: 5px;
margin-top: -2px;
}
#controlAge .noter {
text-align: left;
}
.row.masterEcole p {
width: 348px;
}
.row.masterEcole .endColumn {
width: 348px;
}
.row.masterEcole {
margin-right: 15px;
margin-left: 15px;
}
.row.masterEcole > [class^="col-"], .row.masterEcole > [class*=" col-"] {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.masterEcole .endColumn div.imageMaster .imageTop {
margin-right: 20px;
width: 260px;
}
#cookie_privacy {
margin-top: 50px;
}
#quizzSons {
margin-top: 0px;
}
#quizzSons #steps {
padding: 15px;
}
#quizzSons #steps p {
text-align: center;
margin-bottom: 0px;
font-size: 16px;
}
#quizzSons #steps p .img-responsive {
max-width: auto;
display: inline-block !important;
height: 100px;
margin-bottom: 0px;
}
#quizzSons .owl-carousel {
width: 100%;
margin: 0 auto;
}
#quizzSons #owl-demo .item {
height: 170px;
}
#quizzSons #owl-demo .item h4 {
font-size: 25px !important;
bottom: 70px;
right: 25px;
color: #8D0034;
}
#quizzSons .owl-theme .owl-controls {
width: 100%;
position: absolute;
margin-top: -48px;
}
#quizzSons .owl-prev {
position: absolute;
left: 0px;
background: url(../image/module/quizz_sons/prev_xs.gif);
width: 30px;
height: 44px;
}
#quizzSons .owl-next {
position: absolute;
right: 0px;
background: url(../image/module/quizz_sons/next_xs.gif);
width: 30px;
height: 44px;
}
#quizzSons .imageQuizzContainer {
padding: 0px;
}
#quizzSons .owl-confirmation {
padding: 0px;
}
}
/** LISERET SUR LES TITRE **/
div.col-md-4 h3.liseretTitre {
background: url("../image/contenu/fioriture2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.col-md-4 h3.liseretTitre span {
background-color: white;
padding: 0 10px;
line-height: 1.5em;
}
div.col-md-12 h3.liseretTitre {
background: url("../image/contenu/fioriture2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.col-md-12 h3.liseretTitre span {
background-color: white;
padding: 0 10px;
line-height: 1.5em;
}
div.portlet2 h3.liseretTitre {
background: url("../image/contenu/fioriture2_portlet.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.portlet2 h3.liseretTitre span {
background-color: white;
padding: 0 10px;
}
div.portlet3 h3.liseretTitre {
background: url("../image/contenu/fioriture3.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.portlet3 h3.liseretTitre span {
background-color: white;
padding: 0 10px;
}
div.portlet4 h3.liseretTitre {
background: url("../image/contenu/fioriture2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.portlet4 h3.liseretTitre span {
background-color: white;
padding: 0 10px;
}
h2.liseretTitre {
background: url("../image/contenu/fioriture2.gif") no-repeat scroll 0 15px rgba(0, 0, 0, 0);
}
h2.liseretTitre span {
background-color: white;
padding: 0 10px;
}
div.portlet2 div.liseretTitre {
background: url("../image/contenu/fioriture2_portlet.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.portlet2 div.liseretTitre span {
background-color: white;
padding: 0 10px;
font-size: 16px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
color: #a16b01;
text-transform: uppercase;
}
div.portlet3 div.liseretTitre {
background: url("../image/contenu/fioriture3.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.portlet3 div.liseretTitre span {
background-color: white;
padding: 0 10px;
font-size: 16px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
color: #a16b01;
text-transform: uppercase;
}
div.portlet4 div.liseretTitre {
background: url("../image/contenu/fioriture2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
div.portlet4 div.liseretTitre span {
background-color: white;
padding: 0 10px;
font-size: 16px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
color: #a16b01;
text-transform: uppercase;
}
.portlet3.new div.liseretTitre h2 {
background: inherit;
text-align: center;
}
/** Ecole des vins **/
.portlet4.ecole_vin {
border-bottom: 0px solid #000;
padding: 0;
margin: 0;
}
.encart_gris {
background: #f2f2f2;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.encart_gris button.btn-default {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
.encart_gris_titre {
color: #9d0034;
font-size: 18px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
margin-bottom: 0px;
padding-bottom: 5px;
}
.row.noPadding {
padding: 0px !important;
margin: 0px !important;
}
div.h2Accroche.ecoleVin {
padding: 0px 0px 0px 0px !important;
margin: 0 !important;
margin-bottom: 20px !important;
}
div.h2Accroche.ecoleVin img {
width: 100% !important;
height: auto !important;
padding-left: 0px;
margin-left: 0px;
}
.bloc_dore a {
display: block;
width: 100%;
height: 100%;
color: #fff;
background: url(../image/picto/puce_ecole.png) no-repeat right center #a16b01;
cursor: pointer;
padding: 15px 8px 15px 8px;
line-height: 15px;
}
.bloc_dore a span {
color: #fff;
font-size: 18px;
font-weight: 300;
}
.portlet3.ecoleVin {
border-bottom: 1px solid #a16b01;
padding: 0 0 10px 0;
margin: 0 0 30px 0;
width: 100%;
}
.portlet3.ecoleVin .liseretTitre {
padding-bottom: 5px;
}
/** INCONTOURNABLE */
.grid {
margin-left: -5px;
margin-right: -5px;
}
.grid .grid-item {
float: left;
width: 33%;
padding: 5px;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.grid .grid-item {
width: 50%;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.grid .grid-item {
width: 100%;
}
}
.incontournables-list .incontournable {
position: relative;
box-sizing: border-box;
padding: 10px;
background: #efede9;
cursor: pointer;
}
.incontournables-list .incontournable img.img-responsive {
margin-bottom: 15px;
}
.incontournables-list .incontournable h2 {
color: #9d0034;
background: none;
padding: 0;
font-size: 18px;
font-weight: 400;
}
.incontournables-list .incontournable h2 a {
color: #9d0034;
}
.incontournables-list .incontournable p {
font-weight: 300;
}
.incontournables-list .incontournable a.incontournable-anchor {
position: absolute;
right: 10px;
bottom: 10px;
}
/** MEDIATHEQUE **/
.mediatheque [class*="block-grid-"] {
margin: -15px;
}
.mediatheque .block-grid-item {
margin: 0;
}
.mediatheque p.accroche {
font-size: 16px;
margin-bottom: 5px;
}
.mediatheque .filters {
position: relative;
background: #f2f2f2;
padding: 20px;
margin-bottom: 50px;
}
.mediatheque .filters .row, .mediatheque .media-card .row {
margin : 0 -15px 0 -15px;
}
.mediatheque .filters .form-group {
margin-bottom: 20px;
}
.mediatheque .filters .form-control {
display: block;
}
.mediatheque .filters label {
font-weight: 400;
}
.mediatheque .filters .submit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #a16b01;
border: 0;
width: 8%;
}
.mediatheque .sort-criteria {
margin-bottom: 30px;
}
.mediatheque .sort-criteria .label {
color: black;
font-weight: 400;
font-size: 13px;
}
.mediatheque .sort-criteria .badge {
border-radius: 10px;
background: #f2f2f2;
opacity: 0.25;
}
.mediatheque .sort-criteria .badge a {
color: black;
}
.mediatheque .sort-criteria .badge a:hover {
color: black;
}
.mediatheque .sort-criteria .badge.active {
opacity: 1;
}
.mediatheque .mediatheque-theme {
margin-bottom: 30px;
}
.mediatheque .mediatheque-theme .mediatheque-theme-list {
margin-bottom: 40px;
}
.mediatheque .mediatheque-theme-see-all {
text-align: right;
}
.mediatheque .mediatheque-theme-see-all img {
vertical-align: bottom;
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.mediatheque .filters .submit {
width: 100%;
position: relative;
padding: 5px;
}
}
.media-thumb {
position: relative;
}
.media-thumb:hover {
cursor: pointer;
}
.media-thumb .image {
position: relative;
margin-bottom: 10px;
}
.media-thumb .image.empty {
background: #efede9;
min-height: 175px;
}
.media-thumb .image::before {
content: "";
background: rgba(255,255,255, 0.25);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: opacity 0.3s ease;
z-index:5;
}
.media-thumb:hover .image::before {
opacity: 1;
}
.media-thumb .image img {
width:100%;
}
.media-thumb .media-link a {
opacity: 0;
position: absolute;
top: 10px;
right: 10px;
transition: opacity 0.3s ease;
z-index:10;
display: inline-block;
color: white;
font-size: 32px;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
background: rgb(161, 107, 1);
background: rgba(161, 107, 1, 0.5);
}
.media-thumb .media-link a:hover {
color: white;
}
.media-thumb:hover .media-link a {
opacity: 1;
}
.media-thumb .image .media-icon {
height: 40px;
width: 40px;
font-size: 24px;
line-height: 40px;
border-radius: 20px;
position: absolute;
z-index:3;
background: rgba(0,0,0,0.8);
color: white;
bottom: 15px;
left: 15px;
text-align: center;
}
.media-thumb .image.empty .media-icon {
font-size: 40px;
height: 66px;
width: 66px;
border-radius: 33px;
line-height: 66px;
background: white;
color: #9d0034;
left: 50%;
margin-left: -33px;
top: 50%;
margin-top: -33px;
}
.media-thumb .media-title {
font-size: 16px;
color: #9d0034;
}
.media-thumb .media-title a {
color: inherit;
}
.mediatheque .owl-carousel {
margin: 0 35px 45px;
}
.mediatheque .owl-carousel .item {
padding: 0 15px;
}
.mediatheque .owl-carousel .owl-buttons div {
position: absolute;
top:50%;
margin-top: -22px;
}
.mediatheque .owl-carousel .owl-buttons .owl-prev {
left: -35px;
}
.mediatheque .owl-carousel .owl-buttons .owl-next {
right: -35px;
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.mediatheque .owl-carousel {
margin: 0 -15px 45px;
}
}
.mediatheque .media-card {
margin-bottom: 70px;
}
.mediatheque .media-card a {
color: #a16b01;
}
.mediatheque .media-card .media-properties {
position: relative;
padding: 20px 0;
}
.mediatheque .media-card img.img-responsive {
margin-bottom: 15px;
}
.mediatheque .media-card .media-properties:before, .mediatheque .media-card .media-properties:after {
content: "";
background: #5d5d5d;
height: 1px;
width: 50px;
position: absolute;
left: 0;
}
.mediatheque .media-card .media-properties:before {
top: 0;
}
.mediatheque .media-card .media-properties:after {
bottom: 0;
}
.mediatheque .media-card .media-properties, .mediatheque .media-card .media-keywords {
color: #5d5d5d;
}
.mediatheque .media-card .media-keywords {
line-height: 20px;
}
.mediatheque .media-card .btn.btn-primary {
padding: 15px;
font-size: 18px;
color: white;
background: #a16b02;
border: none;
}
.mediatheque .media-card .btn.btn-primary .icon {
font-size: 32px;
}
.mediatheque .media-card .btn.btn-primary .pull-left {
margin-top: 5px;
}
.mediatheque .media-card .btn.btn-primary:hover, .mediatheque .media-card .btn.btn-primary:active {
background: #7e4c02;
}
.mediatheque .media-card .media-keywords .badge {
color: black;
background: #f2f2f2;
font-weight: 300;
}
.mediatheque .media-card .media-keywords .badge + .badge {
margin-left: 10px;
}
/** NOUVEAU LISERET TITRE */
.liseretTitle {
text-align: center;
position: relative;
padding: 0;
background: none;
color: #161616;
margin-bottom: 15px;
}
.liseretTitle::before {
content: "";
position: absolute;
top: 50%;
height: 1px;
left: 0;
right: 0;
z-index: -1;
background: #161616;
}
.liseretTitle span, .liseretTitle nav {
display: inline-block;
background: white;
padding: 0 20px;
}
.liseretTitle.red {
color: #9d0034;
}
.liseretTitle.red::before {
background: #9d0034;
}
/** INCONTOURNABLES **/
.grid {
margin-left: -5px;
margin-right: -5px;
}
.grid .grid-item {
float: left;
width: 33%;
padding: 5px;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.grid .grid-item {
width: 50%;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.grid .grid-item {
width: 100%;
}
}
.incontournables-list .incontournable {
position: relative;
box-sizing: border-box;
padding: 10px;
background: #efede9;
cursor: pointer;
}
.incontournables-list .incontournable img.img-responsive {
margin-bottom: 15px;
}
.incontournables-list .incontournable h2 {
color: #9d0034;
background: none;
padding: 0;
font-size: 18px;
font-weight: 400;
}
.incontournables-list .incontournable h2 a {
color: #9d0034;
}
.incontournables-list .incontournable p {
font-weight: 300;
}
.incontournables-list .incontournable a.incontournable-anchor {
position: absolute;
right: 10px;
bottom: 10px;
}
/* liste appellations */
#resultatListeAppellation ul li { list-style: none; padding:5px 8px 5px 38px; position: relative; font-size:12px; background-image:url(../image/picto/puce_lien.gif); background-position:calc(100% - 10px) 10px; background-repeat: no-repeat; }
#resultatListeAppellation ul li::before,#resultatListeAppellation ul li::after {content: " "; display: table;}
#resultatListeAppellation ul li::after {clear: both;}
#resultatListeAppellation ul li.child {padding:1px 8px 1px 50px; background-position:calc(100% - 10px) 8px; background-repeat: no-repeat;}
#resultatListeAppellation ul li u { display: block; text-decoration: none; box-sizing: border-box; float: left; position: relative; min-height: 1px; width: 50%;}
#resultatListeAppellation ul li span { display: block; float: right; box-sizing: border-box; position: relative; min-height: 1px; width: 50%; font-weight: normal;}
#resultatListeAppellation ul li span span {display: inline-block; float: left; width: 130px; margin-left: 30px; box-sizing: border-box; position: relative; min-height: 1px; color: #5D5D5D;}
#resultatListeAppellation ul li i { font-style: normal; font-weight: 300; }
#resultatListeAppellation ul li:hover, #resultatListeAppellation ul li:focus, #resultatListeAppellation ul li:active { background-color: #f8f8f8; background-image: url(../image/picto/puce_lien_on.gif);background-repeat: no-repeat;}
#resultatListeAppellation ul li:hover a, #resultatListeAppellation ul li:focus a, #resultatListeAppellation ul li:active a {color:#9D0034}
#resultatListeAppellation ul li ul { margin-top: 0px;}
#resultatListeAppellation ul li::before { content: ''; position: absolute; left: 22px; top: 9px; background-image: url(../image/contenu/puce.png); background-repeat: no-repeat; width: 8px; height: 9px;}
#resultatListeAppellation ul li.child::before{ display:none;}
#resultatListeAppellation ul li .lien { font-size:13px; padding-right:15px; display: block; background-position:calc(100% - 2px) 6px; width: 100%; background: none;}
#resultatListeAppellation ul li.child .lien { font-family:'Roboto', sans-serif; font-weight: 300; }
#resultatListeAppellation.sound ul li { background: none;}
#resultatListeAppellation.sound ul li a {display: inline-block; float: right;}
#resultatListeAppellation.sound ul li:hover, #resultatListeAppellation.sound ul li:focus, #resultatListeAppellation.sound ul li:active { background-color: #f8f8f8;}
#resultatListeAppellation.sound ul li.title:hover, #resultatListeAppellation.sound ul li.title:focus, #resultatListeAppellation.sound ul li.title:active {background: #fff;}
#resultatListeAppellation.sound ul li a.sound { display: inline-block; width: 16px; height: 16px; background-image: url(../image/picto/sound.png); background-repeat: no-repeat; background-position: center center; margin-left: 7px;}
#resultatListeAppellation.sound ul li a.lien { background-image: none !important; display:block; float: none; width: calc(100% - 40px); }
#resultatListeAppellation.sound ul li.title::before { display: none;}
#resultatListeAppellation.sound ul li.title u { width: 55%; font-size: 10px;}
#resultatListeAppellation.sound ul li.title {position: relative; padding-bottom: 20px; margin-bottom: 5px}
#resultatListeAppellation.sound ul li.title::after {content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #A26C01; left: 0; bottom: 0}
#resultatListeAppellation.sound ul li.title span.sound {display: inline-block; width: 90px; text-align: right; font-size: 10px;}
#resultatListeAppellation.sound ul li.title span span { margin-left: 0px; display: inline-block; width: 140px; text-align: left; font-size: 10px;}
#resultatListeAppellation.sound.jp ul li u { width: 50%}
#resultatListeAppellation.sound.jp ul li { padding-right: 0px;}
#resultatListeAppellation.sound.jp ul li span { width: 140px;}
#resultatListeAppellation.sound ul li.title span { width: 140px;}
#resultatListeAppellation.sound.jp ul li a.sound { width: 78px; margin-left: 10px;}
#resultatListeAppellation.sound.jp ul li span span {margin-left: 0px;}
#resultatListeAppellation.sound.jp ul li i { letter-spacing: -0.3em; }
#resultatListeAppellation.sound.cn ul li.title { padding-bottom: 30px; margin-bottom: 10px}
#resultatListeAppellation.sound.cn ul li u { font-size: 13px; width: 100%;}
@media only screen and (max-width: 1200px){
#resultatListeAppellation.sound.jp ul li u { width: 45%;}
}
@media only screen and (max-width: 768px){
#resultatListeAppellation.sound ul li.title {display: none;}
#resultatListeAppellation.sound.jp ul li a.sound {width: 16px; height: 16px;margin-left: 7px; text-align: center;}
#resultatListeAppellation.sound.jp ul li u { width: 100%;}
#resultatListeAppellation.sound.jp ul li span { width: 100%;}
#resultatListeAppellation.sound ul li.title span { width: 100%;}
#resultatListeAppellation ul li .lien {background-position: 100% 8px }
#resultatListeAppellation ul li { padding-left: 25px;}
#resultatListeAppellation ul li::before { left: 10px;}
#resultatListeAppellation ul li span { display: block; float: none; width: 100%;}
#resultatListeAppellation ul li u {display: block; float: none; width: 100%;}
#resultatListeAppellation ul li span span {display: block; float: none; width:inherit; margin-left: 0px;}
#resultatListeAppellation ul li.child {padding:1px 8px 1px 35px;}
}
/** Module Newsletter **/
.hideOnline {
display: none;
}
.newsletter_para_text_court {
display: none;
}
h4.newsletterh4, #newsletter_body #newsletter h4 {
text-align: left;
}
body#newsletter_body #newsletter .newsletter_articlePhare, body.newsletter_body #newsletter .newsletter_articlePhare {
margin-top: 14px;
}
.message-newsletter-unsubscribe {
font-weight: bold;
margin-top: 40px;
margin-bottom: 40px;
}