/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./font/opensans-regular-webfont.eot');
  src: url('./font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-regular-webfont.woff') format('woff'),
         url('./font/opensans-regular-webfont.ttf') format('truetype'),
         url('./font/opensans-regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('./font/opensans-condlight-webfont.eot');
  src: url('./font/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-condlight-webfont.woff') format('woff'),
         url('./font/opensans-condlight-webfont.ttf') format('truetype'),
         url('./font/opensans-condlight-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family: font-icon;
    src: url(/assets/fonts/font-icon/font-icon.eot);
    src: url(/assets/fonts/font-icon/font-icon.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/font-icon/font-icon.woff2) format("woff2"), url(/assets/fonts/font-icon/font-icon.woff) format("woff"), url(/assets/fonts/font-icon/font-icon.ttf) format("truetype"), url(/assets/fonts/font-icon/font-icon.svg#font-icon) format("svg");
    font-weight: 400;
    font-style: normal
}
/*
@font-face {
    font-family: 'open_sansbold';
    src: url('./font/opensans-bold-webfont.eot');
    src: url('./font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-bold-webfont.woff') format('woff'),
         url('./font/opensans-bold-webfont.ttf') format('truetype'),
         url('./font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold_italic';
    src: url('./font/opensans-bolditalic-webfont.eot');
    src: url('./font/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-bolditalic-webfont.woff') format('woff'),
         url('./font/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('./font/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('./font/opensans-extrabold-webfont.eot');
    src: url('./font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-extrabold-webfont.woff') format('woff'),
         url('./font/opensans-extrabold-webfont.ttf') format('truetype'),
         url('./font/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('./font/opensans-extrabolditalic-webfont.eot');
    src: url('./font/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('./font/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('./font/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('./font/opensans-italic-webfont.eot');
    src: url('./font/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-italic-webfont.woff') format('woff'),
         url('./font/opensans-italic-webfont.ttf') format('truetype'),
         url('./font/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('./font/opensans-light-webfont.eot');
    src: url('./font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-light-webfont.woff') format('woff'),
         url('./font/opensans-light-webfont.ttf') format('truetype'),
         url('./font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('./font/opensans-lightitalic-webfont.eot');
    src: url('./font/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-lightitalic-webfont.woff') format('woff'),
         url('./font/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('./font/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans';
    src: url('./font/opensans-regular-webfont.eot');
    src: url('./font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-regular-webfont.woff') format('woff'),
         url('./font/opensans-regular-webfont.ttf') format('truetype'),
         url('./font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*/

@font-face {
    font-family: 'OS-sb';
    src: url('./font/opensans-semibold-webfont.eot');
    src: url('./font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-semibold-webfont.woff') format('woff'),
         url('./font/opensans-semibold-webfont.ttf') format('truetype'),
         url('./font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: semibold;
    font-style: normal;

}

/*


@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('./font/opensans-semibolditalic-webfont.eot');
    src: url('./font/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-semibolditalic-webfont.woff') format('woff'),
         url('./font/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('./font/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('./font/opensans-condbold-webfont.eot');
    src: url('./font/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-condbold-webfont.woff') format('woff'),
         url('./font/opensans-condbold-webfont.ttf') format('truetype'),
         url('./font/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('./font/opensans-condlight-webfont.eot');
    src: url('./font/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-condlight-webfont.woff') format('woff'),
         url('./font/opensans-condlight-webfont.ttf') format('truetype'),
         url('./font/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('./font/opensans-condlightitalic-webfont.eot');
    src: url('./font/opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/opensans-condlightitalic-webfont.woff') format('woff'),
         url('./font/opensans-condlightitalic-webfont.ttf') format('truetype'),
         url('./font/opensans-condlightitalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}		*/



@font-face{
    font-family:'HelveticaLightCond';
    src:url('./font/helveticaltstd-lightcond-webfont.eot');
    src:url('./font/helveticaltstd-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
        url('./font/helveticaltstd-lightcond-webfont.woff') format('woff'),
        url('./font/helveticaltstd-lightcond-webfont.ttf') format('truetype'),
        url('./font/helveticaltstd-lightcond-webfont.svg#HelveticaLTStdCondLightRg') format('svg');
    font-weight:normal;
    font-style:normal}
@font-face{
    font-family:'HelveticaBoldCond';
    src:url('./font/helveticaltstd-boldcond-webfont.eot');
    src:url('./font/helveticaltstd-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
        url('./font/helveticaltstd-boldcond-webfont.woff') format('woff'),
        url('./font/helveticaltstd-boldcond-webfont.ttf') format('truetype'),
        url('./font/helveticaltstd-boldcond-webfont.svg#HelveticaLTStdCompressedRg') format('svg');
        font-weight:normal;
        font-style:normal}







html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    /* line-height: 1.6; */
    font-size: 14px;
    /*font-size: 0.9rem;*/

/*	padding-right: 10px;
	padding-left: 10px;*/
}

a{color: #323232;text-decoration: none;}
a:hover, a:focus {color: #c00000;text-decoration: underline;}

.sect-offre h1, .sect-offre h2, .sect-offre h3, .sect-offre h4, .sect-offre h5, .sect-offre h6 {
margin: 10px 0;
font-family: "Open Sans", HelveticaLightCond, "Open Sans Condensed", Arial, sans-serif;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
font-weight: 500;
}

h3, .h3 {
font-size: 26px;
}

.header-menu{min-height: 62px; box-shadow: 0 0 6px #aaa; margin-bottom: 20px; /*margin-right: -10px; margin-left: -10px; padding-left: 10px;*/ }
.navbar {
    margin-bottom: 0px;
}
.navbar-inner {
 padding-left: 0;
}
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 9px 8px 0 0;

}

/* PARTI DU CODE CHANGER POUR OBTENIR LE MEME EFFET QUE SUR LE SITE MOBILE*/
.navbar .nav > li > a {
    font-weight: normal !important;
    line-height: 8px;
    margin: 0 15px;
    padding: 3px 0 0;
}

.navbar .nav > li > a {
float: none;
padding: 1em .7em;
margin: 0 15px;
color: #464646;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
text-transform: uppercase;
font-weight: bold;
/* border-bottom: 3px solid #fff; */
font-size: 1.2em;
display: inline-block;

}
.navbar .btn, .navbar .btn-group {
    margin-top: 12px;
}

.navbar .brand {padding: 0px;margin-right: 2%;margin-left: 0;display: block;margin-top: 6px;}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
text-decoration: none;
background-color: transparent;

/* border-bottom: 3px solid #c10000; */


}
 .navbar-nav li:hover {
	background-color: #eeeeee;
	border-radius: 0.85em;
	line-height: 30px;
	height: 45px;
	outline: 0 none;



}

.navbar-nav li  {
	margin-left: 5px;

}

.navbar-nav li.active a {
    color: #C00000;
	    font-weight: bold !important;
}



/* LA MODIFICATION DU CODE S'ARRETE ICI */

.navbar-toggle{margin-top: 14px;margin-bottom: 14px;}
/*.navbar-toggle .icon-bar {background: #333;}*/

.navbar .navbar-toggle {
    margin-right: 1.5em;
    border-color: #B0B0B0;
}

.navbar-toggle .icon-bar {
    background-color: #C00000;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #c00000;
    text-shadow: none;
    color: white;
}

::selection {
    background: #c00000;
    text-shadow: none;
    color: white;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #EAEAEA;
    margin: 1em auto;
    padding: 0;
    width: 80%
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
[class^="sprite-"], [class*=" sprite-"] {
    background: url(../img/sprites.png) no-repeat; display: inline-block;
}

.clear{clear: both;}
.red{color: #c00000;}

header nav ul.nav li a{font-family: "Open Sans", Arial,sans-serif;padding: 8px 0 0;} /* HelveticaBoldCond,"Helvetica Neue",Helvetica, */
.divider-top{background: url("../gfx/basHeader.jpg") no-repeat scroll center top transparent;display: block;height: 16px;margin-top: 3px;}

/* - - Breadcrumbs - - */
/*.breadcrumbs{background: url(../img/bg-breadcrumbs.png) bottom left no-repeat; height: 35px; margin-top: 6px;}*/
.breadcrumbs{overflow:hidden;position:relative;}
.sprite-separation{
    background-position: 0 0;
    width: 26px;
    height: 34px;
}




.breadcrumb {
  padding: 0px;
  /*margin-top: 10px;*/
  margin-bottom: 10px;
  background-color: #fafafa;
  border-radius: 2px;
  height: 46px;
  width: 3000px;
}

.breadcrumb li a {
  background: #f2f2f2;
  text-align: center;
  padding: 15px 15px 15px 40px;
  position: relative; top: 8px;
  margin: 0 4px 0 0;

  font-size: 14px;
  text-decoration: none;
  color: #000;
}
.breadcrumb li:first-child a {
  padding-left: 15px;
  padding-right: 12px;
}

.breadcrumb li a:hover{background: #f1d6d6;}

.breadcrumb li a span.glyphicon{font-size: 20px;color: #bababa;margin-right: 10px;top: 4px;}

.breadcrumb li a:after {
  content: "";
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 25px solid #f2f2f2;
  position: absolute; right: -25px; top: 0;
  z-index: 1;
}

.breadcrumb li a:hover:after {
  border-left: 25px solid #f1d6d6;
}

.breadcrumb li a:before {
  content: "";
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 25px solid #fafafa;
  position: absolute; left: 0; top: 0;
}

.breadcrumb li:first-child a {
  border-top-left-radius: 2px; border-bottom-left-radius: 2px;
  padding-left: 16px;
}
.breadcrumb li:first-child a:before {
  display: none;
}

/*.breadcrumb li:last-child a {
  padding-right: 80px;
  border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}*/
/*.breadcrumb li:last-child a:after {
  display: none;
}
*/
.breadcrumb>li+li:before {
  padding: 0;
  /*content: "";*/
  display: none;
}

.breadcrumb .assistance_m img{max-width: 33px;margin: 0 8px 0 0;vertical-align: middle;position: relative;top: -1px;}

















/* - - Recherche - - */
form.box-search{position: relative;bottom: 8px;}
form.box-search input{height: 32px;-webkit-box-shadow: inset 0px 0px 12px 0px rgba(181, 181, 181, 1);box-shadow: inset 0px 0px 12px 0px rgba(181, 181, 181, 1);  }
form.box-search .btn{line-height: 32px;padding: 4px 34px;
    background: rgb(246,246,246);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
    font-size: 18px;
}
form.box-search .btn .caret{margin-top: 14px;}
form.box-search .dropdown-menu .divider {margin: 0 1px;}
form.box-search .dropdown-menu > li > a{padding: 10px 20px;}


/* - - Menu - - */
.menu {font-family: "Open Sans", helvetica;padding-right: 0;padding-left: 0;}
/* .menu h2{color: #323232;padding-top: 4px;}
.menu a {color:#323232;padding-top: 9px;} */
.menu h2{color: #fff;padding-top: 4px;}
.menu a {color:#4C4C4C;padding-top: 9px;}
/* .menu a:hover, .menu a:focus {text-decoration: none; color: white;border:0 solid #fff;} */
.menu a:hover, .menu a:focus {text-decoration: none;border-bottom:1 solid #fff;}

.menu ul{list-style-type: none;padding: 0 !important;position: relative;}
.menu ul.menu1>li{width:44px; height: 44px; /*margin-bottom: 8px;*/
    background: #fafafa;

    border-bottom: 1px solid #DADADA;
    box-shadow: 0 0 3px #e1e1e1;
    margin-bottom: 0;
    opacity: 0.4;
}
.menu ul.menu1>li.titre-offre-2{border-bottom-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-3{border-bottom-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-4{border-bottom-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-5{border-bottom-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-6{border-bottom-color: #30ABD5;}

.menu ul.menu1>li.titre-offre-2:hover{background-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-3:hover{background-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-4:hover{background-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-5:hover{background-color: #30ABD5;}
.menu ul.menu1>li.titre-offre-6:hover{background-color: #30ABD5;}

.menu .tabs-right ul>li{
    -webkit-border-radius: 0px 8px 8px 0px;
            border-radius: 0px 8px 8px 0px;
}

.menu-navigation .nav-tabs > li.active > a, .menu-navigation .nav-tabs > li.active > a:hover, .menu-navigation .nav-tabs > li.active > a:focus {background-color: transparent;}

.menu ul.menu1 li:hover, .menu ul.menu1 li.active{position: relative;opacity: 1;
    /* background: #30ABD5 ; */
    background: #F6F7FB ;
    border-bottom: 1px solid #fff;
    /*border-bottom-color: #892A17;*/

    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4MjcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2M0MWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    /*background: -moz-linear-gradient(left,  #e82700 0%, #c41f00 90%);*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e82700), color-stop(90%,#c41f00));*/
    /*background: -webkit-linear-gradient(left,  #e82700 0%,#c41f00 90%);*/
    /*background: -o-linear-gradient(left,  #e82700 0%,#c41f00 90%);*/
    /*background: -ms-linear-gradient(left,  #e82700 0%,#c41f00 90%);*/
    /*background: linear-gradient(to right,  #e82700 0%,#c41f00 90%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82700', endColorstr='#c41f00',GradientType=1 );*/
}
/* .menu ul li.active:before{content:" ";position:absolute;top:-15px;right:0;background: url(../img/icons-menu.png) no-repeat;background-position: -50px -302px ;width: 9px;height: 15px;}
.menu ul li.active:first-child:before{background: none;}
.menu ul li.active:after{content:" ";position:absolute;bottom:-15px;right:0;background: url(../img/icons-menu.png) no-repeat;background-position: -65px -302px;width: 9px;height: 15px;}
.menu ul li.active:last-child:after{background: none;} */

.menu .tabs-left > .nav-tabs > li > a, .menu .tabs-right > .nav-tabs > li > a {
    min-width: 1px;
    margin-right: 0;
    /*padding-bottom: 8px;*/
    /*padding: 13px 0 13px 40px;*/
    padding: 0 0 0 40px;
    line-height: 42px;
    /* border-bottom: 2px solid #30ABD5; */
}

.menu .nav-tabs > li > a, .menu .nav-pills > li > a {margin: auto;line-height: 14px;text-align: center;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: 0 solid #ddd;}
.nav-tabs {border-bottom: 0px solid #ddd;}

li.assistancefbx{position: relative;}
.menu1 li.assistancefbx a{border-bottom-color: #ccc !important;}
.menu ul.menu1>li.assistancefbx:hover a{background-color: #ccc;}
.menu ul.menu1>li.assistancefbx:hover{background-color: transparent;}
li.assistancefbx:after{
  content: "" !important;
  position: absolute;
  top: 2px;
  right: 2px;
  height: 12px;
  width: 12px;
  background: url(../gfx/icon-external-link.png) no-repeat;
}



.icons,
.icon-assistance,
.icon-assistance-active,
.icon-internet2,
.icon-internet2-active,
.icon-moncompte,
.icon-moncompte-active,
.icon-premierpas,
.icon-premierpas-active,
.icon-telephon,
.icon-television,
.icon-telephon-active,
.icon-television-active,
.liste_menu,
.liste_menu-active,
.icon-nouscontacter,
.icon-compass,
.icon-saviezvous,
.icon-telechargement,
.icon-tel,
.icon-temps,
.icon-terre,.icon-plus,.icon-breadcrumbs,.icon-home, .icon-like,.icon-dislike{
    background: url(../img/icons-menu.png) no-repeat !important;
}

.icons{background-position: -296px -251px !important ;width: 0px;height: 0px;}
.icon-assistance{background-position: -3px 0 !important;width: 28px;height: 19px;}
.menu ul li:hover .icon-assistance, .menu ul li.active .icon-assistance{background-position: -51px -1px !important ;width: 28px;height: 19px;}
.icon-internet2{background-position: -2px -46px !important ;width: 28px;height: 28px;}
.menu ul li:hover .icon-internet2, .menu ul li.active .icon-internet2{background-position: -52px -45px !important ;width: 28px;height: 28px;}
.icon-moncompte{background-position: 0 -95px !important ;width: 30px;height: 27px;}
.menu ul li:hover .icon-moncompte, .menu ul li.active .icon-moncompte{background-position: -49px -94px !important ;width: 30px;height: 27px;}
.icon-premierpas{background-position: -1px -146px !important ;width: 28px;height: 26px;}
.menu ul li:hover .icon-premierpas, .menu ul li.active .icon-premierpas{background-position: -52px -147px !important ;width: 28px;height: 26px;}
.icon-telephon{background-position: -5px -194px !important;width: 22px;height: 33px;}
.menu ul li:hover .icon-telephon, .menu ul li.active .icon-telephon{background-position: -55px -196px !important ;width: 22px;height: 33px;}
.icon-television{background-position: -5px -256px !important ;width: 28px;height: 24px;}
.menu ul li:hover .icon-television, .menu ul li.active .icon-television{background-position: -50px -257px !important ;width: 28px;height: 24px;}
.icon-nouscontacter{background-position: 0 -350px !important;width: 31px;height: 23px;}
.menu ul li:hover .icon-nouscontacter, .menu ul li.active .icon-nouscontacter{background-position: 0 -350px !important;width: 31px;height: 23px;}
.icon-compass{background-position: -50px -350px !important;width: 18px;height: 18px;}
.menu ul li:hover .icon-compass, .menu ul li.active .icon-compass{background-position: -50px -350px !important;width: 18px;height: 18px;}
.icon-saviezvous{background-position: -100px -200px !important;width: 15px;height: 15px;}
.icon-telechargement{background-position: -100px -250px !important;width: 18px;height: 18px;}
.menu2 ul li:hover .icon-telechargement{background-position: -100px -275px !important;width: 18px;height: 18px;}
.icon-tel{background-position: -100px -300px !important;width: 21px;height: 14px;}
.menu2 ul li:hover .icon-tel{background-position: -100px -320px !important;width: 21px;height: 14px;}
.icon-temps{background-position: -100px -350px !important;width: 13px;height: 18px;}
.menu2>ul>li>ul li:hover .icon-temps{background-position: -100px -375px !important;width: 13px;height: 18px;}
.icon-terre{background-position: -100px -400px !important;width: 18px;height: 18px;}
.menu2>ul>li>ul li:hover .icon-terre{background-position: -100px -420px !important;width: 18px;height: 18px;}
.icon-plus{background-position: -150px 0 !important;width: 28px;height: 28px;}
.icon-breadcrumbs{background-position: -150px -150px !important;width: 6px;height: 10px;position: relative;top: 2px;}
.icon-home{background-position: -150px -100px !important;width: 22px;height: 14px;position: relative;top: -1px;}
.icon-like{background-position: -150px -200px !important;width: 23px;height: 21px;}
.icon-dislike{background-position: -150px -300px !important;width: 23px;height: 21px;}



.liste_menu{background-position: 0 -301px ;width: 14px;height: 18px;}
.liste_menu-active{background-position: -14px -301px ;width: 14px;height: 18px;}



.menu .tab-pane .accordion-group {margin-bottom: 8px;}
.menu .tab-pane .accordion-heading {width:99.5%; height: 44px;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 );

    -webkit-box-shadow:  0px 1px 3px 0px rgba(153, 153, 153, 1);
            box-shadow:  0px 1px 3px 0px rgba(153, 153, 153, 1);
}
.menu .tab-pane .accordion-heading a{padding-top: 14px;line-height: 0.9;}
.menu .tab-pane .accordion-heading > a{padding-top: 0;line-height: 44px;}
.menu .tab-pane .accordion-heading > a > span{line-height: 16px;vertical-align: middle;display: inline-block;}

.menu .tab-pane a.accordion-toggle:hover, .menu .tab-pane a.accordion-toggle:focus {color: #626262;}
.menu .tab-pane .accordion-toggle {height: 100%;font-weight: bold;padding-left: 8px;}
.menu .tab-pane {border-left: 8px solid #c00000; border-radius: 0px 0px 0px 8px;}
.menu .tab-pane .accordion-inner>ul{list-style: square inside url("../img/liste-menu.png");margin-top: 0.2em;}
.menu .tab-pane .accordion-inner>ul li:hover{list-style: square inside url("../img/liste-menu-active.png");}
.menu .tab-pane .accordion-inner>ul li {background: none; width: 106%; height: 100%; box-shadow: none; margin-bottom: 0; border-radius: 0px;font-size: 0.8em;line-height: 16px;opacity: 1;}
.menu .tab-pane .accordion-inner>ul li a:hover {border-bottom: 1px solid #c00000;color: #323232;}



.menu .menu-navigation ul{width: 100%;}
/* .menu .menu-navigation ul>li{width: 100%;opacity: 1;font-size: 20px;/*font-weight: bold;} */
.menu .menu-navigation ul>li{width: 100%;opacity: 1;}
.menu .menu-navigation ul>li:before{content: none;}

.menu .menu-navigation ul>li:after{content: none;}
.menu .menu-navigation ul>li>a{text-align: left;/*line-height: 40px;*/border-left: 4px solid transparent;}
/* .menu .menu-navigation ul>li.active>a{color: #fff;} */
.menu .menu-navigation ul>li.active>a, .menu .menu-navigation ul>li:hover>a {color: #4C4C4C; border-left: 4px solid #CE0000;}
.menu .menu-navigation ul>li>a span{padding-left: 8px;vertical-align: middle;line-height: 18px;display: inline-block;position: relative;top: -2px;}

.menu .menu-navigation ul>li>a span.info{display: none;font-size: 16px; font-weight: normal;}
/*.menu .menu-navigation ul>li:hover>a span.info{display: inline;}
.menu .menu-navigation ul>li:hover>a span.titre{display: none;}*/


.menu .tabs-right ul>li a {text-align: center;}


.menu .menu2 ul{margin-top: 6px;}
.menu .menu2 ul li{width:33.33%;text-align: center;border-bottom: 2px solid #eee;padding-left: 0; padding-right: 0;padding-bottom: 3px;}
.menu .menu2 ul li:hover{border-bottom: 2px solid #c00000;}
.menu .menu2>ul>li:hover>a, .menu .menu2>ul>li>ul>li:hover>a{color:#c00000;}
.menu .menu2 ul li ul.sousmenu{display: none;position: absolute;margin-top: 0 !important; padding-top: 1em;}
.menu .menu2 ul li ul.sousmenu li{width: 33%;border-bottom: transparent;padding-top: 8px;}
.menu .menu2 ul li:hover > .sousmenu{display: block;width: 80%;position: absolute;left: 10%;}
.menu .menu2 ul li i{padding-left: 6px;}

.submenu li{margin-bottom: 0.3em;}
/*.submenu li a{width:100%;display:block;padding:1px 3px 1px 6px;margin-left:-6px;table-layout:fixed;word-wrap:break-word;
    -webkit-border-radius:5px;
     -khtml-border-radius:5px;
       -moz-border-radius:5px;
        -ms-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
    -webkit-hyphens:auto;
       -moz-hyphens:auto;
        -ms-hyphens:auto;
         -o-hyphens:auto;
            hyphens:auto}
.submenu li a:hover{background-color:#f4f4f4}*/

li.aidetel{background-color: #FAFAFA;width: 70% !important;margin: 50px 15% 0;}
li.aidetel a{text-align: center !important;padding: 6px;border: 1px solid #e2e2e2;border-radius: 0;}
li.aidetel a:hover{background:#eaeaea;border: 1px solid #E1E1E1;color:#333;}
li.aidetel img{margin-right: auto !important;margin-left: auto !important;text-align: center !important;opacity: 0.4;}
li.aidetel a:hover img{opacity: 1;}
li.aidetel span{display: block !important;text-align: center;font-size: 18px;padding-left: 0 !important;}
li.aidetel span.txt2{font-size: 14px;}

.submenu h3{margin-top: 0;}
.submenu ul.square{margin-left: 15px;padding-left: 0;}

.gotoadsl{width:65%; height: 108px; margin-bottom: 8px;margin:10px 0 0 34.9%;background: #fff;position: relative;
    -webkit-box-shadow:  0 1px 4px 0 rgba(153, 153, 153, 1);
            box-shadow:  0 1px 4px 0 rgba(153, 153, 153, 1);

    -webkit-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;}
.gotoadsl:hover{-webkit-box-shadow:  0px 1px 3px 2px rgba(153, 153, 153, 0.6);
                        box-shadow:  0px 1px 3px 2px rgba(153, 153, 153, 0.6);}
.gotoadsl a{height: 100%;display: block;padding-top: 0;}
.gotoadsl:hover img, .gotoadsl:hover span{opacity: 1}
.gotoadsl h2{color: #a2a2a2;line-height: 30px;position: absolute;top: 25%;right: 18px;font-family: "Open Sans", helvetica;font-weight: normal;font-size: 1.4em;
    -webkit-text-shadow:  1px 1px 1px rgba(255, 255, 255, 1);
            text-shadow:  1px 1px 1px rgba(255, 255, 255, 1);}
.gotoadsl:hover h2{opacity: 0}
.gotoadsl img{margin: 12px 40px 0 12px;opacity: 0.5;}
.gotoadsl span{opacity: 0; font-size: 1em;line-height: 18px;position: absolute;top: 32%;right: 18px;
    -webkit-text-shadow:  1px 1px 1px rgba(255, 255, 255, 1);
            text-shadow:  1px 1px 1px rgba(255, 255, 255, 1);}
.gotoadsl:hover span{color: #323232;padding-right: 15px;background: transparent url(../gfx/icon-external-link.png) top right no-repeat;}

#infosFree{}
#infosFree:before{content: '';position: absolute; width: 100%;height: 100%;background-color: #f2f2f2;z-index: -1;border: 1px solid #E0E0E0;
            transform:rotate(1.5deg);
        -ms-transform:rotate(1.5deg); /* IE 9 */
    -webkit-transform:rotate(1.5deg); /* Safari and Chrome */
    }
#infosFree.carousel{background-color: #fff;}
#infosFree .carousel-indicators{bottom: -20px;right: 46%;top:104%;}




#saviezvous {}
#saviezvous h3{color: #fff;font-weight: normal;border-bottom: 1px solid #557b90;line-height: 26px;margin-bottom: 0;}
#saviezvous h3 span{padding-left: 12px; padding-right: 12px;
    background: #557b90;

    -webkit-border-radius:6px 6px 0 0;
            border-radius:6px 6px 0 0;
}
#saviezvous h3 span i{padding-right: 10px;margin-top: 6px;}
#saviezvous div.rowbxslider{padding: 6px 6px 0 6px;border: 1px solid #f2f2f2;height: 4em;
    background: #f2f2f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );}
#saviezvous p{margin-top:0 !important;}
#saviezvous ul{margin:0;padding:0;}
#saviezvous .bx-controls{position: absolute;top: -4px;right: 4px;}
#saviezvous .bx-controls a{color:#557b90;font-size: 1.6em;}
#saviezvous .bx-controls a:hover{color: #76aac7;text-decoration: none;}
#saviezvous ul.bxslider li{height:4em;}
#saviezvous ul.bxslider li p{display: table-cell;height:4em;vertical-align: middle;}
#saviezvous ul.bxslider li a{font-weight: 100;}

ul.listePop{list-style: square inside url("../images/home/listDecoration.png"); /*background: #FAFAFA;padding: 6px 10px !important;border-bottom: 1px solid #eaeaea;min-height: 117px; */ padding: 0 0 0 20px; }
.listePop li a{ /*font-size: 13px;*/ }
.listePop li a:hover{color: inherit;text-decoration: underline;}
.listePop h5 {padding-left: 25px; margin: 6px 0;text-transform: uppercase;}
.listePop .more{ /*text-align: right;*/ list-style: none; /*margin-top: 2em; */ }

.horizontal{position: relative;z-index: 1;}
.horizontal:after {
    content: '';
    position: absolute;
    border-radius: 125px 125px 125px 125px / 12px 12px 12px 12px;
    bottom: 0;
    box-shadow: 0 0 8px #666;
    height: 50px;
    left: 5%;
    width: 90%;
    z-index: -1;
}



#tabsHome{padding-left: 0}
#tabsHome li {width: 33.333%;text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #ddd;
    background: #f9f9f9;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));*/
    /*background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/
    /*background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/
    /*background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/
    /*background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );*/

    -webkit-box-shadow: inset 3px 3px 17px 17px rgba(200, 200, 200, 0.1);
    box-shadow: inset 3px 3px 17px 17px rgba(200, 200, 200, 0.1);
}

#rowTabsHome ul#tabsHome{margin-bottom: 0 !important;position: relative;}
#rowTabsHome ul.nav-tabs{border-bottom:none; }
#rowTabsHome div.tab-content{ /*border:1px Réunion seulement */ solid #ddd;border-top: transparent;padding: 4px;position: relative;top: -8px;min-height: 300px;
    background: #ffffff;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -moz-linear-gradient(top, #ffffff 5%, #f2f2f2 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#f2f2f2));*/
    /*background: -webkit-linear-gradient(top, #ffffff 5%,#f2f2f2 100%);*/
    /*background: -o-linear-gradient(top, #ffffff 5%,#f2f2f2 100%);*/
    /*background: -ms-linear-gradient(top, #ffffff 5%,#f2f2f2 100%);*/
    /*background: linear-gradient(to bottom, #ffffff 5%,#f2f2f2 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );*/
}
#tabsHome li.active{position:relative;top:-8px;padding-top:8px;background: #fff;border-bottom-color: transparent;border-top:2px solid #c00000;-webkit-box-shadow: none;box-shadow: none; }
#tabsHome li a{line-height: 24px;color: #929292;}
#tabsHome li.active a, #tabsHome li:hover a{color: #c00000;}
#tabsHome li.active a{position: relative;top: -1px;}
/*#tabsHome li.active:before{content:'';position:absolute;left:-11px;bottom:0;background: url(../img/icons-menu.png) no-repeat;background-position:-100px -100px;width:11px;height:72px;}*/
/*#tabsHome li.active:after{content:'';position:absolute;right:-11px;bottom:0;background: url(../img/icons-menu.png) no-repeat;background-position: -100px 0;width:11px;height:72px;}*/
#tabsHome li:first-child.active:before, #tabsHome li:last-child.active:after{content:none;}
#rowTabsHome div.tab-content ul{margin: 0 !important;padding-left: 0 !important;}
#rowTabsHome div.tab-content ul li.block{display: block;height: 96px;width: 100%;border-bottom: 1px solid #e3e3e3;margin-bottom: 4px;}
#rowTabsHome div.tab-content ul li:last-child{border-bottom: transparent;}
#rowTabsHome div.tab-content ul li a{min-height: 100%; min-width: 100%;display: inline-block;}
#rowTabsHome div.tab-content ul li a:hover,#rowTabsHome div.tab-content ul li a:focus{background: #f1f1f1;text-decoration: none;}
#rowTabsHome div.tab-content ul li.block a img{margin-right: 12px;}
#rowTabsHome div.tab-content ul li a h3{color: #323232;line-height:22px;margin: 0 !important;padding-top: 32px;}
#tabsHome li a.more{position: absolute;top:10px;right: 6px;display: none;}
#tabsHome li.active a.more{display: block;}







#diapo, #navigation {position: relative;background: url(../img/bg-diapo.png) left repeat-y;margin-top: 15px}
#diapo:after, #navigation:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: url(../img/bg-diapo-d.png) right repeat-y;
    right: 0;
}
#diapo h1{margin-left: 12px;margin-top: 0.1em;text-shadow: 1px 1px 3px #b6b6b6;}
#diapo h2, #navigation h2{
    background: #eee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 );

    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.4);
            box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.4);
    padding-left: 24px;
    position: relative;
    left: -12px;
    text-shadow: 2px 2px 2px #d1d1d1;
}
#diapo h2:before, #navigation h2:before{
    content:" ";
    background: url(../img/sprites.png) no-repeat;
    background-position: 0 -100px ;
    width: 13px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom:-11px;
}
#diapo .padding {padding: 12px}

#navigation > h2:first-child{margin-top: 0;}
#navigation ul{list-style: square inside url("../img/liste-menu.png");margin-top: 0.2em;}
#navigation ul li:hover{list-style: square inside url("../img/liste-menu-active.png");}
#navigation ul li a {color: #323232;padding-top: 9px;text-decoration: none;}
#navigation ul li a:hover {border-bottom: 1px solid #c00000;}






#steps {height: 40px;}
#steps .nav-move{z-index: 10;}
ul.navbar-steps{ padding-left: 0;margin:0;z-index: 10;background: url(../img/steps-bg.jpg) repeat-x;}
ul.navbar-steps li{float: left; width: 19.99%; height: 40px; text-align: center;background: url(../img/steps.jpg) center center no-repeat;}
ul.navbar-steps li.active{background: url(../img/steps-active.png) center center no-repeat;}
ul.navbar-steps li:last-child.active{background: url(../img/steps-active-end.jpg) center center no-repeat;}
ul.navbar-steps li a{color:#323232;padding-top: 10px;margin-right:1px;font-weight: bold;height: 30px}
ul.navbar-steps li.active a{color:#fefefe;}
ul.navbar-steps li:first-child a{background: url(../img/bg-diapo.png) left repeat-y}

/*ul.navbar-steps li+ul.navbar-steps li.active{background: url(../img/steps-active.png) center center no-repeat;}*/

div.affix ul.navbar-steps{height: 40px;border-bottom: 1px solid #ddd;}




[id^="step-"],
[id*=" step-"] {padding-top: 42px;}

#step-1{padding-top: 0;}



.ombre2{
  position: relative;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1;
}

.ombre2:before, .ombre2:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 18px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(30,30,30, 0.3);
     -moz-box-shadow: 0 15px 10px rgba(30,30,30, 0.3);
          box-shadow: 0 15px 10px rgba(30,30,30, 0.3);
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.ombre2:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.rowbox{padding: 8px;}
.box {width: 100%;
    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(16%,#f2f2f2),color-stop(88%,#fff));
    background: -moz-linear-gradient(top,#f2f2f2 16%,#fff 88%);
    background: -webkit-linear-gradient(top,#f2f2f2 16%,#fff 88%);
    background: -o-linear-gradient(top,#f2f2f2 16%,#fff 88%);
    background: -ms-linear-gradient(top,#f2f2f2 16%,#fff 88%);
    background: linear-gradient(to bottom,#f2f2f2 16%,#fff 88%);
    border: 1px #ddd solid;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;}

.box:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
         -o-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.box a{height: 100%;display: inline-block;width: 100%;}

.modal-body .box{min-height:150px;}
.modal-body h4{margin:1em 0 0 0; }
.modal-body a:hover h4{color:#c00000; }


.rowlike{font-size: 0.85em;margin-top: 2em;}
.rowlike button{border: 1px solid transparent;background: transparent;vertical-align: middle;padding: 2px 8px 4px 8px;border-radius: 3px;}
.rowlike button span{display: inline-block; vertical-align: middle;color: #949494;}
.rowlike:hover button{border: 1px solid #ccc;
    background: #f9f9f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 );}
.rowlike .row-like,.rowlike .row-dislike{margin-right: 6px;vertical-align: middle;}
.rowlike .row-like a{height: 23px;}
.rowlike .row-like:hover i{background-position: -150px -250px !important;}
.rowlike .row-dislike:hover i{background-position: -150px -350px !important;}

.sheets{position: relative;border: 1px solid #E9E9E9}
.sheets:before{content: '';position: absolute; width: 100%;height: 100%;background-color: #f2f2f2;z-index: -1;border: 1px solid #E0E0E0;
            transform:rotate(1.5deg);
        -ms-transform:rotate(1.5deg);
    -webkit-transform:rotate(1.5deg);
    }



/* ==========================================================================
   MOBILE
   ========================================================================== */

/* h1>span, h2>span, h3>span{color: #c00000;} */
/* h1>span, h2>span, h3>span{color: #fff;} */
h4>span, h5>span, h6>span{font-weight: bold;}

.breadcrumbs ul li.nolink{margin: -5px 0px;}
.breadcrumbs ul li.device{background:transparent url(../gfx/sprite-niv-2.png) -1px -160px no-repeat;/*padding-left:18px*/}
.breadcrumbs ul li.device.active{background-position:-1px -151px}
.breadcrumbs ul li.os-ios{background:transparent url(../gfx/sprite-niv-2.png) 1px -215px no-repeat;/*padding-left:22px*/}
.breadcrumbs ul li.os-ios.active{background-position:0 -206px}
.breadcrumbs ul li.os-android{background:transparent url(../gfx/sprite-niv-2.png) -1px -262px no-repeat;/*padding-left:18px*/}
.breadcrumbs ul li.os-android.active{background-position:-1px -253px}
.breadcrumbs ul li.os-blackberry-os{background:transparent url(../gfx/sprite-niv-2.png) 0 -308px no-repeat;/*padding-left:22px*/}
.breadcrumbs ul li.os-blackberry-os.active{background-position:0 -299px}


.breadcrumbs ul li.os-wphone{background:transparent url(../gfx/sprite-niv-2.png) 0 -412px no-repeat;/*padding-left:22px*/}
.breadcrumbs ul li.os-wphone.active{background-position:0 -403px}

.breadcrumbs ul li.os-autre-os{background:transparent url(../gfx/sprite-niv-2.png) 0 -361px no-repeat;/*padding-left:22px*/}
.breadcrumbs ul li.os-autre-os.active{background-position:0 -352px}

#home{margin-bottom: 6em;}

#formsearch{margin: 6px 0 0px;}
#formsearch input{width: 74%;display: inline-block;position: relative;top: 3px;border-radius: 0;font-size: 18px;height: 42px; /*border-right: 0px solid #FFF;*/}
#formsearch button{border-radius: 0;padding: 10px 12px;border: 0px solid transparent;border-bottom: 2px solid #d8d8d8;width:25%;background: #f0f0f0;}
#formsearch input:focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#uptoyou{position: relative;margin-top: 12px;margin-bottom: 1em;}
#uptoyou div.bloc-intro{/*padding-left: 24%;*/}
#uptoyou div.bloc-intro h1{line-height: 30px;}
#uptoyou div.bloc-intro h1 span.small{font-size: 0.7em;color: #323232;font-weight: bold;}
#uptoyou div.bloc-intro h1 { font-size: 26.5px; }
/* a.premierspas{display: block;background: url(../gfx/premierspas-bg.jpg) no-repeat #fafafa;font-size: 20px;padding: 13px 50px;border-bottom:2px solid #8CC474;margin-bottom:8px;} */

.diapoBas{background: #FAFAFA;position: relative;border-bottom: 2px solid #f3f5f6 ;/*margin-bottom: 1.5em;*/}
.diapoBas h4{font-size: 14px;position: absolute;background: rgba(255,255,255,0.65);/* top: 50%; */display: block;font-family: 'Open Sans';
  left: 0px;right: 0px;bottom: 0px;height: 52px;margin-bottom: 0;text-align: center;font-weight: bold;padding: 4px;}
.diapoBas:hover h4{color: #C40000;text-decoration: underline;}

.diapoBas .newnews:before{content: "Nouveau";position: absolute;top: 0;left: 0;background: rgba(210, 53, 53, 0.85);padding: 3px 16px;color: #FFF;border-bottom: 1px solid #A82525;border-right: 1px solid #A82525;/*border-radius: 0 0 8px 0;*//*box-shadow: 1px 1px 3px rgba(255,255,255, 0.5);*/border: 1px solid rgba(255,255,255,0.25);}


ul.accroche{padding-top: 8px;}
ul.accroche{font-family: "Open Sans", HelveticaLightCond,"Helvetica Neue",Helvetica,Arial,sans-serif;}
ul.accroche li.first {display: block;font-size: 14px;font-size: 1rem;margin-bottom: 3px;color: #666;}
ul.accroche li.last {font-size: 18px;padding: 0; background-color: transparent;margin-bottom: 4px;
    -webkit-border-radius: 0;
     -khtml-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;}
ul.accroche li.last a, ul.accroche li.last a:visited{color: #c00000;}
ul.accroche li.last a:hover{text-decoration: underline;}

.personatel {display: block;width: 172px;height: 190px;background: transparent url(../gfx/mec.jpg) 0 0 no-repeat;position: absolute;bottom: 0;left: -23px;}

.wrap-bloc-info h4{margin: 0;padding: 6px 0 6px 6px;background: #CF0000;width: 50%;text-transform: uppercase;color: #FFF;}
#uptoyou .bloc-infos {border: 1px solid #ededed;margin-top: 0;margin-left: 0;padding: 12px 6px 0 6px;border-top: 2px solid #CF0000;
    background: #f3f5f6;
    /*background: -moz-linear-gradient(left, #f1f0f0 0%, #ffffff 33%, #ffffff 51%, #ffffff 66%, #f4f4f4 100%);*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1f0f0), color-stop(33%,#ffffff), color-stop(51%,#ffffff), color-stop(66%,#ffffff), color-stop(100%,#f4f4f4));*/
    /*background: -webkit-linear-gradient(left, #f1f0f0 0%,#ffffff 33%,#ffffff 51%,#ffffff 66%,#f4f4f4 100%);*/
    /*background: -o-linear-gradient(left, #f1f0f0 0%,#ffffff 33%,#ffffff 51%,#ffffff 66%,#f4f4f4 100%);*/
    /*background: -ms-linear-gradient(left, #f1f0f0 0%,#ffffff 33%,#ffffff 51%,#ffffff 66%,#f4f4f4 100%);*/
    /*background: linear-gradient(to right, #f1f0f0 0%,#ffffff 33%,#ffffff 51%,#ffffff 66%,#f4f4f4 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f0f0', endColorstr='#f4f4f4',GradientType=1 );*/
}
#uptoyou .bloc-infos h4 {margin-left: 15px;font-weight: 100;font-size: 1.05em;font-family: "Open Sans", HelveticaBoldCond,"Helvetica Neue",Helvetica,Arial,sans-serif;color: #000;text-transform: uppercase;}
#uptoyou .bloc-infos h4 span{color: #C10000;}
#uptoyou .bloc-infos ul {position: relative;top: -2px;right: 0;}
#uptoyou .bloc-infos ul li {margin: 0 0 -1px 0;padding: 0;text-align: right;}
#uptoyou .bloc-infos ul li a {font-size: 13px; /*padding-right: 36px;*/ display: block;margin-right: 2px;}
#uptoyou .bloc-infos ul li a.nouveau {padding-right: 36px;background: transparent url(../gfx/newevent.png) top right no-repeat;}

#questions .rowQuestions ul.questions li, #actualites .rowActualites ul.actualites li {
padding: 4px 12px;
text-align: justify;
}
#questions h3, #actualites h3, #lesessentiels h3 {
color: #fff;
font-size: 18px;
text-transform: uppercase;
background: #2980b9;
padding: 4px 0 2px 12px;
margin-bottom: 0;
width: 262px;
}
#actualites h3{background: #CF0000;}
#lesessentiels h3{background: #8CC474;}
#lesessentiels .title{border-bottom: 2px solid #8CC474;margin: 0 15px;}

ul.list-offres li:hover a.offre-titre.titre-01{background:transparent url(../gfx/new/inscription-icone-active.png) 15px 8px no-repeat;}
ul.list-offres li:hover a.offre-titre.titre-02{background:transparent url(../gfx/new/inscription-icone-active.png) 15px 8px no-repeat;}
/*ul.list-offres li:hover a.offre-titre.titre-03{background-position:8px -315px;background-color: #e82700;}*/
ul.list-offres li:hover a.offre-titre.titre-03{background:transparent url(../gfx/new/gerer-abonnement-icone-active.png) 15px 8px no-repeat;}
ul.list-offres li:hover a.offre-titre.titre-04{background:transparent url(../gfx/new/facturation-icone-active.png) 15px 8px no-repeat;}
ul.list-offres li:hover a.offre-titre.titre-05{background-position:8px -722px;/*background-color: #e82700;*/}
ul.list-offres li.active{background:#bfbfbf url(../gfx/deg-hover.png) 0 0 repeat-x}
ul.list-offres li.active a.offre-titre.titre-01{background:transparent url(../gfx/new/inscription-icone-active.png) 15px 8px no-repeat;}
ul.list-offres li.active a.offre-titre.titre-02{background:transparent url(../gfx/new/inscription-icone-active.png) 15px 8px no-repeat;}
/*ul.list-offres li.active a.offre-titre.titre-03{background-position:8px -315px}*/
ul.list-offres li.active a.offre-titre.titre-03{background:transparent url(../gfx/new/gerer-abonnement-icone-active.png) 15px 8px no-repeat;}
ul.list-offres li.active a.offre-titre.titre-04{background:transparent url(../gfx/new/facturation-icone-active.png) 15px 8px no-repeat;}
ul.list-offres li.active a.offre-titre.titre-05{background-position:8px -722px}
ul.list-offres li a.offre-titre{
    /* background:transparent url(../gfx/sprite-offres.png) 0 0 no-repeat; */
    /*height:36px;*/
    /*padding:0 0 0 40px;*/
}
ul.list-offres li a.offre-titre.titre-01{background:transparent url(../gfx/new/inscription-icone.png) 15px 8px no-repeat;}
ul.list-offres li a.offre-titre.titre-02{background:transparent url(../gfx/new/inscription-icone.png) 15px 8px no-repeat;}
/*ul.list-offres li a.offre-titre.titre-03{background-position:8px -270px}*/
ul.list-offres li a.offre-titre.titre-03{background:transparent url(../gfx/new/gerer-abonnement-icone.png) 15px 8px no-repeat;}
ul.list-offres li a.offre-titre.titre-04{background:transparent url(../gfx/new/facturation-icone.png) 15px 8px no-repeat;}
ul.list-offres li a.offre-titre.titre-05{background-position:8px -677px}

ul.list-offres li a img{
max-width: 33px;
margin: 0 2px;
vertical-align: middle;
position: relative;
top: -1px;
}

#contenu{/*background: transparent url(../gfx/dg-titres.jpg) top center no-repeat;*/position: relative;}
#contenu h2.titre-offre, #contenu h2.titre-telephone {margin-top: 0 !important;color: #323232;margin-bottom: 20px;}
#contenu h2.titre-offre {}
#contenu h2.titre-telephone {padding-top: 4px;}
#contenu #mon-telephone, #contenu #mon-os{position: relative;}
#contenu h5 {font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: normal;margin-bottom: 0.5em;}
#contenu #mon-telephone h5, #contenu #mon-os h5{margin-top: 12px;}
#contenu a.all-phone{position: absolute;top: 12px;right: 15px;font-size: 14px;}
#contenu #mon-os{}
#contenu #mon-os h5{margin-bottom: 1em;}
#contenu #mon-os div.howto{font-size: 0.7em;}
#contenu #mon-os #tabsHome li{width: 50% !important;}
#contenu #rowTabsHome div.tab-content {min-height: 100px !important;}
.hproduct{text-align: center;width: 25%;margin-bottom: 8px; padding: 0 1% !important;}
.hproduct a{width: 100%;
    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    background: #F7F7F7;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -webkit-gradient(linear,left top,left bottom,color-stop(16%,#f2f2f2),color-stop(88%,#fff));*/
    /*background: -moz-linear-gradient(top,#f2f2f2 16%,#fff 88%);*/
    /*background: -webkit-linear-gradient(top,#f2f2f2 16%,#fff 88%);*/
    /*background: -o-linear-gradient(top,#f2f2f2 16%,#fff 88%);*/
    /*background: -ms-linear-gradient(top,#f2f2f2 16%,#fff 88%);*/
    /*background: linear-gradient(to bottom,#f2f2f2 16%,#fff 88%);*/
    border: 1px #ddd solid;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;}
.hproduct a .libelle, .list-devices a .libelle{font-size: 12px;}
.hproduct img{margin:0 auto;}
#lessystemes .hproduct img{max-width: 50%;}


.wrap {margin: 0 0 10px 0;padding: 5px;width: 100%;height: 178px;background-color: #fff;border-top: 1px #f2f2f2 solid;position: relative;overflow: hidden;
    /*-webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;*/
   /* -webkit-box-shadow: 0px 0 4px #ddd;
       -moz-box-shadow: 0px 0 4px #ddd;
        -ms-box-shadow: 0px 0 4px #ddd;
         -o-box-shadow: 0px 0 4px #ddd;
            box-shadow: 0px 0 4px #ddd;*/
    background: #fafafa;
    border-bottom: 1px solid #eaeaea;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -moz-linear-gradient(top,#fff 16%,#f2f2f2 88%);*/
    /*background: -webkit-gradient(linear,left top,left bottom,color-stop(16%,#fff),color-stop(88%,#f2f2f2));*/
    /*background: -webkit-linear-gradient(top,#fff 16%,#f2f2f2 88%);*/
    /*background: -o-linear-gradient(top,#fff 16%,#f2f2f2 88%);*/
    /*background: -ms-linear-gradient(top,#fff 16%,#f2f2f2 88%);*/
    /*background: linear-gradient(to bottom,#fff 16%,#f2f2f2 88%);*/
}

.frame {overflow: hidden;height: 100%;}
.frame ul {list-style: none;margin: 0;padding: 0;height: 100%;}
.frame ul li {
    float: left;
    width: 105px;
    height: 100%;
    padding: 0 4px;
    background: transparent;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    margin-top: 4px;
}
.scrollbar {margin: 0 0 1em 0;height: 2px;background: #ccc;line-height: 0;}
.scrollbar .handle {width: 100px;height: 100%;background: #292a33;cursor: pointer;}
.scrollbar .handle .mousearea {position: absolute;top: -9px;left: 0;width: 100%;height: 20px;}
.pages {list-style: none;margin: 0;padding: 0;text-align: center;margin: 4px 0;position: absolute;bottom: 4px;width:100%;left: 0;}
.pages li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    background: #ccc;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {background: #aaa;}
.pages li.active {background: #c00000;}
.nextPage, .prevPage{position: absolute;top: 0;background: transparent;border: 1px solid transparent;height: 100%; opacity: 0.5;filter : alpha(opacity=50);-ms-filter: "alpha(opacity=50)"; }
.nextPage:hover, .prevPage:hover{opacity: 1;filter : alpha(opacity=100);-ms-filter: "alpha(opacity=100)"; }
.nextPage{right: 0;}
.prevPage{left: 0;}

#contenu-sommaire.col-md-8 .wrap-contenu{padding: 0 15px 0 0;}
.wrap-contenu h2{padding-top: 4px;font-size: 19px;margin:0 0 10px 0;}
.wrap-contenu h3{font-size: 17px;margin:0 0 20px 0;}
.wrap-quelforfait{background-color: #f2f2f2;margin-top: 6px;margin-bottom: 6px;}
.wrap-quelforfait h6{font-size: 20px;padding: 20px 0;text-align: center;}
button.quelforfait{
  border: none;
  padding: 12px 0px;
  width: 80%;
  margin: 10px auto;
  display: block;
  background: url('../gfx/issub.png') 5% no-repeat #fff;
  font-weight: 400;
  color: #555;
  /*box-shadow: 0 0 3px #e1e1e1;*/
  border-bottom: 2px solid #cbcbcb;
  font-size: 22px;
  /*min-height: 116px;*/
  opacity: 0.6;
}
button.quelforfait span {color: #C40000;font-weight: bold;}
button.quelforfait.select {border-color:#C00000;opacity: 1;}

button:focus{outline: -webkit-focus-ring-color auto 0px;}

/* li.premierspas {
    margin: 22px 0 14px;
    font-size: 18px;
    list-style: none;
}
li.premierspas a{
    color: #FFFFFF;
    background: #8CC474;
    padding: 8px 10px;
    border-radius: 2px;
} */


/*.wrap-diapo{background: #FAFAFA;padding: 0 15px 15px 15px;}*/
/* #contenu-diapo.col-md-8 .wrap-diapo{padding: 0 15px 15px 15px;border-left: 1px solid #ddd;} */
.wrap-diapo h3{padding-top: 4px;/*border-bottom: 1px solid #EFEFEF;*/padding-bottom: 4px;    background-image: url(../img/hr.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0 0 20px 0;margin:0 0 30px 0;;}
.wrap-diapo img{display: inline-block;height: auto !important;max-width: 100%;}

div.select {background: url(../gfx/fondu-menu.jpg) bottom left no-repeat;height: 2px;width: 100%;position: relative;top: -6px;}

#contenu-diapo img{margin-right: 6px; }
#contenu-diapo .astuce{padding: 12px 12px 13px 38px;
color: #529452;
background: #DCEEDC;
margin-top: 10px;
margin-bottom:  20px;
position: relative;
clear: both;
}
#contenu-diapo .astuce:before {
content: "";
position: absolute;
background: url(../gfx/icn_ampoule.png) no-repeat;
height: 24px;
width: 24px;
top: 50%;
left: 8px;
margin-top: -13px;
}
#contenu-diapo .astuce:before{content:url(../gfx/icn_ampoule.png);padding-right:10px}
#contenu-diapo .astuce a{color:#161;text-decoration:underline}
#contenu-diapo .information{padding-left:20px;background:transparent url(../gfx/icon_winfo.png) 10px 10px no-repeat}
#contenu-diapo div.question{background-color:#b5c4f7;border:1px solid #96a6df;color:#34478c;padding:12px 20px 13px 20px;/*text-shadow:1px 1px 0 #fff;*/
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1),inset 2px 2px 2px rgba(255,255,255,0.5),inset -2px -2px 2px rgba(0,0,0,0.06);
       -moz-box-shadow:0 0 3px rgba(0,0,0,0.1),inset 2px 2px 2px rgba(255,255,255,0.5),inset -2px -2px 2px rgba(0,0,0,0.06);
            box-shadow:0 0 3px rgba(0,0,0,0.1),inset 2px 2px 2px rgba(255,255,255,0.5),inset -2px -2px 2px rgba(0,0,0,0.06)}
#contenu-diapo div.attention:before{content:url(../gfx/exclamation.png);padding-right:5px;position:relative;top:2px}
#contenu-diapo div.attention{background: #FCD2D2;
color: #C72727;
padding: 12px 12px 13px 38px;
margin: 10px 0 20px;
position: relative;
}
#contenu-diapo div.attention:before {
content: "";
position: absolute;
background: url(../gfx/icn_attention.png) no-repeat;
height: 24px;
width: 24px;
top: 50%;
left: 8px;
margin-top: -13px;
}

#contenu-diapo div.attention p, #contenu-diapo .astuce p, #contenu-diapo .gris p {
    margin: 3px;
}
#contenu-diapo div.attention ul, #contenu-diapo .astuce ul, #contenu-diapo .gris ul {
	margin-bottom:0;
	
}

#contenu-diapo div.numero{float:left;width:15px;height:15px;text-align:center;color:#c00;font-size:20px;border:1px solid #c00}
#contenu-diapo div.gris{padding:10px 20px 10px 20px;line-height:20px;/*text-shadow:1px 1px 0 #fff;*/margin-bottom:20px;background-color:#f2f2f2;/*font-size:13px;font-size:0.8rem;*/line-height:18px;margin-top:10px;clear: both;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
         -o-border-radius:2px;
            border-radius:2px;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
       -moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
         -o-box-shadow:0 0 3px rgba(0,0,0,0.1);
}
#contenu-diapo div.gris img{vertical-align:middle}
#contenu-diapo div.attention a,div.gris a{text-decoration:underline}

#contenu-diapo a{text-decoration: underline;font-weight:normal;font-family:"open sans";}
#contenu-diapo a:hover{color:#ce0000;}
#contenu-diapo2 a{text-decoration: underline;}
#contenu-diapo2 a:hover{color:#ce0000;}
#contenu-diapo a[href^="http"]{padding-right: 15px;background: transparent url(../gfx/icon-external-link.png) top right no-repeat;}

#contenu-diapo ul {
    padding: 0px 0 0 18px;
}

h3+ul {
	margin:30px 0 0 0;
}

#contenu-diapo ul.list-textimg{clear: both;border-top: 1px #d8d6d6 solid;padding:40px 0;}
#contenu-diapo ul.list-textimg li{padding-right:2%; padding-bottom:40px;float: left;}
#contenu-diapo ul.list-textimg li:first-child{width:40%;list-style: /*square inside url("../images/home/listDecoration.png")*/ none;}

body { counter-reset:textimg; }
#contenu-diapo ul.list-textimg li:first-child {
		counter-increment:textimg;
		padding-left:25px;
	}
	
#contenu-diapo ul.list-textimg li:first-child::before {
		content: counter(textimg) '. ';
		color: #ce0000;
		font-size: 22px;
		font-weight: bold;
	}
	
	
#contenu-diapo ul.list-textimg li:last-child{width:55%;list-style-type: none;}
#contenu-diapo ul.list-textimg li:last-child img{/*box-shadow: 0 0 1px #fff, 0 0 3px #555, 0 0 6px #888;*/border: 10px rgba(0,0,0,.09) solid;border-bottom: 20px rgba(0,0,0,.06) solid;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;}

.tablesav{padding:0;border-spacing:1px;border-collapse:collapse;border:0;box-shadow:0 0 2px rgba(0,0,0,0.2),0 0 5px rgba(0,0,0,0.1)}
.tablesav td{padding:.5em;border:1px #ddd solid;line-height:18px;-webkit-text-shadow:1px 1px 0 #fff;-moz-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff}
.tablesav tr td:first-child{color:#222;padding-left:10px}
.tablesav tr{background:-moz-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%)}
.tablesav tr:nth-child(even){background-color:#f7f6f6}
.tablesav tr:nth-child(odd){background-color:#fcfbfb}
.tablesav em,.tablesav i{color:#313131}

.wrap-fiche a[href^="http"]{background: transparent url(../gfx/icon-external-link.png) top right no-repeat;  padding-right: 16px;}

.capt-maj a[href^="http"]{background: transparent url(../gfx/icon-external-link.png) 12px 5px no-repeat;}
.capt-maj a.circle-left{position: relative;}
.capt-maj a.circle-left:before{content: "";position: absolute;top: 8px;left: 16px;height: 6px;width: 6px;border-radius: 50%;background-color: #525252;}

.firstrow{/*background: transparent url(../gfx/glow-youarehere.jpg) bottom center no-repeat;*/margin-top: 24px;padding-bottom: 18px;position: relative;}
.firstrow img.photo{max-height: 150px;}

.infosplus{min-height: 125px;}
.infosplus h2{color: #C00000;}
.capt-maj, .capt-maj2{margin-top:15px;border-top:1px #f2f2f2 solid;padding:3px 0;
    /*background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(16%,#fff),color-stop(88%,#f2f2f2));
    background:-webkit-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background:-o-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background:-ms-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background:linear-gradient(to bottom,#fff 16%,#f2f2f2 88%);*/
    background: #F8F8F8;
    -webkit-border-radius:5px;
     -khtml-border-radius:5px;
       -moz-border-radius:5px;
        -ms-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
    }
.capt-maj {margin-top: 0;/*position: absolute;bottom: 24px;*/}
.capt-maj a, .capt-maj2 a{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:13px;line-height:1.3rem;color:#000;display:block;padding:7px 10px 7px 31px}
.capt-maj a.os{background:transparent url(../gfx/sprite-niv-2.png) 0 0 no-repeat}
.capt-maj a.os.os-ios{background-position:10px -216px}
.capt-maj a.os.os-android{background-position:10px -263px}
.capt-maj a.os.os-blackberry-os{background-position:10px -309px}
.capt-maj a.os.os-wphone{background-position:10px -414px}
.capt-maj a.os.os-autre-os{background-position:10px -365px}
.capt-maj a.maj, .capt-maj2 a.maj{background:transparent url(../gfx/sprite-niv-2.png) 10px -10px no-repeat}
.capt-maj a span{font-family: "Open Sans",HelveticaBoldCond,"Helvetica Neue",Helvetica,Arial,sans-serif}

/* .sepfiches {margin: 0 0 8px 0;padding: 0;/*background: transparent url(../gfx/dg-titres2.jpg) bottom left no-repeat;color: #000;line-height: 13px;line-height: 1.3rem;padding-top: 8px;border-bottom: 1px solid #ddd;
    font-family: "Open Sans", HelveticaLightCond, "Open Sans Condensed", Arial;
    -webkit-text-shadow: 1px 1px 0 #000;
       -moz-text-shadow: 1px 1px 0 #fff;
        -ms-text-shadow: 1px 1px 0 #fff;
         -o-text-shadow: 1px 1px 0 #fff;
            text-shadow: 1px 1px 0 #fff;
}
.sepfiches .intro-phrase{display: inline-block;padding-bottom: 4px;} */

.wrap-fiche{/*background: #FAFAFA;*/padding: 1px;margin-bottom: 15px;}
.fiche h3{margin: 0; padding: 16px 0 14px;}

/* Exception fiches téléphones */
.sect-telephone .fiche h3 {     padding-top: 4px;
    font-size: 19px;
    margin: 20px 0 10px 0;
    color: #CE0000; }
	
.sect-telephone .wrap-fiche ul {
    padding: 0 0 0 27px;
	line-height: 22px;
}

.sect-telephone .wrap-fiche ul li {
    margin-bottom: 14px;
	    list-style-image: url(../gfx/new/puce-fleche-icon.png);
}

.fiche ul{margin-left: 30px;}
.fiches-icon{padding: 5px;width: 45px;height: 45px;border-top: 1px #f2f2f2 solid;margin:20px 12px 0 0;
    background-color: #f2f2f2;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(16%,#fff),color-stop(88%,#f2f2f2));
    background: -webkit-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background: -o-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background: -ms-linear-gradient(top,#fff 16%,#f2f2f2 88%);
    background: linear-gradient(to bottom,#fff 16%,#f2f2f2 88%);*/
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    /*-webkit-box-shadow: 0 1px 1.5px rgba(0,0,0,0.55);
       -moz-box-shadow: 0 1px 1.5px rgba(0,0,0,0.55);
        -ms-box-shadow: 0 1px 1.5px rgba(0,0,0,0.55);
         -o-box-shadow: 0 1px 1.5px rgba(0,0,0,0.55);
            box-shadow: 0 1px 1.5px rgba(0,0,0,0.55);*/
}
.wrap-fiche.commencer .fiches-icon{background:#8CC474;}
.wrap-fiche.resoudre .fiches-icon{background:#E46F61;}
.wrap-fiche.services .fiches-icon{background:#6F85BF;}
.wrap-fiche.autre .fiches-icon{background:#888;}
/*.wrap-fiche.commencer ul{border-left: 1px solid #8CC474;}*/
/*.wrap-fiche.resoudre ul{border-left: 1px solid #E46F61;}*/
/*.wrap-fiche.services ul{border-left: 1px solid #6F85BF;}*/
/*.wrap-fiche.autre ul{border-left: 1px solid #888;}*/
.fiches-icon img{margin: 12% 0 0 15%;height: 74%;}

ul.multiversionul{list-style: none;}
ul.multiversionul li:before{content: "• ";color: #C40000;font-size: 15px;margin-right: 2px;}


ul.contmore{font-size: 0.9em;}



ul.getmeout{list-style:none;width:100%;height:40px;margin:0 auto 0 auto;padding:0;background:transparent url(../gfx/footgetout.jpg) top center no-repeat}
ul.getmeout li{border:0;display:inline-block;width:50%;text-align:center;font-family: "Open Sans",HelveticaLightCond,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:100;padding:0;margin:0}
ul.getmeout li a{font-size:15px;display:block;width:100%;height:40px;vertical-align:middle;padding:0;margin:0;padding-top:10px;padding-bottom:10px;color:#8a8a8a}
ul.getmeout li a:hover{background-color:rgba(0,0,0,0.1)}
ul.getmeout li a:visited{color:#8a8a8a}
ul.getmeout li span{font-family: "Open Sans",HelveticaBoldCond,"Helvetica Neue",Helvetica,Arial,sans-serif}

ul.square{list-style: square inside url("../images/home/listDecoration.png");}

ul.square li { line-height: 24px; }

/* ul.linkmore{font-size: 0.9em;} */

.info_4g{margin-top: 2px;display: block;padding: 5px 0 5px 31px; font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.3rem;background: url(../gfx/icone_4g.png) 9px 2px no-repeat;}

.os h2{font-size:30px;font-size: 1.9rem;}
.os h2 span{display: block; color: #A8A8A8;font-family: "Open Sans", HelveticaLightCond,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height: 10px;font-weight: normal;}
.telephonesByOs{padding-top: 3em;}
.telephonesByOs h5{text-transform: uppercase;font-weight: normal;font-family: "Open Sans", HelveticaLightCond, "Open Sans Condensed", arial;}
.bsbtn {cursor: pointer;display: inline-block;background-color: #F0F0F0;
    /*background-repeat: no-repeat;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(25%,#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(#fff,#fff 25%,#e6e6e6);
    background-image: -moz-linear-gradient(top,#fff,#fff 25%,#e6e6e6);
    background-image: -ms-linear-gradient(#fff,#fff 25%,#e6e6e6);
    background-image: -o-linear-gradient(#fff,#fff 25%,#e6e6e6);
    background-image: linear-gradient(#fff,#fff 25%,#e6e6e6);*/
    /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);*/
padding: 4px 14px;text-shadow: 0 1px 1px rgba(255,255,255,0.75);color: #333;font-size: 13px;line-height: normal;border: 1px solid #ccc;border-bottom-color: #bbb;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);*/
    -webkit-transition: .1s linear all;
       -moz-transition: .1s linear all;
        -ms-transition: .1s linear all;
         -o-transition: .1s linear all;
            transition: .1s linear all;
    }

.showAll{cursor:pointer;/*font-size:80%*/}
.showAll:hover{color:#c10000}
.clicMe{clear: both; text-decoration:none!important;cursor:pointer;padding-bottom:2px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#646464;padding: 0 0 0 30px !important;
    margin: 0 0 10px 0 !important;}
.clicMe strong, .clicMe b { font-family:'open sans';font-weight: normal !important;}
.clicMe:hover{background-color:#f7f7f7;color:#ce0000;}
.hideMe{display:none;padding:5px 5px 6px 22px;/*background-color:#f4f4f4;font-size:13px;border:1px solid #f1f1f1;*/margin-bottom:13px;/*text-shadow:1px 1px 0 #fff*/;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;}
/*.hideMe:first-letter {margin-left:1em}*/
ul.cloop,ol.cloop{/*margin-left:-10px*/margin-left: -20px; }
ul.cloop li b,ol.cloop li b,ul.cloop li strong,ol.cloop li strong{font-weight:600}
ul.cloop li.hideMe,ol.cloop li.hideMe{margin-left:8px}
ul.cloop,ol.cloop,ul.cloop li,ol.cloop li{list-style-image:none;list-style:none;margin-bottom:10px}

/*#nbr-elem-isotope{}*/

.norme{text-align: right;margin-top: 15px; font-size: 13px; padding-right: 20px;}
.norme a.logo{padding-left: 32px;background: transparent url(../gfx/picto_nf.jpg) 0 0 no-repeat;height: 26px;display: block;float: right;margin-bottom: 1em; }
.norme a.contact{padding-left: 32px;background: transparent url(../gfx/picto_nouscontacter.jpg) 0 0 no-repeat;height: 26px;display: block;float: right;margin-bottom: 1em;  margin-left: 15px; }


.sitemap {width: 100%;margin: 0 auto;padding: 6px 0 6px 0;border-top: 1px #fff solid;text-align: center;font-size: 12px;color: #999;
    background: #fff;
    background: -moz-linear-gradient(left,#fff 0,#f7f7f7 15%,#f3f3f3 50%,#f7f7f7 85%,#fff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(15%,#f7f7f7),color-stop(50%,#f3f3f3),color-stop(85%,#f7f7f7),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,#fff 0,#f7f7f7 15%,#f3f3f3 50%,#f7f7f7 85%,#fff 100%);
    background: -o-linear-gradient(left,#fff 0,#f7f7f7 15%,#f3f3f3 50%,#f7f7f7 85%,#fff 100%);
    background: -ms-linear-gradient(left,#fff 0,#f7f7f7 15%,#f3f3f3 50%,#f7f7f7 85%,#fff 100%);
    background: linear-gradient(to right,#fff 0,#f7f7f7 15%,#f3f3f3 50%,#f7f7f7 85%,#fff 100%);}

footer{border-top: 1px solid #e1e1e1;padding-bottom: 3em;font-family: "Open Sans", Arial, Helvetica, sans-serif;
    background: #fafafa;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -moz-linear-gradient(top,#f2f2f2 0,#fff 100%);*/
    /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#fff));*/
    /*background: -webkit-linear-gradient(top,#f2f2f2 0,#fff 100%);*/
    /*background: -o-linear-gradient(top,#f2f2f2 0,#fff 100%);*/
    /*background: -ms-linear-gradient(top,#f2f2f2 0,#fff 100%);*/
    /*background: linear-gradient(to bottom,#f2f2f2 0,#fff 100%);*/
}
footer h6{text-transform: uppercase;margin-bottom: 12px;font-size: 0.70em;font-family: "Open Sans", arial,"Open Sans Condensed",HelveticaLightCond,sans-serif;}
footer ul{padding-left: 0;font-size: 0.85em;}
footer ul li a{color: #666666;}
footer ul.square li{line-height: 15px;}



#forfait-modal .modal-dialog{padding-top: 5%;margin-bottom: 60px;}
#forfait-modal .modal-header {padding: 0;border-bottom: 1px solid #ccc;min-height: 100px;background: #fff;position: relative;}
#forfait-modal .modal-header .eva-dialog{
  /*background: #fff;*/
  /*width: 80%;*/
  border-radius: 8px;
  padding: 8px 8px 8px 8px;
  font-weight: bold;
  display: inline-block;
  line-height: 100px;
  width: 100%;
  text-align: center;
}
#forfait-modal .modal-header .eva-dialog span{
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

/*#forfait-modal .modal-header .eva-dialog:before {
  content: "";
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #fafafa;
  position: absolute; left: -14px; top: 16px;
}*/

#forfait-modal .modal-header img.eva{
  padding: 0 16px;
  /*border-bottom: 1px solid #ccc;*/
  position: absolute;
  bottom: -30px;
  width: 145px;
  z-index: 10;
}
#forfait-modal .modal-header .close {
  margin-top: 0px;
  position: absolute;
  /*right: -16px;*/
  /*top: -16px;*/
  right: 0;
  top: 0;
  /*background: #fff;*/
  opacity: 1;
  height: 26px;
  width: 26px;
  /*border-radius: 16px;*/
  /*border: 2px solid #666;*/
  box-sizing: content-box;
}
#forfait-modal .modal-body.green{border-top: 2px solid #8CC474;}
#forfait-modal .modal-body.red{border-top: 2px solid #C40000;}
#forfait-modal .modal-content {
  position: relative;
  background-color: #eee;
  /*border: 2px solid rgba(0,0,0, 0.4);*/
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 #fff;
          box-shadow: 0 0 0 #fff;
  background-clip: padding-box;
}

#forfait-modal .modal-footer {
  margin-top: 0;
  padding: 6px 12px;
  background: #fff;
  border-top: 1px solid #d9d9d9;
  text-align: left;
}
#forfait-modal .modal-footer a{color: #737373;padding-right: 5px;}

#forfait-modal span.breadcrumb-split{font-size: 18px;line-height: 18px;/*font-weight: bold;*/color: #999;}
#forfait-modal .modal-footer ul{margin-bottom: 0}
#forfait-modal .modal-footer ul.list-inline>li{padding-left: 0;}
#forfait-modal .modal-footer ul li:last-child a{color: #C40000;}
/*#forfait-modal .modal-footer ul li:after{content: " > ";}*/

.modal-backdrop{background: #6e6e70;}

#forfait-modal a.box{display: block;text-decoration: none;}
#forfait-modal .box-1{
  background: #fff;
  text-align: center;
  min-height: 15%;
  width: 100%;
  font-size: 18px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
  line-height: 100px;
  padding: 12px 0 0;
  margin: 0 0 28px;
  min-height: 192px;
  transition: 0.3s all ease;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-break:break-word;
}
#forfait-modal .box-1 h5{margin: 10px 0 0;padding: 12px 4px;text-align: center;width: 100%;font-size: 14px;font-weight: bold;text-transform: uppercase;transition: 0.3s all ease;min-height: 68px;position: relative;}
#forfait-modal .box-5{
  background: #fff;
  text-align: center;
  min-height: 15%;
  width: 100%;
  font-size: 18px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
  line-height: 100px;
  padding: 12px 0 0;
  margin: 0 0 28px;
  min-height: 94px;
  transition: 0.3s all ease;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-break:break-word;
}
#forfait-modal .box-5 h5{margin: 10px 0 0;padding: 12px 4px;text-align: center;width: 100%;font-size: 14px;font-weight: bold;text-transform: uppercase;transition: 0.3s all ease;min-height: 68px;position: relative;}
/*#forfait-modal .box-1 h5:after {
  content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    background: none repeat scroll 0 0 #bbf444;
    height: 0;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
#forfait-modal .box-1:hover h5:after {
    height: 100%
}*/
#forfait-modal .box-1 span{display: inline-block;line-height: 22px;vertical-align: middle;}
#forfait-modal .box-1 a{color: #333;}
#forfait-modal .box-1:hover {color: #222;}
#forfait-modal .box-1:hover h5{text-decoration: underline !important;}
#forfait-modal .box-1.decouvrir, #forfait-modal .box-1.gerer {border-bottom: 4px solid #8CC474 ;}
#forfait-modal .box-1.decouvrir:hover, #forfait-modal .box-1.gerer:hover {/*border-bottom: 4px solid #bbf444;*/}
#forfait-modal .box-1.decouvrir:hover h5, #forfait-modal .box-1.gerer:hover h5{background: #8CC474;} /* #d2f885 */
#forfait-modal .box-1.signaler {min-height: 60px;margin: 0;border-bottom:4px solid #F3B2A8;}
#forfait-modal .box-1.signaler:hover {border-bottom: 4px solid #f33617;}
#forfait-modal .box-1.signaler h5{margin-top: 0;padding-top:0;color: #C40000;}
#forfait-modal .box-1.signaler:hover h5{}
#forfait-modal .box-1.signaler2 {min-height: 137px;margin: 0;border-bottom:4px solid #aeaeae;}
#forfait-modal .box-1.signaler2:hover {border-bottom: 4px solid #c40000;}
#forfait-modal .box-1.signaler2 h5{margin-top: 0;padding-top:0;color: #717171;}
#forfait-modal .box-1.signaler2:hover h5{}
#forfait-modal .box-1.signaler2 img{margin-bottom: 10px;}
#forfait-modal .box-1.signaler2.selected{border-bottom-color: #c40000;}
#forfait-modal .box-1.grey {min-height: 60px;margin: 0;border-bottom:4px solid #ccc;}
#forfait-modal .box-1.grey:hover {border-bottom: 4px solid #aaa;}
#forfait-modal .box-1.grey h5{margin-top: 0;padding-top:0;color: #999;}
#forfait-modal .box-1.grey:hover h5{color: #777}
#forfait-modal .box-5.grey {border-bottom: 4px solid #ccc ;}
#forfait-modal .box-5.grey:hover h5{background: #eee;color: #333;text-decoration: none;}
#forfait-modal .box-5.green {border-bottom: 4px solid #8CC474 ;}
#forfait-modal .box-5.green:hover h5{background: #8CC474;color: #333;text-decoration: none;}




/* -------------- REVEAL MODALS -------------- */
.linkModal              { cursor:pointer; }
#revealModalBG          { position:fixed; height:100%; width:100%; background-image:url(../images/background.png); z-index:100; display:none; top:0px; left:0px; }
.revealModal            { display:none; top:100px; padding:20px; background-color:#FFF; position:absolute; z-index:101; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 8px 3px rgba(255,255,255,.6); -webkit-box-shadow:0 0 8px 3px rgba(255,255,255,.6); -box-shadow:0 0 8px 3px rgba(255,255,255,.6); }
.revealModal.standard   { width:520px; padding:25px; }
.revealModal.width820   { width:820px; }
.revealModal.width620   { width:820px; }
.revealModal.width1000  { width:1000px; }
.revealModal.ficheProduit{ width:850px; }
.revealModal .closeModal{ font-size:22px; line-height:.5; position:absolute; top:8px; right:11px; color:#C00; text-shadow:0 -1px 1px rbga(0,0,0,.6); font-weight:bold; cursor:pointer; }
.revealModal .errorContent  { text-align:center; font-weight:bold; }
.revealModal p{font-size: 12px; font-family: "Open Sans", arial;}

.offerPrice{display: inline-block;text-decoration: none;font-size: 13px;margin: 0 10px;}
.offerPrice .red{font-weight: bold;}
.offerPrice .small{font-size: 0.85em;}

@font-face {
    font-family: 'ecoico';
    src:url('../fonts/timelineicons/ecoico.eot');
    src:url('../fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
        url('../fonts/timelineicons/ecoico.woff') format('woff'),
        url('../fonts/timelineicons/ecoico.ttf') format('truetype'),
        url('../fonts/timelineicons/ecoico.svg#ecoico') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Made with http://icomoon.io/ */
.pp{background: url('../img/pp.png') top left no-repeat;padding-left: 30px;margin-left: 59px;padding-top: 16px;margin-right: 2%;font-size: 27.5px}
.pp:after {left: 58px;margin-left:6px;content:"";height: 29px;width: 30px;position: absolute;top: 44px;background: url(../img/pp-fleche.png) no-repeat;}
.pp-icon{position: relative;top:-3px;}
.pptimeline {margin: 15px 0 0 0;padding: 0;list-style: none;position: relative;}
/* The line */
/*.pptimeline:before {content: '';position: absolute;top: 0;bottom: 0;width: 10px;background: #c00000;left: 60px;margin-left: -1px;}*/
.redline{position: relative;}
.redline:before {content: '';position: absolute;top: 95px;bottom: 0;width: 10px;background: #c00000;left: 75px;margin-left: -1px;}

/* The date/time */
.pptimeline > li .cbp_tmtime {display: block;width: 25%;padding-right: 100px;position: absolute;}
.pptimeline > li .cbp_tmtime span {display: block;text-align: right;}
.pptimeline > li .cbp_tmtime span:first-child {font-size: 0.9em;color: #bdd0db;}
.pptimeline > li .cbp_tmtime span:last-child {font-size: 2.9em;color: #3594cb;}
.pptimeline > li:nth-child(odd) .cbp_tmtime span:last-child {color: #6cbfee;}
/* Right content */
.pptimeline > li{position: relative;margin-bottom: 2em;}
.pptimeline > li .pplabel{color: #323232;/*font-size: 1.2em;*/font-weight: 300;line-height: 1.4;position: relative;min-height: 116px;
    -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
       -moz-border-radius: 10px;
        -ms-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: 0px 1px 3px #999;
       -moz-box-shadow: 0px 1px 3px #999;
        -ms-box-shadow: 0px 1px 3px #999;
         -o-box-shadow: 0px 1px 3px #999;
            box-shadow: 0px 1px 3px #999;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;

}

.pptimeline > li .bgpp{overflow: hidden;
    -webkit-border-radius: 6px;
     -khtml-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
        -ms-box-shadow: 0 0 2px #999;
         -o-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;

}
/*.pptimeline > li .pplabel p{margin-left: 26%;}
.pptimeline > li .pplabel.sim {background: #fefefe url(../img/rond-sim.png) left center no-repeat;}
.pptimeline > li .pplabel.inscrire {background: #fbfbfb url(../img/rond-inscrire.png) left center no-repeat;}
.pptimeline > li .pplabel.tel {background: #f9f9f9 url(../img/rond-tel.png) left center no-repeat;}
.pptimeline > li .pplabel.terre {background: #f5f5f5 url(../img/rond-terre.png) left center no-repeat;}
.pptimeline > li .pplabel.outils {background: #f1f1f1 url(../img/rond-outils.png) left center no-repeat;}*/

/*.pptimeline > li .pplabel.sim {background: #fefefe url(../img/bg-sim.png) top center no-repeat;}
.pptimeline > li .pplabel.inscrire {background: #fbfbfb url(../img/bg-inscrire.png) top center no-repeat;}
.pptimeline > li .pplabel.tel {background: #f9f9f9 url(../img/bg-tel.png) top center no-repeat;}
.pptimeline > li .pplabel.terre {background: #f5f5f5 url(../img/bg-terre.png) top center no-repeat;}
.pptimeline > li .pplabel.outils {background: #f1f1f1 url(../img/bg-outils.png) top center no-repeat;position: relative;}*/

/*.pptimeline > li .pplabel.sim {background:#ffffff;border-top:1px solid #fbfbfb;}
.pptimeline > li .pplabel.inscrire {background:#f9f9f9;border-top:1px solid #f9f9f9;}
.pptimeline > li .pplabel.tel {background:#efefef;border-top:1px solid #f5f5f5;}
.pptimeline > li .pplabel.terre {background:#e9e9e9;border-top:1px solid #f1f1f1;}
.pptimeline > li .pplabel.outils {background:#d5f5c0;border-top:1px solid #ededed;}*/

.pplabel.sim h2, .pplabel.tel h2, .pplabel.outils h2, .pplabel.inscrire h2,.pplabel.terre h2{}

.pptimeline > li:hover .pplabel{
    -webkit-box-shadow: 0px 1px 8px #888;
       -moz-box-shadow: 0px 1px 8px #888;
        -ms-box-shadow: 0px 1px 8px #888;
         -o-box-shadow: 0px 1px 8px #888;
            box-shadow: 0px 1px 8px #888;
}
.pptimeline > li .step{
    min-height: 120px;
}
.pptimeline > li .step h2{
    text-align: left;
    padding-right: 0;
    width: 53%;
    margin-left: 108px;
    line-height: 110px;
    text-shadow: 1px 1px 5px #fff;
    font-size: 25px;
}
.pptimeline > li .content{padding-left: 1em;min-height: 120px;background: #fff;}
.pptimeline > li .content p.valign{margin-top:8px;line-height: 120px}
.pptimeline > li .content p.valign span{
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;}
.pptimeline > li .step h2 span{
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;}

.pptimeline > li .sim{background: #fefefe url(../img/rond-sim.png) 10px center no-repeat;}
.pptimeline > li .inscrire{background: #f9f9f9 url(../img/rond-inscrire.png) 10px center no-repeat;}
.pptimeline > li .tel{background: #f3f3f3 url(../img/rond-tel.png) 10px center no-repeat;}
.pptimeline > li .terre{background: #eee url(../img/rond-terre.png) 10px center no-repeat;}
.pptimeline > li .outils{background: #e9e9e9 url(../img/rond-outils.png) 10px center no-repeat;}

.pptimeline > li .pplabel h2 {margin-top: 0px;margin-bottom: 1em;text-align: center;}
.pptimeline > li .pplabel h2 img{margin-bottom: 6px;}

/* The triangle */
.pptimeline > li .bgpp:after {left: 48px;margin-left:6px;border: solid transparent;content:none;height: 0;width: 0;position: absolute;pointer-events: none;border-top-color: #c00000;border-width: 10px;top: -20px;}
.pptimeline > li:first-child .bgpp:after {content: none;}
/* The icons */
.pptimeline > li .ppicon {
    width: 40px;
    height: 40px;
    font-family: 'open sans';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #c00000;
    background: #f1f1f1;
    border-radius: 50%;
    box-shadow: 0 0 1px 8px #c00000;
    text-align: center;
    left: 20%;
    /*top: 0;*/
    margin: 0 0 0 -25px;
    display: none;
}

span.line-end{position: relative;}
span.line-end:after{
    left: 48px;
    margin-left: 6px;
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -10px;
    background: #C00000;
    border-radius: 50%;
    }

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
    .pptimeline > li .cbp_tmtime span:last-child {font-size: 1.5em;}
}

@media screen and (max-width: 47.2em) {
    .pptimeline:before {display: none;}
    .pptimeline > li .cbp_tmtime {width: 100%;position: relative;padding: 0 0 20px 0;}
    .pptimeline > li .cbp_tmtime span {text-align: left;}
    .pptimeline > li .pplabel {margin: 0 0 30px 0;padding: 1em;font-weight: 400;font-size: 95%;}
    .pptimeline > li .pplabel:after {right: auto;left: 20px;border-right-color: transparent;border-bottom-color: #3594cb;top: -20px;}
    .pptimeline > li:nth-child(odd) .pplabel:after {border-right-color: transparent;border-bottom-color: #6cbfee;}
    .pptimeline > li .ppicon {position: relative;float: right;left: auto;margin: -55px 5px 0 0px;}
}


@media (max-width: 767px) {
  .header-menu{/*margin-right: -20px;margin-left: -20px;*/padding-left: 20px;}
  .xs_33, .xs_66{float: left !important;}
  .xs_33{width: 33.333333% !important}
  .xs_66{width: 66.666666% !important}
  .xs_clear{clear: both;}
  .hproduct{width: 33.333333%;}
  .diapoBas h4{height: 100%;}
  #search input{width: 60%;font-size: 15px;}
  #search button{width: 40%;}
  .pptimeline > li .sim {background: #fefefe;}
  .pptimeline > li .inscrire {background: #fafafa;}
  .pptimeline > li .tel {background: #f6f6f6;}
  .pptimeline > li .terre {background: #f1f1f1;}
  .pptimeline > li .outils {background: #ededed;}
  .pptimeline > li .step h2 {text-align: center;padding-right: 0;width: 100%;margin-left: 0;line-height: 40px;}
  .pptimeline > li .step {min-height: 42px;}


}

@media (max-width: 979px) and (min-width: 768px){
  .pptimeline > li .step h2 {
  text-align: center;
  padding-right: 0;
  width: 100%;
  margin-left: 10px;
  text-shadow: 1px 1px 0px #BABABA;
  }
  ul.listePop{min-height: 201px;}
}

@media (max-width: 1199px) {
  .wrap-quelforfait h6{padding: 10px 0;}
  button.quelforfait{width: 100%;}
}

@media (max-width: 991px) {
  #mon-telephone h5{padding-right: 163px;}
  #contenu a.all-phone{top: 0;}
  .redline:before{bottom: -25px;}
  .wrap-quelforfait h6 {padding: 2px 0;}
  .diapoBas{margin-bottom: 1.5em;}
  .breadcrumb .assistance_m span{display: none;}
  .breadcrumb .assistance_m img{margin-right: 0;}
  ul.listePop{min-height: 100%}
}

@media (min-width: 992px) {
  li.assistancefbx{width: 51% !important;margin-left: 49%;}
}

@media (min-width: 992px) and (max-width: 1200px){
.navbar .nav > li > a{margin: 0 15px;}
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.Q-reponse { padding: 1em; font-size: 12px; text-align: justify; background-color: #FFF; background-repeat: no-repeat; background-position: center left; }
.remodal .Q-reponse { padding: 0; }
.Q-reponse p { margin: 0 0 1em 0; }
.Q-reponse .titre { font-family: "Open Sans", "HN-l"; font-size: 25px; }
.Q-reponse .titre .bold { font-family: "Open Sans", "HN-b"; }
.Q-reponse .important { padding: 5px; border: 1px solid #C00; background-color: #F8F8F8; border-radius: 3px; }
.Q-reponse ul.custom { padding-left: 14px; }
.Q-reponse ul.custom > li { margin-bottom: .4em; list-style-image: url("/images/listDecoration.png"); }
@media (min-width: 768px) { .Q-reponse ul.custom { padding-left: 30px; } }
.Q-reponse .mentions { display: block; margin-top: 3.5em; color: #999; font-size: 10px; }
@media (min-width: 768px) { .Q-reponse, .remodal .Q-reponse { padding-left: 300px; } }

@media (min-width: 768px) { #Conserver-mon-numero { background-image: url("/images/home/questions/conserverNum.jpg"); } }

#Debloquer-mon-mobile ul.operateur { padding-left: 0; margin-bottom: 1.2em; list-style: none; text-align: center; }
@media (min-width: 768px) { #Debloquer-mon-mobile { background-image: url("/images/home/questions/debloqueMobile.jpg"); } }

#Activer-ma-sim ul.custom > li { margin-bottom: .8em; }
@media (min-width: 768px) { #Activer-ma-sim { background-image: url("/images/home/questions/activerSim.jpg"); } }

#EAPSIM { background-position: 0px -120px; }
#EAPSIM ul.custom > li { margin-bottom: .4em; }
@media (min-width: 768px) { #EAPSIM { background-image: url("/images/home/questions/wifi.jpg"); } }

#MVV li { margin-bottom: .6em; }
#MVV .important { margin-bottom: 1em; }
@media (min-width: 768px) { #MVV { background-image: url("/images/home/questions/MVV.jpg"); } }

@media (min-width: 768px) { #Reduction-freebox { background-image: url("/images/home/questions/reducFreebox.jpg"); } }

#Multiligne ul.custom > li { margin-bottom: .6em; }
@media (min-width: 768px) { #Multiligne { background-image: url("/images/home/questions/multiligne.png"); } }

#Quatre-forfaits h5 { font-family: "Open Sans", 'OS-b'; }
@media (min-width: 768px) { #Quatre-forfaits { background-image: url("/images/home/questions/deuxForfaits.jpg"); }
  #Quatre-forfaits .titre { margin-bottom: 2em; }
  #Quatre-forfaits .mentions { margin-top: 5em; } }

@media (min-width: 768px) { #Decouvrez-la-4G { background-image: url("/images/home/questions/4g.jpg"); } }

#Services { background-position-y: bottom; }
#Services h4 { padding: 2px 0; font-family: "Open Sans", 'OS-b'; font-size: 1.08333em; background-color: #E8E8E8; border-radius: 0 15px 15px 0; }
#Services h4 img { margin: 0 5px 0 8px; }
@media (min-width: 768px) { #Services { background-image: url("/images/home/questions/services.jpg"); } }

@media (min-width: 768px) { #SMS-Europe { padding-bottom: 60px; background-image: url("/images/home/questions/SMS_Europe.jpg"); }
  #SMS-Europe .titre { margin-bottom: 80px; }
  #SMS-Europe p { margin-top: 30px; } }

#Pass-35-jours { background-size: contain; background-position-x: 25px; }
@media (min-width: 768px) { #Pass-35-jours { background-image: url("/images/home/questions/35jours_Islande.jpg"); }
  #Pass-35-jours .titre { margin-bottom: 60px; }
  #Pass-35-jours .mentions { margin-top: 60px; } }

.page-infos hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #888; }

.section-info { padding: 1em; font-size: 1.4em; text-align: justify; background-color: #FFF; }
.remodal .section-info { padding: 0; }
.section-info .titre { font-size: 25px; text-align: center; }
.section-info p { margin: 0 0 1em 0; }
.section-info#Infos-legales h5 { margin-top: 1.5em; font-family: "Open Sans", 'OS-b'; text-transform: uppercase; }
.section-info#Infos-legales .underline { font-family: "Open Sans", Arial; }

.quatregtable th, td { 	    padding: 7px; 	margin-top: 5px; }

.osblock{ 	 padding: 7px;  float: left; width: 46%; text-align: center; border: 1px solid #ccc; margin: 5px; }
.osblock img{ display: inline!important; }

.osblock:hover, .otherosblock:hover {    background-color: #E6E6E6; }

#os-modal .modal-dialog{padding-top: 5%;margin-bottom: 60px;}
#forall-modal .modal-dialog{padding-top: 5%;margin-bottom: 60px;}

@media (min-width: 768px) {
  .modal-dialog {
    width: 800px!important;
  }
}

#os-modal-header { 	    border-bottom: 1px solid #C00000!important; margin-left: 3%!important; margin-right: 3%!important; }
.otherosblock{ border: 1px solid #ccc;padding:5px;max-width:100%;margin:5px auto;display:block;font-weight:bold;color:#555;font-size:14px;background:#fff; text-transform: uppercase; margin-left: 5px;     margin-right: 8px; }
.phrase-roaming {     padding: 5px;     color: black;     background: #eaeaea;     margin-top: 10px;     margin-bottom: 10px;     line-height: 1.49; }
.phrase-roaming a {  text-decoration: underline; }
.phrase-intro {    padding: 12px 12px 13px 0;  margin-top: 10px;     margin-bottom: 10px;     position: relative; }
.phrase-intro strong{ font-family: "Open Sans";}



				.ast-searchresults {

					margin-bottom:60px;
				}


					h2.titrerub {
						font-family: "Open Sans", HelveticaLightCond, Arial;
						font-size:1.6em;
						font-weight: bold;
						color:#c40000;
						border-bottom:1px #a49c93 solid;
						padding-bottom:3px;
					}



					h2.titrerub span {
						color:#888;
						font-weight: normal;
					}
					.ast-ico-menu {
						/*position:relative;
						left:-30px;
						top:28px;
						width:30px;
						height:40px;*/
					}
					.ast-ico-menu-482 {
						background:transparent url(../gfx/ico_sr_line.gif) 0 0 no-repeat;
					}
					.ast-ico-menu-5 {
						background:transparent url(../gfx/ico_sr_line.gif) -60px 0 no-repeat;
					}
					.ast-ico-menu-6 {
						background:transparent url(../gfx/ico_sr_line.gif) -120px 0 no-repeat;
					}
					.ast-ico-menu-7 {
						background:transparent url(../gfx/ico_sr_line.gif) -180px 0 no-repeat;
					}
					.ast-ico-menu-8 {
						background:transparent url(../gfx/ico_sr_line.gif) -240px 0 no-repeat;
					}
					.ast-ico-menu-2289 {
						background:transparent url(../gfx/ico_sr_line.gif) -300px 0 no-repeat;
					}

					/* .ast-sr-line {
						margin-top:15px;
					} */
					.ast-sr-line:hover {
						cursor: pointer;
            border-left: 3px solid #CE0000;
            background-color: #F6F7FB;
					}
					.ast-sr-line {
						/* padding:5px 10px; */
						/* background-color:#fafafa; */
						border-bottom: 1px solid #e0e0e0;
            padding: 15px;
            border-left: 3px solid transparent;
					}
					.ast-sr-line.dgred {border-left: 2px solid #C40000; }
					/* .ast-sr-line.dgblue {border-left: 2px solid #1B98C9; } */
					.ast-sr-line.dgred:hover {border-bottom-color: #C40000; }
					/* .ast-sr-line.dgblue:hover {border-left: 3px solid #CE0000; } */

					.ast-sr-line h3 {
						font-family: 'OS-sb','Open Sans', Arial, Helvetica, sans-serif;
						font-size:16px;
						color:#000;
						margin-bottom:4px;
					}
					/* .ast-sr-line h3 a { */
						/*color:#c40000;*/
						/* font-weight: bold; */
						/*text-decoration:underline;*/
					/* } */

					.ast-sr-line.dgred h3 a{color: #974545;}
					.ast-sr-line.dgblue h3 a{color: #4C4C4C;}

					.ast-sr-line h3 a:hover {
						text-decoration: underline;

					}
					.ast-sr-line h3 a:active {
						color:#000;
					}
					.ast-sr-line h3 .num-sr-line {
						color:#333;
					}
					.ast-sr-line p {
						font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						display:block;
						font-size:13px;
						line-height:18px;
						margin:0;
						height:36px;
						/*width : 690px;*/
						word-wrap: break-word;
						overflow:hidden;
						margin-bottom:4px;
					}
					.ast-sr-line p img {
						vertical-align:top;
						float:left;
						height:35px;
						margin:0 5px 0 0;
					}
					.ast-sr-line p .txt-sr-trouve {
						font-weight:bold;
						color:#535353;
					}
					.ariane-sr-line {
						font-size:13px;
						color:#7F7F7F;
            font-family: 'Open Sans';
            display:block;
            margin: 5px 0 10px 0;
					}
					.ariane-sr-line a {
						text-decoration:none;
						color:#d00;
					}
					.ariane-sr-line a:hover, .ariane-sr-line a:active {
						text-decoration:underline;
					}
					.ariane-sr-line a:active {
						color:#000;
					}
					.ast-sr-voirplus {
						float:right;
						font-size:12px;
						color:#646464;
						margin-top:14px;
						display:none;
					}
						.ast-sr-voirplus a {
							color:#646464;
							text-decoration:underline;
							padding:4px 0 4px 6px;
						}
							.ast-sr-voirplus span {
								color:#000;
							}
						.ast-sr-voirplus a:hover, .ast-sr-voirplus a:hover span {
							color:#c40000;
						}
						.ast-sr-voirplus a:active, .ast-sr-voirplus a:active span  {
							color:#000;
						}


					.sr-suppcache {
						clear:both;
						display:none;
						position:relative;
						top:15px;
						opacity:0;
					}

					.link-wrap-sr-line{
						float: right;
						position: relative;
						top: -34px;
						text-decoration: none;
					}


span[style="color:#b22222;"] span, span[style="color:#b22222;"] strong {
  color: #ce0000;
}

li[style='background: transparent url("gfx/listtype_img_90deg.gif") no-repeat scroll left center; padding-left: 13px; text-decoration: none;'],
li[style='background: transparent url("gfx/listtype_img_90deg.gif") no-repeat scroll left center; padding-left: 13px; text-decoration: none;'] *,
li[style='background: url("gfx/listtype_img_90deg.gif") left center no-repeat transparent; padding-left: 13px; text-decoration: none;'],
li[style='background: url("gfx/listtype_img_90deg.gif") left center no-repeat transparent; padding-left: 13px; text-decoration: none;'] * {
	font-family:"OS-sb"; color:#ce0000;
}