@charset "iso-8859-2";
/* CSS Document */
html {
	height:100%;
}
body {
	min-height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    background-color: #e3e3e3;
    font-family: Roboto;
    color: #6b6b6b;
    font-size: 18px;
    line-height:24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
abbr {
    text-decoration: none;
    color: #980165;
    border-bottom: 2px dashed #980165;
    cursor: help;
    background: rgba(152, 1, 101, 0.2);
    padding-left: 2px;
    margin-right: 2px;
    transition: 0.2s ease all;
}

abbr:hover {
    background: rgba(152, 1, 101, 0.3);
}
#preload_image{
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}

.imgVide {
    width: 187px;
    height: 125px;
    position: absolute;
    left: 15px;
    top: 15px;
    border-radius: 5px;
    background-color: #d4d4d4;
}
.voirPlus.open:before {
  content:'\f068';
}
.voirPlus {
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    padding-left: 30px;
    margin-top: 10px;
    background-color: rgba(0,0,0,0.1);
    position: relative;
    transition: 0.2s ease all;
    cursor: pointer;
}
.voirPlus:hover {
    background: rgba(0,0,0,0.2);
    border: 2px solid rgba(0,0,0,0.2);
}
.voirPlus p {
  margin:0;
}
.voirPlus:before {
    font-family: FontAwesome;
    content: '\f067';
    left: 10px;
    top: 12px;
    position: absolute;
    height: 15px;
    color: #5d5b62;
    margin: auto;
}

.voirPlus ul {
  display:none;
}


a {
	outline: 0;
	color: #980165;
	text-decoration: underline;
	transition: 0.2s ease all;
}

p {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

hr {
	margin-bottom:20px;
}

.nomargintop {
	margin-top:0;
}

.msg {
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}

input, select, textarea {
	font-size: 11px;
}
p.imgFirst {

	text-align: center;
    background-color: #381b49;
    border-radius: 5px;
	overflow: hidden;
}
#header{
	height: 120px;    
	background: -webkit-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 100%);
    background: -moz-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 100%);
position:relative;

}
#headerContent {
	position: relative;
	height: 120px;
	width: 1075px;
	margin: 0 auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#header #logo {
    position: absolute;
    height: 80px;
    padding: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#header #logo a{
	text-decoration:none;
}

#publicites {
	float:right;
	margin-right: 0px;
	margin-top: 15px;
}

section.sectionHome {
	font-size:0;
	padding:0 16px;
	border-bottom:1px solid #cacaca;
}

section.sectionHome .leftSection,.leftSection {
    width: 725px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    font-size:14px;
    padding-bottom: 30px;
    padding-top: 16px;
}
section.sectionHome .rightSection, .rightSection{
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin-left: 18px;
    font-size: 14px;
    padding-top: 16px;
    text-align:  center;
    padding-bottom: 30px;
}

section.sectionHome.sectionActu {
	border-bottom:0;
}
.leftSection > h2{
	margin-top: 0;
}

h1 {
	font-family: Roboto;
	color:  #980165;
	font-size: 34px;
	font-weight: 300;
	text-align: left;
     line-height: 36px;
}

.sectionHome h1 {
	text-align: center;
}

.pageActu.colTelRight h1 {
    margin: 36px 0;
}
.colTelRight h1 {
     max-width: 715px;
    margin: 8px 0;
}

.colTelRight .text-home {

    max-width: 715px;
    padding-top:0;
    margin-bottom: 16px;
}

.homeComparerBtn{
	font-family: Roboto;
    color: #6b6b6b;
    font-size: 18px;
}

h2 {
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    text-align:  left;
}
.colTelRight h2 {
    margin-top: 0;
	margin-bottom: 10px;
}
.sectionHome h1 {
	position: absolute;
    left: 0;
    right: 0;
}
.sectionHome .leftSection .illu-home {
    margin-top: 105px;
	margin-bottom: 20px;	
}

.text-home {
	font-family: Roboto;
	color:  #6b6b6b;
	font-size: 18px;
	line-height:20px;
	padding-top:16px;
	line-height: 22px;
	text-align: justify;
}

.text-home .cCenter {
	text-align: center;
}

.cCenter{
	text-align: center;
}

.cLeft{
	text-align: left !important;
}

.cRight{
	text-align: right;
}

.btnArrondis,a.souscrire{
	display: inline-block;
    position: relative;
    border: 2px solid #980165;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    font-family: "Roboto";
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s ease all;
    overflow: hidden;
    vertical-align: bottom;
    background: #980165;
    text-transform: uppercase;
    padding: 8px 11px;
}

.btnArrondis:hover,a.souscrire:hover,#cadreSearch input.submit:hover{
  background: rgba(152, 1, 101, 0.25);
  color: #980165;
}

.btnArrondis:active,a.souscrire:active,#cadreSearch input.submit:active{
  background: rgba(152, 1, 101, 0.25);
  color: #980165;
}


.colTel {
	width: 300px;
	padding: 15px 25px;
	box-sizing: border-box;
	background-color: #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	text-align:  center;
	margin-bottom: 10px;
}

a.colTelRappel {
	font-family: Roboto;
	color: #5ca8ff;
	font-size: 22px;
	font-weight: 700;
	z-index: 2;
	box-sizing: border-box;
	position:  relative;
	display: block;
}
a.colTelNum {
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #434343;
	font-family: Roboto;
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	padding: 5px 8px;
	text-decoration: none;
	display:  block;
	width: 165px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.bloc-compare img{
	width: 20px;
}
.demande-rappel{
  	margin-bottom: 10px;
}
.colTelTrait {
    background-color: #cecdcd;
    height: 77px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.colTelImg {
	position: absolute;
	bottom: 0;
	right: -5px;
}

.comparer-offre {
	margin-bottom:5px;
	border-radius:10px;
	padding:10px;
	padding-left: 88px;
	color:  #6b6b6b;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	background-color: #f2f2f2;
	position:  relative;
	text-align:  left;
}
.comparer-offre:before {
	content:'';
	background-image:url("/img/pourquoi-changer-de-forfait.png");
	width: 70px;
	position:  absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 10px;
}
.noBorder {
	border:none !important;
}
ul {
	margin:0;
	padding:0;
}

.listeUl {
	padding:12px;
	border-radius:10px;
	background-color:  #f2f2f2;
	width: 315px;
	color:  #6b6b6b;
	margin-bottom: 16px;
	font-size: 10px;
	text-align: left;
}
.listeUl li {
	margin-left:16px;
	line-height: 24px;
}
.listeUl li a {
     color: #6b6b6b;
    font-size: 18px;
}

.listeUl li a:hover {
	color:#980165;
}
.comparer-offre.first:before {
     background-position-y: -2px;
}
.comparer-offre.second:before {
     background-position-y: -72px;
}
.comparer-offre.thirst:before {
     background-position-y: -140px;
}

#menuTop {
	height: 33px;
	margin: 0;
	background-color : #444444;
	position:relative;
	margin-bottom: 10px;
    z-index: 1;
}
#menuTopContent{
	width: 1075px;
	height:33px;
	margin: 0 auto;
	padding-left:0px;
	text-align:center;

}
#menuTop ul {
	margin: 0px;
	padding: 0px;
	font-size: 0;
	text-align: left;
}
#menuTop a {
  	font-family: Roboto;
    font-weight: 900;
    color: white;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 11px;
	line-height: 17px;
	transition: 0.2s ease all;
}
#menuTop a.selected {
	background-color:  #980165;
	box-shadow: 0px 10px 25px 0px rgba(152, 1, 101, 0.25);
}
#menuTop a:not(.selected):hover {
	background-color:  #282828;
	box-shadow: 0px 10px 25px 0px rgba(40, 40, 40, 0.25);
}

#menuTop li {
	text-align: center;
	margin: 0px;
	height: 33px;
	list-style-image: none;
	list-style-type: none;
	display: inline-block;

}
/*------------Header superieur-----------*/

.actu {
    padding: 16px;
    padding-left: 218px;
    display: block;
    min-height: 155px;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}

.actu:nth-child(odd) {
	border-radius: 10px;
	background-color:  #eeeeee;
}

.actu img {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
}
.actu .titre {
	color: #444444;
    font-size: 18px;
	line-height: 20px;
    text-align: left;
    font-weight: 500;
    transition: 0.2s ease all;
}
.actu .titre:hover {
	color:  #980165;
}
.actu .date {
    float: right;
    margin-left: 16px;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
}
.actu p {
    color: #868686;
    font-size: 16px;
    line-height:20px;
    font-weight: 400;
	margin-top: 6px;
}
.actu.noImage {
	padding-left:16px;
	height:auto;
    min-height: auto;
}

.colTelRight .colTel {
  	position: absolute;
    top: 16px;
    right: 16px;
}
ol.ulGris li {
    list-style: decimal !important;
    list-style-position: inside !important;
    padding-left:10px;
}
ol.ulGris li:before {
    content: '';
}
.lien-utile{
    background-color : rgba(0,0,0,.05);
    border-left : 4px solid rgba(0,0,0,.15);
    padding : 7px;
    color : #494949;
    font-weight: 400;
}
/*******************Comparateur-simulateur**********************************************************************/
#waitComparateur{ visibility:hidden; }
#waitSimulateur{ visibility:hidden; }

.compara_simula{
width:718px;
height:90px;
margin-bottom:10px;
margin-top: 17px;
border:1px solid #cccccc;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #feffff 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #feffff 0%,#efeded 100%); /* PIE */
behavior: url(http://www.banques-en-ligne.fr/css3pie/PIE.php);
}
.comparateur{
width:560px;
height:66px;
margin-top:10px;
margin-left:15px;
float:left;
}
.comparateur h4{
font-size:18px;
color:#312e2e;
margin:0px;
text-decoration:none;
letter-spacing:0.05em;
}
.comparateur p{
width:380px;
float:left;
font-family: Trebuchet MS;
font-style:italic;
font-size:12px;
color:#534e4e;
}

.comparateur_content{
display:block;
width:718px;
font-family: Trebuchet MS;
border:1px solid #cccccc;
margin-bottom:10px;
background: #ffffff;
border:0;
}
.comparateur_entete{
font-family: Trebuchet MS;
border-bottom:1px solid #cccccc;
margin-left:15px;
margin-right:15px;

}
.comparateur_entete h4{
font-size:18px;
color:#312e2e;
margin:0px;
text-decoration:none;
letter-spacing:0.05em;
width:350px;
padding:10px;
padding-left:0px;
float:left;
}
#resultVide{
color: red;
font-size: 12pt;
margin-bottom: 30px;
margin-top: 35px;
text-align: center;
height:40px;
padding-top:20px;
width:548px;
border:1px solid #cccccc;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.comparateur_choice {
width:128px;
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
float:left;
border-right:1px solid #cccccc;
}
.comparateur_result{
float:left;
padding-left:12px;
font-family:Trebuchet MS;
position:relative;
width:555px;
}
.comparateur_result h6{
font-size:15px;
color:#312e2e;
font-weight:normal;
margin:15px 0px;
margin-bottom: 20px;
}
#ligneForfaitHead{
width:548px;
height:24px;
margin-bottom: 5px;
background-color:#312e2e;
}
#ligneForfaitHead ul{
margin:0px;
padding:0px;
}
#ligneForfaitHead ul li{
float:left;
list-style-type:none;
color:#ffffff;
font-size:9pt;
height:24px;
text-align:center;
padding-top: 3px;
}
#liForfait{
width:107px;
border-right:1px solid#ffffff;
}
#liDuree{
width:70px;
border-right:1px solid#ffffff;
}
#liEngagement{
width:82px;
border-right:1px solid#ffffff;
}
#liSms{
width:60px;
border-right:1px solid#ffffff;
}
#liOption{
width:134px;
border-right:1px solid#ffffff;
}
#liTarif{
width:80px;
}
.ligneForfaitContent{
width:546px;
height:70px;
padding-top:5px;
margin-bottom: 5px;
background-color:#ffffff;
border:1px solid #aaaaaa;
}
.ligneForfaitContent p{
font-size:9pt;
}
.ligneForfaitContent div{
float:left;
text-align:center;
padding-left:3px;
padding-right:3px;
height:70px;
}
.forfaitLogoNom{
width:100px;
border-right:1px dashed #cccccc;
}
.forfaitLogoNom img{
width:85px;
height:40px;
border:0px;
}
.forfaitLogoNom p{
font-size:8pt;
line-height:1em;
margin-bottom:2px;
margin-top:2px;
}
.forfaitDuree, .forfaitDureeIllimite{
width:65px;
font-size:16pt;
border-right:1px dashed #cccccc;
color: #980165;
}
.forfaitDureeIllimite span{
font-size:11pt;
margin:0;
padding-top:28px;
display:block;
}
.forfaitDuree span{
display:block;
padding-top:20px;
}
.forfaitEngagement{
position:relative;
width:74px;
border-right:1px dashed #cccccc;
}
.forfaitEngagement p{
margin:0px;
padding-top:28px;
}
.forfaitSMS{
width:55px;
border-right:1px dashed #cccccc;
}
.forfaitSMS p{
margin:0px;
padding-top:28px;
}
.forfaitOption ul{
padding:0px;
margin:0px;
padding-left:15px;
margin-top:5px;
width:115px;
text-align:left;
border-right:1px dashed #cccccc;
}
.forfaitTarif{
display:block;
font-size:13pt;
color:#980165;
font-weight:bold;
padding-bottom:3px;
padding-right: 4px;
text-align: right;
}
.forfaitButton{
width:80px;
}
.BtnVoirForfait{
display:block;
text-align: center;
width:75px;
height:20px;
border: solid 1px #80c335;
background-image: -webkit-linear-gradient(bottom, #c6fe87, #a0e652 55%, #8dd43e);
background-image: -moz-linear-gradient(bottom, #c6fe87, #a0e652 55%, #8dd43e);
background-image: -o-linear-gradient(bottom, #c6fe87, #a0e652 55%, #8dd43e);
background-image: -ms-linear-gradient(bottom, #c6fe87, #a0e652 55%, #8dd43e);
background-image: linear-gradient(to top, #c6fe87, #a0e652 55%, #8dd43e);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6fe87', endColorstr='#8dd43e',GradientType=0 ); /* IE6-9 */
}
.BtnVoirForfait:hover{
background: #f6dea6; /* Old browsers */
background: -moz-linear-gradient(top, #f6dea6 0%, #f8cd4a 49%, #fe9207 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6dea6), color-stop(49%,#f8cd4a), color-stop(100%,#fe9207)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dea6', endColorstr='#fe9207',GradientType=0 ); /* IE6-9 */
-pie-background: linear-gradient(top, #d0f569 0%,#98ca2c 100%); /* PIE */
behavior: url(http://www.banques-en-ligne.fr/css3pie/PIE.php);
border:1px solid #eac15e;
}
.BtnVoirForfait span{
padding-top:8px;
color:#ffffff;
}
.BtnVoirForfait a{
display: block;
font-size: 10pt;
padding-top: 2px;
text-decoration:none;
color:#312e2e;
}
.detailPlus a{
display:block;
margin-top: 2px;
text-align:right;
padding-right:4px;
color:#EC9926;
}
.detailPlus a:hover{
color:#000000;
}
.detail {
    font-size: 12px;
    font-style: italic;
    color: #807D83;
    line-height: 14px;
    margin-top: 3px;
}
.comparateur_content dl dt{
font-size:12px;
color:#ec9926;
font-family: Trebuchet MS;
font-weight:bold;
margin-top:20px;
}
.comparateur_content dl dd{
font-size:12px;
color:#312e2e;
font-family: Trebuchet MS;
font-weight:bold;
margin-left:0px;
margin-top:5px;
}

.comparateur_content dl dd input{
height: 15px;
vertical-align: middle;
width: 15px;
}

#fermerComparateur{
display:block;
cursor:pointer;
text-align:left;
padding-left:12px;
font-weight:bold;
font-size:12px;
color:#312e2e;
background: url('img/comparateur-btn-fermer.png') no-repeat;
float:right;
width:90px;
height:25px;
padding-top:5px;
margin-top:10px;
margin-right:-12px;
}
#fermerComparateur:hover{
color:#b80000;
}
#btnComparer{
display:block;
cursor:pointer;
text-align:center;
font-weight:bold;
font-size:14px;
color:#312e2e;
float:right;
width:115px;
height:25px;
padding-top:5px;
margin-top:10px;
margin-right:5px;
background: #f6dea6; /* Old browsers */
background: -moz-linear-gradient(top, #f6dea6 0%, #f8cd4a 49%, #fe9207 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6dea6), color-stop(49%,#f8cd4a), color-stop(100%,#fe9207)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6dea6 0%,#f8cd4a 49%,#fe9207 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dea6', endColorstr='#fe9207',GradientType=0 ); /* IE6-9 */
-pie-background: linear-gradient(top, #d0f569 0%,#98ca2c 100%); /* PIE */
behavior: url(http://www.banques-en-ligne.fr/css3pie/PIE.php);
border:1px solid #eac15e;
}
.min_max{
width:200px;
height:20px;
}
.min, .max{
width:100px;
color:#312e2e;
float:left;
}
.min{
text-align:left;
}
.max{
text-align:right;
}
.load{
position:absolute;
left:530px;
top:200px;
}
/**************TOP forfait******************/
ul.top {
	margin:0;
	padding:0;
	margin-bottom:10px;
	width:357px;
	float:left;
	margin-left:0px;
}
ul.top li{
	list-style-type:none;
	padding-bottom:11px;
	position:relative;
}

ul.top li a{
	display:block;
	float:left;
	padding-top:7px;
	text-align:center;
	text-decoration:none;
	font-family:Arial;
}
ul.top li a.image{
	padding-top:0px;
	padding-right:6px;
}
a.image img{
	width:97px;
	height:32px;
	margin-left:6px;
	border:none;
	padding:0px;
}
#header_top{
	width:91px;
}
#headerDuree{
	width:58px;
}
#headerContrat{
	width:80px;
	}
#headerTarif{
	width:51px;
}
#headerChoix {
	width:67px;
}
li.header_top{
	/*background-color: #312e2e;*/
background: #454142; /* Old browsers */
background: -moz-linear-gradient(top, #454142 0%, #514d4e 50%, #322e2f 50%, #322e2f 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454142), color-stop(50%,#514d4e), color-stop(50%,#322e2f), color-stop(99%,#322e2f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* IE10+ */
background: linear-gradient(to bottom, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454142', endColorstr='#322e2f',GradientType=0 ); /* IE6-9 */
	margin-bottom:16px;
	width:357px;
	height:28px;
	padding-top:5px;
}
li.header_top a{
color:#ffffff;
	font-size:13px;
	padding-top:12px;
}
li.lineTop{
	width:355px;
	height:52px;
	border:1px solid #cccccc;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #feffff 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #feffff 0%,#efeded 100%); /* PIE */
behavior: url(http://www.banques-en-ligne.fr/css3pie/PIE.php);
margin-bottom:4px;
}
li#finLineAppel{margin-bottom:20px;}
li.lineTop a{
margin-left:5px;
}
ul.top li a.classement {
    color: #ffffff;
    font-size: 13px;
    height: 42px;
    padding-top: 21px;
    width: 17px;
	background-color:#980165;
	font-weight:bold;
	margin-left:0px;
}
.operateur{
width:74px;
color:#312e2e;
font-size:8pt;
font-family:Arial, sans serif;
}
.operateur img{
border:none;
}
.duree{width:48px;font-size:15pt;margin-top:12px;}
.dureeIllimite{width:48px;font-size:11pt;margin-top:12px;}
.dureeIllimiteWeb{width:48px;font-size:11pt;margin-top:12px;}
.engagement{
width:56px;
margin-top:12px;
color:#312e2e;
font-size:10pt;
font-family:Arial, sans serif;}
.tarif{
width:71px;
color:#312e2e;
font-size:14pt;
font-family:Arial, sans serif;
text-align:right;
display: block;
float: left;
height: 52px;
line-height: 0.65em;
padding-top: 16px;
}
/*.detail{font-size:9pt;color:#cd5d12;text-decoration: underline;}
.detail a:hover{text-decoration: none;color:#312e2e;}*/

.choisir{width:60px;height:38px;background:url(img/btnChoisir.png) right center no-repeat;color:#ffffff;font-size:11pt;margin-top:11px;}
.choisir:hover{background:url(img/btnChoisirHover.png) no-repeat;}


li.asterix {
font-size:9px;
color:#494646;
margin-top:4px;
margin-bottom: 0px;

}
/**********La Une*****************/
#une h3#une_titre {
border:1px solid #cccccc;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #feffff 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #feffff 0%,#efeded 100%); /* PIE */
behavior: url(http://www.banques-en-ligne.fr/css3pie/PIE.php);
color:#494646;
padding-left:15px;
padding-top:10px;
margin:0;
height:28px;
}
#une,.Une_actu_pos1,.Une_actu_suite {
width:720px;
float:left;
text-align:justify;
}
#une {
float:right;
margin:0;
margin: 0px 10px 0 10px;
position:relative;
}
.Une_actu_pos1{
margin-top:8px;
padding-bottom:8px;
border-bottom: 1px dashed #CCC;
}
.Une_actu_suite {
padding-bottom:12px;
border-bottom: 1px dashed #CCC;
}
#une a{
	text-decoration:none;
	color: #000000;
}
#une a:hover{
	color: #980165;
	}
.Une_actu_pos1 a:hover span, .Une_actu_suite a:hover span{
	text-decoration:underline;
}
.Une_actu_pos1 span, .Une_actu_suite span{
	color:#980165;
	font-weight:bold;
	text-align:left;
}
.Une_actu_pos1 img{
	float:left;
	padding:5px;
	padding-left:0;
	padding-bottom:15px;
}
/***********INDEX NEW***********/
.breve{
float:right;
width:345px;
height:56px;
margin-top:4px;
padding:4px;
margin-bottom:31px;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #feffff 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #feffff 0%,#efeded 100%); /* PIE */
behavior: url(http://www.banques-en-ligne.fr/css3pie/PIE.php);
border:1px solid #cccccc;
position:absolute;
top:340px;
-moz-top:649px;
}
.breve span{
display:block;
color:#980165;
font-size:13px;
font-weight : bold;
margin-bottom:3px;
}

/***** tableau ******/
table {
	width: auto;
	margin:auto;
}
tr.titreTableau {
	background-color: #aa7899;
	text-align:center;
	height:30px;
}
tr.sousTitreTableau {
	background-color: #312e2e;
	color: #ffffff;
	text-align:center;
	height:40px;
}
tr.lignePaire {
	background-color: #e3e3e3;
	color: #000000;
	text-align:center;
	height:20px;
}
tr.ligneImpaire {
	background-color: #ddc8c8;
	color: #000000;
	text-align:center;
	height:20px;
}
td {
	width:208px;
}
.col1 {
	width:140px;
}
a.btnPlusInfo {
	background-image: url(img/btn_tab_comparatif.png);
	background-repeat: no-repeat;
	background-position:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:32px;
	color: #312e2e;
	text-decoration : none;
	padding-top:15px;
	font-weight:bold;
	font-size:9px;
}
a.btnPlusInfo:hover{
	background-image: url(img/btn_tab_comparatif_hover.png);
	background-repeat: no-repeat;
	background-position:center;
	color: #484444;
}
.signaler {
	margin-top : 50px;
}
#contenu {
	background-color: #FFFFFF;
	overflow: hidden;
	width: 1075px;
    min-height:550px;
	margin: 0 auto;
	margin-top: -10px;
	padding-top: 0px;
	padding-bottom: 0px;
	position:relative;
    box-sizing: border-box;
	border-radius: 0 0 5px 5px;
	margin-bottom: 30px;
	padding-bottom:15px;
}

#colOne {
	margin: 0px;
	width: 190px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(img/fd-fond-colOne.jpg);
	background-repeat: no-repeat;
	background-position: right 11px;
}

#colOne ul {
	margin: 0px;
	padding: 0px;
}

#colOne li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	font-size: 11px;
	background-image: url(img/menuLeft-pointilles.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#colOne a {
	color: #980165;
	text-decoration: none;
	line-height: 18px;
	background-repeat: no-repeat;
}
#colOne  a:hover {
	color: #000000;
	text-decoration: none;
}

#colOne   h3 {
	color: #000000;
	height: 28px;
	width: 167px;
	font-size: 11px;
	background-image: url(img/fd-h3-menuLeft.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 2px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#colTwo {
	width: 730px;
	float: right;
	min-height:530px;
	padding-top: 10px;
	margin-bottom: 10px;
}
#colTwo h1{
	font-weight :400;
	color : #312e2e;
	font-size:21px;
	margin-bottom:12px;
	letter-spacing:0.04em;
}
#colTwo h2{
	color : #312e2e;
	font-size:16px;
    margin: 20px 0;
}
#filAriane {
	font-family: Roboto;
	color:  #444444;
	font-size: 14px;
}
#filAriane a {
	color:#444444;
}
/*----------slide-------------*/
.slide_content{
margin-left:0px;
width:730px;

}
.slides1_wrap {
width: 730px;
height:222px;
margin-left:0px;
}
.slides1_wrap   .title_slide{
font-size:11px;
margin-top:0px;
margin-left:8px;
width:202px;
height:21px;
background-color:#ededed;
color:#000000;
border: 1px solid #ffffff;
padding-left:9px;
padding-top:1px;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px; /* pour Chrome */
-webkit-border-top-right-radius: 10px; /* pour Chrome */
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa; /* pour Chrome */
 box-shadow: 0px 0px 5px #555;
}
.bxslider_container {
width: 730px;
height:235px;
margin-left: 0px;
}
/*-----N° page defilement----*/
.bx_pager{
width:290px;
height:27px;
margin-left:308px;
margin-bottom:25px;
}
.bx_pager a{
display:block;
float:left;
width:23px;
height:23px;
margin-left:11px;
padding-top:4px;
text-decoration:none;
color:#0a0b0b;
text-align:center;
}
.bx_pager a.active, .bx_pager a:hover{
background:url(img/francebet_pastille_slider2.png) no-repeat 1px 0px;
color:#FFFFFF;
}

/*----------fin slide-------------*/

#boxContenu {
    padding: 16px;
}
.boxContenu {
    padding: 16px;
}

#boxContenu.colTelRight {
	border-bottom:1px solid #cacaca;
	/*padding-bottom: 0;*/
}
#boxContenu.ficheOpe.colTelRight {
	border-bottom:none;
	padding-bottom: 0;
}

#boxContenu .mainContent{
width:725px;
float:left;
}

#boxContenu.boxContenu2col{
	padding-right: 0;
	padding-top: 0;
	border-bottom:0;
}

.mainContent p {

	font-size: 18px;
    line-height: 24px;
    color: #6b6b6b;
    font-weight: 400;
}
.mainContent h3 {
	color:  #444444;
	font-size: 22px;
	font-weight: 700;
    margin-bottom: 8px;

}
#boxContenu .zone_description{
margin-top:16px;
}
#boxContenu .mainContent .zone_description span{
color:#F00;
}
p.grayBloc, div.grayBloc {
    border-radius: 10px;
    background-color: #f2f2f2;
    padding: 12px 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #444444;
     text-align: left;
    line-height: 24px;
}
p.grayBloc.grayGradient {
    background: -webkit-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 70%);
    background: -moz-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 70%);
    background: -o-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 70%);
    background: -ms-linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 70%);
    background: linear-gradient(0deg, #eeeeee 0%, rgb(255, 255, 255) 70%);
}
ul.ulGray {
    padding-left: 30px;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px;
    background-color: #f2f2f2;
    padding-left: 30px;
     margin: 0px 0;
     text-align: left;

}
ul.ulGray li span{
    font-size:18px;
}

ul.ulGray a {
	color: #444444;
    font-size: 16px;
}

.rightContent a.souscrire {
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}
#boxContenu .title_encadre{
font-size:11px;
font-weight:100;
height:30px;
text-align:center;
padding:3px;
margin-top:-26px;
background-color: #FFF;

}
#boxContenu .rightContent{
	width:300px;
	float:right;
	text-align:center;
	margin-top: 60px;
}

#boxContenu .rightContent img{
	border:none;
	margin: auto;
	display: block;
     width: 100%;
}


.float {
clear:both;
}
#boxContenu  img.liseret{
margin-top :30px;
}

#boxContenu h1.grand {
	background-image: url(img/barre_pour_h1_actu.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 37px;
	width: 666px;
	font-size: 14px;
	color: #ffffff;
	padding-top: 10px;
	padding-left: 75px;
}
#contenuActu {
	width:100%;
	text-align:justify;
}



#contenuActu .ad1{
	float: left;
    height: 250px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 300px;
}
#contenuActu .ad2 {
    height: 280px;
    margin: 0 auto;
    width: 336px;
    margin-top:20px;
}
#contenuActu p.lirePlus{
	font-size:18px;
	color: #424044;
}
#contenuActu a.callToAction {
        /* color: #000000; */
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    text-decoration: underline;
}
#contenuActu a.callToAction:hover{
color:#980165;
}
#boxNews {
	width: 162px;
	margin-top: 10px;
	font-size: 11px;
	margin-bottom: 10px;
}

#boxNews a {
	color: #980165;
	text-decoration: underline;
}

#boxPub {
	width: 724px;
	margin-right: 3px;
	margin-left: 3px;
	/*margin-left: -40px;*/
	background-image: url(img/centre-box-pub.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;

}
#boxPubContenu {
	width: 684px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 11px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;

}
#boxPubContenu a {
	color: #980165;
}
#boxPubContenu a:hover {
	text-decoration: none;
}

#boxPubContenu blockquote {
	width: 167px;
	margin: 0px;
	float: left;
	text-align: center;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	line-height: 16px;
}
.rebond {
text-align:center;
width:1075px;
margin-top:30px;
margin-left:-210px;
}
#footer {
	position: relative;
	background-color: #444444;
	padding: 10px;
}

#boxFooter {
    width: 1075px;
    margin: 0 auto;
    font-size: 11px;
    padding-top: 16px;
    padding-bottom: 0px;
    height: auto;
    box-sizing: border-box;
}

#boxFooter h3 {
	color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

#boxFooter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#boxFooter li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

#boxFooter li a {
	color: #a2a2a2;
	background-image: url(img/picto-flech.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 12px;
	text-decoration: none;
}

#boxFooter li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#boxFooter td {
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
#boxFooter td.RSS {
	width:20px;
}
#boxFooter td.RSS img {
	padding-top: 5px;
	padding-right: 8px;
}
#boxFooter td a.filRSS {
	color: #ff7f31;
	cursor:pointer;
}
#boxFooter p a:hover {
	text-decoration: underline;
}
#boxCopy {
	text-align: center;
	color: #5ca8ff !important;
	font-size: 14px;
	border-top: 1px solid #545454;
	padding-bottom: 16px;
	margin-top: 16px;
}

#boxCopy a {
	color: #5ca8ff !important;
	text-decoration: underline;
	font-size: 14px;
}
#boxCopy a:hover {
	color: #666666;
	text-decoration: none;
}
#boxLeft {
	width: 355px;
	float: left;
	margin-left: 0px;
	padding: 0px;
	padding-bottom: 10px;
	text-align:justify;
}
#boxContent {
	width: 718px;
	padding: 0px;
	padding-bottom: 10px;
	text-align:justify;
}
#boxContent h3 {
background: #454142; /* Old browsers */
background: -moz-linear-gradient(top, #454142 0%, #514d4e 50%, #322e2f 50%, #322e2f 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454142), color-stop(50%,#514d4e), color-stop(50%,#322e2f), color-stop(99%,#322e2f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* IE10+ */
background: linear-gradient(to bottom, #454142 0%,#514d4e 50%,#322e2f 50%,#322e2f 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454142', endColorstr='#322e2f',GradientType=0 ); /* IE6-9 */
	margin: 0px;
	height: 25px;
	width: 706px;
	font-size: 12px;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 15px;
}

#boxContent h3 strong {
	color: #ffffff;
}
#boxContent ul  li, #boxLeft ul  li {
	list-style-type:circle;
	color: #980165;
}
#boxContent ul  li a, #boxLeft ul  li a{
	display:block;
	padding-bottom:5px;
	text-decoration : none;
	letter-spacing:0.05em;
}
#boxContent ul li a:hover, #boxLeft ul li a:hover{

	text-decoration : underline;
}




#boxRight {
	width: 355px;
	float: right;
	margin-right: 5px;
	padding: 0px;
	padding-bottom: 10px;
	text-align:justify;
}
#boxRight h3 {
	background-image: url(img/barre_pour_h3_world.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 37px;
	width: 280px;
	font-size: 12px;
	color: #ffffff;
	padding-top: 15px;
	padding-left: 75px;
}

#boxRight h3 strong {
	color: #ffffff;
}
#boxRight ul  li, #boxLeft ul  li {
	list-style-type:circle;
	color: #980165;
}
#boxRight ul  li a, #boxLeft ul  li a{
	display:block;
	padding-bottom:5px;
	text-decoration : none;
	letter-spacing:0.05em;
}
#boxRight ul li a:hover, #boxLeft ul li a:hover{

	text-decoration : underline;
}
#boxLeft h3 {
	background-image: url(img/barre_pour_h3_mobile.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 37px;
	width: 280px;
	font-size: 12px;
	color: #ffffff;
	padding-top: 15px;
	padding-left: 75px;
}

#boxLeft h3 strong {
	color: #ffffff;
}

#boxNews h3 {
	background-image: url(img/fd-titre-colOne.jpg);
	background-repeat: no-repeat;
	height: 21px;
	width: 162px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 6px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.sondage {
	line-height:30px;

}
#redacteursLogout {
	float:right;
	margin-top:-50px;

}
.blocFooter {
	display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    padding: 16px;
    font-size: 14px;
    width: 231px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.07);
}
.blocFooter a {
	color:  #5ca8ff !important;
	font-size: 14px;
	font-weight: 400;
}
#boxFooter div:nth-last-of-type(2) {
	margin-right:0;
}
#boxFooter div:nth-of-type(1) {
	background-color:transparent;
	padding-left:0;
	padding-top: 10px;
}
#boxFooter div:nth-of-type(1) a,#boxFooter div:nth-of-type(1) p {
	display:inline-block;
	vertical-align: middle;
	margin:0;
	color:white;
     line-height: 16px;
}
#boxFooter p.inline50{
	width: 100%;
}
p.inline50 {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

p.inline50 a{
    color: #5ca8ff !important;;
}

.boxPagin{
    padding: 16px;
    padding-bottom:0;
}
.boxPagin li{
	display:inline-block;
}
.boxPagin a{
	padding: 5px;
    display: block;
    margin-right: 5px;
    box-sizing: border-box;
    font-size: 18px;
    text-decoration: none;
    color: #FFF;
    border-radius: 5px;
    background-color: #444444;
    width: 30px;
    height: 30px;
    transition: 0.2s ease all;
     line-height: 20px;
}
.boxPagin a:hover{
background-color:#282828;
}
.boxPagin a.active{
background-color:#980165;
}

/*------------------------------------Fiche onglets-------------------------------------------*/
article.page .intro{
width:512px;
height:371px;
border:1px solid #cccccc;
-moz-border-radius:0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
position:relative;
behavior: url(../css3pie/PIE.php);
}
.intro .intro_horaire{
width:167px;
height:347px;
position:relative;
margin-top:12px;
margin-left:7px;
text-align:center;
float:left;
border:1px solid #cccccc;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #fdfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fdfbfb 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfbfb), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* PIE */
behavior: url(../css3pie/PIE.php);
}
.intro_horaire img{
padding-top:16px;
padding-bottom:5px;
border:none;
}
.intro_horaire dl{
text-align:left;
color: #403E42;

width:auto;
margin-bottom: 0px;
}
.intro_horaire dt{
margin-left:22px;
margin-bottom:5px;
font-size:12px;
font-weight:bold;

width:auto;
margin-bottom: 5px;
}
.intro_horaire dd{
margin-left:22px;
line-height:1.6em;

width:auto;
margin-bottom: 0px;
}
.intro_right{
width:325px;
height:360px;
float:left;
margin-left:8px;
position:relative;
}
#colTwo .intro_right p{
font-size:11px;
line-height: 1.4em;
margin-right:4px;
}
#colTwo .intro_right ul{
padding:0px;
margin: 0px;
margin-left:10px;
font-size:16px;
font-weight:bold;
color:#403E42;
margin-top:10px;
}
#colTwo .intro_right ul li{
	list-style-type:none;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
	margin-right:4px;
	margin-bottom:3px;
}
.coche{
float:left;
margin-top:-5px;
margin-right:3px;
}
.intro_offre {
width:162px;
height:80px;
margin-right:8px;
border:1px solid #a29ba8;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #afa6b7;
text-align:center;
position:absolute;
left:0px;
bottom:0px;
behavior: url(../css3pie/PIE.php);
}
.intro_offre_text{
display:block;
margin-top:7px;
text-decoration:none;
color : #ffffff;
font-weight:bold;
font-size:14px;
}
.intro_offre_euro{
display:block;
position:relative;
width:154px;
height:38px;
margin:0 auto;
margin-top:5px;
text-decoration:none;
border:1px solid #cccccc;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #fdfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fdfbfb 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfbfb), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* PIE */
behavior: url(../css3pie/PIE.php);
color:red;
font-size:30px;
}
.intro_btn{
position:absolute;
right:4px;
bottom:0px;
height:82px;
}
/*.btn_doc{
display:block;
width:155px;
height:35px;
padding-left:0px;
padding-top:3px;
text-decoration:none;
color: #ffffff;
background:URL("../img/recevoir-documentation-banque.png") no-repeat;
margin-bottom:6px;
}*/
.btn_open{
display:block;
width:150px;
height:82px;
font-size:22px;
text-align:center;
padding-left:0px;
padding-top:8px;
text-decoration:none;
color: #ffffff;
background:URL("../img/parier-ligne.png") no-repeat;
}
.parag{
border:1px solid #cccccc;
position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f0eeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0eeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* W3C */
-pie-background: linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* PIE */
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
behavior: url(../css3pie/PIE.php);
padding:10px;
margin-top:10px;
margin-bottom:10px;
}
#first_mobile, #first_news{
-moz-border-radius:0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
position:relative;
behavior: url(../css3pie/PIE.php);
}
#colTwo .parag h2, #colTwo  .parag h3, #colTwo .pros h3, #colTwo .cons h3{
border:none;/*ŕ oter ensuite*/
margin-top:0px;
border-bottom: 1px solid #B8BAC6;
    color: #403E42;
    font-family: Arial;
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: left;
}
.parag img{
float:left;
border:none;
}
.parag img.mobile{
	float:none;
	width:490px;
}
.pros, .cons{
width:229px;
min-height:205px;
float:left;
padding:10px;
margin-bottom:10px;
position:relative;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f0eeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0eeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* W3C */
-pie-background: linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* PIE */
behavior: url(../css3pie/PIE.php);
border:1px solid #cccccc;
}
.pros{
margin-right:10px;
}
#colTwo .pros ul, #colTwo .cons ul{
padding:0px;
margin:0px;
min-height:150px
}
.pros ul li, .cons ul li{
list-style-type:none;
padding-bottom:10px;
clear:both;
text-align:left;
}
.pros ul li img, .cons ul li img{
margin-top:3px;
border:none;
}
.footer_offre{
width:350px;
height:81px;
position:relative;
margin-right:10px;
float:left;
border:1px solid #a29ba8;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #afa6b7;
text-align:center;
behavior: url(../css3pie/PIE.php);
}
.footer_btn{
float:left;
height:82px;
}
#offre{
padding-left:0px;
padding-right:0px;
height:210px;
border-radius: 0 0 7px 7px;
}
.parag_right{
width:333px;
height:210px;
float:left;
position :relative;
}
.parag_logo{
width:167px;
height:200px;
margin-left:8px;
float:left;
text-align:center;
}
.parag_logo img{
margin-top:10px;
border:none;
}
.parag_offre{
float:left;
width:168px;
height:80px;
border:1px solid #a29ba8;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #afa6b7;
text-align:center;
margin-top:40px;
margin-right:7px;
position: absolute;
left:0px;
bottom:0px;
behavior: url(../css3pie/PIE.php);
}
.parag_btn{
float:left;
height: 82px;
margin-top:40px;
position: absolute;
right:5px;
bottom:0px;
}
#tabs2 .parag_right p{
color:#403E42;
font-size:16px;
text-align:center;
}
#tabs2 .parag_right span{
color:red;
font-size:18px;
}
.aucune_offre{
color:red;
font-size:13px;
padding-top:10px;
font-weight:bold;
}
#tabs2 p.offre_comment{
font-size:12px;
margin-top: 10px;
text-align:left;
}
#colTwo aside#bank{
margin-top:-21px;
}
section.coloRight_content h4{
width:200px;
height:27px;
padding-top:10px;
margin:0px;
margin-left:6px;
position:relative;
font-size:14px;
color:#403E42;
text-align:center;
border-bottom:1px solid #cccccc;
text-decoration:none;
}
section dl {
border-bottom: 1px dashed #cccccc;
margin: 0 0 0 7px;
padding-bottom: 5px;
padding-top: 5px;
text-align: left;

width:auto;
}
section dd.data, section dt{
float:left;
font-weight: bold;
margin-bottom: 5px;
color: #403E42;

width:auto;
margin-top:0px;
}
section dd.data {
color:#980032;
margin-left:5px;
font-weight: normal;
}
section dd.condition{
text-align:left;
clear:both;
margin-left:7px;
width:182px;
color:#807d83;
}
#tabs2, #tabs3,#tabs4{
	display:none;
}
#wrapper {
	width:512px;
	margin-top:10px;
}
#colTwo ul.tabs {
    width:515px;
    margin:0;
    padding:0;
}
#colTwo ul.tabs li {
    display:block;
    float:left;
    padding:0 5px;
	margin:0px;
}
#colTwo ul.tabs li a {
    display:block;
	height:15px;
	position:relative;
    float:left;
    padding:10px 20px;
    font-size:14px;
    background-color:#e0e0e0;
    color:#666;
    text-decoration:none;
-moz-border-radius:7px 7px 0px 0px;
-webkit-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
background: #fdfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fdfbfb 0%, #efeded 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfbfb), color-stop(100%,#efeded)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* IE10+ */
background: linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* W3C */
-pie-background: linear-gradient(top, #fdfbfb 0%,#efeded 100%); /* PIE */
behavior: url(../css3pie/PIE.php);
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #efeded;
}
#colTwo ul.tabs li a:hover{
color:#ffffff;
border: 1px solid #3371BE;
background: #48b4f5; /* Old browsers */
background: -moz-linear-gradient(top, #48b4f5 0%, #3371be 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48b4f5), color-stop(100%,#3371be)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #48b4f5 0%,#3371be 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #48b4f5 0%,#3371be 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #48b4f5 0%,#3371be 100%); /* IE10+ */
background: linear-gradient(to bottom, #48b4f5 0%,#3371be 100%); /* W3C */
-pie-background: linear-gradient(to bottom, #48b4f5 0%,#3371be 100%); /* PIE */
behavior: url(../css3pie/PIE.php);
}
#colTwo ul.tabs li a.selected {
color:#ffffff;
    font-weight:bold;
border: 1px solid #3371BE;
background: #48b4f5; /* Old browsers */
background: -moz-linear-gradient(top, #48b4f5 0%, #3371be 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48b4f5), color-stop(100%,#3371be)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #48b4f5 0%,#3371be 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #48b4f5 0%,#3371be 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #48b4f5 0%,#3371be 100%); /* IE10+ */
background: linear-gradient(to bottom, #48b4f5 0%,#3371be 100%); /* W3C */
-pie-background: linear-gradient(to bottom, #48b4f5 0%,#3371be 100%); /* PIE */
behavior: url(../css3pie/PIE.php);
}
.tab-content {
    clear:both;
}
.news{
padding-bottom: 30px;
padding-top: 5px;
border-bottom: 1px dashed #CCCCCC;
}
.news a{
text-decoration:none;
color:#403E42;
}
.news a:hover{
color: #0C657C;
text-decoration:underline;
}
.news img{
margin-right:10px;
}

/* test */
#colTwo aside.right{
	display:block;
	width:200px;
	float:right;
	text-align:center;
	margin-right:10px;
}

#colTwo aside img{
	border:none;
	text-decoration:none;
	vertical-align:-8px;
	padding-right:10px;
}

section.coloRight_content{
display:block;
width:190px;
padding-left:10px;
background-image: url("/img/fond-colright.jpg");
background-repeat: repeat-y;
background-position:-4px 0px;
}

#colTwo article.page{
	/*display:block;*/
	width:515px;
	float:left;
}
.extrait{
width:170px;
border:none;
float:left;
margin-top:10px;
padding-right: 10px;
padding-bottom:15px;
}

/************************* fiche onglet FIN *******************************/

/* BOUTIQUE */

#boutiqueColOne {
  width: 703px;
  display:inline-block;
}

#boutiqueColTwo {
	width: 300px;
	float: right;
}

#boutiqueColOne p:first-of-type {
	margin-top:0;
}

#listDepartements ul {
  margin: 0;
  padding: 0;
}

#listDepartements ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#listDepartements ul li a {
    font-size: 14px;
	line-height: 14px;
    padding: 4px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

#cadreSearch {
    text-align: left;
    width: 725px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    background-color: #f2f2f2;
     margin-bottom: 16px;
}

#cadreSearch input {
    font-family: Roboto;
    color: #868686;
    font-size: 16px;
    font-style: italic;
    border-radius: 50px 0 0 50px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-left: 16px;
    border: 0;
    width: 430px;
}

#cadreSearch input.submit {

	background: rgba(152, 1, 101, 0.1);
    color: #980165;
    border: 2px solid #980165;
    line-height: 20px;
    padding: 8px 12px;
    margin-left: -4px;
    border-radius: 0 50px 50px 0;
    font-weight: 700;
    width: 250px;
    font-size: 14px;
    font-style: inherit;
     cursor: pointer;
}

#canvas_france {
  margin: 0 auto;
  width: 600px;
}

/*BOX APPEL*/

.colTelTitre{
	color:  #312e2e;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}

#colOne a.colTelNum{
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:  #312e2e;	
	font-family: Lato;
	color:  #ffffff;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	display: block;
}

.colTelTrait{
	background-color: #cecdcd;
	height: 74px;
	width: 1px !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	position:  absolute;
	left: 175px;
	top: 0;
}

#colOne a.colTelRappel{
	font-family: Lato;
	color:  #1ab1eb;
	font-size: 18px;
	font-weight: 500;
	/* margin-bottom: 10px; */
	width: 104px;
	display: block;
	text-decoration: none;
	/* background-color: red; */
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#colOne a.colTelRappel:hover{
	text-decoration: underline;
	color:  #1ab1eb;
}

.colTelBox{
	width: 138px;
	height: 33px;
	border: 1px solid #1ab1eb;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: table;

}

.colTelBoxInput{
	display: table-cell;
	vertical-align: top;
	height: 100%;
}

.colTelBoxInput input{
	width: 91px;
    height: 27px;
    border: 0;
    font-family: Lato;
	color:  #a2a2a2;
	font-size: 14px;
	font-style: italic;
	padding-left: 10px;
}

.colTelBoxBtn{
	display: table-cell;
	vertical-align: top;
	height: 100%;
	background-color: #1ab1eb;
	width: 31px;
	font-family: Lato;
	color:  #ffffff;
	font-size: 14px;
	font-weight: 400;
	padding-top: 9px;
    text-align: center;
    cursor: pointer;
}

#btnMenuResp {
	display: none;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 28px;
    padding: 5px;
    border: 1px solid #cacaca;
    color: #424242;
    border-radius: 8px;
    background: linear-gradient(0deg,rgb(255, 255, 255) 0%, #eeeeee 100%);
    top: 0;
    bottom: 0;
    left: 16px;
    position: absolute;
    margin: auto;
    cursor:pointer;
	   z-index: 997;
}
#contenu .fa-spinner {
	margin: auto;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 0;
	margin-top: 30px;
     color: #980165;
}
#contenu iframe {
	position: relative;
	z-index:5;
}
.iframeCss #englobeur {
	margin-left:0 !important;
}
/*FIN BOX APPEL*/

.endfloat{
	clear: both;
}

.minHeight{
	min-height: 105px;
}

.margeG{
	margin-left: 16px;
}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.imgInText{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	height: auto;
	border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.125);
    }

.block {
    background-color: rgba(0,0,0,0.075);
    padding: 20px;
    margin: 15px 0;
    border-radius: 10px;
}

#boxContenu .block h2, #boxContenu .block h3{
    padding: 0;
    margin: 0 0 15px 0; 
}

.trGris {
    background-color: #e5e5e5!important;
}

.trBlanc {
    background-color: #ffffff!important;
}
.styleTable {
    border-radius: 5px;
    padding: 0px;
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
    border-spacing: 0;
    border: 1px solid rgba(0,0,0,0.15);
}
.styleTable caption {
    padding-bottom: 10px;
    font-size: 20px;
}
.styleTable tr {
    text-align: left;
    border: 1px solid #cacaca;
    border-top: 0;
    background: white;
    height: 55px;
}

.styleTable tr:nth-child(odd) {
    background-color:#f2f2f2;
}

.styleTable tr:hover {
    background-color: #e5e5e5;
}

.styleTable tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.styleTable tr:last-child td:last-child { border-bottom-right-radius: 5px; }

.styleTable th {
  text-align: center;
}
.styleTable th,.styleTable td{
    padding: 5px 10px;
    text-align:center;
    border: 1px solid rgba(0,0,0,0.15);
}

.styleTable tr td p,.styleTable tr th p {
    line-height: 18px;
    margin: 0;
    text-align: center;
    font-size:14px;
}
.styleTable tr th {
    background-color: rgba(73,75,79,.92);
    color: white;
    -webkit-font-smoothing: antialiased;
    border: 1px solid rgba(255,255,255,0.5);
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    hyphens: auto;
}
.styleTable  a.btnOrange{
  display: block;
}

.styleTable.noEntete thead{
  display:none;
}

.styleTable img.logo,.styleTable td img{
  width: auto;
  max-width: none;
  margin:auto;
}
.styleTable td img{
  max-width: 130px;
}

.styleTable tr {
    transition: 0.2s ease all;
}
.styleTable.limitTh th { 
    width: 55px;
}

table.styleTable td {
    padding: 15px 20px;
}

table.styleTable ul {
    padding: 0;
}
table.styleTable ul li{
    list-style-position: inside;
    padding: 5px 0;
}
.ulGris {
    padding-left: 30px;
    margin-bottom: 0;
}

.ulGris li {
    border-radius: 5px;
    background-color: rgba(0,0,0,0.075);
    margin-top: 5px;
    padding: 5px;
    width: auto;
    transition: 0.2s ease all;
    list-style-position: inside;
    padding-left: 15px;
}

.ulGris li:hover {
	background-color: rgba(0,0,0,0.125) ;
}


a img:hover {
    opacity: 0.84;
}

.ulTable {
    margin: 10px 0;
    list-style-position: inside;
    padding-left: 15px;
}

/*.ulTable li:before {
    content: "•";
    color: rgb(73, 73, 73);
    font-weight: 400;
    margin: 0px 5px;
}*/

.ulTable li {
    line-height: 16px;
    padding-bottom: 15px;
}

.ulTable li:nth-last-child(-n+1) {
    padding-bottom: 0;
}

/*PRICEBANK*/

.btn-secondary {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0fc1ca;
    color: #ffffff;
    transition: 0.2s ease all;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: #139ea5;
    color: #ffffff;
}

.btn-secondary:active:{
    background-color: #1a888e;
     color: #ffffff;
}


/*PRICEBANK*/

b{
    font-weight: 600;
}

.logoInText {
    background: #ffffff;
    padding: 10px 15px;
}

.bon-a-savoir{
    border-radius: 0 3px 3px 0;
    background-color: rgba(243,167,0,.25);
    border-left: 4px solid #fab563;
    padding: 15px;
}

p.bon-a-savoir, div.bon-a-savoir{
    margin: 10px 0;
}

.ulGris {
    padding: 0 0 10px 30px;
}

h3 {
    color: #ffa800;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.styleHr {
    height: 1px;
    border: none;
    background: #cacaca;
    margin: 25px 0;
}

/** Nouveau CTA **/
.newCTA {
  height: 60px;
  margin-top: 15px;
  border-radius: 5px;
  background: #aa3078;
  background: #980165;
  background: -moz-linear-gradient(top, #fa9833 0%, #f98208 100%);
  background: -webkit-linear-gradient(top, #aa3078 0%,#980165 100%);
  background: linear-gradient(top, #aa3078 0%,#980165 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9833', endColorstr='#f98208',GradientType=0 );
  position: relative;
  overflow: hidden;
  display: table;
  text-align: left;
  width:100%;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: solid 2px #980165;
  box-sizing: border-box;
  transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1) all;
}
.newCTA a {
  color: white;
    z-index: 4;
    position: relative;
    padding-left: 68px;
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    left: 0;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    font-family: Roboto;
    font-size: 18px;
    transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1) all;
}
.newCTA:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.25);
}
.newCTA:hover:before {
    opacity: .25;
}
.newCTA:before {
    content: '';
    background: #7100a5;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 1;
    transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1) all;
}

.newCTA .backgroundSvg {
  opacity: 0.1;
}
.newCTA:hover a {
  padding-left:87px;
}
.newCTA a:before {
	font-family: 'Font Awesome\ 5 Free';
    color: white;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 43px;
    position: absolute;
    text-align: center;
    left: 5px;
    top: 6px;
    bottom: 8px;
    border: solid 3px white;
    border-radius: 50%;
    background: transparent;
    transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1) all;
    z-index: 5;}

.newCTA:hover a:after {
  background-color: white;
  color: #b6386e;
  padding-right: 7px;
  padding-left: 13px;
}

.newCTA:hover a:before {
    color: #b6386e;
    background-color: white;
    transform: scale(1.5);
    border-width: 8px;
    height: 40px;
    top: -1px;
    left: 3px;
}

.newCTA-comparatif-forfait a:before {
    content: "\f3cd";
    font-size:30px;
    font-weight: 900;
}


.newCTA a:after {    
  	font-family: 'Font Awesome\ 5 Free';
    content: '\f061';
    position: absolute;
    right: 5px;
    top: 6px;
    bottom: 8px;
    color: #ffffff;
    font-size: 24px;
    padding: 10px;
    width: 21px;
    height: 21px;
    line-height: 20px;
    border-radius: 5px;
    border: solid 2px white;
    z-index: 5;
    transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1) all;
    font-weight: 900;
}

/** END Nouveau CTA **/

.violet{
    color: #980165;
}

.overflowScroll {
    overflow-x: auto;
}

@media (max-width: 850px) {
	#rappelModal .modal-content{
		padding-left: 0px !important;
	}
	#filAriane{
		line-height: 15px;
	}
	.imgInText {
	  display: block;
	  float: none;
	  margin: 0 auto 15px;
	}

	.ulGris {
	    padding: 0 0 10px 0;
	}
	h1{
		font-size: 28px;
		line-height: 28px;
	}

	h2{
		font-size: 24px;
		line-height: 24px;
	}

	h3{
		font-size: 20px;
		line-height: 20px;
	}
	
	.leftSection > h2{
		margin-top: 20px;
	}

	section.sectionHome .rightSection, .rightSection{
		padding-bottom: 20px;
	}

	section.sectionHome .leftSection, .leftSection{
		width: auto;
		display: block;
		padding-top: 0;
	}

	section.sectionHome .rightSection, .rightSection{
		width: auto;
		display: block;
		margin-left: 0;
	}
	#publicites{
		display: none;
	}

	.minHeight{
		min-height: auto;
	}

	h1,h2,h3 {
		text-align: left;
	}
	#header, #headerContent {
		height:80px;
	}
	#header, #headerContent, #contenu, section.sectionHome .leftSection,section.sectionHome .rightSection,.sectionHome .leftSection .illu-home {
		width:100%;
     	padding-top: 0;
     	margin-left: 0;
	}
	.sectionHome h1 {
		position: relative;
	}
	.sectionHome .leftSection .illu-home {
		margin-top:0;
	}
	section.sectionHome {
		padding:0 16px 16px 16px
	}
	section.sectionHome.sectionActu {
		padding:0;
	}
	.actu:nth-child(odd) {
		border-radius:0;
	}
	.colTel {
		width:100%;
		text-align: center;
	}
	.colTel .colTelNum{
		margin:auto;
     	margin-bottom: 10px;
	}

	#btnMenuResp {
		display:block;
	}
	#header #logo {	
		height: 80px;
		width: 230px;
		left: 0;
		position: absolute;
		right: 0;
	}
	#contenu {
		margin-top:0;
        min-height:auto;
	}
	#header, #contenu {
		left:0;
	    transition: 0.2s ease all;
	}
	.opacMenuResp {
		background-color: rgba(0, 0, 0, 0.5);
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    z-index: 996;
	    display: none;
	    opacity: 0;
	    top: 0;
	    left: 0;
	    transition: 0.6s ease opacity;
	}
	#menuTopContent {
	    width: 265px;
     	margin-top: 40px;
	}
	#menuTop {
		left: -265px;
	    opacity: 0;
	    position: fixed;
	    height: 100%;
	    top: 0;
	    width: 265px;
	    z-index: 999;
	    transition: 0.2s ease all;
	}
	#menuTop li {
		display:block;
	    text-align: left;
     	height: auto;
	}
	#menuTop a {
		width:100%;
		box-sizing: border-box;
		text-align: left;
		font-size: 16px;
     	border-bottom: 1px solid #6b6b6b;
	}
	body.fixed {
		position: fixed;
	}
	body.fixed #menuTop {
		left: 0;
		opacity: 1;
	}
	body.fixed #header {
		left:265px;
	}
	body.fixed #contenu {
		left:265px;
	}
	body.fixed .opacMenuResp {
		opacity: 1;
		display:block;
	}
	body.fixed #btnMenuResp {
	    border-color: #4b494f;
	    background: #4b494f;
	    color: #fff;
	    box-shadow: none;
	}
	body.fixed #btnMenuResp i:before {
	    content: '\f00d';
	}
	.comparer-offre {
		padding:10px;
	    padding-top: 70px;
	    box-sizing: border-box;
	    text-align: center;
	}
	.comparer-offre:before {
		background-repeat: no-repeat;
	    left: 0;
	    right: 0;
	    margin: auto;
	    margin-top: 0;
     	height: 65px;
	}
	.actu {	
		padding: 16px;
		padding-top: 145px;
		height: auto;
		width: 100%;
	}
	.actu .imgVide, .actu img {
		left:0;
		right:0;
      	top: 16px;
    	bottom: inherit;
    	margin: auto;
	}
	.actu .date {
		float: none;
		text-align: center;
		margin: 0;
	}
	.actu.noImage {
		padding-top:16px;
	}
	#footer {
		position: relative;
	}
	#boxFooter {
		width:100%;
		padding:16px;
	}
	#boxCopy {
		margin-bottom:0;
	}
	body {
		padding-bottom:0;
	}
	.blocFooter,#boxFooter div:nth-last-of-type(2) {
   		margin: auto;
    	display: block;
    	margin-bottom:5px;
    	width:100%;
    	box-sizing: border-box;
    	text-align: center;
	}
	p.inline50 {
		width:100% !important;
	}
	.colTelRight .colTel {
		position: relative;
		margin: auto;
		left: 0;
		right: 0;
	}
	#boxContenu.boxContenuActu {
		padding:0;
		padding-bottom:16px;
	}
	.colTelRight h1 {
		margin-top:26px;
		max-width: none;
	}

	.listeUl {
		width:100%;
		box-sizing: border-box;
	}
	#boxContenu .mainContent,#boxContenu .rightContent {
		width:100%;
		float:none;
	}
	#cadreSearch {
		width:100%;
		text-align: center;
	}
	#cadreSearch input {
		width:50%;
	}
	#cadreSearch input.submit {	
		font-size: 12px;
		padding: 6px 8px;
		width: 205px;
	}
	#boxContenu.colTelRight,#boutiqueColTwo,.coord p {
		text-align: left;
	}
	#boutiqueColOne,#boutiqueColTwo {
		width:100%;
		margin-bottom:16px;
	}
	#boxContenu #listeBoutiques ul li a,#listeBoutiques ul li,#boxContenu .liste-ville li,ul.ulGray {
		width:100%;
     	box-sizing: border-box;
	}
	ul.ulGray {
		text-align: left
	}
	ul.ulGray li{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.coord .call,.coord .callAfter {
		position: relative;
		top:0;
		right: auto;
	}
	.coord p { 
		line-height: 16px
	}	
	.how-to img {
		max-width:100%;
	}

	.coord .call{
		right: 0;
		/*width: 64px;*/
	}

	.coord  .call-number{
		width: 145px;
	}

	.coord  .call i{
		position: absolute;
	    left: 85px;
	    top: 0px;
	    bottom: 0;
	    margin: auto;
	    height: 14px;
	}

	.titreHoraire{
		display: none !important;
	}

	.valeurHoraire{
		display: none  !important;
	}

    #horairesMobile{
        display: block  !important;
    }
    #horairesMobile li {
        padding:3px;
        border-radius:3px;
        margin-bottom:3px;
        padding-left:8px;
    }

	.imgArticle{
		max-width: 100%;
	}

	.dateArticle{
		margin-top: -10px;
		margin-bottom: -10px;
	}

	.pageActu.colTelRight h1{
		margin:0;
		margin-top: 26px;
	}

	#boxContenu.boxContenu2col{
		padding-right: 16px;
	}

	#blocRappel2{
		margin-top: 0 !important;
	}

}

@media (max-width: 530px) {
	.group-btn .bloc-compare{
		width: 100%;
		margin-bottom: 10px;
	}
	#cadreSearch input,#cadreSearch input.submit  {
		width:100%;
		box-sizing: border-box;
		border-radius:50px;
		margin-bottom:10px;
	}
	#canvas_france {
		display:none;
	}
	.styleTable th, .styleTable td, .styleTable th p, .styleTable td p {
	    font-size: 14px;
	}

    table.styleTable td {
        padding: 5px 10px;
        line-height: 16px;
    }
}

@media (max-width: 420px) {

	.sectionHome .leftSection .illu-home {
		display:none;
	}
	#menuTopContent {
	    width: 240px;
	}
	#menuTop {
		left: -240px;
	    width: 240px;
	}

	body.fixed #header {
		left:240px;
	}
	body.fixed #contenu {
		left:240px;
	}

	#header #logo {
		width: 180px;
	}

	#logo img {	
		width: 180px;
		margin-top: 11px;
	}

}