@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700);

html, body {
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color:#58595B;
    background:#FFF;
}

.left { float:left; }
.right { float:right; }
.orange, .orange a { color:#ffb300 !important; }
.red {
	color:#F00;
}

#menulng {
    width:100%;
    height:48px;
    background:#ffb300;
}

#menulng ul {
    float:right;
    margin:14px 75px 0 0;
    height:18px;
    display:table;
    border:1px solid #FFF;
    padding:0;
}

#menulng ul li {
    list-style-type:none;
    float:left;
}

#menulng ul li a {
    display:block;
    padding:0 5px;
    line-height:18px;
    text-align:center;
    text-transform:uppercase;
    color:#FFF;
    font-size:10px;
    font-family: 'Raleway', sans-serif;
}

#menulng ul li a.active {
    background:#FFF;
    color:#58585a;
}

#menu-wrapper {
    padding-top:6px;
    padding-bottom:12px;
}

#logo {
    float:left;
    margin-right:37px;
}

#menu {
    float:left;
	display:table;
    margin-top:10px;
}

#menu li {
    line-height:10px;
    white-space:nowrap;
    padding: 0 18px;
    color:#58595B;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
}

#menu li:before {
    content:"|";
    position:absolute;
    left:-4px;
    top:9px;
}

#menu li:first-child:before {
    content:"";
}

#menu li.active a {
    border-bottom:5px solid #ffb300;
    color:#ffb300;
}

#menu li.active a:hover {
    text-decoration:none;
}

.nav > li > a {
    padding: 10px 0;
    color:#808285;
}

.nav > li > a:hover {
    background:none;
    text-decoration:underline;
}

.navbar {
    min-height:inherit;
    margin-bottom:0;
}

.navbar-default {
    background:none;
    border: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}

.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:#ffb300
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:#FFF;
}


@media (max-width: 768px) {
    #menu {
        float:right;
    }
    #menu li:before {
        content:"";
    }
}

#content {
    min-height:500px;
}

#footer1 {
    background:#58585a;
    padding:45px 0 32px 0;
}

#footer2 {
    background:#322f31;
    padding:26px 0 0 0;
}

#footer1, #footer1 a, #footer2, #footer2 a {
    color:#FFF;
    font-family: 'Roboto', sans-serif;
    font-size:13px;
}

#footer1 h2 {
    font-size:15px;
    border-bottom:1px solid #ffb300;
    display:inline-table;
    padding-bottom:2px;
    margin-top:0px;
    padding-top:0px;
}

#footer1-1 h2 { padding-right:90px; }
#footer1-2 h2 { padding-right:20px; }
#footer1-3 h2 { padding-right:55px; }
#footer1-3 a { font-size:15px; }
#footer1-3 a.button-yellow { font-size: 13px; }
#footer1-3 a:hover { text-decoration:none; }

#footer1 ul {
    padding-left:0;
    margin-left:0;
    margin-top:30px;

}

#footer1 ul li {
    list-style-type:none;
    margin:15px 0;
}

#footer1-center {
    margin:0 auto; 
    display:table;
}

.add-yellow {
    color:#ffb300;
    margin-top:-10px;
}

a.button-yellow {
    background:#ffb300;
    margin:3px auto 15px auto;
    min-width:100px;
    text-align:center;
    padding:0 20px;
    color:#58585a;
    line-height:20px;
    height:20px;
    text-transform:uppercase;
    display:inline-table;
}

#footer1-1, #footer1-2, #footer1-3 {
    margin-bottom:15px;
}

#footer1-2 {
    border-left:1px solid #b6b6b7;
    border-right:1px solid #b6b6b7;
}

.footer1-3-right {
    float:right;
}

#footer2-1 a {
    margin-right:32px;
}

#footer2-3 p {
    margin-top:-5px;
}

#footer2-3-right {
    float:right;
}

#footer2-3 a {
    margin-left:15px;
}

@media (max-width: 768px) {
    #footer1, #footer2 {
        text-align:center;
    }
    #footer1 h2 {
        padding-right:0;
    }
    #footer1-center {
        margin:0;
        display:block;
    }
    .footer1-3-right {
        float:none;
    }
    #footer1-2 {
        border:none;
    }
    #footer2-3-right {
        float:none;
    }
}

.block {
    width:100%;
    padding:15px 0 45px 0;
}

.block.white { background:#FFF; }
.block.grey { background:#f3f1ee; }

.block h1 {
    background:#ffb300 url(../img/h1_bg.jpg) 5px 0 repeat-y;
    padding:0 75px 0 17px;
    color:#58595B;
    font-family: 'Roboto', sans-serif;
    font-size:30px;
    height:45px;
    line-height:45px;
    display:table;
    font-weight:500;
    margin:35px 0;
}

.block h2 {
    background:#ffb300 url(../img/h1_bg.jpg) 5px 0 repeat-y;
    padding:0 75px 0 17px;
    color:#58595B;
    font-family: 'Roboto', sans-serif;
    font-size:30px;
    height:45px;
    line-height:45px;
    display:table;
    font-weight:500;
    margin:35px 0;
}

.block h3 {
    text-align:center;
    background:#ffb300;
    font-size:14px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    margin:0 0 30px 0;
}

#icons img {
    margin-right:35px;
}

#icons p.title {
    font-size:20px;
    font-family: 'Roboto', sans-serif;
    margin-bottom:8px;
}

#icon1 p.title { color:#60BD68; }
#icon2 p.title { color:#0071A8; }
#icon3 p.title { color:#D91572; }

.block.full {
    padding:0;
}

.block.full p {
    margin:0;
    padding:0;
}

.block.full img, img.full {
    width:100%;
    display: block;
    height: auto;
    max-width: 100%;
}

#row-essai {
    margin-top:-30px;
}

.essai {
    padding:20px 30px;
    display:table;
    width:100%;
    margin-bottom:30px;
    height:210px;
}

#essai-test {
    background:#ffb300;
    color:#FFF;
}

.essai-test-title {
    font-weight:bold;
    margin-bottom:15px;
	background:url(../img/offre_essai.png) top left no-repeat;
	line-height:25px;
	padding-left:50px;
}

#essai-inscription {
    background:#ffd166;
}

label {
    font-size:12px;
    color:#231F20;
}

input.input {
    background:#fff;
    border:1px solid #d7dda0;
    height:20px;
    line-height:20px;
    padding:0 10px;
    display:block;
    width:100%;
}

input.submit {
    color:#FFF;
    background:#58585a;
    padding:0 18px;
    height:23px;
    line-height:23px;
    border:none;
    font-weight:bold;
}

table#products td {
    border-bottom:1px solid #FFF;
    border-right:4px solid #FFF;
    text-align:center;
    color:#FFF;
    padding:8px;
	font-size:17px;
}

table#products td.bigborder {
    border-bottom-width:2px;
}

table#products tr:first-child td { border-bottom-width:5px; }

table#products tr td:first-child {
    text-align:left;
    color:#58595B !important;
}

table#products .orange { background:#ffb300; }
table#products .green { background:#5fbd68; }
table#products .blue { background:#0071a8; }
table#products .pink { background:#d91572; }
table#products .white { background:#ffffff; }

table#products div.detail {
    margin:20px 10px;
    min-height:75px;
    color:#58595B;
    padding:10px 20px;
    line-height:30px;
}

table#products .big {
    text-transform:uppercase;
    font-size:30px;
    margin:0;
}

table#products a.encadre {
    text-transform:uppercase;
    font-size:22px;
    margin:0;
    height:37px;
    line-height:37px;
    margin:20px 10px;
    border:2px solid #FFF;
    display:block;
    color:#FFFFFF;
    text-decoration:none;
    cursor:pointer;
}

table#products a.encadre:hover {
    text-decoration:underline;
}

#banner img {
    min-height:250px;
}

.banner-text {
    position:absolute;
}

.banner-text p {
    background-color: rgba(255, 179, 0, 0.8);
    color:#FFF;
    padding:10px 8px !important;
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    display:table;
}

.banner-text p.title {
    font-weight:bold;
    font-size:40px;
    margin:28px 0;
    line-height:24px;
    font-family: 'Roboto', sans-serif;
}

.banner-text p.title span {
    font-weight:normal;
    font-size:26px;
}

.banner-text p.subtitle {
    font-size:50px;
    line-height:50px;
    margin-bottom:28px;
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 1550px) {
    .banner-text p {
        font-size:15px;
    }
    .banner-text p.title {
        font-size:20px;
        line-height:20px;
        margin:20px 0;
    }
    .banner-text p.title span {
        font-size:18px;
    }
    .banner-text p.subtitle {
        font-size:25px;
        line-height:25px;
        margin-bottom:20px;
    }
}

@media (max-width: 1200px) {
    .banner-text p {
        font-size:13px;
    }
    .banner-text p.title {
        font-size:17px;
        line-height:17px;
        margin:12px 0;
    }
    .banner-text p.title span {
        font-size:14px;
    }
    .banner-text p.subtitle {
        font-size:20px;
        line-height:20px;
        margin-bottom:12px;
    }
}

#breadcrumb ul {
	margin:0 0 30px 0;
	padding:20px;
	background: #FFD166;
	display:table;
	
}

#breadcrumb ul li {
	list-style-type: none;	
	margin:10px 0;
}

#breadcrumb ul li, #breadcrumb ul li a {
	color: #58595b;
}

#breadcrumb ul li a:hover {
	text-decoration:none;
}

#breadcrumb ul li a {
	display:block;
	padding-right:35px;
}

#breadcrumb ul li.active {
	background:url(../img/orange_circle.png) right 17px no-repeat;
}

#breadcrumb ul li span {
	display:block;
	font-size:36px;
	white-space:nowrap;
}

form#search {
	padding-left:0;
}

#blog_header {
	background:#FFD166;
	padding:25px;
	margin-bottom:30px;
}

#blog_header h3 {
	margin-bottom:50px;
	margin-top:10px;
	font-size:20px;
}

#blog_header_right {
	border:1px solid #58585A;
}

#blog_header_right h3 {
	margin-bottom:10px;
}

#blog_header_right a {
	color: #58595b;
}

#blog_header_right li.active {
	font-weight:bold;
}
.tbblanc {
	background-color: #FFF;	
}

.release td, .release #products tr td:first-child {
    color: white!important;
    text-align: center;
}

#codepromo {
	text-align:center;
	display:table;
	margin:25px auto;
	padding:15px;
	background:#FFF3D7;
	border:1px solid #FFB300;
    font-size:18px;
}

#content.homepage #codepromo {
    margin:-25px auto 45px auto;
}

#codepromo a {
    color:#58595B;
}