/***********************************************************
		  GRIMALDI FORUM - 2014 - GLOBAL
***********************************************************
		   			Global styles
**********************************************************/
/*FONT FACE GRIMALDI FORUM LIGHT/BOOK/MEDIUM/BOLD */
@font-face { font-family: 'grimaldiforum-light'; src: url('../fonts/GrimaldiForum-Light.eot'); src: url('../fonts/GrimaldiForum-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GrimaldiForum-Light.woff') format('woff'), url('../fonts/GrimaldiForum-Light.ttf') format('truetype'), url('../fonts/GrimaldiForum-Light.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'grimaldiforum-book'; src: url('../fonts/GrimaldiForum-Book.eot'); src: url('../fonts/GrimaldiForum-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/GrimaldiForum-Book.woff') format('woff'), url('../fonts/GrimaldiForum-Book.ttf') format('truetype'), url('../fonts/GrimaldiForum-Book.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'grimaldiforum-medium'; src: url('../fonts/GrimaldiForum-Medium.eot'); src: url('../fonts/GrimaldiForum-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GrimaldiForum-Medium.woff') format('woff'), url('../fonts/GrimaldiForum-Medium.ttf') format('truetype'), url('../fonts/GrimaldiForum-Medium.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'grimaldiforum-bold'; src: url('../fonts/GrimaldiForum-Bold.eot'); src: url('../fonts/GrimaldiForum-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GrimaldiForum-Bold.woff') format('woff'), url('../fonts/GrimaldiForum-Bold.ttf') format('truetype'), url('../fonts/GrimaldiForum-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }

/*GLOBAL STYLE*/
body{ font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:1em; letter-spacing:0; font-weight:normal; margin:0; padding:0; color:#000000; background: #ffffff; }
fieldset .input-select { width: 180px; overflow: hidden; font-weight:normal; color:#000000; background: #ffffff url(../img/gui/input-select.png) no-repeat 95% 50%; background-size: 16px; }
fieldset .input-select select{ width:100%; background: transparent; padding:.4em 1em .4em .5em; border: 0; border-radius: 0; font-size:.9em; color:#000000; font-weight:normal; -webkit-appearance: none; }
fieldset input.text { background-color: #ffffff; color:#575757; text-transform:uppercase; border:0; border-radius:0; width:115px; font-size:.9em; font-weight:600; padding:.4em 1em; }
fieldset input.submit { background: #e52226; color:#ffffff; font-size:.9em; text-decoration: none; cursor: pointer; border:0; border-radius:0; padding:.4em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; width: 25px;}
fieldset input.submit:hover { background:#000000; color:#ffffff; }
.container { display:block; position:relative; margin: 0; *zoom: 1; overflow:hidden; min-width:320px; }
.global { overflow: hidden; *zoom: 1; width:100%; max-width:1135px; margin: auto;  }

/* HEADER */
header { display:block; position:relative; width:100%; padding:0; background: #ffffff; }
header a.togglemenu { display:none; }
header a h1{ display:block; position: relative; float:left; margin: .7em 0 0 0.5em; }
header a h1 img{ display:block; position: relative; width:280px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
header a h1 img:hover{ -moz-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -khtml-opacity: 0.8; }
header .navigation{ display:block; position: relative; height:90px; float:right; font-family: 'grimaldiforum-bold', Arial, sans-serif; font-size:.8em; text-transform:uppercase; margin: .1em 1em 0 0; }
header .navigation nav ul li{ display:block; float:left; margin: 0 .6em 0 0; }
header .navigation nav ul li a{ color:#000000; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
header .navigation nav ul li a:hover{ text-decoration:none; color:#e52226;  }
header .navigation nav ul li a.ext{ color:#e52226; }
header .navigation nav ul li a.ext:hover{ color:#000000; }
header .navigation nav ul li a.langue{ font-family: 'grimaldiforum-book', Arial, sans-serif; }
header .navigation nav ul li.separateur{ border-right:2px solid #e52226; padding:5px 0; margin-top:3px; }
header .navigation nav ul li.separateur-langue{ border-right:2px solid #000000; }
header .navigation nav.exergue{ display:block; position:relative; float:right; padding:1.1em 0; }
header .navigation nav.principale { clear:both; }
header .navigation nav.principale ul li { margin:0; padding: 9px 7px 18px 7px; }
header .navigation nav.principale ul li.separateur { margin:0; padding:5px 0; margin-top:12px; }
header .navigation nav.principale ul li.separateur-disable { border-right:2px solid #ffffff; }
header .navigation nav.principale ul li.current { background:#e52226; }
header .navigation nav.principale ul li.current a { color:#ffffff; font-family: 'grimaldiforum-medium', Arial, sans-serif; }
header .toolbar{ display:block; position: relative; float:right; background:#ea7578; }
header .toolbar ul li{ display:block; float:left; }
header .toolbar ul li.visite{ clear:both; }
header .toolbar ul li a{ display:block; width:45px; height:45px; background:#e52226; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
header .toolbar ul li a span{ display:none; }
header .toolbar ul li.recherche a{ margin: 0 1px 1px 0; background: #e52226 url("../img/gui/header-picto-recherche.png") no-repeat 50% 50%; background-size: 45%; }
header .toolbar ul li.recherche a:hover{ background: #575757 url("../img/gui/header-picto-recherche.png") no-repeat 50% 50%; background-size: 50%; }
header .toolbar ul li.contact a{ margin: 0 0 1px 0; background: #e52226 url("../img/gui/header-picto-contact.png") no-repeat 50% 50%; background-size: 55%;  }
header .toolbar ul li.contact a:hover{ background: #575757 url("../img/gui/header-picto-contact.png") no-repeat 50% 50%; background-size: 60%; }
header .toolbar ul li.visite a{ margin: 0 1px 0 0; background: #e52226 url("../img/gui/header-picto-visite-virtuelle.png") no-repeat 50% 50%; background-size: 65%; }
header .toolbar ul li.visite a:hover{ background: #575757 url("../img/gui/header-picto-visite-virtuelle.png") no-repeat 50% 50%; background-size: 70%; }
header .toolbar ul li.pratique a{ margin:0; background: #e52226 url("../img/gui/header-picto-pratique.png") no-repeat 50% 50%; background-size: 60%; }
header .toolbar ul li.pratique a:hover{ background: #575757 url("../img/gui/header-picto-pratique.png") no-repeat 50% 50%; background-size: 65%; }
header .toolbar ul li a .legende{ display:none; position:absolute; z-index:110; background:#575757; font-family: 'grimaldiforum-book', Arial, sans-serif; letter-spacing:.5px; padding: 1.2em; color:#ffffff; font-size:.75em; text-transform:uppercase; }
header .toolbar ul li a .over-contact{  top:0; right:3.75em; }
header .toolbar ul li a .over-visite{ top:7.55em; right:3.75em; }
header .toolbar ul li a .over-pratique{ top:7.55em; right:0; }
header .toolbar ul li a .over-recherche{ top:0; right:7.5em; width:170px; padding: 1em 1em 1em 2em; }
.header-fin{ display:block; position:relative; float:left; width:100%; border-bottom:5px solid #ededed; }

#menumobile{ text-transform:uppercase; font-size:.8em; }
#menumobile .top a.langue{ background:transparent;  }
#menumobile .top li { margin-bottom:.5em; }
#menumobile .top li a{ text-decoration:none; color:#ffffff; background:#e52226; padding: .25em .5em;  }
#menumobile a.logo{ display:block; position:relative; width:160px; margin:1em 0 0 0; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -khtml-opacity: 0.4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
#menumobile a.logo:hover{ -moz-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: 0.7; }

/* FOOTER */
footer{ display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:2em; *zoom: 1; color:#ffffff; background: #676767; z-index:300; }
footer a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .contact{ display:block; position:relative; float:right; overflow:hidden; width:210px; margin: 0 4em 0 0; }
footer .contact h2{ font-family: 'grimaldiforum-book', Arial, sans-serif; padding:0; margin:.6em 0 0 0; font-weight:100; color:#ffffff; font-size:.75em; text-transform:uppercase; }
footer .contact ul{ list-style: none; margin:1em 0 1em 0; display:block; float:left; overflow:hidden; padding:0; }
footer .contact ul li{ float:left; }
footer .contact ul li a{ display:block; width:30px; height:30px; margin: 0 .2em 0 0;  text-indent: 100%; white-space: nowrap; overflow: hidden; }
footer .contact ul li a:hover{ -moz-opacity: 0.7; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: 0.7; }
footer .contact ul li a.facebook{background: transparent url("../img/gui/footer-social-facebook.png") no-repeat 50% 50%; background-size: 30px; }
footer .contact ul li a.twitter{background: transparent url("../img/gui/footer-social-twitter.png") no-repeat 50% 50%; background-size: 30px;  }
footer .contact ul li a.linkedin{background: transparent url("../img/gui/footer-social-linkedin.png") no-repeat 50% 50%; background-size: 30px;  }
footer .contact ul li a.youtube{background: transparent url("../img/gui/footer-social-youtube.png") no-repeat 50% 50%; background-size: 30px;  }
footer .contact ul li a.rss{background: transparent url("../img/gui/footer-social-rss.png") no-repeat 50% 50%; background-size: 30px; }
footer .contact ul li a.instagram{background: transparent url("../img/gui/footer-social-instagram.png") no-repeat 50% 50%; background-size: 30px; }
footer .contact fieldset{ padding-top:.3em; display:block; float:left; clear:both; }
footer .contact fieldset input.text { font-size:.7em; margin:0; }
footer .contact fieldset input.submit { font-size:.7em; }
footer .contact fieldset .erreur { display:none; margin:.5em 0 0 0; font-size:.7em; background: #e52226; color:#ffffff; padding:.3em; }
footer .sitemap{ display:block; position:relative; float:left; }
footer .sitemap div{ display:block; position:relative; float:left; width:170px; margin-right:2em; }
footer .sitemap div h2{ margin:0; padding:0; line-height:.5em; margin-bottom:1em; font-size:.7em;}
footer .sitemap div h2 a{ font-family: 'grimaldiforum-book', Arial, sans-serif; padding:0; margin:0; color:#ffffff; text-transform:uppercase; }
footer .sitemap div h2 a:hover { text-decoration:none; color:#cfcfcf; }
footer .sitemap div ul{ list-style: none; display:block; line-height:1em; margin:0; padding:0 0 0 .8em; list-style-image: url('../img/gui/liste-tiret.png'); }
footer .sitemap div ul li a{ font-family: 'grimaldiforum-light', Arial, sans-serif; font-size:.75em; color:#ffffff;  }
footer .sitemap div ul li a:hover{ text-decoration:none; color:#cfcfcf;  }
footer .sitemap div.externe{ width: 150px; }
footer .sitemap div.externe ul{ list-style: none; line-height:1.4em; padding: .1em 0 0 .8em; }
footer .sitemap div.externe ul li a{ font-family: 'grimaldiforum-book', Arial, sans-serif; text-transform:uppercase; padding: .25em .5em; }
footer .sitemap div.externe ul li.event a{ background:#e52226; }
footer .sitemap div.externe ul li.event a:hover{ background:#000000; color:#ffffff; }
footer .partenaire{ display:block; position:relative; float:left; clear:both; margin-top:1em; }
footer .partenaire a{ display:block; position: relative; float:left; margin: 0 2em 0 0; }
footer .partenaire a img{ display:block; position: relative; width:130px; -moz-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: 0.7; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .partenaire a img.second{ width:120px;}
footer .partenaire a:hover img{ -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; }
footer a.logo{ display:block; position:relative; float:right; width:160px; margin:2.2em 7em 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
footer a.logo:hover{  -moz-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: 0.7; }
footer .mention{ display:block; position:relative; clear:both; float:left; margin-top:1em; font-family: 'grimaldiforum-book', Arial, sans-serif; color:#ffffff; font-size:.7em; text-transform:uppercase; }
footer .mention a{ color:#ffffff; font-size:1em; }
footer .mention a:hover{ text-decoration:none; color:#cfcfcf; }


/* CONTENT GENERIQUE */
.content { display:block; position:relative; clear:both; overflow: hidden; width: 100%; height: auto; *zoom: 1; }
.content .wrapper{ display:block; position:relative; clear:both;}
@media (min-width: 800px) {.content .wrapper{min-height: 1000px;}}
/* Diaporama haut de page */
.content .diaporama { display:block; position:relative; overflow: hidden; width: 100%; height: auto; *zoom: 1; }
.content .diaporama .slideshow{ margin:0; padding:0; width:100%; height: auto; position: relative;}
.content .diaporama .slideshow div{ width: 100%; height: auto; }
.content .diaporama .slideshow div a{ display:block; }
.content .diaporama .slideshow div img{ width: 100%; height: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;  }
.content .diaporama .slideshow div .cycle-overlay{ position: absolute; margin:0; padding:0; bottom:6em; left:2em; width:auto; height: auto; z-index: 110; overflow:hidden; }
.content .diaporama .slideshow div .cycle-overlay span.categorie{ display:block; float:left; background:#cc3333; color:#ffffff; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:100; font-size:.9em; letter-spacing:1px; padding:.2em .6em; }
.content .diaporama .slideshow div .cycle-overlay h1{ display:block; clear:both; float:left; position:relative; font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:5em; margin-top:.5em; }
.content .diaporama .slideshow div .cycle-overlay h2{ display:block; clear:both; float:left; position:relative; font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:2em; margin-top:.5em; }
.content .diaporama .slideshow div .cycle-overlay h1 span,
.content .diaporama .slideshow div .cycle-overlay h2 span{ display:block; clear:both; float:left; background:rgba(255,255,255,0.7); color:#000000; padding:0 .5em; margin-bottom:.1em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .diaporama .nav { z-index: 110; position: absolute; bottom: .8em; right:1.5em; overflow: hidden; }
.content .diaporama .nav span { background: #ffffff; border-radius: 15px; width: 12px; height: 12px; border:3px solid #ffffff; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: .2em; overflow: hidden; text-indent: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; }
.content .diaporama .nav span.cycle-pager-active { background: #575757; }
.content .diaporama .slideshow div a:hover .cycle-overlay h2 span{ background:rgba(255,255,255,1); }
.content .diaporama .slideshow div a:hover img{ -webkit-filter: brightness(115%); }
.videoWrapper {	position: relative;	padding-bottom: 47.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Colonne de gauche */
.content .colonne { display:block; position:absolute; top:0; left:0; width:280px; overflow:hidden; }
.content .colonne .stickymenu { display:block; width:280px; overflow:hidden; }
.content .colonne .bloc{ display:block; overflow:hidden; position:relative; color:#ffffff; background: #676767; font-family: 'grimaldiforum-light', Arial, sans-serif; font-size:.8em; font-weight:normal; margin-top:1px; }
.content .colonne .bloc h3{ display:block; text-transform:uppercase; font-size:1.6em; line-height:1.3em; font-weight:normal; margin:1.2em 2em 0 2em; }
.content .colonne .bloc.bloc-titre{min-height: 126px;}
.content .colonne .bloc p{ display:block; margin: 1em 3.3em; }
.content .colonne .bloc .agenda{ display:block; margin: 2.8em 2.8em 1.5em 2.8em; }
.content .colonne .bloc a.bouton{ display:block; float:left; clear:both; width:2.5em; height:2.5em; background: #e52226; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne .bloc a.calendar{ background: #e52226 url("../img/gui/picto-agenda.png") no-repeat .3em 50%; background-size: 25px; }
.content .colonne .bloc a.calendar:hover { background: #000000 url("../img/gui/picto-agenda.png") no-repeat .3em 50%; background-size: 25px; }
.content .colonne .bloc a.espace-pro{position: absolute; background: #e52226 url("../img/gui/picto-espace-pro.png") no-repeat .3em 50%; background-size: 25px; }
.content .colonne .bloc a.espace-pro:hover { background: #000000 url("../img/gui/picto-espace-pro.png") no-repeat .3em 50%; background-size: 25px; }

.content .colonne .menu{ background:#ffffff; }
.content .colonne .menu ul li a{ display:block; font-family: 'grimaldiforum-light', Arial, sans-serif; font-size:1.3em; color:#ffffff; font-weight:normal; padding:1em 2.5em; margin-bottom:1px; background: #676767 url("../img/gui/arrow-next.png") no-repeat 93% 50%; background-size: 16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne .menu ul li a:hover{ text-decoration:none; background: #e52226 url("../img/gui/arrow-next.png") no-repeat 95% 50%; background-size:16px; }
.content .colonne .menu ul li.current a,
.content .colonne .menu ul li.selection a{ background: #e52226 url("../img/gui/arrow-bottom.png") no-repeat 93% 50%; background-size:21px; }
.content .colonne .menu ul li.no-submenu a{ background-image:none; }
.content .colonne .menu ul.sousmenu-niveau1{ display:none; }
.content .colonne .menu ul.sousmenu-niveau2{ display:none; }
.content .colonne .menu ul.sousmenu-niveau1 li a{ font-family: 'grimaldiforum-light', Arial, sans-serif; color:#575756; background: #cccccc url("../img/gui/arrow-next.png") no-repeat 93% 50%; background-size: 16px; }
.content .colonne .menu ul.sousmenu-niveau1 li a:hover { color:#ffffff; background: #e52226 url("../img/gui/arrow-next.png") no-repeat 95% 50%; background-size: 16px; }
.content .colonne .menu ul.sousmenu-niveau1 > li.current > a,
.content .colonne .menu ul.sousmenu-niveau1 li.selection > a{ color:#ffffff; background: #e52226 url("../img/gui/arrow-bottom.png") no-repeat 93% 50%; background-size:21px; }
.content .colonne .menu ul.sousmenu-niveau1 li.no-submenu a{ background-image:none; }
.content .colonne .menu ul.sousmenu-niveau2 li a{ font-family: 'grimaldiforum-light', Arial, sans-serif; color:#ffffff; background: #ec6b66; margin:0; padding:0.5em 2em 0.5em 2.3em; }
.content .colonne .menu ul.sousmenu-niveau2 li a:hover,
.content .colonne .menu ul.sousmenu-niveau2 > li.current > a,
.content .colonne .menu ul.sousmenu-niveau2 li.selection a { color:#ffffff; background: #e52226; }

.content .colonne .bloc-exergue{ color:#000000; background: #cccccc; font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:.8em; font-weight:normal; padding-bottom: 30px;}
.content .colonne .bloc-exergue h4{ display:block; text-transform:uppercase; color:#e52226; font-family: 'grimaldiforum-light', Arial, sans-serif; font-size:1.6em; line-height:1.3em; font-weight:normal; margin:1.2em 2em .5em 2em; }
.content .colonne .bloc-exergue ul{ display:block; color:#000000; font-size:1em; line-height:1.3em; font-weight:normal; margin:0 2em 0em 4.3em; padding:0; }
.content .colonne .bloc-exergue ul li a{ text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;  }
.content .colonne .bloc-exergue ul li a:hover{ text-decoration:none; color:#e52226; }
.content .colonne a.reservation{ display:block; position:relative; font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:.75em; color:#ffffff; text-transform:uppercase; background: #e52226 url("../img/gui/picto-reserver.png") no-repeat .5em 50%; background-size: 28px; padding:.6em 2em .6em 3.5em; margin: .4em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne a.reservation:hover{ text-decoration:none; background: #000000 url("../img/gui/picto-reserver.png") no-repeat .5em 50%; background-size: 30px; }
.content .colonne a.plan-acces{ display:block; position:relative; font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:.75em; color:#ffffff; text-transform:uppercase; background: #e52226 url("../img/gui/header-picto-pratique.png") no-repeat .5em 50%; background-size: 20px; padding:.6em 2em .6em 3.5em; margin: .4em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne a.plan-acces:hover{ text-decoration:none; background: #000000 url("../img/gui/header-picto-pratique.png") no-repeat .5em 50%; background-size: 22px; }
.content .colonne a.contact{ display:block; position:relative; font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:.75em; color:#ffffff; text-transform:uppercase; background: #e52226 url("../img/gui/header-picto-contact.png") no-repeat .5em 50%; background-size: 22px; padding:.6em 2em .6em 3.5em; margin: .4em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne a.contact:hover{ text-decoration:none; background: #000000 url("../img/gui/header-picto-contact.png") no-repeat .5em 50%; background-size: 24px; }
.content .colonne a.visualiser{ display:block; position:relative; font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:.75em; color:#ffffff; text-transform:uppercase; background: #e52226 url("../img/gui/header-picto-visite-virtuelle.png") no-repeat .5em 50%; background-size: 28px; padding:.6em 2em .6em 3.5em; margin: .4em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne a.visualiser:hover{ text-decoration:none; background: #000000 url("../img/gui/header-picto-visite-virtuelle.png") no-repeat .5em 50%; background-size: 30px; }
.content .colonne a.recherche{ display:block; position:relative; font-family: 'grimaldiforum-book', Arial, sans-serif; font-size:.75em; color:#ffffff; text-transform:uppercase; background: #e52226 url("../img/gui/header-picto-recherche.png") no-repeat .5em 50%; background-size: 28px; padding:.6em 2em .6em 3.5em; margin: .4em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .colonne a.recherche:hover{ text-decoration:none; background: #000000 url("../img/gui/header-picto-recherche.png") no-repeat .5em 50%; background-size: 30px; }
.content .colonne-recherche { margin-top:7.35em; }
.content .colonne .bloc-recherche{ padding-top:1em; }
.content .colonne .bloc-recherche h3{ background: transparent url("../img/gui/picto-search.png") no-repeat 0 0; background-size: 35px; padding-top:2.3em; margin:1.2em 2em 0 2em;; }
.content .colonne .bloc-recherche fieldset .input-select{ display:block; float:left; clear:both; margin: 0 3.3em; font-size:.95em; width:200px; margin-bottom:.7em; }
.content .colonne .bloc-recherche fieldset input.text{ display:block; float:left; clear:both; padding-left:.5em; width:185px; text-transform:none; font-weight:normal; margin:1.5em 3.3em 2em 3.3em; }
.content .colonne .bloc-recherche fieldset input.submit { display:block; float:left; clear:both; padding:.8em; width:35px; text-align:left; }
.content .colonne .bloc-recherche fieldset input.submit:hover { background: #000000; }
/* Colonne du centre */
.content .centre { display:block; position:relative; overflow:hidden; margin-left:340px; margin-bottom:1em; }
.content .centre .fil-ariane { text-transform:uppercase; font-size:.7em; margin:3em 0 3em 0; float: left;}
.content .centre .fil-ariane a{ text-decoration:none; color:#000000; }
.addthis_toolbox.addthis_default_style {float: right; margin-top: 33px;}
.content .centre h1{ font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:2em; line-height:1.2em; font-weight:normal; margin-bottom:1em; padding-right:.5em; }
.content .centre h2{ font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:1.3em; line-height:1.2em; font-weight:normal; margin-bottom:1em; margin-top:-1.5em; padding-right:.5em; }
.content .centre h3{ font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:1.5em; line-height:1.2em; font-weight:normal; margin-bottom:.6em; padding-right:.5em; }
.content .centre h4{ font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:1.1em; line-height:1.2em; font-weight:normal; margin-bottom:.4em; padding-right:.5em; }
.content .centre span.categorie{ display:block; font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:1.3em; color:#e52226; text-transform:uppercase; }
.content .centre span.date{ display:block; font-family: 'grimaldiforum-medium', Arial, sans-serif; font-size:1.3em; color:#e52226; margin-bottom:1em; }
.content .centre span.date span.hour{ font-size: 0.75em; line-height: 1em; }
.content .centre p{ font-family: 'grimaldiforum-book', Arial, sans-serif; font-weight:normal; font-size:.9em; line-height:1.4em; margin-bottom:2em; padding-right:1em; }
.content .centre ul{ color:#000000; font-size:.9em; line-height:1.4em; font-weight:normal; margin-bottom:2em; padding:0 0 0 1.2em; }
.content .centre p.intro{ font-family: 'grimaldiforum-light', Arial, sans-serif; color:#5c5c5c; font-weight:normal; font-size:1.3em; line-height:1.4em; margin-bottom:2em; }
.content .centre .video-container{  position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-bottom:3em; }
.content .centre .video-container iframe, .content .centre .video-container object, .content .centre .video-container embed{ width:100%; height:100%; position:absolute; top:0; left:0; }
.galerie { display:block; position:relative; overflow: hidden; width: 100%; height: auto; *zoom: 1; margin-bottom:2em; }
.galerie .galerie-slideshow{ margin:0; padding:0; width:100%; height: auto; position: relative; }
.galerie .galerie-slideshow{ width: 100%; height: auto; margin:0; padding:0 0 2em 0; }
.galerie .galerie-slideshow img{ width: 100%; height: auto; margin:0 0 .5em 0; }
.galerie .galerie-slideshow .cycle-overlay{ display:block; position: relative; width:auto; z-index:110; margin:0; padding:0; overflow:hidden; }
.galerie .galerie-slideshow .cycle-overlay h5{ font-size:.8em; }
.galerie .galerie-slideshow .nav-galerie { z-index: 110; position: absolute; bottom: 4.5em; right:1.5em; overflow: hidden; }
.galerie .galerie-slideshow .nav-galerie span { background: #ffffff; border-radius: 15px; width: 12px; height: 12px; border:3px solid #ffffff; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: .2em; overflow: hidden; text-indent: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; }
.galerie .galerie-slideshow .nav-galerie span.cycle-pager-active { background: #575757; }
.content .centre .pagination, .gsc-cursor-box { display:block; position:relative; float:right; clear:both; overflow:hidden; margin:1em 0; font-family: 'grimaldiforum-bold', Arial, sans-serif; font-size:1em; text-transform:uppercase; }
.content .centre .pagination span{ color:#e52226; padding: 0 .5em; }
.content .centre .pagination a , .gsc-cursor-page{color: #000000 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .centre .pagination a:hover , .gsc-cursor-current-page{ text-decoration:none; color:#e52226 !important;  }
.content .centre .pagination span.current{color:#e52226;}
.content .centre .html { margin-bottom: 2em; }
/* Page d'entrée de rubrique */
.content .rubrique { display:block; position:relative; overflow: hidden; width: 100%; height: auto; *zoom: 1; }
.content .rubrique article{ display:block; float:left; overflow:hidden; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .rubrique article.w1{ width:50%; }
.content .rubrique article.w2{ width:25%; }
.content .rubrique article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.content .rubrique article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; }
.content .rubrique article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .rubrique article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .rubrique article .visuel .inverse{ top:-15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=180); }
.content .rubrique article .info{ display:block; position:relative; padding:2em; height:5em; }
.content .rubrique article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.content .rubrique article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.content .rubrique article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.content .rubrique article a:hover .visuel .selection{ bottom:-7px; }
.content .rubrique article a:hover .visuel .inverse{ top:-7px; }
.content strong, .content b{font-family: 'grimaldiforum-medium'; font-weight: 100;}


/************************************************************************/
/* MEDIA QUERY --- OPTIMISATION RESPONSIVE POUR PETITS ECRANS*/

/* MEDIAQUERY - version Intermediaire / IPAD PAYSAGE */
@media only screen and (max-width: 69em) {
	header a h1{ margin: .45em 0 0 .25em; }
	header a h1 img{ width:245px; }
	header .navigation{ font-size:.75em; }
	header .navigation nav.exergue{ padding:1.3em 0; }
	.content .rubrique article.w1 .info{ padding-bottom:2.8em; }
	footer .sitemap div{ width:160px; margin-right:0; }
	footer .sitemap div:first-child{ margin-right:4em; }
	footer .sitemap div.externe{ margin-left:1em; }
}
/************************************************************************/

/* MEDIAQUERY - version Intermediaire / IPAD PORTRAIT */
@media only screen and (max-width: 63.5em) {
	header a h1 img{ width:255px; }
	header .navigation nav.principale{ display:none; }
	header a.togglemenu { display:block; position: absolute; right:0; bottom:.3em; width:40px; height:40px; background: transparent url(../img/gui/navigation-mobile.png) no-repeat 50% 50%; background-size: 25px; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
	header a.togglemenu:hover { -moz-opacity: .5; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: .5; }
	.content .diaporama .slideshow  .cycle-overlay{  bottom:2.5em; left:1em; }
	.content .diaporama .slideshow  .cycle-overlay h1{ font-size:4em; }
	.content .colonne, .content .colonne .stickymenu { position:relative; margin:0; padding:0; width:100%; }
	.content .centre { position:relative; margin:0; padding: 0 .5em; width:auto; }
	.content .colonne{ margin-bottom:2em; }
	.content .colonne .bloc-titre{ display:none; }
	.content .colonne .menu{ display:none; }
	.content .colonne .bloc-recherche{ margin:1em 0 0 0; padding-top:1em; }
	.content .rubrique article .info{ height:auto; padding:1.5em; }
	footer{ padding:1em; }
	footer .contact{ float:left; width:400px; margin-bottom: 2em;}
	footer .contact ul{ margin:.5em 0 0.5em 0; }
	footer .contact fieldset{ padding-top:.75em; }
	footer .sitemap div.externe{ clear:both; width:auto; margin:1em 0 0 0; }
	footer .sitemap div.externe ul{ line-height:1.5em; padding: 0; margin:0; }
	footer .sitemap div.externe ul li{ float:left; margin-right:.5em; }
	footer a.logo{ float:left; margin:2.2em 0 0 3em; }
	#footer-newsletter { margin-bottom: 20px; }

}
/************************************************************************/

/* MEDIAQUERY - version Intermediaire / MOBILE */
@media only screen and (max-width: 35em) {
	header a h1{ margin: .3em 0 0 .2em; }
	header a h1 img{ width:210px; }
	header .navigation{ position:absolute; float:none; margin-left:.1em;  }
	header .navigation nav.exergue{ display:none; }
	header a.togglemenu { left:0; right:auto; }
	.content .diaporama .slideshow div .cycle-overlay{ position: relative; display:block; top:auto; left:auto; bottom:auto; width:auto; padding:0; margin:-2.4em 0 0 0; z-index: 110; }
	.content .diaporama .slideshow div .cycle-overlay span.categorie{ margin-left:.8em; }
	.content .diaporama .slideshow div .cycle-overlay h1{ margin:1em 0 0 0; padding:.5em .5em; font-size:2em; height:auto; width:93%; }
	.content .diaporama .slideshow div .cycle-overlay h2{ margin:.5em 0 0 0; padding:.5em .5em; font-size:1.5em; line-height:1.2em; height:auto; width:93%; }
	.content .diaporama .slideshow div .cycle-overlay.one-title h2{ margin:1.5em 0 0 0}
	.content .diaporama .slideshow div .cycle-overlay h1 span,
	.content .diaporama .slideshow div .cycle-overlay h2 span{ margin:0; padding:0;  }
	.content .diaporama .nav{ display:none; }
	.content .centre h1{ font-size:1.5em; }
	.content .centre .galerie .galerie-slideshow .nav-galerie{ display:none; }
	.content .rubrique article.w1, .content .rubrique article.w2{ width:100%; }
	.content .rubrique article .info-top { border-top:1px solid #cccccc; }
	footer{ padding:.5em; }
	footer .contact{ width:220px; margin-bottom:1em; }
	footer .contact ul{ margin:.5em 0 .5em 0; }
	footer .contact fieldset .erreur { width:auto; }
	footer .sitemap div{ margin: 0 0 1em 0; width:130px; }
	footer .sitemap div:first-child{ margin-right:0; width:180px; }
	footer .sitemap div.pratique{ clear:both; }
	footer .sitemap div.externe{ clear:none; margin:.1em 0 0 3em; padding:0; }
	footer .sitemap div.externe ul li{ float:none; }
	footer a.logo{ clear:both; margin:1em 0 0 0; }
	.addthis_toolbox.addthis_default_style { float: left;margin-top: 10px;margin-bottom: 10px;}
}
/************************************************************************/

/* MEDIAQUERY - version PRINT */
@media print {
	@page { size:landscape;}
}
/************************************************************************/

/* Recherche */

.gsc-thumbnail-inside{padding-left: 0px !important;}
.gs-title, .gs-title b, .gs-title strong, .gs-title a, .gs-title span {font-family: 'grimaldiforum-medium'; color: #e52226 !important;}
.gs-bidi-start-align.gs-snippet{font-family: 'grimaldiforum-book'}
.gs-visibleUrl, .gcsc-branding, .gsc-result-info-container, .gsc-orderby-container, .gsc-above-wrapper-area{display: none !important;}
.gs-title a b {font-family: 'grimaldiforum-bold';}

.gsc-control-cse{padding:inherit !important;}

/* Bandeau Cookie */
#cookieChoiceInfo{
	padding: 10px !important;
}

#cookieChoiceInfo a{
	background-color: rgba(255,255,255,0.9);
	padding: 3px 8px;
	color: #000 !important;
	border-radius: 5px;
	transition: 0.5s ease;
}

#cookieChoiceInfo a:hover, #cookieChoiceInfo a:active, #cookieChoiceInfo a:focus{
	background-color: rgba(255,255,255,1);
	text-decoration: none;
	transition: 0.5s ease;
}