*:focus{ outline:none;}
body {font-family: 'Dosis', sans-serif; color:#303030;}
strong {font-weight:600}
.clear {clear:both;}
em {font-style:italic}
iframe {width:615px}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-full {
	width: 100%;
	height: auto;
}
.container,
.container-fluid,
.bandeauWrapper,
.cmsCols,
.partageCols {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
@media (min-width:576px) {
	.container,
	.bandeauWrapper,
	.cmsCols,
	.partageCols {
		max-width:510px;
	}
}
@media (min-width:768px) {
	.container,
	.bandeauWrapper,
	.cmsCols,
	.partageCols {
		max-width:690px;
	}
}
@media (min-width:1052px) {
	.container,
	.bandeauWrapper,
	.cmsCols,
	.partageCols {
		max-width:980px;
	}
}

/* WORDPRESS */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right}
.alignleft {float:left}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

#wrapperSite {overflow: hidden;}

/* FOOTER - HEADER */
header#topSite {background-color: #fff; position: relative; z-index: 20;}
#searchTop {margin-top:20px;}
#searchTop > form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#searchTop > form > input[type="text"] {
	background:#e6e9e9;
    font-size:13px;
    font-family: Verdana, Geneva, sans-serif;
    color:#999;
    padding:0 10px;
    width:160px;
    height:17px;
    display:block;
    padding:5px 10px;
    border-top-left-radius:8px;
    border-top-right-radius:0px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:0px;
    border:solid 1px #dbdbdb;
    border-right:none;
    box-sizing:inherit;
    -webkit-box-flex:1;
	-ms-flex:1;
    flex:1;
}
#searchTop > form > button[type="submit"]#searchsubmit {border:none; background: #333434 url(../_img/search.png) no-repeat center; width: 30px; height: 29px; display: block; border-top-left-radius:0px; border-top-right-radius:8px; border-bottom-left-radius:0px; border-bottom-right-radius:8px; cursor:pointer;}
#bttMembre {font-weight:600; font-size:13px; text-decoration:none; color:#444; border-bottom:solid 1px #d0d0d0; margin:22px 30px 0 15px; padding:3px 0; display:inline-block;}
#bttDonTop {background-color:#a0bb00; font-size:17px; font-weight:600; color:#fff; text-decoration:none; display:block; padding:8px 15px;}
@media (max-width:894px) {
	header#topSite .headerTop {
		padding: 3px 0;
	}
	#logoCimade img {
		max-width: 80px;
	}
	#bttDonTop {
		border-radius:4px;
		margin-top: 20px;
	}
	#bttDonTop br {
		display: none;
	}
}
@media (min-width:576px) {
	#searchTop > form > button[type="submit"]#searchsubmit {
		margin-right: 15px;
	}
	#searchTop,
	#bttDonTop {
		display: inline-block;
	}
}
@media (min-width:895px) {
	header#topSite {
		border-bottom:1px solid #FFF;
	}
	#logoCimade {
		float:left;
	}
	#bttDonTop {background:url(../_img/faireUnDon.png) no-repeat; width:102px; height:67px; padding:10px 0 0 20px; }
	#bttDonTop strong {font-size:27px;}
}
@media (min-width:1052px) {
	header#topSite .container-fluid {
		max-width: 980px;
	}
}

nav#menuTop {text-transform:uppercase; clear:both; position:relative;}
nav#menuTop::before {content:""; background:#54415f; height:100%; position:absolute; top:0; left:-999em; right:-999em; z-index:-1;}
nav#menuTop > ul {list-style:none;}
nav#menuTop li a {color:#d2d2d2; text-decoration:none; font-weight:400; min-height:40px; line-height:40px; display:inline-block; padding:0 15px;}
nav#menuTop li:hover > a {background:#43324d;}
nav#menuTop li.fleche {position: relative;}
nav#menuTop li.fleche > a {background-image:url(../_img/fleche.png); background-position:96% 50%; background-repeat: no-repeat; padding-right:26px;}
nav#menuTop ul.ssMenu {display:none; background:#54415f; font-size:14px; text-align:left;}
nav#menuTop ul.ssMenu li {display:block;}
nav#menuTop ul.ssMenu a:hover {background:#43324d;}
nav#menuTop ul.ssMenu li+li {border-left:none; border-top: 1px dotted #7c7076;}
@media (max-width:894px) {
	.menuTop-mobile {
		display:none;
		margin-left:-15px;
		margin-right:-15px;
	}
	nav#menuTop li a {
		display: block;
	}
	div#blockHeaderRight {
		background-color: #fff;
		padding:0 15px 15px;
	}
}
@media (min-width:895px) {
	.menuTop-mobile {
		display:block !important;
	}
	div#blockHeaderRight {
		position:absolute;
		top:0;
		right:15px;
	}
	nav#menuTop > ul {
		text-align:center;
	}
	nav#menuTop li {
		display:inline-block;
	}
	/* nav#menuTop li.fleche:hover ul.ssMenu {
		display:block;
	} */
	nav#menuTop ul.ssMenu {
		position:absolute;
		z-index:1;
		top:40px; 
		right:auto;
	}
	nav#menuTop ul.ssMenu a {
		width: 200px;
	}
}
@media (min-width:895px) and (max-width:1052px) {
	nav#menuTop li a {
		font-size: 13px;
	}
}
.js-nav-toggle {
    width:30px;
    height:26px;
    padding:0.5em;
    display: block;
    cursor: pointer;
    position:absolute;
    top: 0;
    right: 0.2em;
    z-index:30;
}
.js-nav-toggle .icon-nav,
.js-nav-toggle .icon-nav::before,
.js-nav-toggle .icon-nav::after {
    background: #444;
    display:block;
    width:30px;
    height:2px;
    position: absolute;
    top:50%;
}
.js-nav-toggle .icon-nav {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.js-nav-toggle .icon-nav::before,
.js-nav-toggle .icon-nav::after {
    content:"";
    -webkit-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
.js-nav-toggle .icon-nav::before {
	top:-8px;
}
.js-nav-toggle .icon-nav::after {
	top:8px;
}
.js-nav-toggle.is-active {
}
.js-nav-toggle.is-active .icon-nav {
    background: transparent;
    -webkit-transition:background 0.3s;
    transition:background 0.3s;
}
.js-nav-toggle.is-active .icon-nav::before,
.js-nav-toggle.is-active .icon-nav::after {
    top:0;
}
.js-nav-toggle.is-active .icon-nav::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.js-nav-toggle.is-active .icon-nav::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (min-width:895px) {
	.js-nav-toggle {
		display: none;
	}
}

.js-nav-overlay {
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top:0;
	opacity:0;
	visibility: hidden;
	z-index: 10;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}
.js-nav-overlay.is-active {
	opacity:1;
	visibility: visible;
	transition: opacity 0.3s, visibility 0s;
}
@media (min-width:895px) {
	.js-nav-overlay {
		display: none;
	}
}

#blocksBottom {
	margin-bottom: 10px;
}
#blocksBottom > ul {
	list-style-type:none;
	margin-left: -10px;
	margin-right: -10px;
}
#blocksBottom > ul > li {
	margin-bottom: 20px;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	overflow: hidden;
}
@media (min-width:768px) {
	#blocksBottom > ul > li {
		width: 50%;
		float:left;
	}
}
@media (min-width:1052px) {
	#blocksBottom > ul > li {
		width: 25%;
		float:left;
	}
}
#blocksBottom .blocksBottom-link {height:200px; display:block; font-size:17px}
#blocksBottom a {color:#FFF; text-decoration:none;}
#blocksBottom strong {font-weight:700; font-size:28px}
#blocksBottom li > div {padding:10px; border-radius: 5px;}
#blocksBottom .greenBlock {background:#a0bb00; border-bottom:#93ac00 solid 10px; position:relative; z-index:0}
#blocksBottom .violetBlock {background:#54415f; border-bottom:#392c40 solid 10px; position:relative; z-index:0}
.imgBlock {/* width:142px; overflow:hidden; height:70px; */ margin-top:10px; margin-bottom:10px;}
.imgBlock img {max-width:100%; height:auto;}
.titreBlock {text-transform:uppercase; line-height:26px; color:#FFF}
div.txtBlock {position:absolute; left:10px; right:0; bottom:10px; font-size:16px; line-height:20px; padding-right:40px;}
div.txtBlock::after {content:""; position:absolute; width:24px; height:24px; right:0; bottom:0; background:url(../_img/blockLien.png) no-repeat;}
div.txtBlockMedias {font-size:16px; line-height:20px;}

div#footerGreyTop {background:#222; border-bottom:1px solid #FFF;}
nav#menuBottom > ul {list-style:none;}
nav#menuBottom > ul > li {margin:10px;}
nav#menuBottom > ul a {color:#a0bb00; text-decoration:none; font-size: 14px;}
nav#menuBottom > ul a:hover {border-bottom:dotted 1px #474747}
@media (min-width:768px) {
	nav#menuBottom > ul {text-align:center;}
	nav#menuBottom > ul > li {margin:0 10px;}
	nav#menuBottom > ul > li:not(.logoCimadeBottom) {display:inline-block;}
}
@media (min-width:768px) and (max-width:1051px) {
	div#footerGreyTop .container {max-width: none;}
}
@media (max-width:1051px) {
	nav#menuBottom {padding: 20px 0;}
	nav#menuBottom > ul > li.logoCimadeBottom {margin-top:15px;}
}
@media (min-width:1052px) {
	nav#menuBottom > ul > li {line-height:80px; height:80px;}
	nav#menuBottom > ul > li.logoCimadeBottom {display:inline-block;}
	nav#menuBottom > ul > li.logoCimadeBottom img {margin-bottom:-12px;}
}

div#footerGreyBottom {background:#222; padding: 20px 0;}
nav#menuBottomSite > ul {list-style-type:none;}
nav#menuBottomSite > ul > li {margin:10px;}
nav#menuBottomSite > ul a {color:#fff; text-decoration:none; font-size:15px}
nav#menuBottomSite > ul a:hover {border-bottom:dotted 1px #474747}
#social {list-style-type:none; overflow: hidden;}
#social > li {width:18px; height:16px; display: inline-block; margin:0 2px}
#social > li a {width:18px; height:16px; display:block}
#social > li.facebook {background:url(../_img/facebook.png)}
#social > li.twitter {background:url(../_img/twitter.png)}
#social > li.mail {background:url(../_img/mail.png)}
#social > li.rss {background:url(../_img/rss.png)}
@media (max-width:767px) {
	nav#menuBottomSite {margin-bottom: 30px;}
}
@media (min-width:768px) {
	div#footerGreyBottom {padding: 0 0 20px;}
	nav#menuBottomSite > ul {text-align:center;}
	nav#menuBottomSite > ul > li {display:inline-block; height:55px; line-height:55px; margin:0 10px;}
	#social {text-align: center;}
}
@media (min-width:1052px) {
	div#footerGreyBottom {padding:0;}
	#social {position:absolute; right:15px; top:50%; margin-top:-8px}
}
/* FOOTER - HEADER */

/* CONTENU */
.contenuWrapper {width:980px; margin:auto; position:relative}
.contenuHomeIntro {min-height:310px; padding-top:15px;}
.bandeau {background: #de353f url(../_img/bandeau-mobile.png) no-repeat top center;}
@media (max-width:1284px) {
	.bandeau {background-size:cover;}
	.bandeau::before {content:""; display:block; padding-top:43.6718%;}
}
@media (min-width:1285px) {
	.bandeau {background-image: url(../_img/bandeau.png); height:260px;}
}
.contenuPageGrey {background:#ebebeb}
.blockHome {background: #fff url(../_img/blockHome.png) bottom repeat-x; line-height:24px; padding:30px 18px;}
.blockHome p+p {margin-top:20px}
.blockHome h1 {color:#54415f; font-size:35px; margin-bottom:15px; line-height:42px}
.bttHome {background:url(../_img/bttHome.png); width:236px; height:37px; line-height:37px; font-weight:600; font-size:18px; color:#FFF; display:block; text-decoration:none; padding:0 18px; margin-top:20px}
@media (min-width:576px) {
	.blockHome {padding:30px 40px 20px 40px;}
}
@media (max-width:1051px) {
	.blockHome {margin-bottom: 30px;}
}
@media (min-width:1052px) {
	.contenuHomeIntro {padding-top:0;}
	.blockHome {width:605px;}
}

div.contenuHomeFocus {background:#e13434; margin-top:36px; position:relative;}
div.contenuHomeFocus strong {font-weight:600}
div.contenuHomeFocus a {color:#FFF; text-decoration:none}
div.contenuHomeFocus ul {list-style-type:none; padding-top:20px; font-size:14px; line-height:18px; font-weight:200; overflow:hidden;}
div.contenuHomeFocus li {margin-bottom:30px;}
div.titreFocus {font-size:30px; color:#FFF; text-transform:uppercase; font-weight:200; padding-top:20px}
div.thumbFocus {margin-bottom:5px; border:solid 1px #FFF; overflow:hidden;}
div#focusHome img {width:100%; height:auto; vertical-align:middle;}
div#facebooklikeBok {margin-top:50px; position:relative;}
div#facebooklikeBok::before {content:""; background-color:#fff; width:999em; position:absolute;}
div#facebooklikeBok iframe {position:relative;}
@media (min-width:768px) {
	div.contenuHomeFocus li {float:left; width:192px;}
	div.contenuHomeFocus li+li {margin-left:42px;}
}
@media (max-width:1051px) {
	div#facebooklikeBok::before {left:50%; top:-50px; bottom:-50px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
}
@media (min-width:1052px) {
	div.contenuHomeIntro {padding-top:0;}
	div.contenuHomeFocus {margin-bottom:36px;}
	div.blockHome {width:605px;}
	div#focusHome {background:url(../_img/contenuPageRed.png) right top no-repeat; float:left; width:702px;}
	div#facebooklikeBok {float:right; width:245px; margin:20px 0 0 30px;}
	div#facebooklikeBok::before {left:-33px; top:-20px; bottom:0;}
}

.videoHome {
	margin-top: 5em;
	margin-bottom: 5em;
}

section#contenuPage.ficheRegion > div.partageCols {margin-top:0; padding-top:40px}
section#contenuPage.ficheRegion > div.partageCols > div.colRight h1 {font-size:50px; color:#e13434; text-transform:uppercase; line-height:45px; margin-bottom:30px; font-weight:300}
section#contenuPage.ficheRegion > div.partageCols > div.colRight h1 > span {font-size:35px; text-transform:none}
section#contenuPage.ficheRegion > div.partageCols > div.colRight h2, section#contenuPage.ficheRegion > div.partageCols > div.colRight h1.titreSingle {margin-bottom:10px; font-size: 30px; text-transform: uppercase; line-height: 32px; color:inherit; font-weight:400}
section#contenuPage.ficheRegion > div.partageCols > div.colRight img {max-width:100%; height:auto}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article {text-align:justify}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article h1{text-align:left}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article h2{text-align:left}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article+article {margin-top:10px; border-top:dotted 1px #c9c8c7; padding-top:10px}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article a {color: inherit; text-decoration: none;}
section#contenuPage.ficheRegion .btn-all-regions-mobile {margin-bottom: 60px;}
@media (min-width:1052px) {
	section#contenuPage.ficheRegion {background:url(../_img/bandeauFiche.jpg) top center no-repeat}
	section#contenuPage.ficheRegion > div.partageCols {padding-top:110px;}
	section#contenuPage.ficheRegion > div.partageCols > div.colRight {padding-top:130px}
	section#contenuPage.ficheRegion .btn-all-regions-mobile {display: none;}
}

div.bandeauContent {background-color:#ebebeb;}
div.bandeauContent.login {background-color:#ebebeb; margin-bottom:50px}
div.bandeauContent.enRegion {background-color:#ebebeb; margin-bottom:50px; padding-bottom: 50px;}
div.bandeauContent.enRegionFiche {background-color:#ebebeb; margin-bottom:50px; padding-bottom: 50px;}
div.bandeauWrapper {}
div.bandeauContent.enRegion div.bandeauWrapper {height:auto;}
div.bandeauWrapper > h1 {font-size:40px; color:#e13434; text-transform:uppercase;}
div.bandeauWrapper > h1 > span {font-size:35px; text-transform:none}
@media (max-width:1051px) {
	div.bandeauContent {padding: 40px 0;}
	div.bandeauWrapper > h1 {margin-bottom: 20px;}
}
@media (min-width:1052px) {
	div.bandeauContent {background:url(../_img/bandeauContent.jpg) no-repeat top center; height:370px;}
	div.bandeauContent.login {height:535px;}
	div.bandeauContent.enRegion {height:auto;}
	div.bandeauContent.enRegionFiche {height:200px;}
	div.bandeauWrapper {height:370px;}
	div.bandeauWrapper > h1 {position:absolute; top:255px; width:720px;}
	div.bandeauWrapper > div#enRegion {top:auto; bottom: 38px;}
}

div.cmsCols, div.resultatsRecherche {margin-top:80px; margin-bottom:40px;}
div.cmsCols {font-size:16px; line-height:24px;}
div.cmsCols p {text-align:justify}
div.cmsCols p, div.cmsCols img {margin-bottom:20px}
div.cmsCols img {max-width:100%; height:auto}
div.cmsCols h2 {font-size:30px; text-transform:uppercase; line-height:32px; margin-bottom:20px}
div.cmsCols a {font-weight:600; color:inherit}
@media (min-width:768px) {
	div.cmsCols > div.colLeft, div.cmsCols > div.colRight {float:left; width:331px;}
	div.cmsCols > div.colLeft {margin-right:14px}
	div.cmsCols > div.colRight {margin-left:14px}
}
@media (min-width:1052px) {
	div.cmsCols > div.colLeft, div.cmsCols > div.colRight {width:463px;}
	div.cmsCols > div.colLeft {margin-right:27px}
	div.cmsCols > div.colRight {margin-left:27px}
}

div.bandeauContent.enRegion div.cmsCols {margin-top:0; margin-bottom:0;}
div.bandeauContent.enRegion div.cmsCols > div.colRight {font-size:16px; line-height:24px;}
div.bandeauContent.enRegion div.cmsCols > div.colRight p, div.bandeauContent.enRegion div.cmsCols > div.colRight img {margin-bottom:20px}
div.bandeauContent.enRegion div.cmsCols > div.colRight img {max-width:463px; height:auto}
div.bandeauContent.enRegion div.cmsCols > div.colRight h2 {font-size:30px; text-transform:uppercase; line-height:32px; margin-bottom:20px}
div.bandeauContent.enRegion div.cmsCols h1 {font-size:50px; color:#e13434; text-transform:uppercase; line-height:45px; margin-bottom:30px; font-weight:300}
div.bandeauContent.enRegion div.cmsCols h1 > span {font-size:35px; text-transform:none}
@media (min-width:1052px) {
	div.bandeauContent.enRegion div.cmsCols {padding-top:250px}
	div.bandeauContent.enRegion div.cmsCols > div.colRight {float:right; width:463px; min-height:390px}
}	

blockquote {margin:20px; color:#e13434; font-size:20px; font-weight:700}

div.bttMembre a {display:block; background:url(../_img/bttMembreOff.png); width:128px; height:37px; color:#FFF; font-weight:600; text-decoration:none; line-height:37px; text-align:center; padding-right:30px}
div.bttMembre a:hover {background:url(../_img/bttMembreOn.png); color:#54415f}
div.bttMembre {float:left}
@media (max-width:1051px) {
	div.bttMembres {margin-bottom: 40px;}
}
@media (min-width:1052px) {
	div.bttMembres {position:absolute; bottom:-17px; left:355px;}
	div.bttMembres.large {width:600px; left:190px}
}

div.bttLarge a {display:block; background:url(../_img/bttLargeOff.png); width:310px; height:37px; color:#FFF; font-weight:600; text-decoration:none; line-height:37px; text-align:center; padding-right:30px; margin:auto}
div.bttLarge a:hover {background:url(../_img/bttLargeOn.png); color:#54415f}

.bttMedium {display:inline-block; background:url(../_img/bttMediumOff.png) no-repeat; width:242px; height:37px; color:#FFF; font-weight:600; text-decoration:none; line-height:37px; text-align:center; padding-right:30px; margin:auto}
.bttMedium:hover {background:url(../_img/bttMediumOn.png) no-repeat; color:#54415f}

.bttMediumb {display:inline-block; background:url(../_img/bttMediumbOff.png) no-repeat; width:222px; height:37px; color:#FFF; font-weight:600; text-decoration:none; line-height:37px; text-align:center; padding-right:30px; margin:auto;}
.bttMediumb:hover {background:url(../_img/bttMediumbOn.png) no-repeat; color:#54415f}
@media (min-width:768px) {
	.bttMediumb + .bttMediumb {margin-left:30px}
}

section#contenuPage.ficheRegion > div.partageCols > div.colRight article .bttMedium {display:block; background:url(../_img/bttMediumOff.png); width:242px; height:37px; color:#FFF; font-weight:600; text-decoration:none; line-height:37px; text-align:center; padding-right:30px; margin:auto}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article .bttMedium:hover {background:url(../_img/bttMediumOn.png); color:#54415f}

div#docPartagesWrapper {background:#e13434; color:#FFF; text-transform:uppercase; text-align:center; font-size:30px; padding:15px 0; font-weight:200;}
div#docPartages {margin-bottom:40px}
div#docPartages li{background:#ebebeb; border-bottom:5px #FFF solid}
div#docPartages li:hover {background:#cacaca}
div#docPartages li > a {display:block; width:980px; margin:auto; padding:20px 0; color:#303030}
div#docPartages span {color:#e13434; display:block; margin-top:5px}
div.titrePartages {font-size:30px; color:#FFF; text-transform:uppercase; font-weight:200; padding-top:20px}
div.thumbPartages {margin-right:10px; float:left; width:194px; height:109px; background:#FFF url(../_img/bgdoc.gif) no-repeat center; overflow:hidden}
div.thumbPartages > img {border:solid 1px #FFF}
div.txtPartages {float:left; width:774px; line-height:20px}
div.thumbPartagesDate {margin-bottom:5px}
div.bgw {width:194px; height:109px; background:#FFF; line-height:109px; text-align: center;}
div.bgw > div {vertical-align:middle; display:inline-block; line-height:1.2;}


div#connectMembre > form {margin-top:20px}
div.blocForm {margin-bottom: 20px;}
div.blocForm > label {display:block; margin-bottom:8px}
div.blocForm > input[type="text"], div.blocForm > input[type="password"] {border:none; width:100%; height:36px; padding:5px 10px; box-sizing:border-box;}
input.validMember[type="submit"] {border:none; display:block; background:url(../_img/bttMembreOff.png); width:158px; height:37px; color:#FFF; font-weight:600; text-decoration:none; line-height:37px; text-align:center; padding-right:30px; font-family: 'Dosis', sans-serif; font-size:16px}
input.validMember[type="submit"]:hover {background:url(../_img/bttMembreOn.png); cursor:pointer; color:#54415f}
a.lostpass {color:#303030}
div.errorlogin {color:red; padding-top:10px; font-weight:600; margin-bottom:15px}
@media (min-width:768px) {
	div.blocForm {width:50%; float:left}
	div.blocForm > input[type="text"], div.blocForm > input[type="password"] {width:300px;}
}

@media (min-width:1052px) {
	div#connectMembre {top:330px; position:absolute; width:644px; height:180px}
	input.validMember[type="submit"] {position:absolute; right:20px; bottom:0;}
	a.lostpass {position:absolute; bottom:10px; left:0;}
}

div.partageCols {margin-top:80px; margin-bottom:40px;}
div.partageCols > div.colLeft {font-size:16px; line-height:24px; padding-top: 40px;}
div.partageCols > div.colLeft img {width:340px}
div.partageCols > div.colRight {font-size:16px; line-height:24px;}
div.partageCols > div.colLeft p, div.partageCols > div.colRight p, div.partageCols > div.colLeft img {margin-bottom:20px}
div.partageCols > div.colRight img {margin-bottom:5px}
div.partageCols > div.colLeft img, div.partageCols > div.colRight img {max-width:100%; height:auto}
div.partageCols > div.colLeft h2, div.partageCols > div.colRight h2 {font-size:30px; text-transform:uppercase; line-height:32px; margin-bottom:20px}
/* @media (min-width:768px) {
	div.partageCols > div.colLeft {float:left; width:340px;}
	div.partageCols > div.colRight {float:right; width:325px;}
} */
@media (min-width:1052px) {
	div.partageCols > div.colLeft {float:left; width:340px; padding-top:82px; margin-right:25px;}
	div.partageCols > div.colRight {float:right; width:615px;}
}

div#infosPrat {background:#e13434; margin-bottom:20px}
div.infosPratWrapper {padding:25px 30px 5px 30px; font-size:16px; color:#FFF }
div.infosPratWrapper a {color:#FFF}
div.infosPratWrapper > div {margin-bottom:5px}

div.partageCols > div.colLeft img, div.partageCols > div.colRight > div.infosPratWrapper img {max-width:100%;}

div#infosPrat ul {list-style-type:none; margin-bottom:20px;}
div#infosPrat li+li {margin-top:15px}
div.infosPratTitre {text-transform:uppercase; color:#FFF; text-align:center; background:#444444; padding:10px 0; font-size:30px; font-weight:200}
div.gmpas {border:solid #dddedf 10px; margin-bottom:15px; clear:both}

div#telecharger {margin-bottom:20px}
div#telecharger ul {list-style-type:none; font-size:14px}
div#telecharger ul strong {font-weight:600}
div#telecharger li {background:#ebebeb url(../_img/dlico.png) no-repeat 580px 50%; border-top:solid 2px #FFF}
div#telecharger li:hover {background:#cacaca url(../_img/dlico.png) no-repeat 580px 50%;}
div#telecharger li a {display:block; padding:20px}
div.telechargerTitre {text-transform:uppercase; color:#FFF; text-align:center; background:#e13434; padding:10px 0; font-size:30px; font-weight:200}

div.partageCols > div.colRight > div#telecharger li img {margin:0; padding: 5px; background: #FFF;}


/*div.dlTitre, */div.dlFormat, div.dlSize {float:left}
div.dlTitre {width:380px; display:inline-block; vertical-align:middle;}
div.dlTitre a {color:#303030; font-weight:600; }
div.dlFormat {font-size:16px; color:#e13434; font-weight:600; text-align:center; width:100px; }
div.dlSize {font-size:12px; color:#e13434; font-weight:600; text-align:right; width:50px; }
div.blockRightTel {width:220px; display:inline-block; vertical-align:middle;}
div#telecharger div.blockRightTel a {padding:0; display:block}

@media (min-width:1052px) {
	#enRegion.small {
		width: 245px;
		position: absolute;
		right: 15px;
		top: -38px;
	}
	#enRegion.large {
		position: absolute;
		top: 190px;
	}
}

.enRegionTitle {
	background-color: #444;
	color: #FFF;
	text-align: center;
}
#enRegion.small > .enRegionTitle {
	height: 38px;
	line-height: 35px;
	font-size: 24px;
}

/* carte visible sur la home uniquement */
@media (min-width:1052px) {
	#enRegion.small.has-map .region-message {
		position: absolute;
		bottom: 0;
	}
	#enRegion.small.has-map .region-link {
		display: none;
	}
}

#enRegion.large > .enRegionTitle {
	font-size:30px;
	font-weight:200;
	text-transform:uppercase;
	height:46px;
	line-height:46px;
}
.enRegionTitle strong {
	color:#b0c630;
	text-transform:uppercase;
	font-size:17px;
}
.region-message {
	color:#FFF;
	font-size:14px;
	padding:10px;
	font-weight:600;
	line-height:16px;
	/*position:absolute;
	bottom:0;*/
}
.region-message.region-link {
	background-color: #a0bb00;
	text-decoration: none;
	display: block;
}
#enRegion.small #wrapper_carte {
	background:url(../_img/enRegion2.png);
	width: 245px;
    height: 288px;

	position:relative;
}
#enRegion.small .jvm-container{
	top: -14px;
    left: 2px;
}
#enRegion.large #wrapper_carte {
	background:url(../_img/enRegionLarge2.png);
	width:465px;
	height: 517px;
	padding:8px 0 0 22px;
	position: relative;
}
#toolTip {
	position:absolute;
	background:#884f1c;
	background:#444;
	color:#FFF;
	padding:5px 10px 5px 10px;
	visibility:hidden;
}
#formvilles select,
#formregions select {
    color: #999;
	border-radius: 10px;
    font-size: 13px;
    font-family: Verdana, Geneva, sans-serif;
    background: #e6e9e9;
    padding: 5px 10px;
}
#formregions {
	background-color: #a0bb00;
	padding: 10px;
}
#formvilles select {
	margin-bottom: 20px;
}
#formregions select {
	width:100%;
	margin-bottom: 25px;
}

@media (max-width:1051px) {
	#enRegion #wrapper_carte,
	.region-message.map,
	#toolTip {
		display: none;
	}
}
@media (min-width:1052px) {
	#formregions,
	.region-message.select {
		display: none;
	}
}

div.dateFiche {font-weight:600; color:#e13434}
div.thumbnailEvt {float:left; margin:5px 15px 0 0}
section#contenuPage.ficheRegion > div.partageCols > div.colRight div.thumbnailEvt img {margin:0}

div.regionFiche {width:340px; height:433px; margin-bottom:60px; position:relative}
div.regionFiche > .bttMedium {position:absolute; bottom:-16px; left:50%; margin-left:-136px}
div.regionFiche > div.enRegionTitle {font-size:21px; font-weight:200; color:#FFF; text-transform:uppercase; text-align:center; height:46px; line-height:46px}
@media (max-width:1051px) {
	div.regionFiche {display: none;}
}

div.resultatsRecherche ul {list-style-type:none}
div.resultatsRecherche li {margin-bottom:20px; line-height:22px; padding-left:20px; background:url(../_img/arrowRed.png) no-repeat 0 6px;}
div.resultatsRecherche li a {color:#e13434;}
@media (min-width:1052px) {
	div.resultatsRecherche li {max-width:70%;}
}

div.navigation {width:980px; margin:0 auto 30px auto}
div.navigation ul {list-style:none; text-align:center}
div.navigation li {display:inline-block; width:25px; height:25px; line-height:25px}
div.navigation li a {color:inherit; text-decoration:none}
div.navigation li a.active {font-weight:600; color:#e13434;}
/* CONTENU */



/* SLIDER */
div#diaporama {background:#e13434; margin-bottom:30px}
div.titleDiapo {width:980px; color:#FFF; margin:auto; text-align:center; text-transform:uppercase; padding-top:20px; font-size:30px; font-weight:300}
.jcarousel-skin-diaporama .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-diaporama .jcarousel-container-horizontal{width:908px;padding:10px 38px 20px 38px; margin:auto}
.jcarousel-skin-diaporama .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-diaporama .jcarousel-clip-horizontal{width:908px;height:170px}
.jcarousel-skin-diaporama .jcarousel-item{width:219px;height:170px; overflow:hidden}
.jcarousel-skin-diaporama .jcarousel-item div {border:solid 1px #FFF; width:217px; height:148px; overflow:hidden; line-height:0}
	.jcarousel-skin-diaporama .jcarousel-item img {width:265px; height:auto;}
	.jcarousel-skin-diaporama .jcarousel-item p {color:#FFF; text-align:center; margin-top:5px; font-weight:600; font-size:14px}
	.jcarousel-skin-diaporama .jcarousel-item a {text-decoration:none}
.jcarousel-skin-diaporama .jcarousel-item-horizontal{margin-left:0;margin-right:10px;}
.jcarousel-skin-diaporama .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px;margin-right:0;}
.jcarousel-skin-diaporama .jcarousel-item-placeholder{background:#fff;color:#000;}
.jcarousel-skin-diaporama .jcarousel-next-horizontal{position:absolute;top:62px;right:8px;width:50px;height:50px;cursor:pointer;background:transparent url(../_img/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-diaporama .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px;right:auto;background-image:url(../_img/prev-horizontal.png);}
.jcarousel-skin-diaporama .jcarousel-prev-horizontal{position:absolute;top:62px;left:5px;width:50px;height:50px;cursor:pointer;background:transparent url(../_img/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-diaporama .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(../_img/next-horizontal.png);}
.jcarousel-skin-diaporama .jcarousel-next-horizontal:hover,.jcarousel-skin-diaporama .jcarousel-next-horizontal:focus,.jcarousel-skin-diaporama .jcarousel-prev-horizontal:hover,.jcarousel-skin-diaporama .jcarousel-prev-horizontal:focus{background-position:-50px 0;}
.jcarousel-skin-diaporama .jcarousel-next-horizontal:active,.jcarousel-skin-diaporama .jcarousel-prev-horizontal:active{background-position:-100px 0;}
.jcarousel-skin-diaporama .jcarousel-next-disabled-horizontal,.jcarousel-skin-diaporama .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-diaporama .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-diaporama .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-diaporama .jcarousel-prev-disabled-horizontal,.jcarousel-skin-diaporama .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-diaporama .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-diaporama .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-150px 0;}


/* SLIDER FOOTER */
.jcarousel-skin-parlent .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-parlent .jcarousel-container-horizontal{width:210px;}
.jcarousel-skin-parlent .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-parlent .jcarousel-clip-horizontal{width:210px; height:170px;}
.jcarousel-skin-parlent .jcarousel-item{width:210px; height:170px;}
.jcarousel-skin-parlent .jcarousel-item-horizontal{margin-left:0;margin-right:10px;}
.jcarousel-skin-parlent .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px;margin-right:0;}
.jcarousel-skin-parlent .jcarousel-item-placeholder{background:#fff;color:#000;}
.jcarousel-skin-parlent .jcarousel-next-horizontal,.jcarousel-skin-parlent .jcarousel-prev-horizontal{display:none;}


div.galeriePhoto ul {list-style-type:none; margin-left:-10px; margin-right:-10px;}
div.galeriePhoto li {height:150px; overflow:hidden; margin:10px}
div.galeriePhoto img {width:100%; height:auto}
@media (min-width:576px) {
	div.galeriePhoto li {float:left; width:245px;}
	div.galeriePhoto img {width:265px;}
}
@media (min-width:768px) {
	div.galeriePhoto li {width:216px;}
}
@media (min-width:1052px) {
	div.galeriePhoto li {width:230px;}
}

article > div.galeriePhoto ul {list-style-type:none;}
article > div.galeriePhoto li {float:left; width:286px; height:190px; overflow:hidden; margin:10px}
article > div.galeriePhoto img {width:290px; height:auto}

ul#planSite {margin:-30px 0 0 50px}
ul#planSite ul {margin-left:30px; list-style-type:square}
ul#planSite li {line-height:32px}
div.cmsCols ul#planSite a {text-decoration:none; text-transform:uppercase; font-size:18px; font-weight: 400;}


/* GALERIE SPECIFIQUE LOGOS */ 
div.galeryLogo div.galeriePhoto img {max-width:195px;height: auto; margin:0}
div.galeryLogo div.galeriePhoto li {text-align:center; border:1px solid #ebebeb}
div.galeryLogo div.galeriePhoto a {height:150px; display:table-cell; vertical-align: middle; line-height:1.2}
@media (min-width:576px) {
	div.galeryLogo div.galeriePhoto li,
	div.galeryLogo div.galeriePhoto a {width: 242px;}
}
@media (min-width:768px) {
	div.galeryLogo div.galeriePhoto li,
	div.galeryLogo div.galeriePhoto a {width: 214px;}
}
@media (min-width:1052px) {
	div.galeryLogo div.galeriePhoto li,
	div.galeryLogo div.galeriePhoto a {width: 228px;}
}

div.listshop ul {margin-left:-10px}
div.listshop ul li {display:block; float:left; margin:5px 0 5px 10px; width:235px; height:235px; border:1px solid #ebebeb}


p.wp-caption-text {max-width: 615px; font-size: 12px; line-height: 16px;}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article div.tags {margin:15px 0 0 0}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article div.tags a{color: #2e4582; text-decoration: none; border-bottom:solid 1px #959DB3;}


section#contenuPage.ficheRegion .detailEvt .content a {color: #039; text-decoration: none; border-bottom:solid 1px #039;}

section#contenuPage.ficheRegion > div.partageCols > div.colRight article .bttMedium {border:none}

div.nextprev {margin-top:25px}
section#contenuPage.ficheRegion > div.partageCols > div.colRight article div.nextprev a {background:#54415f; color:#FFF; padding:5px 15px; margin-bottom:15px; display:block; border-radius: 5px; border-bottom:solid 2px #392c40} 
@media (min-width:576px) {
	div.nextprev {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

#carte_regions{
    width:100%;
    height:100%
}

svg { touch-action: none }
.jvmap-smart{
    width: 100%; 
    height: 100%;  
}
.jvm-container {
  touch-action: none;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.jvm-tooltip {
  border-radius: 3px;
  background-color: #444;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) ;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
  position: absolute;
  display: none;
  z-index: 999;
  color: #FFF;
}
 
.jvm-tooltip.active {
    display: block;
  }
.jvm-region{
    fill:#FFF;
    border-color: #fff;
}
.jvm-region:hover{
    fill:#54415F;
    opacity: 1!important;
    
}

@media (max-width: 1300px){
.jvm-container {
    width: 375px;
    height: 200px;
}
}