@charset "UTF-8";
/* CSS Document */
.wrapper{ width: 100%;}

header{ height: auto; background: rgba(255,255,255,0.8);}
header .logo{ display: block; float: left; margin: 20px;}
header .logo img{ display: block; border: none;}

header nav{ display: none;}

header .showMenu{ display: block; float: right; margin: 50px 20px 0 0;}
header .showMenu a{ display: block; color: #e64945; font-size: 50px;}

header nav.phoneNav{ width: 100%; padding: 0; font-size: 15px; float: none; margin: 0;}
header nav.phoneNav ul{ margin: 0; padding: 0; list-style-type: none;}
header nav.phoneNav ul li{ display: block; margin: 0; float: none; height: auto; line-height: normal;}
header nav.phoneNav ul li+li{ border-top: solid 1px rgba(0,0,0,0.3);}
header nav.phoneNav ul li a{ height: auto; text-align: center; padding: 10px 20px;}
header nav.phoneNav ul li a:hover{ background: none; color: #000;}
header nav.phoneNav ul.subMenu{ display: block; position: static; left: 0; top: 0; margin: 0; padding-top: 0; width: 100%; border-bottom: none; font-family: 'robotolight'; font-size: 12px;}
header nav ul.subMenu li{ height: auto;}
header nav ul.subMenu li a{ width: 100%; height: auto; line-height: normal; padding: 5px 0; text-align: center;}



section{ padding: 20px 30px; padding-bottom: 101px;}


/*home*/
.home p{ width: auto;}
.features{ margin-top: 0;}
.features .featureItem{ width: 50%; margin-top: 65px;}
.features .content{ height: 300px;}
/*end of home*/

/*cible*/
.cibleItem{ width: 50%;}
.cibleItem:nth-child(2n+3){ clear: both;}
/*end of cible*/

/*pricePlans*/
.pricePlans{ list-style-type: none; margin: 0; padding: 0;}
.pricePlans .plan{ width: 100%; float: none; padding: 15px; box-sizing:border-box;}
.pricePlans .planContainer{ background: #FFF;}
.pricePlans h2{ width: 100%; margin: 0 0 10px 0; padding: 13px 0; font-size: 25px; color: #FFF; background: #e64945; text-align: center;border-bottom: none;}
.pricePlans .planChild{ padding: 10px; font-size: 15px;}
.pricePlans h3{ font-size: 20px; text-align: center; margin: 0 0 10px 0;}
.pricePlans h4{ font-size: 15px; font-family: 'roboto_condensedregular';}
.pricePlans .planTable{width: 100%; border-spacing : 0; border-collapse : collapse; margin-bottom: 20px;}
/*end of pricePlans*/



/*floatList*/
.floatList{ text-align: left;}
.floatList li{ width: 50%;}
.floatList li:nth-child(3n+4){ clear: inherit;}
.floatList li:nth-child(2n+3){ clear: both;}
/*end of floatList*/

.one_half{ width: 100%; float: none;}