/* CSS Document */

@font-face {
    font-family: 'Another';
    src: url('/fonts/another_.eot');
    src: url('/fonts/another_.eot?#iefix') format('embedded-opentype'),
         url('/fonts/another_.woff') format('woff'),
         url('/fonts/another_.ttf') format('truetype'),
         url('/fonts/another_.svg#Another') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MotterCorpusStd';
    src: url('/fonts/mottercorpusstd-regular.eot');
    src: url('/fonts/mottercorpusstd-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/mottercorpusstd-regular.woff') format('woff'),
         url('/fonts/mottercorpusstd-regular.ttf') format('truetype'),
         url('/fonts/mottercorpusstd-regular.svg#MotterCorpusStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: bold;
}
/*font-family: 'PT Sans', sans-serif;*/

*{
	margin: 0;
	padding: 0;
}
a:link {
	color: #f54748;
	text-decoration: none;
}
a:visited {
	color: #f54748;
	text-decoration: none;
}
a:hover {
	color: #f54748;
	text-decoration: underline;
}
a:active {
	color: #EF3E35;
	text-decoration: underline;
}

body {
	font-family: 'Montserrat', "Trebuchet MS", Arial, sans-serif;
	background-attachment: fixed;
	/*background-image: url(/images/bgd-08.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ceeff9;
	color: #3f3f3f;
}
#container{
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
#header {
	background-image: url(/images/topbanner-1000.png);
	height: 160px;
	width: 1000px;
	margin-top: 0px;
	background-repeat: no-repeat;
}
#logo {
	height: 150px;
	width: 120px;
	float: left;
	background-image: url(/images/logo_mucho.png);
	background-size: 88px 114px;
	background-repeat: no-repeat;
	background-position: 30px 20px;
}
#logo .image-logo {
	height: 150px;
	width: 150px;
	cursor: pointer;
}
#logo .image-logo span {
	display: none;
}


#center-banner .header-slogan {
	font-size: 26px;
	width: 720px;
	margin-top: 40px;
	font-weight: 300;
	line-height: 40px;
	padding-top: 5px;
	letter-spacing: 0px;
}
#center-banner .header-slogan span {
	font-size: 19px;
	font-weight: 300;
	/*letter-spacing: 1px;	*/
	/*color: #666;*/
}

#center-banner {
	float: left;
	height: 150px;
	width: 720px;
	/*border: 1px dotted #6FF;*/
}
#lng {
	text-align: right;
	height: 0px;
	font-size: 11px;
	padding-right: 20px;
	padding-top: 18px;
	color: #3f3f3f;
	/*border: 1px dotted #6FF;*/
	
}
#lng a {
	font-weight: normal;
	color: #999;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#lng span {
	font-weight: normal;
	color: #f54748;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#lng a:hover {
	color: #3f3f3f;
	text-decoration: underline;
}
/* -- le balon MUCHO MIO -- */
#services {
	text-align: left;
	float: left;
	/*width: 300px;*/
	/*border: 1px dotted #6FF;*/
}
#services img {
	
}
#services .baloon-link {
	float: right;
	/*padding-top: 20px;*/
	/*padding-right: 30px;*/
}

#services .baloon-link a {
	float: right;
	background-image: url(/images/cockpit.png);
	background-size: 80px ;
	background-repeat: no-repeat;
	background-position: 30px 2px;
	height: 70px;
	width: 120px;
	color: #fff; 
	text-decoration: none;
	text-align: center;
	display: block;
	font-size: 14px;
	padding-top: 40px;
	padding-left: 40px;
	text-shadow: 0px 1px 1px #333;
	margin-top: 30px;
	
}
#services .baloon-link a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 1px 5px #fff;
	background-size: 84px ;
	background-position: 28px 0px;
}
#services .baloon-link a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0px 1px 5px #fff;
}
/*
#services .baloon-link a {
	float: right;
	background-image: url(images/cockpit.png);
	background-size: 120px 110px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 120px;
	color: #fff; 
	text-decoration: none;
	text-align: center;
	display: block;
	font-size: 14px;
	padding-top: 40px;
	text-shadow: 0px 1px 1px #333;
	margin-top: 20px;
}
#services .baloon-link a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 1px 5px #fff;
}
#services .baloon-link a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0px 1px 5px #fff;
}
*/
#services .baloon-link a .explain{
	/*font-family: "Another", "Trebuchet MS", Arial, sans-serif;*/
	/*font-size: 20px;*/
	color: #fff; /*color: #3f3f3f;*/
	line-height: 14px;
	font-weight: normal;
}
#services .explain a {
	/*font-family: "Another", "Trebuchet MS", Arial, sans-serif;*/
	/*font-size: 20px;*/
	text-align: right;
	display: block;
	float: right;
	margin-right: 40px;
	line-height: 18px;
	color: #fff; /*color: #3f3f3f;*/
	padding-top: 10px;
}
#services .explain a:hover {
	text-decoration: none;	
}
#services ul {
	padding-top: 32px;
	margin: 0px;
	padding-left: 20px;
}
#services li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#services li a {
	height: 20px;
	font-size: 12px;
	color: #f54748;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	padding-top: 4px;
}
#services li a:hover {
	color: #f54748;
	text-decoration: underline;
}

.onlyMobile {
	display: none;
}


#mid {

}

#panel {
	background-image: url(/images/bgd-select-off.png);
	background-repeat: no-repeat;
	float: left;
	width: 260px;
	height: 600px;
	display: none;
}

#selectCountry {
	text-align: center;
	margin-left: 30px;
	width: 200px;
	padding-top: 16px;
	height: 88px;
	margin-right: 80px;

}
#selectCountry #listCountry {
	width: 160px;
	margin-top: 10px;
	font-weight: normal;
	padding: 2px;
	font-size: 11px;
	border: 2px solid #f54748;
	color: #f54748;
}

#selectCountry p {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	line-height: 18px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	color: #f54748;
	
}
#selectCountry img {
	margin-top: 10px;
}

#displayResults .number {
	background-image: url(/images/bgdField.gif);
	background-repeat: repeat-x;
	border: 2px solid #FFFFFF;
	display: block;
	width: 200px;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	background-color: #FFE1CD;
	font-size: 14px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	color: #FF6600;
}
#displayResults {
	background-image: url(/images/bgd-select-on.png);
	background-repeat: no-repeat;
	height: 230px;
	display: block;
	background-position: 0px -115px;
}
#displayResults .resultZone {
	height: 230px;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
#displayResults .tarif {
	float: left;
	width: 60px;
	margin-left: 5px;
	margin-top: 22px;
}
#displayResults .tarif .pastil {
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
}
#displayResults .tarif .pastil span {
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
}
#displayResults .numberExplain p {
	font-weight: normal;
	font-size: 9px;
	line-height: 9px;
	text-align: center;
	color: #3f3f3f;
	text-shadow: 0px 0px 2px #fff;
}
#displayResults .numberExplain {
	padding-top: 5px;
	height: 90px;
	padding-right: 5px;
	padding-left: 3px;
}
.swisscomquality {
	
	font-size: 13px;
	font-weight: normal;
	top: -58px;
    left: 25px;
    position: relative;
	width: 200px;
	text-align:center;
	margin:0px;
	padding:0px;
}


#displayResults p {
	font-size: 14px;
	font-weight: normal;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#displayResults .bingo {
	float: none;
	margin-top: 10px;
	font-weight: normal;
	margin-right: 20px;
	width: 168px;
	text-align: center;
	display: block;
	margin-left: 20px;
}
#displayResults .bingo .countryName {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	width: 170px;
	margin: auto;
	margin-bottom: 10px;
}
#displayResults .bingo .Tarif {
	font-size: 17px;
	font-weight: normal;
	line-height: 17px;
	width: 100px;
	text-align: center;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#displayResults .bingo .pastil {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	width: 100px;
	text-align: center;
	margin: auto;
}
#displayResults .bingo .pastil span {
	font-size: 50px;
	font-weight: 300;
	line-height: 46px;
	text-align: center;
}
f {
	font-weight: 300;	
}
.txtfin {
	font-weight: 300;	
}
n {
	font-weight: normal;	
}
.txtnormal {
	font-weight: normal;	
}


#main {
	/*background-color: #fff;
    box-shadow: 0 2px 10px #666;*/
    width: 100%;
}
/*#advertiz {
	font-size: 30px;
	width: 400px;
	margin-top: 75px;
	font-weight: bold;
	line-height: 28px;
}
#advertiz p {
	font-size: 30px;
	font-weight: bold;
	padding-top: 5px;
}*/

/* --- MENU --- */
.menu {
	height: 80px;
	/*width: 740px;*/
	background-image: url(/images/bgd-page-top-1000.png);
	background-repeat: repeat-x;
	text-align: left;
}
#menu {
	text-align: left;
	padding-top: 30px;
	padding-left: 30px;
}
#menu li {
	float: left;
	height: 50px;
	list-style-type: none;
	/*width: 14%;*/
}
#menu .tabOpened {
	/*background-image: url(images/tab-on-left.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	display: block;
}
#menu .tabOpened span {
	padding-top: 8px;
	height: 42px;
	padding-left: 0px;
	padding-right: 50px;
	font-size: 15px;
	font-weight: normal;
	color: #f54748; /*3f3f3f*/
	display: block;
}
#menu .tabOpened .tabRight {
	/*background-image: url(images/tab-on-right.png);*/
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
}
#menu .tabClosed {
	/*background-image: url(images/tab-off-left.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	display: block;
}
#menu .tabClosed .tabRight {
	/*background-image: url(images/tab-off-right.png);*/
	background-repeat: no-repeat;
	background-position: right top;
	height: 50px;
	display: block;
}
#menu .tabClosed a {
	padding-top: 8px;
	height: 42px;
	padding-left: 0px;
	padding-right: 50px;
	float: left;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	/*text-shadow: 0px 1px 1px #ddd;*/
}
#menu .tabClosed a:hover {
	padding-top: 8px;
	height: 42px;
	color: #3f3f3f;
	text-decoration: underline;
	/*text-shadow: 0px 1px 2px #ccc;*/
}




#page {
	background-image: url(/images/bgd-page-mid-1000.png);
	background-repeat: repeat-y;
	/*background-color: #fff;
    box-shadow: 0 2px 10px #666;*/
    width: 100%;
	text-align: left;
}
#pageIntern {	
	padding-left: 30px;
	margin-right: 7px;
	/*padding-right: 15px;*/
	padding-right: 30px;
	padding-top: 10px;	
	padding-bottom: 20px;	
}
#pageIntern p {
	font-size: 14px;
	margin-top: 5px;
	clear: both;
}
#pageIntern ul {
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
#pageIntern li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#pageIntern h1 {
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: 300;
	color: #f54748;
}
#pageIntern h1 br {
	display: none;	
}
#pageIntern h1 span {
	display: none;
}
h1 span {
	font-size: 12px;
	display: none;
}
#pageIntern h2 {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: 300;
	clear: both;
}
#pageIntern h4 {
	font-size: 16px;
	margin-bottom: 10px;
	/*margin-top: 10px;*/
	font-weight: 300;
}
#pageIntern h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f54748;
	margin-bottom: 5px;
	margin-top: 5px;
}
#pageIntern .Accordion h4 {
	font-size: 24px;
	margin-bottom: 0px;
	margin-top: 0px; /*margin-top: 50px;*/
	margin-left: 0px;
}
#pageIntern h5 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: 300;	
}
#pageIntern h6 {
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.pictborder {
	padding: 10px;
}




#pagebottom {
	width: 100%;
	background-image: url(/images/bgd-page-bot-1000.png);
	background-repeat: no-repeat;
	height: 110px;
	padding-top: 10px;	
}
#pageIntern .slogan01 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	font-style: italic;
}
#pageIntern .noteImportant {
	font-size: 11px;
	font-weight: bold;
	margin-top: 20px;

}
#pageIntern .steps {
	font-size: 14px;
	margin-bottom: 20px;
}
#pageIntern .steps .no {
	font-size: 20px;
	font-weight: bold;
	color: #FF6600;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}
#pageIntern .steps .high {
	color: #FF6600;
	font-weight: bold;
}



#footer {
	height: 50px;
	margin-bottom: 10px;
}

#bottombanner {
	font-size: 10px;
	color: #3f3f3f;
	text-align: center;
	padding: 4px;
	/*border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ef3e34;*/
}
#lastlinks {
	font-size: 12px;
	padding-top: 35px;
	padding-right: 40px;
	padding-left: 40px;
}
#lastlinks a {
	color: #f54748;
	text-decoration: none;
}
#lastlinks a:hover {
	color: #f54748;
	text-decoration: underline;
	
}
.clearfloat {
	clear: both;
}
.interspace10 {
	clear: both;
	display: block;
	height: 10px;
}
.interspace20 {
	clear: both;
	display: block;
	height: 20px;
}
.interspace30 {
	clear: both;
	display: block;
	height: 30px;
}
.interspace40 {
	clear: both;
	display: block;
	height: 40px;
}
.interspace50 {
	clear: both;
	display: block;
	height: 50px;
}
.interspace100 {
	clear: both;
	display: block;
	height: 100px;
}

/* --- tableau TARIFS (� changer en countries) --- */

#pageIntern .tarifs {
	font-size: 12px;
	margin-top: 20px;
	border: 1px solid #ccc;	/*padding-right: 10px;
	padding-left: 10px;*/
	width: 100%;	
	box-sizing: border-box;
}
#pageIntern .tarifs tr.header{
	
}
#pageIntern .tarifs tr:hover {
	background-color: #eee; /*fceae9*/
}
#pageIntern .tarifs th {
	font-weight: normal;
	background-color: #f54748; /*#E6302D;f54748*/
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #FFF;
	/*font-variant: small-caps;*/
	font-size: 16px;
	/*letter-spacing: 1px;
	background-image: url(images/bgd-header-table.png);
	background-repeat: repeat;*/
}
#pageIntern .tarifs td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-collapse: separate;
    border-spacing: 10px;
}
#pageIntern .tarifs tr:hover td {
	/*border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #E6302D;*/
}
#pageIntern .tarifs a {
	text-decoration: none;	
}
#pageIntern .tarifs .alphaNavig li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#pageIntern .tarifs .alphaNavig li a {
	text-transform: capitalize;
	font-weight: normal;
	width: 20px;
	text-align: center;
	height: 19px;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	display: block;
	margin-right: 2px;
	margin-left: 2px;
}
#pageIntern .tarifs .alphaNavig li a:hover {
	color: #3f3f3f;
	text-decoration: none;
	/*background-image: url(images/bgdNavig.gif);
	background-repeat: no-repeat;*/
}
#pageIntern .tarifs .alphaNavig li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #f54748;
	border-radius: 3px;
	/*background-image: url(images/bgdNavig.gif);
	background-repeat: no-repeat;*/
}
#pageIntern .tarifs .alphaNavig li span {
	display: block;
	text-transform: capitalize;
	font-weight: normal;
	width: 20px;
	text-align: center;
	height: 22px;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	color: #f54748;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	/*background-image: url(images/bgdNavig.gif);
	background-repeat: no-repeat;*/
}
#pageIntern .tarifs .itemLine {
	text-transform: none;
	font-weight: normal;
	color: #3f3f3f;
	/*font-variant: small-caps;*/
	font-size: 14px;
	/*letter-spacing: 1px;*/
}
#pageIntern .tarifs tr:hover .itemLine {
	color: #E6302D;
}
#pageIntern .tarifs .centerTarifs {
	text-align: center;	
}
.colOffre {
	width: 295px;	
}
.colPrix {
	width: 141px;	
}


#pageIntern .tarifSubmenu {
	padding: 0px;
	position: relative;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	height: 50px;
}
#pageIntern .tarifSubmenu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#pageIntern .tarifSubmenu li a {
	font-size: 16px;
	line-height: 14px;
	text-decoration: none;
	display: block;
	width: 30%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	height: 43px;
	text-align: center;
	color: #666;
	box-sizing: border-box;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#pageIntern .tarifSubmenu li a:hover {
	text-decoration: none;
	border: 2px solid #3f3f3f; /*f54748*/
	color: #3f3f3f;
}
#pageIntern .tarifSubmenu li span {
	font-size: 16px;
	line-height: 14px;
	text-decoration: none;
	display: block;
	color: #FFF;
	background-color: #f54748;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 30%;
	float: left;
	border: 1px solid #f54748;
	box-shadow: 0 1px 2px #666666;
	height: 43px;
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.marginR1 {
	margin-right: 5%;
}


#searchZone {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}/*
#searchZone input.field {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border: 1px solid #95c11e;
	padding: 10px;
	width: 100%;
	font-size: 18px;
	background-color: #eaf3d2;
	float: left;
	margin-right: 0px;
	height: 50px;
	box-sizing: border-box;
	color: #4a600f; 
	letter-spacing: 1px;
}*/
#searchCountryField {
	
}
#searchCountryField:hover {
	border: 1px solid #95c11e;
	background-color: #f4f9e8;
}
#searchCountryField:focus {
	border: 2px solid #95c11e;
	padding: 9px;
	background-color: #f4f9e8;
}
#searchZone input.field:focus {
	border: 2px solid #95c11e;
	padding: 9px;
	/*box-shadow: 0 1px 5px #999;*/
	background-color: #f4f9e8;
}
#searchZone input.btn {
	width: 5%;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	color: #FFF;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 0px; 
	background-color: #95c11e;
	background-image: url(/images/white-arrow-12.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border: 1px solid #95c11e;
	height: 50px;
	box-sizing: border-box;
}
#searchZone input.btn:hover {
	text-decoration: none;
	background-position: 17px center;
	border: 1px solid #95c11e;
	cursor: pointer;
}
.typeahead.clearable.tt-input{
  background: #eaf3d2 url(/images/clearsearch_icon.png) no-repeat right 10px center;
  transition: background 0.4s;
}
.typeahead.clearable.x.tt-input{ background-position: right 5px center; } /* (jQ) Show icon */
.typeahead.clearable.onX.tt-input{ cursor: pointer; }              /* (jQ) hover cursor style */
.typeahead.clearable.tt-input::-ms-clear{display: none; width:0; height:0;} /* Remove IE default X */

#resultZone {
margin-bottom: 0px;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}
.twitter-typeahead {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	width:100%;
	display:block;
}
.tt-input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #95c11e;
	padding: 10px;
	width: 100%;
	font-size: 18px;
	background-color: #eaf3d2;
	float: left;
	margin-right: 0px;
	height: 50px;
	box-sizing: border-box;
	color: #4a600f; /*f54748*/
	letter-spacing: 2px;
}
.tt-input:hover {
	border: 1px solid #95c11e;
	background-color: #f4f9e8;
}
.tt-input:focus {
	border: 2px solid #95c11e;
	padding: 9px;
	/*box-shadow: 0 1px 5px #999;*/
	background-color: #f4f9e8;
}
.tt-menu {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #95c11e;
	padding: 0px;
	width: 85%;
	font-size: 18px;
	background-color: #eaf3d2;
	float: left;
	margin-right: 0px;
	max-height: 170px;
	box-sizing: border-box;
	color: #4a600f; /*f54748*/
	letter-spacing: 2px;	
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}
.tt-dataset-countries,
.tt-dropdown-menu,
.tt-dataset {
  max-height: 165px;
  overflow-y: auto;
}
.tt-dataset-countries div {
  padding : 5px;
}
.tt-hint {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #999;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-suggestion {
	display: block;
	padding: 3px 10px;
}
.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #95c11e; /*428bca*/
}
.tt-cursor,
.tt-suggestion:hover{
	color: #fff;
	background-color: #95c11e; /*428bca*/
	cursor:pointer;
}
.tt-suggestion.tt-is-under-cursor a {
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}






#resultZone {
	margin-top: 30px;
	min-height: 150px;
	float: left;
	width: 55%;
}
#bonusZone {
	margin-top: 30px;
	width: 44%;
	float: right;
}
#bonusZone h4 {
	font-size: 20px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.bonus-fr-- {
	background-image: url(/images/bonus-big-fr.jpg);
	background-repeat: no-repeat;
	background-size: 280px 335px;
	background-position: right top;
	min-height: 400px;
}



#resultZone .itemOffer {
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 0px;

}
#resultZone .itemOffer:hover {

}
#resultZone .itemOffer h4 {
	font-size: 20px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#resultZone .itemOffer .groupPrices {

}
#resultZone .itemOffer .groupPrices .itemPrice {
	border: 1px solid #f54748;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin-top: 6px;
	width: 45%;
	/*height: 50px;*/
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#resultZone .itemOffer .groupPrices .emptyPrice  {
	border: 1px solid #fff;
}
#resultZone .itemOffer .groupPrices .emptyPrice .label {
	display:none;
}
#resultZone .itemOffer .groupPrices .emptyPrice .tarif {
	display:none;
}
#resultZone .itemOffer .groupPrices .emptyPrice .tarifOnly {
	display:none;
}
#resultZone .itemOffer .groupPrices .itemPrice .label {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;
	color: #666;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 13px;
	
}
#resultZone .itemOffer .groupPrices .itemPrice .tarif {
	color: #f54748;
	padding-top: 4px;
	padding-bottom: 4px;
}
#resultZone .itemOffer .groupPrices .itemPrice .tarifOnly {
	color: #f54748;
	padding-top: 17px;
	padding-bottom: 17px;
}
#resultZone .itemOffer .introOffer {
	padding-top: 2px;
	padding-bottom: 2px;
}

#resultZone .separator {
	min-height: 100px;
	display: block;
	clear: both;
}





.bold {
	font-weight: bold;
}
.orange {
	color: #FF6600;
}
.black {
	color: #000000;
}
.green {
	color: #298500;
}
.red {
	color: #f54748;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.rightImage {
	text-align: right;
	padding-bottom: 5px;
	padding-left: 15px;
	float: right;
}
.small {
	font-size: 9px;
	line-height: 9px;
}
.note {
	font-size: 11px;
	line-height: 11px;
	color: #999;	
}
#pageIntern .small p {
	font-size: 10px;
	line-height: 10px;
}

.top {
	vertical-align: top;
	padding-top: 5px;
}
.bottomNotes {
	font-size: 11px;
	line-height: 11px;
}
.bottomNotes ul li {
	font-size: 11px;
	line-height: 11px;
}
.pictLeft {
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
.divider50 {
	display: block;
	height: 50px;	
}
.divider30 {
	display: block;
	height: 30px;	
}
.divider20 {
	display: block;
	height: 20px;	
}
.divider10 {
	display: block;
	height: 10px;	
}


/* --- FAQ --- */

#pageIntern .question {
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
}
#pageIntern .answer {

}

#pageIntern table {
	font-size: 12px;
}

#pageIntern table th {
	font-weight: normal;
	font-size: 12px;
}

#pageIntern table td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 12px;
}


/* --- TABLE FORM --- */

.table-form {
	font-size: 12px;
	/*margin: auto;*/
}
.table-form th {
	font-weight: normal;
	width: 200px;
	padding-right: 5px;
}
.table-form td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.table-form .field-M {
	font-size: 12px;
	width: 250px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-form .field-S {
	font-size: 12px;
	width: 150px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-form .field-L {
	font-size: 12px;
	width: 400px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-form .button-M {
	font-size: 14px;
	width: 256px;
	font-family: Arial, sans-serif;
	padding: 6px;
}
.table-form .button-S {
	font-size: 12px;
	width: 200px;
	font-family: Arial, sans-serif;
	padding: 6px;
}
.table-form .select-L {
	font-size: 12px;
	width: 408px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-form .text-L {
	font-size: 12px;
	width: 500px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-form .simSelect {
	float: left;
	text-align: center;
	font-size: 12px;
	width: 188px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 8px;
}
.option-on {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-image: url(/images/bulle-on.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 40px;
	width: 200px;
	padding-top: 10px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}
.option-off {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-image: url(/images/bulle-off.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 40px;
	width: 200px;
	padding-top: 10px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}
.option-off:hover {
	color: #f54748;
	text-decoration: none;
	cursor: pointer;
}
.alertSubject {
	color: #f54748;
	font-weight: bold;
}
.alertSubject a {
	text-decoration: underline;
}
.alertSubject a:hover {
	text-decoration: none;
	color: #3f3f3f;
}
#idCaptchaInput {
	font-size: 12px;
	width: 150px;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.span_text_deroulant{width:600px;cursor:default;}

.text-s {
	font-size: 9px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 0px;
}

.iconsZone {
	display: block;
	float: right;
	height: 40px;
	text-align: right;
	margin-left: 50px;
	/*border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;*/
}
.iconsZone ul {
	margin: 0px;
	padding: 0px;		
}
.iconsZone li {
	float: left;
	list-style-type: none;
	font-size: 11px;
	text-decoration: none;
	margin-left: 20px;
	height: 20px;
}
.iconsZone .print a {
	display: block;
	background-image: url(/images/ico-print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	color: #298500;
	text-decoration: none;
	height: 18px;
	padding-top: 2px;
}
.iconsZone .print a:hover {
	text-decoration: underline;
}
.iconsZone .share a {
	display: block;
	background-image: url(/images/ico-mail.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;	
	color: #298500;
	text-decoration: none;
	height: 18px;
	padding-top: 2px;
}
.iconsZone .share a:hover {
	text-decoration: underline;
}


/*  POPUP Alert  */
#overlay {
    visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #3f3f3f;
	filter: Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
#poplayer {
	visibility: hidden;
	width: 440px;
	z-index: 100;
	border: 3px solid #cccccc;
	background-color: #ffffff;
	text-align: center;
	margin-left: -240px;
	position:fixed;
	top: 80px;
	left: 50%;
	padding: 20px;
}
#poplayer p {
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
#poplayer .close a {
	font-size: 10px;
	/*background-image: url(/images/tab-close.gif);
	background-repeat: no-repeat;
	background-position: 4px center;*/
	text-align: right;
	padding-left: 16px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	height: 20px;
}

/* Popup coulissant */
#adelement {
	position: absolute;
	width: 50%;
	display: none;
	z-index: 100;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	padding: 0px;
	box-sizing: border-box;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	box-shadow: 0 10px 20px #999;
	text-align: center;
	left: auto;
	right: auto;
}
#adelement .close {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-align: right;
	font-size: 12px;
	color: #fff;
	background-color: #f54748;
	padding: 10px;
}
#adelement .content {
	padding: 10px;
	text-align: left;
}
#adelement .content p {
	padding-top: 10px;
	padding-bottom: 10px;	
}
#adelement .content a.btnpopup {
	text-decoration: none;
	font-size: 16px;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #f54748;
	width: 200px;
	margin-right: 20px;
	margin-left: 20px;
	display: block;
	float: left;
}
#adelement .content a.btnpopup:hover {
	text-decoration: none;
	color: #f54748;
	background-color: #fff;
}



.countryRow {
	float: left;
	width: 140px;	
}
.rawZone {
	float: left;
	width: 265px;
	padding-right: 20px;
}
.rawZone table {
	border: 1px solid #333;
}
.rawZone table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 10px;
	padding: 2px;
}
p.tit-redbaloon span {
	color: #FFF;
	background-color: #f54748;
	font-size: 18px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
}
p.tit-redbaloon {
	display: block;
	padding-top: 50px;
	padding-bottom: 10px;
}
.tit-redbaloon a {
	color: #FFF;
}
.center  {
	text-align: center;
}
#page #pageIntern .center  {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.ultraflash {
	color: #f54748;
	font-size: 24px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}

#pictoZone {
	display: block;
	width: 120px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
#subscribe {
	text-align: left;
	background-image: url(/images/enveloppe13.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 54px;
	margin-top: 60px;
}
#subscribe p {
	font-size: 12px;	
}
#subscribe .field {
	width: 140px;
	font-size: 12px;
	border: 1px solid #f54748;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	padding: 2px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#subscribe .btn {
	width: 80px;
	text-align: center;
	padding: 3px;
	background-color: #f54748;
	border: 1px solid #f54748;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
}


.left-column {
	width: 270px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
#pageIntern .blocM {
	width: 49%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	padding: 0px;
	margin-top: 35px;
	box-sizing: border-box;
	color: #333;
}
#pageIntern a.blocM:hover {
	box-shadow: 0 6px 6px #999999;
	text-decoration: none;
	color: #f54748;
}
#pageIntern .rightspace {
	margin-right: 2%;
}
#pageIntern .blocM h2 {
	/*background-color: #f54748;*/
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: -20px;
	margin-right: -2px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 1000;
	background-color: #fff;
	display: inline-block;
	float: right;
	text-transform: uppercase;
	color: #f54748;
}
#pageIntern .blocM .bloc-content {
	padding: 10px;
}
#pageIntern .blocL {
	width: 100%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	margin-top: 35px;
	box-sizing: border-box;
	color: #333;
	height: 345px;
}

#pageIntern .blocL h2 {
	/*background-color: #f54748;*/
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: -20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: -3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1000;
	background-color: #fff;
	display: inline-block;
	float: left;
	text-transform: uppercase;
	color: #f54748;
}
#pageIntern .blocL .bloc-content {
	padding: 10px;
}
#pageIntern .blocL .pack {
	color: #f54748;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px;
	height: 240px;
	float: left;
	width: 43%;
	margin-right: 1%;
	margin-left: 1%;
}
#pageIntern .blocL .pack:hover {
	background-color: #fce5e8;	
}


/* --- version de septembre 2018 des packs pour tarifs-ch : --- */

#pageIntern .bloc-tarifsch {
	width: 100%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	margin-top: 35px;
	box-sizing: border-box;
	color: #333;
	height: 450px;
}

#pageIntern .bloc-tarifsch h2 {
	/*background-color: #f54748;*/
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: -20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: -3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1000;
	background-color: #fff;
	display: inline-block;
	float: left;
	text-transform: uppercase;
	color: #f54748;
}
#pageIntern .bloc-tarifsch .bloc-content {
	padding: 10px;
}
#pageIntern .bloc-tarifsch .bloc-content .pack-item {
	color: #f54748;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 1%;
	/*height: 240px;*/
	float: left;
	width: 46%;
	margin-right: 1%;
	margin-left: 1%;
}
#pageIntern .bloc-tarifsch .bloc-content .pack-item:hover {
	/*background-color: #fce5e8;	*/
}
#pageIntern .bloc-tarifsch .bloc-content .pack-item .pack-description {
	/*height: 230px;*/
	padding-bottom: 10px;
}
#pageIntern .bloc-tarifsch .divider50{
	display: none;
}



.sizeL {
	height: 200px;
	overflow: auto;
	clear: both;
}
.sizeM {
	height: 130px;
	overflow: hidden;
	clear: both;
}
#pageIntern .blocM .logosPOS {
	padding-top: 10px;	
}
#pageIntern .blocM .logosPOS img {
	width: 19%;	
}

.NewslettersBloc {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}
.NewslettersBloc p {
	margin-top: 4px;
	margin-bottom: 4px;
}
.NewslettersBloc h4 {
	margin-top: 5px;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: normal;
}
.NewslettersBloc .newsletter-register {
	border: 1px solid #f54748;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 28px;
	width: 60%;
	padding-left: 4px;
	padding-right: 4px;
}
.NewslettersBloc .btn-register {
	height: 32px;
	width: 32px;
}

.blocIntro {
	padding: 0px;
	color: #3f3f3f;
	height: 100px;
	overflow: hidden;
}
#DistriLogos {
	width: 220px;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	background-color: #FFF;
	margin-left: 10px;
	box-shadow: 0 1px 2px #666666;
	font-size: 12px;
}
.UnderPhoneBloc {
	width: 220px;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	background-color: #FFF;
	margin-left: 10px;
	box-shadow: 0 1px 2px #666666;
	font-size: 12px;
}
#AddMailingList {
	margin-top: 0px;
	margin-bottom: 10px;
}
#AddMailingList p {
	margin-top: 4px;
	margin-bottom: 4px;
}
#AddMailingList h4 {
	margin-top: 5px;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: normal;
}
#AddMailingList .newsletter-register {
	border: 1px solid #f54748;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 28px;
	width: 150px;
	padding-left: 4px;
	padding-right: 4px;
}
#AddMailingList .btn-register {
	height: 32px;
	width: 32px;
}

#LogosRevendeurs {
	margin-top: 0px;
	margin-bottom: 0px;
}


.specialnumber {
	font-size: 18px;
	background-image: url(/images/call.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	font-weight: bold;
	color: #669933;
	text-decoration: none;
	border: 2px solid #669933;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 120px;
}


#pageIntern .blocM .label {
	float: left;
	width: 120px;	
}
#pageIntern .blocM ul {
	padding-left: 0px;
}
#pageIntern .blocM ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	list-style-image: url(/images/vu-normal.png);
	line-height: 16px;
}
#pageIntern .blocM ul li small {
	
}
.specialTitle {
	padding-top: 15px;
	font-family: "MotterCorpusStd", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
	float: left;
	padding-left: 20px;	
}
#pageIntern ul.vu li {
	padding-top: 4px;
	padding-bottom: 4px;
	list-style-image: url(/images/vu-normal.png);
}
#pageIntern ul.noBullets li {
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: none;
}

.bigRed {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 60px; 
	color: #f54748;
}
.MotterTitle {
	font-family: "MotterCorpusStd", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;
	letter-spacing: 1px;
	padding-top: 10px;
}
.Motter {
	font-family: "MotterCorpusStd", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.Another {
	font-family: "Another", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#jobannonce {
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	margin-top: 10px;
}



.tarifLink {
	width: 670px;  /*85%*/
	margin-right: auto;
	margin-left: auto;	
}
.tarifLink a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #95c11e;
	width: 100%;
	font-size: 18px;
	background-color: #eaf3d2;
	float: left;
	margin-right: 0px;
	height: 50px;
	box-sizing: border-box;
	color: #4a600f;
	letter-spacing: 1px;
	margin-bottom: 50px;
	cursor: text;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.tarifLink a:hover {
	text-decoration: none;	
}

/* --- glidder  --- */
#pageIntern #my-glider {
	width: 932px;
	margin-right: auto;
	margin-left: auto;
}	

#pageIntern #my-glider h3 {
	font-family: "Another", "Trebuchet MS", Arial, sans-serif;
	font-size: 36px; 
}	
#pageIntern .controls {
	padding-bottom: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#pageIntern .controls a.visible {
	font-family: "MotterCorpusStd", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #f54748;
	font-size: 15px;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#pageIntern .controls a.hidden {
	font-family: "MotterCorpusStd", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #F4ACAB;
	font-size: 15px;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#pageIntern .controls a.hidden:hover {
	font-family: "MotterCorpusStd", "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 2px solid #f54748;
	color: #f54748;
	background-color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

.diapoVide {
	height: 60px;
	display: block;
}
.mobilePict {
	display: none;
}
#pageIntern .scroller .content .section  {
	/*border: 2px solid #F00;*/
}
#pageIntern .scroller .content .section h2 {
	color: #f54748;/*3f3f3f*/
	font-size: 36px;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
}
#pageIntern .scroller .content .section h2 span.smaller {
	font-size: 22px;
}
#pageIntern .scroller .content .section ul {
	padding-left: 5px;
}
#pageIntern .scroller .content .section ul li {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
	list-style-image: url(/images/vu-normal.png);
	line-height: 22px;
}
#pageIntern .scroller .content .section ul li.three {
	padding-top: 15px;
	padding-bottom: 0px;
}
#pageIntern .scroller .content .section ul li .small{
	font-size: 10px;
	line-height: 10px;
}
#pageIntern .scroller .content .section ul li .label {
	float: left;
	width: 180px;	
}
#pageIntern .scroller .content .section .top-space {
	position: relative;
	top: 15px;	
}
#pageIntern .scroller .content .section .top-bigspace {
	position: relative;
	top: 80px;	
}
#pageIntern .scroller .content .section .small {
	font-size: 10px;
	line-height: 8px;
}
.btnMore a {
	width: 155px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	height: 35px;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 30px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #95c11e;
	background-image: url(/images/white-arrow-12.png);
	background-repeat: no-repeat;
}
.btnMore a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}
.btnDiapo a {
	/*width: 155px;*/
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	height: 35px;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 30px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #95c11e;
	background-image: url(/images/white-arrow-12.png);
	background-repeat: no-repeat;
}
.btnDiapo a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}
.listPays  {
	font-size: 10px;
	line-height: 10px;
	width: 400px;	
}
.btnNormal a {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	height: 35px;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 30px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #95c11e;
	background-image: url(/images/white-arrow-12.png);
	background-repeat: no-repeat;
}
.btnNormal a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}

/* --- //glidder  --- */


.sloganIntro {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	line-height: 26px;
	color: #3f3f3f;
	display: block;
	position: relative;
	top: -30px;
	font-weight: bold;
	background-image: url(/images/bgd-slogan.jpg);
	background-repeat: no-repeat;
	height: 111px;
	width: 653px;
	padding-top: 34px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*
.sloganIntro {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	background-image: url(images/bgd-slogan-01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 77px;
	width: 400px;
	display: block;
	position: relative;
	top: -20px;
	font-weight: bold;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.sloganIntro .guil {
	font-size: 50px;
}
.sloganIntro {
	font-size: 16px;
	color: #000;
	background-image: url(images/bgd-slogan-01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 80px;
	width: 340px;
	font-style: italic;
	display: block;
	float: left;
	position: relative;
	top: 0px;
	right: -30px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-weight: bold;
	border: 1px dashed #C3C;
}
*/
#pageIntern table.table-services {
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #669933;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
#pageIntern table.table-services tr:hover th, #pageIntern table.table-services tr:hover td {
	color: #C00;
}
#pageIntern table.table-services th {
	font-weight: normal;
	font-size: 13px;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#pageIntern table.table-services td {
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	text-align: right;
}

/*---TABLE INTERNET---*/
#pageIntern table.table-internet {
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #fbdd01;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
	width: 100%;
	float: left;
}
#pageIntern table.table-internet tr:hover td {
	color: #C00;
}
#pageIntern table.table-internet th {
	border-bottom: 2px solid #fbdd01;
	font-weight: normal;
	font-size: 16px;
	background-color: #fdf199;
	text-align: left;
	padding: 10px;

}
#pageIntern table.table-internet th.yellow {
	background-color: #fded7b;
}
#pageIntern table.table-internet td {
	font-size: 14px;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;

}
#pageIntern table.table-internet td.yellow {
	background-color: #fef8cc;
}
#pageIntern table.table-internet td.bottomline {
	border-bottom: 1px solid #fbdd01;
}
#pageIntern table.table-internet .centerTD {
	text-align: center;
}
#pageIntern table.table-internet .tarif {
	
}

/*---TABLE INTERNET vert 
#pageIntern table.table-internet {
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #669933;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	width: 450px;
	float: left;
}
#pageIntern table.table-internet tr:hover td {
	color: #C00;
}
#pageIntern table.table-internet th {
	border-bottom: 2px solid #669933;
	font-weight: normal;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFF;
	background-color: #669933;
	text-align: left;
}
#pageIntern table.table-internet td {
	font-size: 14px;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
}
#pageIntern table.table-internet td.bottomline {
	border-bottom: 1px solid #669933;
}
---*/

.activationAlert {
	/*color: #f54748;*/
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
}
.internetIntroBloc {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.imgInternet {
	float: right;
	margin-right: 20px;
}
.internetTitle {
	font-size: 30px;
	float: left;
	padding-top: 90px;
	padding-bottom: 0px;
	font-weight: 300;
	width: 420px;
}
.internetSlogan {
	font-size: 20px;
	float: left;	
	padding-top: 0px;
	padding-bottom: 0px;
}
#pageIntern .datadetails {
	padding-top: 40px;
	padding-bottom: 40px;	
}
#pageIntern .datadetails h3 {
	font-size: 26px;
}
#pageIntern .datadetails h4 {
	font-size: 20px;
	padding-top: 10px;
}
#pageIntern .datadetails p {
	
}

#pageIntern p.underH1 {
	padding: 0px;
	font-size: 18px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



/*------- ADMIN--------*/

#pageIntern table.table-offres {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3f3f3f;
	border-bottom-color: #3f3f3f;
	border-left-color: #3f3f3f;		
}
#pageIntern table.table-offres th  {
	font-weight: bold;
	font-size: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3f3f3f;
	padding: 5px;
	background-color: #CCC;
	vertical-align: top;
}
#pageIntern table.table-offres td  {
	font-size: 13px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#pageIntern table.table-offres tr:hover  {
	background-color: #eee;
}

#pageIntern table.table-details {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #3f3f3f;
	border-bottom-color: #3f3f3f;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3f3f3f;
}
#pageIntern table.table-details th  {
	font-weight: bold;
	font-size: 14px;
	background-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3f3f3f;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eee;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 150px;
	vertical-align: top;
}
#pageIntern table.table-details td  {
	font-size: 13px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#pageIntern table.table-details .field  {
	font-size: 14px;
	width: 400px;	
	font-family: 'Ubuntu', "Trebuchet MS", Arial, sans-serif;
}
#pageIntern table.table-details .button  {
	font-size: 14px;
	width: 400px;	
	font-family: 'Ubuntu', "Trebuchet MS", Arial, sans-serif;
}
#pageIntern table.table-details .textfield  {
	font-size: 14px;
	width: 400px;
	height: 200px;
	font-family: 'Ubuntu', "Trebuchet MS", Arial, sans-serif;
}
.offre-item {
	padding-top: 10px;
	padding-bottom: 10px;	
}

.CapAlert {
	font-size: 14px;
	color: red;
	font-weight:bold;
}

.logos img {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.sitemapZone ul {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.sitemapZone ul li {
	list-style-type: none;
	margin: 0px;
	font-size: 15px;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.sitemapZone ul li a {
	display: block;	
}
.sitemapZone ul li a:hover {
	
}


iframe.iframeSwisscom {
	height: 600px;
	width: 100%;
	/*overflow: hidden;*/
}

#pageAdmin {
	text-align: left;
	background-color: #FFF;
	width: 100%;
	box-shadow: 0 2px 10px #666;
}


.go_top{
    background: url('/images/goTop-32.png') no-repeat;
    display: none;
    position: fixed;
    width: 32px;            /* A r�gler selon votre image */
    height: 32px;            /* A r�gler selon votre image */
    bottom: 5px;                /* A r�gler selon votre image */
    right: 5px;                /* A r�gler selon votre image */
    text-indent: -9999px;
}

.table_roaming {
	margin-top: 50px;	
}
.table_roaming table {
	width: 100%;
	overflow: auto;
}
.table_roaming table th {
	text-align: right;
	padding: 3px;
	height: 30px;
	font-weight: bold;
	color: #000;
	width: 8%;
	background-color: #ddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}/*
.table_roaming table:hover th {
	background-color: #ddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
}*/
.table_roaming table td {
	text-align: right;
	padding: 3px;
	height: 30px;
	width: 9%;
}
.table_roaming table .bgd_yel {
	background-color: #FFC;
}
.table_roaming table .bgd_green {
	background-color: #CFC;
}
.table_roaming table .bgd_grey {
	background-color: #eee;
}
.table_roaming table tr:hover td input {
	background-color: rgba(0, 0, 0, 0.03);
}
.table_roaming table input {
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	border: 1px solid #ccc;
	text-align: right;
	width: 50px;
}
.table_roaming table input:hover {
	border: 1px solid #666;	
}
.table_roaming table input:focus {
	border: 1px solid #f54748;;	
}
.table_roaming button {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #ddd;
}
.table_roaming button:hover {
	border: 1px solid #f54748;
	cursor: pointer;
	color: #f54748;
}





.tarifs_roaming {
	width: 50%;
	margin-top: 10px;
	margin-bottom: 30px;
}
.tarifs_roaming tr:hover {
	background-color: rgba(0, 0, 0, 0.03);
}
.tarifs_roaming th {
	width: 50%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;	
}
.tarifs_roaming td {
	width: 50%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;
	text-align: right;
}


#pageIntern table.pack1_table {
	width: 80%;
	margin-top: 10px;
	margin-bottom: 30px;
}
#pageIntern table.pack1_table tr:hover {
	background-color: rgba(0, 0, 0, 0.03);
}
#pageIntern table.pack1_table th {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;
	font-weight: bold;
	width: 240px;
}
#pageIntern table.pack1_table td {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;
	text-align: right;
}

#pageIntern table.pack2_table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
}
#pageIntern table.pack2_table tr:hover {
	background-color: rgba(0, 0, 0, 0.03);
}
#pageIntern table.pack2_table th {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;
	font-weight: bold;
	text-align: left;
}
#pageIntern table.pack2_table td {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f54748;
	text-align: left;
}
.largeur-md {
	width: 150px;	
}



/**/

.pack-item {
	color: #f54748;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 15px;
	height: 400px;
}
.pi-1 {
	height: 250px !important;
}
.pi-1 .pack-description {
	height: 110px !important;
}
.pi-2 {
	height: 340px !important;
}
.pi-2 .pack-description {
	height: 190px !important;
}
.pi-3 {
	height: 380px !important;
}
.pi-3 .pack-description {
	height: 240px !important;
}
.pi-roam {
	height: 280px !important;
}
.pi-roam .pack-description {
	height: 170px !important;
}
.pi-roam .pack-explanation {
	height: 20px !important;
}
.pack-item:hover {
	background-color: #fce5e8;
}
.pack-item .pack-description {
	height: 250px;
	padding-bottom: 10px;
}
.pack-item .pack-explanation {
	height: 40px;
	padding-bottom: 10px;
}

.pack-item  .bloc-price-promo .price-normal {
	color: #fff;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 20px;
	line-height: 20px;
	font-weight: bold;
}
.pack-item  .bloc-price .price-normal {
	color: #fff;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 28px;
	line-height: 20px;
	font-weight: bold;
}
.pack-item  .price-big {
	color: #fff;
	font-size: 40px;
	line-height: 28px;
}
.pack-item  .price-normal .price-big .price-cent {
	font-size: 20px;
	vertical-align: super;
	line-height: 12px;
}
.pack-item  .price-normal .price-cent {
	font-size: 9px;
	vertical-align: super;
	line-height: 9px;
}
.pack-item  .price-normal small {
	/*letter-spacing: -1px;	*/
}
.pack-item  .promo-zone {
	color: #f54748;
	font-size: 18px;
	margin-top: 16px;
	margin-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
}

.pack-item .price-img {
	float: right;
	width: 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;	
}
#pageIntern .pack-item h3.title-pack {
	margin-bottom: 20px;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 26px;
}
#pageIntern .pack-item h3.title-pack span {
	font-size: 16px;
	text-transform: none;
}/*
#pageIntern .pack-item:hover h3.title-pack {
	margin-bottom: 20px;
	font-size: 30px;
	letter-spacing: 1px;
}*/
.pack-item .list-point {
	margin-bottom: 10px;
	margin-left: 40px;
	line-height: 18px;
}
.pack-item .list-point small {
	font-size: 11px;
	line-height: 12px;
}
.pack-item .list-point span {
	font-size: 20px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.pack-item .list-point .col_one {
	width: 40px;
	margin-left: -40px;
}
.pack-item .explanation {
	font-size: 10px;
	font-weight: 300;
	border: 1px solid #f54748;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pack-item .explanation:hover {
	font-size: 13px;
}
.pack-item .col-50 {
	width: 50%;	
	float: left;
	display: block;
	padding-top: 15px;
}
.pack-item .wa_color {
	color: #95c11e;
}
.pack-item .wa_size {
	font-size: 25px;
	margin-top: -10px;
}
.pack-item .btnpack a {
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	/*height: 40px;*/
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #95c11e;
}
.pack-item .btnpack a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}
.pack-item .intro_btn {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 14px;
}



<!-- Ancienne version des packs -->
/**/


.pack {
	color: #f54748;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px;
	height: 230px;
}
.pack {
	color: #f54748;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px;
	height: 230px;
}
.pack:hover {
	background-color: #fce5e8;	
}
.pack .circle {
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #f54748;
	text-align: center;
	float: right;
	height: 85px;
	width: 110px;
	margin-right: -10px;
	margin-left: 20px;
	padding-top: 25px;
	text-transform: uppercase;
	border: 5px solid #FFF;
	margin-top: -35px;
	background-image: url(/images/bgd_red_300.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.pack .circle span {
	font-size: 9px;
	vertical-align: super;
	font-weight: normal;
}
.pack .texting-circle {
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #f54748;
	text-align: center;
	float: right;
	height: 82px;
	width: 110px;
	margin-right: -36px;
	margin-left: 20px;
	padding-top: 28px;
	text-transform: uppercase;
	border: 5px solid #FFF;
	margin-top: -35px;
	background-image: url(/images/bgd_red_300.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#pageIntern .bonus table {
	
}
#pageIntern .bonus table th {
	font-size: 16px;
	color: #f54748;	
	text-transform: uppercase;
}
#pageIntern .bonus table td {
	margin: 0px;
	padding: 0px;	
}
#pageIntern .bonus table .col-recharge {
	width: 35%;
	font-size: 24px;
	color: #f54748;	
	text-transform: uppercase;
}
#pageIntern .bonus table .col-egal {
	width: 10%;
	font-size: 24px;
	color: #f54748;
	text-transform: uppercase;

}
#pageIntern .bonus table .col-circles {
	width: 55%;
	height: 150px;
}
#pageIntern .bonus table .col-circles .texting-circle {
	box-sizing: border-box;
	height: 110px;
	width: 110px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #f54748;
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	border: 5px solid #FFF;
	z-index: 10;
	float: left;
	display: block;	
	background-image: url(/images/bgd_red_300.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/*text-transform: uppercase;*/
}

.row {
	clear: both;	
}
.row .col-6 {
	display: block;
	float: left;
	width: 50%;	
	box-sizing: border-box;
}
.minuscule {
	text-transform: lowercase;	
}
.noService {
	text-transform: lowercase;	
}
.condensed  {
	letter-spacing: -1px;	
}

#pageIntern .packs-zone {
	
}
#pageIntern .packs-zone .pack-item {
	width: 48%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	color: #333;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#pageIntern .packs-zone .size-s {
	height: 110px;
}
#pageIntern .packs-zone .size-m {
	height: 150px;
}
#pageIntern .packs-zone .size-l {
	height: 200px;
}
#pageIntern .packs-zone .pack-item p {
	font-size: 12px;	
}
#pageIntern .packs-zone .pack-item p strong {
	
}
#pageIntern .packs-zone .pack-item h3 {
	font-weight: 300;	
}
#pageIntern .packs-zone .pack-item h3 stong {
	font-weight: bold;
}


/* FreeSIM styles */

.form-bloc {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	
}
.form-bloc .groupfields {
	padding-top: 10px;
	padding-bottom: 50px;
}
.form-bloc .groupfields .fieldline {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
.form-bloc .groupfields .fieldline:hover {
	
}
.form-bloc .groupfields .fieldline .label {
	font-weight: normal;
}
.form-bloc .groupfields .fieldline .field {
	font-weight: normal;
	display: block;
	width: 100%;
}
.form-bloc .inline .fieldline .label {
	font-weight: bold;
	display: block;
	float: left;
	width: 40%;
}
.form-bloc .inline .fieldline .field {
	font-weight: normal;
	display: block;
	float: left;
	width: 50%;
}
.form-bloc .groupfields .fieldline .field .f-full {
	font-size: 14px;
	width: 100%;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #555;
}
.form-bloc .groupfields .fieldline .field .f-md {
	font-size: 14px;
	width: 50%;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #555;
}
.form-bloc .groupfields .fieldline .field .f-sm {
	font-size: 14px;
	width: 20%;
	border: 1px solid #f54748;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #555;
}
.form-bloc .groupfields .fieldline .thumbnail {
	float: right;
	display: block;
	width: 160px;
	max-height: 320px;
	
}
.form-bloc .groupfields .fieldline .thumbnail img {
	width: 100%;
	/*border: 1px solid #999;
	box-shadow: 0 1px 5px #999;*/
}

.form-bloc .groupfields  fieldline .fileinput-new {
	background-color: #C0F;
	display: block;
}

.field_comment {
	font-size: 10px;
	color: #666;
	padding-top: 8px;
}


.imgfreesim {
	width:270px; 
	float:left; 
	margin-top:36px; 
	margin-right:50px; 
	margin-left:100px;
}



.btn-ok {
	width: 50%;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 30px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #95c11e;
	background-image: url(/images/white-arrow-12.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
}
.btn-ok:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
	cursor: pointer;
}
.btn-ok.disabled {
	/*opacity: 0.5; */
	color: #333;
	background-color: #999;
	cursor: not-allowed;
}

.btn-back {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
}
.btn-back:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}
.btn-later a {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	height: 30px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 180px;
}
.btn-later a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}
.btn-now a {
	width: 180px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	height: 30px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #95c11e;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	float: right;
}
.btn-now a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}


.popup-freesim {
	font-family: 'Montserrat', "Trebuchet MS", Arial, sans-serif;
}
.popup-freesim .blocPopup {
	width: 100%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	margin-top: 35px;
	box-sizing: border-box;
	color: #333;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.popup-freesim .img-popup {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.popup-freesim .img-popup img {
	max-height: 300px;
	/*box-shadow: 0 5px 10px #666;*/
	margin-bottom: 10px;
	margin-top: 10px;
}

.popup-freesim .blocPopup  h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: -20px;
	margin-right: -2px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 1000;
	background-color: #fff;
	display: inline-block;
	float: right;
	text-transform: uppercase;
	color: #f54748;
}
.popup-freesim h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.popup-freesim .blocPopup .bloc-content {
	padding: 10px;
}
.popup-freesim .blocPopup  ul {
	padding-left: 20px;
}
.popup-freesim .blocPopup ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	list-style-image: url(/images/vu-normal.png);
	line-height: 16px;
	text-align: left;
}
.btnDisable {
	text-align: left;
	margin-top: 50px;
	margin-bottom: 10px;
}
.btnDisable a {
	font-family: 'Montserrat', "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	color: #999;
	padding: 5px;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btnDisable a:hover {
	color: #333;
	text-decoration: none;
	background-color: #CCC;
}

.right-picto {
	display: block;
	float: right;
	width: 180px;	
	text-align: right;
}
.right-picto img {
	height: 90px;
	text-align: right;
}

.left-picto {
	display: block;
	float: left;
	width: 180px;
	text-align: left;
	padding-bottom: 50px;
}
.left-picto img {
	height: 90px;
	text-align: left;
}
.annonce-service {
	padding: 60px;	
}
.annonce-service p {
	padding-top: 10px;	
	padding-bottom: 10px;
}

#countdown-bloc {
	width: 50%;
	height: 60px;	
	color: #fff;
	font-weight: bold;
	background-color: #e20213;
	padding: 10px;
	font-size: 14px;
	display: block;
}
#countdown-bloc #until {
	width: 230px;
	line-height: 16px;
	float: left;
	display: block;
}
#countdown-bloc #until .big {
	font-weight: normal;
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 10px;
}
#countdown-bloc #table-countdown table {
	/*font-family: Impact, "Arial Black";*/
	font-weight: normal;
	color: #fff;
	float: left;
	display: block;
}
#countdown-bloc #table-countdown table th {
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}
#countdown-bloc #table-countdown table td {
	font-size: 32px;
	text-align: center;
	width: 44px;
}
#countdown-bloc #countdown {
	/*font-family: Impact, "Arial Black";*/
	font-size: 26px;
	color: #fff;
	text-align: left;
	font-weight: normal;
}
#countdown-interbloc {
	display: none;
}
.section .col-50 {
	width: 25%;	
	float: left;
	display: block;
	padding-top: 15px;
}
.section .wa_color {
	color: #95c11e;
}
.section .wa_size {
	font-size: 25px;
	margin-top: -10px;
}
.section .btnpack a {
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	/*height: 40px;*/
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #FFF;
	display: inline-block;
	margin-top: 8px;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #95c11e;
}
.section .btnpack a:hover {
	text-decoration: none;
	text-shadow: 0px 1px 1px #3f3f3f;
	position: relative;
	top: -1px;
}
.section .intro_btn {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 14px;
}

.redBorder {
	width: 100%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 35px;
	box-sizing: border-box;
	color: #333;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.form-error {
	font-weight: bold;	
}



/* Nouvelles 3 pages des Packs   */

#pageIntern .tabPack {
	padding: 0px;
	position: relative;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	height: 80px;
}
#pageIntern .tabPack li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#pageIntern .tabPack li a {
	font-size: 16px;
	line-height: 14px;
	text-decoration: none;
	display: block;
	width: 30%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	height: 53px;
	text-align: left;
	color: #666;
	box-sizing: border-box;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
}
#pageIntern .tabPack li a:hover {
	text-decoration: none;
	border: 2px solid #3f3f3f; /*f54748*/
	color: #3f3f3f;
}
#pageIntern .tabPack li span.active {
	font-size: 16px;
	line-height: 14px;
	text-decoration: none;
	display: block;
	color: #FFF;
	background-color: #f54748;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 30%;
	float: left;
	border: 1px solid #f54748;
	box-shadow: 0 1px 2px #666666;
	height: 53px;
	font-weight: normal;
	text-align: left;
	box-sizing: border-box;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
}
#pageIntern .tabPack li span .titleTab1 {
	font-size: 22px;
	line-height: 20px;
	text-decoration: none;
	display: block;
	color: #FFF;
	font-weight: normal;
}
#pageIntern .tabPack li span .titleTab2 {
	font-size: 15px;
}
#pageIntern .tabPack li span .titleTab2small {
	font-size: 12px;
}
#pageIntern .tabPack li a .titleTab1 {
	font-size: 22px;
	line-height: 20px;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
#pageIntern .tabPack li a .titleTab2 {
	font-size: 15px;
}
#pageIntern .tabPack li a .titleTab2small {
	font-size: 12px;
}

#pageIntern .bloc-half {
	width: 49%;
	float: left;
	padding: 0px;
	margin-top: 0px;
	box-sizing: border-box;
}
#pageIntern a.blocM-half:hover {
	
}
#pageIntern .rightspace-deskonly {
	margin-right: 2%;
}

.picto-right {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 20px;
}


#packsroam {
	margin-top: 30px;
	width: 40%;
	float: right;
}
#packsroam h4 {
	font-size: 20px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#pageIntern .blocR {
	width: 100%;
	border: 2px solid #f54748;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	margin-top: 35px;
	box-sizing: border-box;
	color: #333;
	height: 345px;
}

#pageIntern .blocR h2 {
	/*background-color: #f54748;*/
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: -20px;
	margin-right: -2px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 1000;
	background-color: #fff;
	display: inline-block;
	float: right;
	text-transform: uppercase;
	color: #f54748;
}
#pageIntern .blocR .bloc-content {
	padding: 10px;
}
#pageIntern .blocR .pack {
	color: #f54748;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px;
	height: 240px;
	float: left;
	width: 43%;
	margin-right: 1%;
	margin-left: 1%;
}
#pageIntern .blocR .pack:hover {
	background-color: #fce5e8;	
}

#pageIntern .blocR .pack-item h3.title-pack {
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 26px;
}
del.barre {
	text-decoration: line-through;
	font-size: 12px;
	font-weight: normal;
}

ul {
	list-style-position: inside;
	padding-left: 20px;
}

.navbar-brand {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.spaceforNav {
	display: block;
	height: 15px;
}

#navbar2 ul li a.active  {
	pointer-events: none;
	color : inherit;
}

.nav .navbar-nav > .open > a, .nav .navbar-nav > .active > a {
	background-color: #381354;
	background-image: none;
}
.nav .navbar-nav > .open > a, .nav .navbar-nav > .open > a:hover, .nav .navbar-nav > .open > a:focus {
	background-color: #381354;
	background-image: none;
}
