/*
Theme Name: Communauto
Theme URI: 
Author: communauto
Author URI: http://www.communauto.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: communauto
Tags:

Designer, font-end and back-end : Daniel Herrera Castillo;

Communauto theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	-webkit-transform: translateZ(0);
	transform: translateZ(0); 
}

svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	display:none;
	overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
p {
	margin-bottom: 1.5em;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	padding-left: 3px;
	width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
*:focus {outline: 0;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
/*.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}*/
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/***** main  styles ****/
/* CSS Document */
/* vert #8cc63e  vertObscur #648E3D  ====  orange #f37f2c ==== blue #39B2DE  blue over #2692C8 ==== Gris #949494 Gris0bscur #8f8f8f grisNoir #333*/  
/******** CSS de base ******/
body{
	background-color:#333; 
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 1.4em;
	font-weight:normal;
	overflow-x:hidden; 
}
h1{font-size: 1.9em; font-weight: normal; line-height:1.3em; margin: 0; padding: 0;}
h2{font-size: 1.5em; font-weight: normal; line-height:1.3em; margin: 0; padding: 0;}
h3{font-size: 1.3em; font-weight: normal; line-height:1.3em; margin: 0; padding: 0;}
h4{font-size: 1.1em; font-weight: normal; line-height:1.3em; margin: 0; padding: 0;}
.txtBlanc{color: #fff;} 
.txtVert{color: #8cc63e;} 
.txtBlue{color: #39B2DE;} 
.txtOrange{color: #f37f2c;} 
.txtGris{color: #666;}
.txtGrisO{color: #333;}
.txtMini{font-size: .8em;}
.txtBig{font-size: 1.2em;}
.bgGris{background-color: #f2f2f2;}
.bgGrisObs{background-color: #8f8f8f;}
.bgNoirCl{background-color: #333;}
.bgBlanc{background-color: #fff;}
.bgVert{background-color: #8cc63e;}
.bgVertA20{background-color: rgba(168, 201, 89, .2);}
.bgOrange{background-color: #E26440;}
.bgBlue{background-color: #39B2DE;}
.bgGrisNoir{background-color: #646464;}
.bgRouge{background-color: #f66;}
.bgRose{background-color: #ff4285;}
.bgVertDeg{background-image:radial-gradient(#A5DD5B, #5EA341);}
	
a{
	color: #39b2de;
	font-weight: normal;
    text-decoration: none;
    outline: none;
}
a:hover{
	color: #2692C8;
	text-decoration: none;
}
p{
	line-height: 1.5em;
	margin: .5em 0;
	hyphens: none ;
}
li{margin:.3em 0; }
.mobile{display: block;}
.tablet{display: none;}
.desktop{display: none;}
.tabDesk{display: none;}
.video{
	height:0;
	overflow:hidden;
	padding-bottom:56%;
	position:relative;
	margin: 0;
}
	.video iframe, .video object, .video embed, .video video{
		height:100%;
		left:-1px;
		position:absolute;
		top:0;
		width: 100%;
	}
.left{float: left;}
.alignleft{float: left;}
.right{float: right;}
.alignright{float: right;}
.hidden{display:none!important;}
.txtCenter{text-align: center;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}
.floatInline{display:inline-block;}
.margeFloatRigth{margin-left: 2em!important;}
.margeFloatLeft{margin-right: 2em!important;}
.margeResponsive{
	display: block;
	overflow: hidden;
	max-width: 940px;
	padding: 0 .6em;
	position: relative;
	margin: 1em auto;
}
.margeSection{margin: 2em auto 3.5em;}
.margeInterSection{margin-top: 1.5em;}
.margeBottom{margin-bottom: 2em;}
.margeTop{margin-top: 2em;}
.margeTopBottom{margin: 1em 0 3em;}
.retinaImgW{width:100%;}
.retinaImgH{
	display:block;
	height:100%;
	margin:0 auto;
}
.listBlank{
	list-style: none;
	margin:1em 0;
	padding: 0;
}
.listBlank li{
	margin:.5em 0;
	padding: 0;
}
.txtHidden{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
	text-indent: -999px, 
}
.attachment-full{
	height:auto!important;
	width:100%!important;
}
.borderRadius5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
.borderRadius10{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
}
.paddingDemi{padding: .5em;}
.padding1em{padding: 1em;}
.ulWrapped{
	margin: 0;
	overflow: hidden;
	padding: 5%;
	width: 90%;
}
.ulWrapped li{
	margin:0 0 1em 1em;
	list-style: circle;
}
/* Images added by wp */
img.size-full[class*="align"],
img.size-full[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}
#sb-site{overflow:hidden;}
.conteneur{
	background-color: #fff;
	left: 0;
	overflow: hidden;
	position: relative;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear
	-webkit-transition-timing-function: linear
    transition-timing-function: linear;
    z-index:1;
}
.site-content{
	background-color: white;
	position:relative;
	z-index: 2;
}
.menuMobileVisible{
	left: 225px;
}
.elmResponsive {
    max-width: 100%;
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
    width: 100%; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}
#wrapper{margin-top:-15px;}
/* POPUP tooltip */
.tooltip{
	font-size:13px;
	display:none; 
	padding:5px;
} 
.tooltip a{
	text-decoration:none; 
	color:#3498DB;
} 
.tooltip a:hover{color::;color:#2980B9;}
.vinCarte{cursor:pointer;}
/* fin POPUP tooltip */
/*header*/
.top{ 
	background:#60646D; 
	display:block;
	height:35px; 
	width:100%; 
} 
nav, #map, .mobNone{display:none;}
nav, .rs, .lineTop{float:right;} 
.conTop{
	overflow: hidden;
	max-width:940px;
	margin:auto;
} 
.lineTop{
	background:#B2B2B2;
	height:25px;
	margin:5px;
	width:2px;
}
.top nav ul{
	font-size:.8em;	
	list-style:none;
	margin: 0; 
	padding: 0;
}
.top nav li{float:left;}
.top nav a{
	font-size:.1.2em;
	color:#FFF; 
	padding:4px 15px; 
	text-decoration:none; 
	display:block;
}
.top nav a:hover{ border-bottom:4px solid #39b2de;}
.rs{margin-top: 5px;}
a.lang{
	color:#FFF;
	display:block; 
	float:left; 
	font-weight:bold; 
	height:20px; 
	padding:4px 10px;
	text-decoration:none; 
	width:20px; 
}
header .icon-facebook, header .icon-tweet{
	color: #fff; 
	font-size: 1.5em; 
	margin: 0 .4em;
}
.menuTop{
	position:relative; 
	top:0; 
	width:100%; 
	z-index:98;
}
.icon-menu{
	color: #fff;
	font-size: 1.7em;
}
.topWhite{
	background:#fff;
	display:table; 
	/* opacity: 0.92;filter: alpha(opacity=92); For IE8 and earlier */
	opacity: 1;
	width:100%; 
}
.headerLogoBtn{
	margin:.8em auto; 
	max-width:920px;
	overflow: hidden;
	padding:0 .6em;
}
#logo{float:left;}
.logoComm{
	display:block; 
	font-size: 0;
	width:140px; 
}
#abonnez{float:right;}
#abonnez a{
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	background:#39B2DE;
	border-radius:8px;
	color:#FFF;display:block;
	font-size: .8em;
	font-weight:bold;
	padding:9px;
	text-decoration:none;
}
#abonnez a:hover{background:#2692C8;}

/* menu mobil */
.bugerMenu {
	cursor: pointer;
	display:block;
	float: left;
    padding: 5px;
    width: 52px;
}
.menuMobile{
	background-color: #333;
	height: auto;
	left: 0;
	position: fixed;
	top: 0;
	width: 225px;
	z-index: 0;
}
.menuMobile ul{
	list-style: none;
	margin: 0; 
	overflow: hidden;
	padding: 0;
}
.menuMobile li{
	border-bottom: 1px solid #444;
	list-style: none;
	padding-bottom: 1px;
}
.menuMobile a{
	border-left: 3px solid #333;
	display: block;
	color: #fff;
	padding:1em 0 1em .7em; 
	width: 100%
}
.menuMobile a:hover{
	background-color: #444;
	border-left: 3px solid #39B2DE;
}
/* fin menu mobil */
.headMap{
	position:relative;
	overflow:hidden;
	width:100%;
}
/* img LifeStyle Top */
.imgLifeStyleTop{
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
	-webkit-transition-timing-function: linear; /* Safari and Chrome */
	transition: 1s ease-out;
}
.invisible{
	opacity:0!important;
}
.out{
	left:-150%!important;
}
	#imgLifeStyleContent{
		background-position: center center;
		background-repeat: no-repeat; 
		background-size: cover;
		display:block;
		height: 200px;
		width:100%;
	}
	.lifestylePromoContainer{
		margin:0 auto!important;
	}

.headerLifeStyle{
	display:block;
	height: 200px;
	overflow:hidden;
	position:relative;
	width :100%;
}
.boxPromo{
	display:inline-block;
	width:50%;
}
.lifestylePromo{
	padding: 8% 5% 2%;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.lifestylePromo.fullLink{
	height:500px;
	padding: 0;
	text-shadow: none;
	width:100%;
}
.fullLink .boxPromo{
	display:inline-block;
	height: 100%;
	width:100%;
}
.lifestylePromo h3, .lifestylePromo .txtPrix{
	font-size: 2.8em;
	line-height: 1em;
	margin:8px 0;
	text-align: center;
}
.lifestylePromo .txt1, .lifestylePromo .txt2{
	margin:0;
	text-align: center;
}
.lifestylePromo .txt1{font-size: 1.5em}
.lifestylePromo.fullLink h3, .lifestylePromo.fullLink .txtPrix{
	font-size: 0;
	line-height: 1em;
	margin:8px 0;
	text-align: center;
}
.lifestylePromo.fullLink .txt1{font-size: 0}
.lifestylePromo a, .lifestylePromo a:visited{
	background-color: #39B2DE;
	border-radius: 3px;
	border:1px solid white;
	display:inline-block;
	font-weight: 600;
	margin:.7em 0 0;
	padding: .5em 1em;
	text-align: center;
}
.lifestylePromo a:hover {
	background-color: #2692C8;
	color:white;
}
.lifestylePromo.fullLink a.gotoURL, .lifestylePromo.fullLink a.gotoURL:hover, .lifestylePromo.fullLink a.gotoURL:visited{
	height:100%;
	opacity: 0;
	width:100%;
}
.iconBannerPromo{
	display:none;
	position: absolute;
	right: 2px;
	top: 80px;
	width: 35px;
	z-index: 2;
}
.iconNewStation{
	display:none;
	position: absolute;
	right: 1px;
	top: 350px;
	width: 35px;
	z-index: 2;
}
/* mesage pour nouvelles stations */
.arrow_boxNS {
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #39B2DE;
	display:none;
	padding: 0 .5em;
	position: absolute;
	right: 50px;
	top: 335px;
	width: 250px;
	z-index: 2;
}
.arrow_boxNS:after, .arrow_boxNS:before {
	border: solid transparent;
	content: " ";
	height: 0;
	left: 100%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	width: 0;
}

.arrow_boxNS:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_boxNS:before {
	border-color: rgba(57, 178, 222, 0);
	border-left-color: #39B2DE;
	border-width: 11px;
	margin-top: -11px;
}
/* mesage pour nouvelles stations */
/* slogan */
.sloganLS{
	background-image: url('lib/img/lifestyle/bg_slogan.jpg');
	background-size: 100% 100%;
	border:5px solid white;
	display:none;
	height:220px;
	margin-top: 105px;
	vertical-align: middle;
	width:220px;
}
.sloganLS.large{
	height:250px;
	width:250px;
	margin-top: 90px;
}
.sloganLS.medium{
	height:220px;
	width:220px;
	margin-top: 105px;
}
.sloganLS.small{
	height:190px;
	width:190px;
	margin-top: 120px;
}
.sloganLS div{
	display:table;
	padding: 2% 5%;
	height: 90%;
}
.sloganLS h3{
	color: white;
	display:table-cell;
	font-size: 38px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
/* fin slogan */
/* slogan Par */
.slpar{
	display:table;
	width:100%;
}
.sloganPar{
	background-size: 100% 100%;
	display:block;
	margin-top: 0;
	overflow hidden
	vertical-align: middle;
	width:220px;
}
.sloganPar.green{background-color: rgba(168, 201, 89, .95);}
.sloganPar.blue{background-color: rgba(57, 178, 222, .95);}
.sloganPar.orange{background-color: rgba(243, 127, 44, .95);}
.sloganPar div{
	display:table;
	padding: 1.5em;
}
.sloganPar.txtLeft{float:left;}
.sloganPar.txtRight{float:right;}
.sloganPar.txtCenter{margin:0 auto;}

.sloganPar h3{
	background-color: (256, 256, 256, 0);
	color: white;
	display:table-cell;
	font-size: 1.5em;
	font-weight: light;
	text-align: left;
	vertical-align: middle;
}
.sloganPar.large{width:200px;}
.sloganPar.medium{width:180px;}
.sloganPar.small{width:160px;}
.sloganPar .size1x{font-size: 18px}
.sloganPar .size2x{font-size: 23px}
.sloganPar .size3x{font-size: 28px}
.sloganPar .size4x{font-size: 32px}
.sloganPar .size5x{font-size: 48px}
/* slogan Par */
/* fin img LifeStyle Top */
/* extras carte */
.clsInfoWindow{
	display: table;
}
.station_LSI{
	color:#E26440; 
	font-weight:bold; 
}
.name_LSI, .last_use_LSI, .address_LSI{color:#666;} 
.book_LSI a{
	background: #39B2DE; 
	border-radius:8px;
	color: #fff; 
	display: block; 
	font-weight:bold;
	margin-top: 10px;
	padding: 8px; 
	text-align: center; 
}
.book_LSI a:hover{background: #2692C8;}
.ui-dialog-buttonpane {
	border-color: #f5f5f5; 
	padding: 5px;
}
.ui-dialog .ui-dialog-buttonpane button{ 
	background-image: none; 
	background:#39B2DE; 
	border-radius:8px; 
	border: none; 
	color: #fff; 
	font-size: 14px;
	font-weight:bold;
}
.ui-dialog .ui-dialog-buttonpane button:hover{background: #2692C8;}
/* extras carte */
/* fin header */
/* 02.1 MAP  */
#map{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	height:470px;
	margin: 0 0 1em; 
	width:100%; 
} 
.shadow{
	background:url(/cparis-zen/wp-content/themes/communauto/lib/img/base/shadow_carte.png) repeat-x;
	height:15px; 
	width:100%; 
} 
.shadow_b{
	background:url(/cparis-zen/wp-content/themes/communauto/lib/img/base/shadow_carteb.png) repeat-x;
	height:15px; 
	width:100%; 
}
/* 02.2 new boxReservation */
.outSide{
	margin-right: -300px;
	margin-top:150px;
}
.reservBoxOut{
	right: -297px!important;
}
.transition{
	-moz-transition:.5s ease;
    -webkit-transition:.5s ease;
    transition:.5s ease;
}
.reservBox{
	display:block;
	overflow:hidden;
	position:absolute;
	top:5em;
	right:0;
	width:340px;	
}
	#menuResevBox{
		position:absolute;
		left:.2em;
		top:.6em;
	}
	#menuResevBox .icon-menu{
		color: #8cc63e;
		cursor:pointer;
	    background-color: white;
	    border-radius: 5px;
	    border: 2px solid #8cc63e;
	    font-size: 2em;
	    line-height: 1.3em;
	    padding: .3em .37em .4em;
	}
	/**** menu villes ***/
	#villeID{
		background:#FFF; 
		border-bottom-left-radius: 8px;
		border-top-left-radius: 8px; 
		display:block; 
		padding:4px 0 2px 4px;
		float:left;
		margin-top:50px;
		width:38px;
	}
	.ville {
		background:#8cc63e;
		color:#FFF;
		cursor:pointer;
		font-size:12px;
		font-weight:bold; 
		margin-bottom:2px;
		padding:3px;
		text-align:center;
	}
	.bvtop{border-top-left-radius: 6px;} 
	.bvbot{border-bottom-left-radius: 6px;}
	.vActive{ background:#39B2DE;} 
	/**** end menu villes ***/
 
	/** section reserver **/
	#map a{ text-decoration:none;}
	#reserver{
		background:#fff;
		border:2px solid #8cc63e;
		border-radius:5px; 
		display:block;
		float:right;
		font-size: 16px;
		width:86.5%;
		width: calc(100% - 46px);
		-moz-transition:.3s ease-in-out;
		-webkit-transition:.3s ease-in-out;
		z-index: 100;
	}
	#reserver .burgerReservBox{
		color: #8cc63e;
		cursor:pointer;
	    border-radius: 5px;
	    font-size: 1.5em;
	    font-weight: 600;
	    line-height: 1.3em;
	    padding: .4em .4em .4em;
	    position:absolute;
	    right:1.4em;
	    top:0;
	}
	.boxTitle .action{
		color: #8cc63e;
		cursor: pointer;
		border-radius: 5px;
		font-size: 1.3em;
		line-height: 1.3em;
		padding: .6em;
		position: absolute;
		right: -3px;
		top: 0;
	} 
	.date{ width:80px;}
	.txtPromoSolei{margin: 0 0 1em 0;}
	.buttonRes{ 
		background:#39B2DE; 
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border:0; 
		color:#fff; 
		cursor: pointer; 
		font-size:14px; 
		padding:10px; 
	}
	.buttonRes:hover{ background:#2692C8;} 
	.buttonDis{
		background:#39B2DE;
		border-radius:8px; 
		border:0;
		color:#FFF;
		cursor:pointer;
		font-weight:bold;
		padding:10px;
	}
	.buttonDis:hover{background:#2692C8;}
	input.choisir{ 
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background:#8dc63f; 
		border-radius: 4px;
		border:none; 
		color:#FFF; 
		cursor: pointer;
		font-weight: bold;
		padding:2px; 
	}
	input.choisir:hover{ background:#7C9E3D;} 
	.legenCont{line-height:12px; display:none;} 
	#legen{
		color:#39B2DE;
		cursor:pointer;
		display:block;
		margin-bottom:5px;
	}
	#legen:hover{color:#2692C8;}
	#close{
		-moz-border-radius: 8px;
		-webkit-border-radius: 48px;
		background:#39B2DE;
		border-radius:8px;
		border:none;
		color:#FFF;
		cursor:pointer;
		float:right;
		font-weight:bold;
		padding:2px 4px;
	}
	#close:hover{background:#2692C8;}
	.ui-dialog{z-index: 99999 !important ;}
	.clsInfoWindow { 
		width: auto; 
		height: auto; 
		line-height:1.35; 
		overflow:none; 
	}
	.btnChoose input{
		-moz-border-radius: 8px;
		-webkit-border-radius: 48px;
		background: #39B2DE; 
		border-radius:8px;
		color: #fff; 
		display: block; 
		font-weight:bold;
		margin-top: 10px;
		padding: 8px; 
		text-align: center; 
	}
	.btnChoose input:hover{background: #2692C8;}
	.Options{ padding-top: 2px; }
	.AvailableKm { padding-top: 3px; }
	.clsInfoWindow span.NoHighlight { display: none; }
	.clsInfoWindow span.Highlight {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background:#09F; 
		border-radius: 4px;
		margin:0 4px;
		padding:0 3px; 
	}
	span.Highlight {color:#FFF; font-weight: bold; }
	.lienExtRes{
		color: #39B2DE; 
		text-decoration: none; 
		cursor: pointer;
	}
	.lienExtRes:hover{color: #2692C8;} 
	.hco{min-height:0;} 
	.WarningText{color: #E26440;}

	/** fin reserver **/
	.amlabels {
		height: 43px;
		width: 28px;
		padding-top: 0px;
		cursor: pointer;
	}
	#RememberMe{
		display:inline-block!important;
		opacity:1;
		width:auto;
	}

.close{
	height:40px!important;
	width:40px!important;
	overflow:hidden!important;
}
.close .mainMenuReservTool{
	border:none;
	height:40px!important;
	margin:-4px -3px; 
	width:40px!important;
}
.reservationTools{
	font-weight: 400;
	overflow:auto;
	position:relative;
}
.reservationTools .rowSection{
	border-bottom: 1px solid #ccc;
	overflow:hidden;
	position:relative;
	padding:.5em 5%;
	width: 90%;
}
.rowMenu{
	color:#8cc63e;
	cursor:pointer;
	position:absolute;
	right:.2em;
	top:.4em;
	padding:.5em;
}
.openClose{
	width: 100%;
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2000;
}
.icon-menu.rowMenu{
	right:.2em;
	top:.3em;
	padding:.1em;
}
.contentRow{margin-top: 1em;}
.cityName{font-size: 1.7em;}
.rowTitle{
	font-size: 1.1em;
	margin:.2em 0;
}
.txtGrisC2, .reservationTools{color:#222;}
.reservationTools h4{font-size: 16px;}
.reservSec{
	background: url(/cparis-zen/wp-content/themes/communauto/lib/img/base/lignes_dates_reserv.png) 4.5% 3.8em no-repeat;
}
.resevationTimeDate, .local-longueDistance{margin:0 0 0 1em;}
.reservationTools input, .reservationTools select{
	border: 1px solid #8cc63e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1em;
}
.calendarImputs.depart{margin-bottom:27px;}
.calendarImputs.return {margin-bottom:.5em;}
.calendarImputs .date{width:85px;}
.calendarImputs .time,.calendarImputs .sec{width:45px;}
#Destination{margin-bottom: 1em;}
.txtPromoSolei{margin: 0 0 1em 0;}
/* message error dates */
#textError .icon-alerte{
	font-size: 2em;
	float:left;
	margin:.1em .2em 2em 0;
}
/* end message error dates */

.clicable{cursor:pointer;}
.local-longueDistance .txtElm {margin-left: 2em}
	
.btnsOptionsReserv{
	list-style: none;
	margin:1em 0;
	overflow:hidden;
	padding:0;
}
.btnOptionR{
	border: 1px solid #8cc63e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #8cc63e;
	display:block;
	float:left;
	height:18px;
	margin-right: 2%;
	overflow:hidden;
	padding:8px 9px 10px;
	position:relative;
}
.scroll .btnOptionR{
	margin-right: 2.1%;
}
.btnOptionR:last-child{
	margin-right: 0;
}
.btnOptionR input{
	height: 40px;
    display:block!important;
    left: -1px;
    opacity:0;
    position: absolute;
    top: -1px;
    width: 40px;
}
.btnOptionR span{
	font-size: 20px;
	margin:-2px;
}
.buttonDis{
	float:right;
	font-weight: 400;
	margin: .5em 0 1em;
	padding:.5em 1.7em;
	border:none;
}
.btnOptionR.active{
	background-color:#8cc63e;
	color:white;
}
.btnOptionR.inactive{opacity:.4;}
.codePostal{
	margin: 0 0 1em;
	position:relative;
}
	#address{
		padding:.3em 2%;
		width:96%;
	}
	.codePostal .icon-search{
		font-size: 1.1em;
		position:absolute;
		right:.3em;
		top:.35em;
	}
	.codePostal #geocode{
		height:1.8em;
		opacity:0;
		position:absolute;
		right:0;
		top:.0;
		width:1.8em;
	}
#selectorCont{
	margin: 0 0 1em;
	padding:.3em 0;
	width:100%;
}
.calcula{margin: 0 0 1em;}
	.calcula .icon-miniCalculateur{
		font-size: 1.5em;
		margin: 0 .2em 0 -.1em;
	}
	.calcula a{
		vertical-align: text-bottom;
	}
.locateurs{margin: 0 0 1em;}
	.locateurs span{font-size: 1.3em}
	.locateurs h4{
		display:inline;
		margin-left: .5em;
		vertical-align: text-bottom;
	}
.nouvelleStation{margin: 0 0 2em;}
	.nouvelleStation .icon-addStation{
		font-size: 1.5em;
		margin: 0 0 0 -.1em;
	}
	.nouvelleStation h4{
		display:inline;
		margin-left: .3em;
		vertical-align: middle;
	}
.legendesSec{padding-bottom: 1em;}
	.ulLegendes{
		font-size: .6em;
		list-style: none;
		margin:none;
		padding:0;
	}
	.ulLegendes li{
		margin:1em 0;
	}
	.ulLegendes span{
		font-size: 2.5em
	}
	.ulLegendes h4{
		display:inline;
		margin-left: .3em;
		vertical-align: top;
	}
	.ulLegendes h4 i{
		vertical-align: top;
	}
	.ulLegendes .txtMini{
		display:inline-block;
		margin-left: 2.5em;
	}
	.iconeLegend{height:22px;}

/* fin new boxReservation */
#plein{
	display:none; 
	position:absolute;
	z-index: 10000000;
}

/* fin MAP */
/*img 2 autos top*/
.imgAutosTop{
	display: block;
	overflow: hidden;
	margin: -1.2em 0 .5em;
	width: 100%;
	max-width: 768px;
}
/* fin img 2 autos top */
/* auto top */
.autoTop{
	display: block;
	overflow: visible;
	margin-bottom: 2.5em;
	z-index: 10;
	padding-top: 70px;
}
.autoTop img{
	float: right;
	margin-top: -75px;
	padding-left: 1em;
	width: 280px;
}
.autoTop h1{
	font-size: 1.2em;
	margin: 0;
}
.autoTop span{
	font-size: 1.4em;
	line-height: 1.2em
}
/* fin auto top */
/* teaser app web pour mobiles */
.no_margin{margin:0;}
.boxMobile span{
	border-radius:8px;
	border:1px solid #8cc63e;
	color:#666;
	display:block; 
	margin-bottom:1em;
	margin:auto;
	overflow: hidden;
	max-width: 400px;    
}
.boxMobile img{
	float: left; 
	margin: .5em 0 .5em .5em;
	width:50px;
}
.boxMobile h3{
	float: left;
	font-size: 1.2em;
	color:#8cc63e;  
	margin: .4em 0 0  .4em;
}
.boxMobile p{
	float: left;
	font-size: .8em; 
	margin: 0 0 .4em .5em;
}
/*  fin teaser app web pour mobiles */
/* txt intro acueil */
.txtIntro{margin-top: 1em;}
.txtIntro h1{
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0;
}
.txtIntro h1 span{
	font-size: 1.4em;
}
/* txt intro acueil */
/* encadres presentation */
.rondCorners{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
.elms3{
	float: left;
	display: block;
	margin: 0 0 1em;
	overflow: hidden;
	width: 100%;
}
.elm{
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	max-width: 400px;
	min-width: 230px;
}
.encadresIntroServices .elm{
	height: 13em;
}

.elms3:last-child{margin: 0;}
.color{
	display: block;
	height: 2.5em;
	width: 100%;
	z-index:2;
}
.color h2{
	display: block;
    margin: 0;
    padding: 0.1em 0 0 1em; 
}
.color h3{
	color: #fff;
	display: block;
    margin: 0;
    padding: 0.5em 0 0 1em;
    text-align: center; 
}
.color h2 a{
	color: #fff;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
}
.tri{
	border-left:14px solid transparent;
	border-right:14px solid transparent;
	height:0px;
	margin-left:1.4em;
	position: absolute;
	width:0px;
	z-index:2;
}
.triImg{
	margin-left:1.4em;
	margin-top:-1px;
	position: absolute;
	z-index:2;
}
.bgRoseBorder{background-color: #f73a7a; border-bottom: 1px solid white}
.bgBlueBorder{background-color: #00ADEF; border-bottom: 1px solid white} 
.tri_vert{border-top:14px solid #8cc63e;}
.tri_orange{border-top:14px solid #E26440;}
.tri_blue{border-top:14px solid #39B2DE;}
.tri_gris{border-top:14px solid #f2f2f2;}
.elm .elmContenu{
	display: block;
	overflow: hidden;
	width: 100%;
	z-index: 1;	
}
.elmContenu img {
	float: left;
	margin: 1.3em .5em 0 .7em;
	width: 50px;
}
.img2sev img{
	margin: 0;
	width: 100%;
}
.elmContenu p{
	float: left;
	font-size: 0.9em;
	margin: 1.3em .5em 0 .5em;
	width: 70%;
}
/* fin encadres presentation */
/* soustitres */
.sousTitre{
	display: block;
	height: 2em;
	margin: 1em 0 2em;
	position: relative;
	width: 100%;
}
.sousTitre .ligne{
	background-color: #8f8f8f;
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	top:.8em;
	width: 100%;
	z-index: 1;
}
.sousTitre h2{
	background-color: #fff;
    display: table;
    margin: 0.5em auto;
    padding: 0 0.5em;
    position: relative;
    text-align: center;
    z-index: 2;
}
/* fin soustitres */
/* section Comment fonctionne */
.row{
	display: block;
	width: 100%;
	overflow: hidden;
}
.collumn {
	display: block;
	float: left;
	margin: 1em 0;
	overflow: hidden; 
	text-align: center;
	width: 50%
}
.functionement .icones{font-size: 6em;}
.functionement .icoTitres {margin-top: .5em;}
.blockLigneTop{margin: 1em 0; }
.blockLigneTop .elm{
	background-color: #fAfAfA;
	border-top: 3px solid #8cc63e; 
	min-height: 7em;
	padding: 1em 0;
	text-align: center;
}
.btnIconesHome, .btnIconesHome:hover{
	color:#8cc63e;
}
/* fin section Comment fonctionne */
.rev_slider_wrapper{z-index: 10;}
/* section offres */
.sectionGris{
	background-color: #fafafa; 
	overflow: hidden;
	width: 100%; 
}
.sectionGris .sousTitre h2{background-color: #fafafa;}
.sectionGris .shadow{ margin: 0 0 1.5em; } 
.sectionGris .shadow_b{ margin: 1.5em 0 0; }
.offres .icones, .promos .icones{font-size: 6em;}
.offres .collumn h3, .promos .collumn h3{margin-top: -.8em;} 
/* fin section offres */
/* footer */
.footer_top .margeResponsive{margin: 0 auto; padding-top: 2em;}
.footer_top {
	background:#60646D;
	display:block;
	font-size:14px;
	width:100%;
}
.footer_top_in a{
	color:#DBDBDB;
	text-decoration:none;
}
.footer_top_in a:hover{color:#fff;}
.footer_col{
	border-right:1px solid #DBDBDB; 
	float:left;
	margin:1em .5em;
	overflow: hidden; 
	width:100%; 
}
.last_col{ border:none; margin-right: 0;}
.footer_col br{ margin:3px 0;}
.footer_col h3{ margin-bottom:6px;color:#FFF;}
.footer_bottom {
	background:#f5f5f5; 
	color:#949494; 
	display:table; 
	font-size:12px;
	width:100%; 
} 
.footer_bottom_in{ 
	max-width:940px; 
	margin:.5em auto 1em;
	padding: .5em;
}
.footer_left{float:left;}
.footer_right{float:right;}
.footer_left a{
	color:#949494;
	text-decoration:none;
}
.footer_left a:hover{color:#60646D;}
.icoSocialFotter{
	font-size: 1.5em;
	padding-right: .7em;
}
.cols2, .cols3{
		display:block;
		width: 100%;
		margin-bottom: 1em;
	}
	.cols2 .col, .cols3 .col{
		display: inline-block;
		text-align: left;
		margin: 0 0 1em 0;
		vertical-align: top;
		width: 100%;
	}
/* fin footer */
/******* fin CSS de base ******/
/* elements pages */
/* intro pages */
.sectionIntro{
	border-top:1px solid white;
	overflow: hidden;
	width: 100%; 
}
.sectionIntro .siteinfo{ 
	display:inline-block;
	text-align: left;
	margin: 0;
}
.sectionIntro .nav{ 
	display:none;
	text-align: left;
}
.sectionIntro ul{ 
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
.sectionIntro li{ 
	display: inline-block;
	margin: 0 2.5em 0 0 ;
	text-align: left;
}
.sectionIntro li:last-child{
	margin: 0;
}
.sectionIntro a{
	font-size: 1.1em;
	font-weight: 300;
	color:white;
}
.sectionIntro a:hover{
	color:white;
	text-decoration: underline;
}
/* fin intro pages */
/* section widget intros Pages */
.imgIntroPage{
	display:none;
	float:left;
	margin-right: 5%;
	min-width: 200px;
	overflow:hidden;
	text-align: left;
	width:30%;
}
.txtIntroPage{
	display:block;
	float:left;
	overflow:hidden;
	text-align: left;
	width:100%;
}
/* end section widget intros Pages */
.pages #wrapper{margin: 0;}
.offreSpecial, .promoSpecial{ 
	border:1px solid #8cc63e;
	border-radius:8px; 
	padding:15px; 
	text-align:center; 
	margin-top:30px;
}
.entete{margin-top: -1em; overflow: hidden; position: relative;}
.entete .margeResponsive{margin: 0 auto;}
.entete .shadow{display: none; margin: 0; position: absolute; top:0; z-index: 10;}
.entete .shadow_b{display: none; bottom: 0; margin: 0; position: absolute; z-index: 10;}
/* titres */
.titre{
	display: block;
	height: auto;
	margin: 1em 0 1.5em;
	position: relative;
	width: 100%;
}
.titre h1{
	color: #8cc63e; 
    font-weight: bold;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 2;
}
/* fin titres */
.listFunction{
	margin: 0;
	padding: 0;
	list-style: none;
}
.listFunction li{
	margin: .5em 0;
	width: 100%;
}
.listFunction span{ display: table-cell; vertical-align: middle;}
.listFunction .icon{
	font-size: 4.5em;
	padding-right: .15em
}

.liAvantages{
	list-style: none;
	padding: 0;
	margin: 0;
}
.liAvantages li{
	float:left;
	min-height:50px; 
	margin: .5em 0; 
	width:100%; 
}
.liAvantages span{ display: table-cell; vertical-align: middle;}
.icon-nike{font-size: 3em; padding-right: .3em;}
.autoMobil .imgAutoMobil{ 
	display: block;
	margin: 0 auto; 
	max-width: 445px; 
	width: 100%; 
}
.regle_info{
	color:#39B2DE;
	cursor:pointer;
	font-weight:bold;
}
.regle_info:hover{color:#2692C8;}
.regle_cont{font-weight:normal; padding: 10px;}
.infos2niveau, #plusFAQ{
	display: none;
	margin: 1em 0;
}
.infos2niveau p{padding-left: 2em;}
/* page comment */
.deuxServices{display:inline-block;}
.deuxServices .collumn{
	text-align: left;
	width:100%;
	margin-top: 0;
}
.deuxServices  h3{text-align: center; font-size: 1.5em;}
.deuxServices ul.design{
	list-style: none;
	margin:0;
	padding:0;
	font-weight: normal;
}
.deuxServices .design li{
	line-height: 1.5em;
	padding-bottom: .5em;
}
.deuxServices  .icon{
	float:left;
	font-size: 4em;
	font-weight: normal;
	padding: 0 .3em 0 0;
}
.deuxServices table, .deuxServices td{
	font-size: 1em;
	color: #000;
	vertical-align: top;
}
.colVideo{
	width: 100%;
}
.pointAB, .pointA{width: 80%; margin: 0 10%;}
#pageFunction h3{padding:1em 0 .5em;}
#pageFunction ol{
	display:table;
	margin: .5em 0;
	padding-left: 20px;
}
/* page combien */
.sectionPromos .margeResponsive{margin: 2em 1em;}
.sectionPromos .elmResponsive{
	display: block;
	margin: 0 auto;
	max-width: 264px; 
}

.sectionPromos .elm a img{border: 1px solid #39B2DE;}
.boxForfait{
	border: 1px solid #8cc63e;
	margin: 1em 0;
	padding: 1em;
}
.sectionDuo a{
	float: left;
	margin-right: 1em;
}
.notesPie{
	font-size: .75em;
	margin: 0 1em;
	padding: 1em;
}
.notesPie .mobile{display: list-item;}
	.imgPromoLD{
		border: 1px solid #8cc63e;
		display: block; 
		margin: 0 auto 2em; 
		padding: 2px 10px;
	}

/* txt Descirption forfaits */

#txtForDescription{
	border:1px solid #39B2DE;
	display:none;
	overflow: visible; 
	padding:2em 1em;
}
.btClose{
	background-color: white;
	border-radius: 50%;
	border:2px solid #39B2DE;
	cursor:pointer;
	display:block;
	font-weight: 600;
	height:19px;
	margin: 0 .5em;
	padding: .3em .55em;
	position: absolute;
	right:1em;
	top:-17px;
	width:10px;
}
.btClose:hover{
	border:2px solid #2692C8;
	color:#2692C8;
}
#txtForDescription div{display:none;}
#txtForDescription .dollars{font-size: 1.5em}
#txtForDescription h3{font-size: 1.6em}
.txtForIntro {margin-top: 2em}
/* fin txt Descirption forfaits */
/* avantages formules Completes */
.avantagesFor{margin: 1em 0;}
.avtTxt{display: none;}

.avantagesFor h3{
	cursor:pointer;
	margin-top:2em;
	vertical-align: middle
}
.avantagesFor h3 span{
	font-size: 2em;
	vertical-align: middle;
}
.avantagesFor samp{
	display:inline-block;
	text-align: right;
	width:100%;
}
/* fin avantages formules Completes */
/* calculateur page combien */
.calculer{
	background-color: rgba(56, 176, 220, .1);
	border-radius: 5px;
	display:block;
	padding: 15px 0;
	float: left;
	vertical-align: top;
	width: 100%;
}
.calcul{
	margin: 0 auto;
	width: 270px;
}
.calculer h3{
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	color: white;
	cursor: pointer;
	margin: .5em 0 0;
	padding: .5em 0;
	width:100%;
}
.calculer h3.bgBlue{font-size: 1.1em}
.calcul h5{font-size: .75em; margin:1.2em 0 .5em;}
.triangleActive{
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	display: inline-block;
	opacity: 1;
	margin:0 10px; 
}
.triangleInactive{
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	display: inline-block;
	height: 0;
	margin:0 10px; 
	opacity: .5;
	width: 5px;
}
.circle{
	border-radius: 50%;
	border:1px solid #39B2DE;
	margin:0 10px; 
	padding: .2em .5em;
}
.txtVert .circle{border:1px solid #8cc63e; margin:0 10px 0 0; }
.calculer .acc_cont{
	border: 1px solid #39B2DE;
	margin: 0;
	padding: 10px 10px 20px; 
}
.comparer{
	display:block;
	float: left;
	padding: 15px 0;
	vertical-align: top;
	width:100%;
}
.comparer h4{
	margin: 0 0 1em;
}
.comparer h5{font-size: .8em; margin:1.2em 0 .5em;}
.comparer .formules{
	display:block;
	float: left;
	vertical-align: top;
}
.comparer h3{
	font-size: .9em;
	font-weight: 600;
	height: 30px; 
	margin-bottom: 10px;
	padding: .5em 0 0;
	text-align: middle;
}
.comparer .base{
	text-align: center;
	width:100%;
}
.comparer .completes{
	text-align: center;
	width:100%;
}
.comparer .formule{
	border-radius: 5px;
	border:1px solid #999;
	margin:0 auto;
	width:150px;
}
.contForComp{
	float:left;
	margin:0 0 .6em;
	width:50%;
}
.comparer .txtMini{
	font-size: .7em;
	margin:0.2em 0 .3em;
}
.prixFor{
	border-bottom: 1px solid #8cc63e;
	padding: .1em 0 .3em;
}
.prixFor b{
	font-size: 2em;
	font-weight: normal;
}
.prixAu{padding: .1em 0 .3em;}
.prixAu b{
	font-size: 1.6em;
	font-weight: normal;
}
.calAuto .prixAu b{font-size: 2em;}
.calcMsg{
	clear:both;
	display:inline-block;
	margin: 1em 0 0;
	width: 100%;
}
.calcMsg .extraText{
	border-radius: 5px;
	border:1px solid #999;
	max-width:100%;
}
.calInfo{clear:both;}
/* fin calculateur page combien */
/* tableau longue distance */
.tableauLD, .tableauRF{
	border-radius: .5em;
	border: 1px solid #8cc63e;
	margin: 0 auto;
	max-width: 478px;
	overflow: hidden;
	position: relative;
}
.tableauLD table, .tableauRF table{border: 1px solid #8cc63e;}
.tableauLD tr{
	width: 25%;
	text-align: center;
}
.tableauRF tr{
	width: 50%;
	text-align: center;
}
.tableauLD h4 span, .tableauRF h4 span{font-size: .8em}
/* fin tableau longue distance */
/* img tableau automobile - communauto */
.imgAutoCommun{
	margin: 0 auto;
    max-width: 100%;
}
/* fin img tableau automobile - communauto */
/* GES */
#moreGES{display:none;}
/* fin GES */
/* fin page combien */
/* page ou */
#pageOu{overflow-y:hidden;}
#pageOu #map{display: block; height:}
.displayTable{display: table; margin: 0 auto;}
.sectionMap.entete .margeResponsive{
	margin: .5em auto 0;
	padding:.5em 0 0;
}
.sectionMap.entete .titre{margin: .5em 0; display:none;}
.menuVilles{
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.menuVilles li{
	border: 1px solid rgb(229, 227, 223);;
	background-color: #8cc63e;
	display: block;
	float: left;
	overflow: hidden;
	padding: .3em 0;
	position: relative;
	text-align: left;
}
.menuVilles li:first-child{border-top-left-radius:.4em;}
.menuVilles li:last-child{border-top-right-radius:.4em;}
.btnVilles{
    color: #fff;
    font-size: .75em;
    height: 100%;
    padding: 0.3em 0.6em;
    width: 100%;
}
.menuVilles li:last-child a{ border: none; }
.menuVilles li:hover{background-color: #2692c8;}
.menuVilles li:hover a{color:#fff;}
.icon-pin, .icon-pinAuto{
	font-size: 1.5em;
    margin-left: -0.1em;
    padding: 0.5em 0 0;
}
.menuVilles li.villeActive{background-color: #39b2de; cursor: default; }
.menuVilles li.villeActive a:hover{
	background-color: #8cc63e;
	color:#fff; 
	cursor: default;
}
.menuVilles .nomVille, .menuVilles .icon-pin {display:none;}
#menuComboBox{
	display:block; 
	margin: .5em 0 .5em; 
	overflow: hidden;
}
#menuComboBox div{
	float:left; 
	width: 100%}
.codePostal{display:none;}
.codePostal input{
	display: inline-block; 
	text-align: left; 
	vertical-align: top;
}
#selector select {
	width: 100%; 
	-webkit-appearance: menulist; 
	appearance: menulist;
}
#leyendas{
	bottom: -270px;
	display: block;
	left: 0;
	height: 300px;
	overflow: hidden;
	position: fixed;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-moz-transition-timing-function: linear
	-ms-transition-timing-function: linear
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	width: 98%;
	-moz-calc(100% - 1em);
	-ms-calc(100% - 1em);
	-webkit-calc(100% - 1em);
	width: calc(100% - 1em);
	z-index: 10000;
}
#leyendas.leyendasVisible{bottom: 0;}
.btnLeyendas{
	background-color: rgba(0, 0, 0, .9);
	border-color: #fff;
	border-style: solid ;
	border-top-left-radius:.4em; 
	border-top-right-radius:.4em;
	border-width: 1px 1px 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	padding: .3em 0;
	text-align: center;
	width: 50px; 
}
.bgLeyendas{
	background-color: rgba(0, 0, 0, .9);
	border-radius: .5em;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	min-width: 285px; 
	overflow: hidden;
	padding:.5em; 
}
.iconDescription, .ouliens{
	list-style: none; 
	margin: 0; 
	overflow: hidden;
	padding: .5em 0;
}
.iconDescription li, .ouliens li{
	border-bottom: 1px solid #444; 
	color: #fff;
	margin: 0; 
	overflow: hidden;
	padding: .5em 1em .5em 0; 
}
.iconDescription li:first-child div{
	display: block;
	float: left;
	width: 50%;
}
.iconDescription li:nth-child(2), .iconDescription li:nth-child(3){display: none;}
.imgPinSolei{padding: 0 0.5em 0 0; width: 13px;}
.iconDescription p{font-size: .8em; margin:0 0 0 1.5em;}
#locateurs {margin-right: .5em;}
.pointsService{ display: none; margin-bottom: 3em}
.pointsService ul{ 
	list-style: none;
	margin: .5em 0 1em;
	padding:0;
}
.pointsService li{ 
	margin: 0;
}
/* fin page ou */
/* page contact */
.boxCont{
	border:1px solid #8cc63e;
	display: block;
	min-height: 380px;
	overflow: hidden;
	padding: 1em;
	width: 95%;
	-moz-width:calc(100% - 34px);
	-webkit-width:calc(100% - 34px);
	-ms-width:calc(100% - 34px);
	width:calc(100% - 34px);
}
.form_ligne {
    background-color: #fff;
    border-radius: .5em;
    display: block;
    font-weight: bold;
    margin: 1.3em 0;
    padding: 1em 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/* fin page contact */
/* page conexion */
.boxConnexion{
	border-radius: .5em; 
	float:left;
	height:360px; 
	margin-bottom:50px;
	overflow: hidden;
	width:100%; 
} 
.titreConnexion{
	color:#fff;
	height:40px;
	width:100%; 
}
.titreConnexion h3{ padding:.5em; }
.contConnexion{margin:1em;}
.contConnexion a{
	color:#39B2DE;
	font-size: .8em;
	text-decoration:none;
}
.contConnexion a:hover{color:#2692C8;}
#send{
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	border:none;
	cursor:pointer;
	display:block;
	font-weight:bold;
	padding:.5em 1em;
	text-decoration:none;
}
#send{background:#2692C8;} 
.inputCon{ 
	border:1px solid #EBEBEB;
	height:30px; 
	margin: 0 0 1em 0;
	width:100%; 
}
.connexPromoBase{
	float:left; 
	margin-left: 1%;
	overflow: hidden;
	width:100%; 
} 
.motRei{
	color:#E26440; 
	font-size: 12px; 
	margin-top: 10px; 
}
.instructions{display:none;}
/* my account jquery ui element*/
.site-content .ui-widget-header{
	background-color: #8cc63e;
	border: none;
	color:white;
	font-weight: normal;
}
/* end my account jquery ui element */
/* fin page conexion */
/* page calculateur */
.calCont{font-family:Arial, Helvetica, sans-serif!important;}
.ui-accordion-content{ padding: 0;} 
.calcul td{ 
	font-size: .9em;
	color:#999;
	margin: 0; 
	padding:.2em 0;
}
.calFooter{ 
	border-radius:.4em; 
	border-top-right-radius:.4em;
	margin: 10px 0; 
	padding: 7px 0;
	text-align: center; 
}
.calCont h3{ 
	border-top-left-radius:.4em!important;
	border-top-right-radius:.4em!important;
}
.sections{ 
	float:left; 
	margin-bottom: 2em!important; 
	width: 100%; 
}
.section1{ height:370px;}
.section2{ 	height:365px;}
.section2 table{ width: 100%; text-align: center;}
.section2 a,.extraText a{color: #39B2DE;} 
.section2 a:hover,.extraText a:hover{ color: #2692C8;}
#result td { 
	border-bottom:#CCC 1px dashed; 
	height: 41px; 
	padding:0 10px; 
	text-align: center;
}
#result td.last {border-bottom:none;} 
.th { 
	padding:4px; 
	height: 28px;
}
.th:nth-child(odd) { 
	border-top-left-radius:.4em!important;
}
.th:nth-child(even) { 
	border-top-right-radius:.4em!important;
}
.input1 { 
	border: #8cc63e 1px solid; 
	background:#f8f8f8; padding: 4px;
} 
.input2{ width: 120px;}
.calcu { 
	border-radius:.4em; 
	border:none; 
	cursor:pointer; 
	margin: .5em auto 0;
	padding: 8px; 
}
.calcu:hover { background: #2692C8;}
.acc_cont { 
	background:#FFF; 
	border:none; 
	margin:0 auto; 
	padding:0; 
}
.acc_cont table { 
	margin:0; 
	padding:0; 
	width: 100%;
}
.accordion h3 { 
	background:#8cc63e; 
	border-radius:0; 
	border:none; 
	font-weight: bold; 
	height: 22px;
}
.accordion h3 a:link {color:#FFF;} 
.accordion h3:hover { background:#8DC63F;} 
.clear{ clear: both;}
.ld{ font-size: 12px;} 
.info{ 
	font-size: 12px; 
	color: #999; 
	text-align: center;
	margin-top: 8px;
}
.calCont{
	max-width: 670px; 
	margin:auto; 
	padding-top:10px;
}
.extraText{
	background: #fff; 
	border: 1px #eee solid; 
	color: #999; 
	display: none; 
	margin-bottom: 5px;
	margin:auto; padding:20px; 
	max-width: 630px; 
}
.extraText ul{ margin: 20px;} 
.ptit{ font-size: 12px;}
.barre{
    text-align:center;
    position:relative;
    z-index:2;

}
.barre:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:solid 1px #000;
    z-index:-1;
}
/* page calculateur */
/* page inscription */
.page-inscription .headerLifeStyle{height:750px;}
.onOffLine{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.btnOnOffLine{
	overflow: hidden;
	width: 100%;
}
.btnOnOffLine a{
	display: block;
	float: left;
	font-size: 1em;
	margin-right: 1px;
	padding: .3em .53em;
	vertical-align: left;
}
.btnOnLine{border-top-left-radius:.3em; }
.btnOffLine{border-top-right-radius:.3em;}
.btnOnOffLine a:hover{color: #fff;}
.btnOnOffLine .bgGrisObs:hover{background-color: #333;}
.btnOnOffLine .bgVert:hover{background-color: #648E3D;}
.onLine, .offLine, .bussines{
	border: 1px solid #8cc63e;
	display: block;
	height: 550px;
	overflow-y: auto;
	padding: 1em;
}
.onLine .elmImg{
	float: left;
	max-width: 15%
}
.onLine .elmTxt{
	float: left;
	max-width: 90%;
	position: relative;
}
.onLine .elmTxt:last-child{max-width: 100%;}
.elmTxt ol{margin: 0; padding-left:1.5em; }
.elmTxt li{padding: .5em 0 0}
.elmTxt ul{margin: .5em 0 0 -1.5em; padding-left:0;}
.elmTxt  .listOpt{
	border-radius: .5em;
	color:#fff; 
	cursor: pointer;
	height: 3.5em;
	margin: .3em;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	width: 255px;
}
.listOpt:hover{background-color: #333;}
.listOpt:first-child:hover{background:#2692C8;}
.opInscription{
	color: #fff;
	display: block;
	font-size: 1em;
	left: 60px;
	margin: 0;
	position: absolute;
	top: .6em;
	line-height: 1.2em;
}
.ins .opInscription{top:1.2em;}
.listOpt span{
	font-size: 2.5em; 
	left: 8px; 
	overflow: hidden;
	position: absolute;
	top: 8px;
	width: 40px;
}
.elmTxt ol:first-child .mobile{display: inline;}
.elmTxt ol:first-child .tablet{display: none;}
.offLine, .bussines {
	border: 1px solid #8cc63e;
	display: none;
	overflow-y: auto;
	padding: 1em;
}
.offLine .elmImg, .bussines .elmImg{
	float: left;
	max-width: 15%
}
.offLine .elmTxt, .bussines .elmTxt{
	float: left;
	margin-bottom: 1em;
	margin-left: 1em;
	max-width: 85%;
	position: relative;
}
.bussines ul, .bussines li{
	margin: 0;
	padding: 0; 
}
.offLine .elmTxt:last-child{max-width: 100%;}
.offLine ul, .bussines ul{margin: 0 0 .5em 0; padding-left:1em;}
.conditions .condition {text-align: center; padding: .5em  0  }
.condition {overflow: hidden;}
.condition .elms3{
	background-color: #fAfAfA;
	border-top:#8cc63e 3px solid;
	padding-top: 1em;
	min-height: 180px;
	margin-bottom: 1em;
}
.conditions .elms3:nth-child(3){margin: 0;}
.condition .elms3 a, .condition .elms3 p{font-size: .9em; padding: 0 .5em; }
.condition .elms3 h4{ padding: 0 .4em; }
.conditions .con2{padding-bottom: 0;}
.conditions h3 {
	display: inline-block; 
	margin: 1em 0 0; 
	padding-bottom: .2em;
	width: 100%
}
.conditions h3:first-child {margin: 0;}
.conditions .txt{
	clear: both;
	display: block; 
	text-align: left; 
	padding:1em 0; 
}
.docsRequis{
	background-color: #fAfAfA;
    border-top: #8cc63e 3px solid;
    display:block;
    min-height: 200px;
    margin: 0 auto 1em;
    padding-top: 1em;
    width: 90%;
}

/* fin page inscription */
/** business-institutions **/
#business-institutions .tarifBox{
	margin: 0 auto;
	width:100%;
	overflow: auto;
}
#business-institutions .forfaits .collumn {
	background-color: #fff;
	width:25%;
}
#business-institutions .forfait {height:340px;}
#business-institutions .collumn h3 {margin-top:0;}
#business-institutions .forfaits .offreDUO .collumn {
	width:100%;
}
.corporate .collumn:first-child .prixHeure{background-color:#8cc63e; color: #fff;}
.tabBenefits .icon{
	color:#8cc63e;
	font-size: 3.5em;
	padding: .5em .5em .5em 0;
}
.tabBenefits h3{margin-top: 1em}
.tabBenefits p{margin-bottom: 1em}
/** business-institutions **/

/** mobile **/
.roll {
    display: inline-block;
    margin: .5em 0;
    vertical-align: top;
    width: 100%;
}
.elmLeft {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}
.imgPaddingRight {
    padding-right: 1em;
}
/** end mobile **/
/** mosaicPatners **/
.mosaicImgLinks a {
    border: 1px solid #ccc;
    height: 110px;
    margin: 2px;
    overflow: hidden;
    padding: 2px;
    width: 146px;
}
/** end mosaicPatners **/

/* fin elements pages */
/* msg cookies */
.cookies{
	bottom: 0;
	display:inline-block;
	position: fixed;
	width:100%;
	vertical-align: middle;
	z-index:3;
}
.cookies div{
	background-color: rgba(0,0,0,.8);
	color:white;
	display: block;
	margin: 0 auto;
	max-width: 940px;
	padding: .4em .6em;
}
.btnCookies{
	border-radius: 50%;
	border: 1px solid white;
	float: left;
	font-size: .8em;
	font-weight: 600;
	padding: .3em .7em .2em .8em;
	margin: .3em 1em 0 0;
	cursor:pointer;
}
.cookies p{font-size: .8em;}
.collums2, .collums3, .collums4 {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
} 
/* fin msg cookies */

/********************** post *********************/
.category .post{
	border-bottom: 1px dotted #8cc63e;
	padding-bottom: 1em;
	margin-bottom: 3em;
}
.postContent, .asidePost{
	border-top:3px solid #8cc63e;
	margin: 2em 0;
	padding: 2em 0;
	display:block;
	float: left;
	overflow:hidden;
	text-align: left;
	width:100%;
}
.asidePost ul, .asidePost li{
	list-style: none;
	margin:.5em 0;
	padding:0;
}
.aligncenter{margin: 1em auto;}
.wp-caption{
	background-color: #f2f2f2;
	padding:.1em;
}
.wp-caption-text{
	padding:.3em;
	margin:0!important;
}
.page-mon-compte .headerLifeStyle{
	min-height:420px;
}
.posted-on{
	display:inline-block;
	margin:.5em 0 1.5em;
}
.cat-links{display:none;}
.category-press-release{margin-top: 3em}
.category-press-release:first-child{margin-top: 0;}
.comments-link{display:none;}
.single .entry-title{
	color: #8cc63e;
	margin-bottom: 1em;
}
.asidePost .widget{
	border-bottom: 1px solid #8cc63e;
	margin-bottom: 3em;
}
.asidePost .widget-title{
	color:#8cc63e;
	margin-bottom: 1em;
}
.widget_recent_entries li{
	margin-bottom: 1em;
}
/********************** end post *********************/
/********** 404 *********/
.error-404{margin:5em 0 10em;}
/******* end 404 ********/
/** ninja forms **/
.ninja-forms-required-items{font-size: .8em!important;}
/** end ninja forms **/
/****** responsive ******/
/** offers sections **/
.offers-archives, .promos-archives{margin-bottom: 4em;}
.communauto-offers, .communauto-promos{
	display:block;
	position:relative;
}
.communauto-offers .iconThum, 
.communauto-promos .iconThum{
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	color: white;
	font-size: 2em;
	line-height: 1em;
	padding: .15em;
	position:absolute;
	right:0;
	text-align: center;
	top: 0;
	vertical-align: middle;
	z-index: 3;
}
.communauto-offers .iconThum, 
.communauto-promos .iconThum{ background-color: #8cc63e; }
.communauto-offers .icon-gif-box, 
.communauto-promos .icon-gif-box{ display:inline-block; }
.communauto-offers .icon-tiket, 
.communauto-promos .icon-tiket{ display:none; }
.partners-offers, 
.partners-promos{
	position:relative;
	display:block;
}
.partners-offers .iconThum, 
.partners-promos .iconThum{
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	color: white;
	font-size: 2em;
	line-height: 1em;
	padding: .15em;
	position:absolute;
	right:0;
	text-align: center;
	top: 0;
	vertical-align: middle;
	z-index: 3;
}
.partners-offers .iconThum, 
.partners-promos .iconThum{ background-color: #39B2DE; }
.partners-offers .icon-gif-box, 
.partners-promos .icon-gif-box{ display:inline-block; }
.partners-offers .icon-tiket, 
.partners-promos .icon-tiket{ display:none; }
.contest-offers, .contest-promos{
	position:relative;
	display:block;
}
.contest-offers .iconThum, 
.contest-promos .iconThum{
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	color: white;
	font-size: 2em;
	line-height: 1em;
	padding: .15em;
	position:absolute;
	right:0;
	text-align: center;
	top: 0;
	vertical-align: middle;
	z-index: 3;
}
.contest-offers .iconThum, 
.contest-promos .iconThum{ background-color: #E26440; }
.contest-offers .icon-tiket, 
.contest-promos .icon-tiket{ display:inline-block; }
.contest-offers .icon-gif-box,
.contest-promos .icon-gif-box{ display:none; }

/* topOffers */
#topOffers .offert_post, 
#topPromos .promo_post{
	display: block;
	overflow: hidden;
	width: 100%;
}
#topOffers .offerContent, 
#topPromos .promoContent{ display: none; }
#topOffers .contPostOffer, 
#topPromos .contPostPromo{ margin-top: .5em; }
#topPromos .contPostPromo img{ display:none;}
#topOffers h3, 
#topPromos h3{
	font-size: 2em;
	margin-top: 2em;
	text-align: center;
	text-transform: uppercase;
}
#topOffers .communauto-offers .conts, 
#topPromos .communauto-promos .conts{
	background-size: 100% 100%;
	background: url('lib/img/base/bg_offers_vert.png') left top no-repeat;
	color:white;
	height:100%;
	right:8px;
	position:absolute;
	top:.5em;
	max-width: 332px;
	width: 100%;
	-webkit-width: cal(100% - .5em);
	-moz-width: cal(100% - .5em);
	width: cal(100% - .5em);
	z-index: 1;
}
#topOffers .thumb_post, 
#topPromos .thumb_post{
	height:280px!important;
	overflow: hidden;
	width: calc(100% - .5em);
}
#topOffers .size-full, 
#topPromos .size-full{
	width:100%;!important;
}
#topOffers .btnMore, 
#topPromos .btnMore{
	bottom: 1.5em;
	color: white;
	display:block;
	position: absolute;
	text-align:center;
	text-decoration: underline;
	width:100%;
}
#topOffers .hilights_offer,
#topPromos .hilights_offer{
	list-style: none;
	margin:1em 0 0;
	padding:0 .5em;
	text-align: center;
}
/* topOffers */
/* genericOffers */
.grid{width:100%;}
.grid-item{
	display:block;
	float:left;
	moz-transition: .3s ease-in-out;
	ms-transition: .3s ease-in-out;
	opacity:1;
	overflow:hidden;
	transition: .3s ease-in-out;
	web-kit-transition: .3s ease-in-out;
	width:90%;
	min-width: 280px;
}
.invisible{
	margin:0!important;
	opacity:0;
	padding:0!important;
	visibility: hidden;
	width:0;
}
.off{
    display:none;
}
.genOfftypes, .genProtypes{
	width:100%;
}
.genOfftypes ul, 
.genProtypes ul{
	margin: 0 0 1em; padding:0;
}
.genOfftypes li, 
.genProtypes li{
	cursor:pointer;
	display: inline-block;
	font-size: 1.2em;
	list-style: none;
	margin: 0 2em 0 0;
	text-align: left;
}
.genOfftypes .icon, 
.genProtypes .icon {
	font-size: 1.6em;
    line-height: 1em;
    padding-right: .3em;
    vertical-align: middle;
}
.genOfftypes .icon-plus, 
.genProtypes .icon-plus{ 
	font-size: 1em; 
}
.genOfftypes .txtMini, 
.genProtypes .txtMini { 
	font-size: .7em; 
}
#genericOffers .offert_post, 
#genericPromos .promo_post {
	list-style: none;
	margin:1em 0 0;
	padding:0 .5em;
	text-align: left;
}
#genericOffers .thumb_post,
#genericPromos .thumb_post {
	height:165px;
	margin-top: .5em;
	overflow:hidden;
	width:100%;
}
#genericOffers .thumb_post img, 
#genericPromos .thumb_post img{
	width:100%;
}
.hilights_offer, .hilights_promo{
	list-style: none;
	margin:1em 0;
	padding:0;
	position:relative;
	text-align: left;
}
#topPromos .hilights_offer, 
#topPromos .hilights_promo{
	margin:1em;
	text-align: center; 
}
#genericOffers .hilights_offer .introOffer, 
#genericPromos .hilights_promo .introOffer{ 
	display:none; 
}
.containerTxtOffer, .containerTxtPromo{
	border:1px solid #D6DDEA;
	height:130px;
	margin-top:.2em;
	padding:.5em;
}
.containerTxtOffer .value .icon, 
.containerTxtPromo .value .icon{
    font-size: 1.5em;
    line-height: 1em;
    padding-right: .3em;
    vertical-align: bottom;
}
.containerTxtOffer .value, 
.containerTxtPromo .value{
	font-size: 1.2em;
	color:#000;
}

.containerTxtOffer .hilights_offer, 
.containerTxtPromo .hilights_offer{
	color:#666;
}
.hilights_offer .expire, 
.hilights_promo .expire{
	margin-top: 2em
}
#genericOffers .btnMore, 
#genericPromos .btnMore{
	display:none;
}
#genericOffers .partner, 
#genericPromos .partner{
	margin: .5em 0
}
#genericOffers .communauto-offers .parten,
#genericPromos .communauto-promos .parten{
	display:none;
}
/* end genericOffers */
/* events Offers */
.offersContent .sousTitre, .promosContent .sousTitre{
	margin: 1em 0 1.5em;
}
.evensContainer{
	background: url('lib/img/base/bg_evens.jpg') no-repeat 0 0;
	background-color: #fff;
	height: 410px;
	position:relative;
	width:100%;
}
.evensList{
	height:100%;
	min-width: 320px;
	overflow:hidden;
	padding:1em;
	position:absolute;
	right: 0;
	top:0;
	width:50%;
}
.evensList .event_post{position:relative;}
.evensList .icon{
	font-size: 2.5em;
	left:0;
	position: absolute;
	top:0;
	vertical-align: top;
}
.evensList .event_post{
	position:relative;
	width:100%;
	display:inline-block;
	margin-bottom: 1em;
}
.evensList .icon{
	font-size: 2.5em;
	vertical-align: top;
}
.evensList .txtEvent{
	left:4em;
	margin-bottom: 1em;
	position: relative;
	top:0;
}
.evensList .txtEvent h3{
	line-height: 1em;
	margin-top: .5em;
	vertical-align: middle;
}
.evensList .expire{ color:#666;}
.sectionIntro .navNoIntro{margin:0;}
/* end events Offers */
/* single Offers */
.single-promos .hilights_promo{ 
	margin-top: 3em;
	display:none; 
}
.single .entry-meta, .single .nav-links, .single .btnMore{ display:none; }
/* single Offers */
/** offers sections **/
/** landings **/
.landingpage .entry-header{display:none;}
.landingpage{margin-top: -1em;}
/** landings **/
@media only screen and (min-width : 360px) {
	.sectionPromos .elmResponsive{max-width: 290px; }
	.forAbonnement{width:300px;}
	.comparer .formule{width:160px;}
}
@media only screen and (min-width : 370px) {
	.encadresIntroServices .elm{height: 14.5em;}
}
@media only screen and (min-width : 400px) {
	.mobile{display: none!important;}
	.tablet{display: block;}
	.desktop{display: none;}
	.tabDesk{display: block;}
	.encadresIntroServices .elm{height: 15em;}
	.sectionIntro .siteinfo{ margin: 0 5em 1em 0;}
	.onLine, .offLine, .bussines{height: 500px;}
}
@media only screen and (min-width : 768px) {
	.mobile{display: none;}
	.tablet{display: block;}
	.desktop{display: none;}
	.tabDesk{display: block;}
	.autoTop{padding-top: 0;}
	#abonnez a{font-size: 1em; padding:13px;}
	#map, .mobNone, .iconBannerPromo, .iconNewStation {display: block;}
	#imgLifeStyleContent, #imgLifeStyleContentSlogan{height: 471px;}
	.headerLifeStyle{height: 350px;}
	.headerLifeStyle #imgLifeStyleContent, .headerLifeStyle #imgLifeStyleContentSlogan{height: 350px;}
	nav, .imgAutosTop, .boxMobile {display: none;}
	.txtIntro{margin-top: 2em;}
	.quebec .txtIntroDefault{display:none;}
	.quebec .autoMobileQC{display:block; z-index: 2;}
	.elms3{
		float: left;
		display: block;
		margin: 0 2% 0 0;
		overflow: hidden;
		width: 32%
	}
	.encadresIntroServices .elm{height: 12em;}
	.color h2 a {font-size: .8em;}
	.tri{margin-left:1.2em;}
	.elmContenu img {margin: 1.3em .5em 0 .8em; width: 40px;}
	.elmContenu p{margin: 1.3em .5em 0 0;}
	.img2sev img{margin: 0;	width: 100%;}
	.titre h2{font-size: 1.5em; padding: 0 2em; }
	.titre .ligne{top:1em;}
	.sousTitre h2{font-size: 1.5em; padding: 0 2em; }
	.sousTitre .ligne{top:1em;}
	.deuxServices .collumn {margin-right: 4%; width: 46%;}
	.deuxServices .collumn:last-child {margin-right: 0;}
	.collumn {width: 25%;}
	.deuxServices .collumn:last-child{
		margin-right: 0;
		float:right;
	}
	.colVideo{
		float:left;
		margin-right: 2%;
		width: 48%;
	}
	.deuxServices .pointAB{
		margin-top:27px;
	}
	.functionement .icones, .offres .icones, .promos .icones{font-size: 7em;}
	.blockLigneTop .elm {min-height: 133px;}
	.footer_col{width:31.5%;}
	.sectionIntro .nav{display:inline-block;}
	.imgIntroPage{display:block;}
	.txtIntroPage{width:65%;}
	.txtIntroPage p{
		-webkit-text-shadow: 4px 4px 10px rgba(55, 110, 64, .5);
		-mox-text-shadow: 4px 4px 10px rgba(55, 110, 64, .5);
	    text-shadow: 4px 4px 10px rgba(55, 110, 64, .5);
	}
	.btnVilles{
	    padding: 0.3em .8em 0.3em 0.6em;
	}
	.menuVilles .nomVille, .menuVilles .icon-pin{display:inline;}
	.abreviation{display: none;}
	.sectionMap.entete .titre{display:block;}
	.codePostal {display: block;}
	#menuComboBox div{float:left; width: 50%}
	#leyendas{
		bottom: auto;
		height: auto;
		margin-bottom: 1em;
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.btnLeyendas{display: none;}
	.bgLeyendas{
		background-color: #fafafa;
		border-radius: 0;
		border: none;
		color: #949494;
		display: block;
		padding:0; 
	}
	.pointsService{ display: block;}
	.pointsService li{ 
		width:47%; 
		margin-right: 2%;
		display:inline-block;
		text-align: left;
	}
	.iconDescription, .ouliens{
		float: left;
		list-style: none; 
		margin: 0; 
		overflow: hidden;
		padding: 0;
		width: 50%;
	}
	.iconDescription li, .ouliens li{
		border-bottom: none; 
		color: #949494;
		padding: .2em 0;
	}
	.iconDescription li:first-child{display: none;}
	.iconDescription li:nth-child(2), .iconDescription li:nth-child(3){display: block;}
	.boxCont{min-height: 472px;}
	.boxConnexion{width:40%;}
	.connexPromoBase{width:59%;}
	.sectionPromos .elmResponsive {max-width: 220px;}
	.sections{ margin-bottom: 0!important; padding: 5px; width: 320px;}
	.section2{ margin-left: 10px;}
	.btnOnOFLine a{font-size: 1.5em; padding: .3em 1em;}
	.onLine .elmImg, .offLine .elmImg{max-width: 10%}
	.onLine .elmTxt, .offLine .elmTxt{max-width: 90%;}
	.elmTxt ol{margin: 0; padding-left:2em; }
	.onLine .elmTxt ul{float: right; margin: 0; padding-left: 2em;}
	.elmTxt ol:first-child .mobile{display: none;}
	.elmTxt ol:first-child .tablet{display: inline;}
	.imgAutoCommun{max-width: 75%;}
	/* page tarifs formules */
	.forfait {
	    width: 96%;
	}
	.forBox{
		float:left;
		position:relative;
		width:50%;
	}
	/* end page tarifs formules */
	.autres .elemFloat{width: 33%; padding: 5px 0 0;}
	.abonnementBase .autres .elemFloat.ab{padding-top: 0;}
	/*calculateur page combien*/
	.calculer{width: 35%;}
	.comparer{margin-left: 7%;	width: 58%;}
	.collumns2 {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	.collumns3 {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	.collumns4 {
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
	}
	.postContent{width:70%;} 
	.asidePost{
		margin-left: 7%;
		width:23%;
	}
	.offreDUO{width:50%; margin:0 auto;} 
	#business-institutions .tarifBox{
		width:80%;
		overflow: hidden;
	}
	#business-institutions .forfaits .offreDUO .collumn {
		width:50%!important;
	}
	.sloganLS{display:inline-block;}
	.cols2{
		display:block;
		width: 100%;
	}
	.cols2	.col{
		display: inline-block;
		text-align: left;
		margin: 0;
		vertical-align: top;
		width: 46%;
	}
	.cols2	.col:first-child{
		margin: 0 3% 0 0;
	}
	.cols3{
		display:block;
		width: 100%;
	}
	.cols3	.col{
		display: inline-block;
		text-align: left;
		margin: 0 2.5% 1em 0;
		vertical-align: top;
		width: 31%;
	}
	.cols3	.col:last-child{
		margin: 0 0 1em 0;
	}
	#topOffers .thumb_post, #topPromos .thumb_post{
		height:320px!important;
	}
	.collums2{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	.collums3{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	.collums4 {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	/* slogan par */
	.sloganPar.large{width:280px;}
	.sloganPar.medium{width:250px;}
	.sloganPar.small{width:220px;}
	.sloganPar .size1x{font-size: 24px}
	.sloganPar .size2x{font-size: 28px}
	.sloganPar .size3x{font-size: 32px}
	.sloganPar .size4x{font-size: 37px}
	.sloganPar .size5x{font-size: 44px}
	/* fin slogan par */
	.grid-item{ width:47%; }
	.page-inscription .headerLifeStyle{height:250px;}
	.onLine, .offLine, .bussines {height: 230px;}
	.btnOnOffLine a{font-size: 1.1em;}
	#topPromos .contPostPromo img{ display:block;}
}
@media only screen and (min-width : 855px) {
	.bugerMenu {display:none;}
	nav {display: block;}
	.logoComm{ width:180px; }
	#abonnez a{padding:13px 25px;}
	.headerLifeStyle{height: 400px;}
	.headerLifeStyle #imgLifeStyleContent, .headerLifeStyle #imgLifeStyleContentSlogan{height: 400px;}
	.tri{margin-left:1.4em;}	
	.elmContenu img {margin: 1.3em .5em 0 .8em;}
	.elmContenu p{margin: 1.3em .5em 0 0;}
	.color h2 a {font-size: .9em;}
	.img2sev img{margin: 0;	width: 100%;}
	.orange strong{font-size: 1.3em;}
	.communaute{padding: 0 0.6em;}
	.communaute h3, .communaute p, .communaute a{margin: 16px; }
	.communaute p{font-size: .9em}
	.communaute .collumn{ max-width: 235px;}
	.boxCont{min-height: 450px;}
	.sectionPromos .elmResponsive {max-width: 250px;}
	.grid-item{ width:31.5%; }
}
@media only screen and (min-width : 956px) {
	.mobile{display: none;}
	.tablet{display: none;}
	.desktop{display: block;}
	.tabDesk{display: block;}
	.headerLifeStyle{height: 430px;}
	.headerLifeStyle #imgLifeStyleContent, .headerLifeStyle #imgLifeStyleContentSlogan{height: 430px;}
	.txtIntroPage{padding-top: 0;}
	.margeSection{margin-top: 2em;}
	.encadresIntroServices .elm{height: 13.5em;}
	.img2sev img{margin: 0;	width: 100%;}
	.functionement .icones, .offres .icones, .promos .icones{font-size: 9em;}
	.blockLigneTop .elm {min-height: 115px;}
	.orange strong{font-size: 1.5em;}
	.communaute p{font-size: .95em; line-height: 120%;}
	.pages #wrapper{margin-top:130px}
	.entete{margin-top: 0; }
	.entete .shadow_b{display: block; }
	.entete .margeResponsive{margin: 1em auto; padding: 0;}
	.btnVilles{padding: 0.3em 1.4em 0.3em 0.6em;}
	.margeInterSection{margin-top: 2em;}
	.liAvantages li{margin:.5em 0; width:45%;}
	.liAvantages li:nth-child(2n){margin-left: 5%;}
	.entete .margeResponsive{padding: .5em 0 2em;}
	.boxConnexion{width:30%;}
	.connexPromoBase{width:69%;}
	.boxCont{min-height: 390px;}
	.sectionPromos .elmResponsive {max-width: 297px;}
	.popu{width: 45px;}
	.sousTitre{margin: 1em 0 2em;}
	/* page tarifs formules */
	.forSelected .auto{width:270px;}
	.forSelected{min-height:550px;}
	.forBase .forSelected .btnAbonner{left:80%;}
	.hidenTabletV{display:inline;}
	/* end page tarifs formules */
	/* calculateur page combien*/
	.comparer .base{width:37%;}
	.comparer .completes{width:70%;}
	.completes .contForComp{
		width:47%;
		margin:0 6% 1em 0; 
	}
	.completes .contForComp:nth-child(2n){ margin:0 0 1em 0; }
	.comparer .base h5{margin-left: -2.8em;}
	#business-institutions .tarifBox{
		width:68%;
	}
	.contForComp {width: 33%;}
	.collums4 {
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
	}
	.page-inscription .headerLifeStyle{height:430px;}
	.onLine, .offLine, .bussines{height: 225px;}	
}
/****** fin responsive ******/