/* THIS IS THE DEV STYLESHEET (NOT MINIMIZED) */

/* Custom font */
/*@import url(http://fonts.googleapis.com/css?family=Anton);*/
/* Body font */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic);
/* Heading font */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

body {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 4px solid #042A45;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

a, a img {
	outline: none;
}

img {
	border: 0;
}

select, input {
	width: auto;
}
select {
	overflow:visible;
}

textarea {
	resize: vertical;
}

iframe[src="about:blank"]{display:none;}

#main-content-wrapper {
	background: url(../images/mainbg.jpg) 0 0 repeat;
	padding-top: 20px;
    min-height: 580px;
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
	color: #0E5181;
	font-weight: 400;
}

/* ============================================
   Slider navigation
============================================ */

.slider-nav {
	margin-top: 2px;
	width: 24px;
}

.slider-nav .prev, .slider-nav .next {
	display: block;
	background: url(../images/slider-nav.png);
	background-repeat: no-repeat;
	width: 8px;
	height: 14px;
}

.slider-nav .prev {
	float: left;
	background-position: 0 -14px;
}

.slider-nav .next {
	float: right;
	background-position: -8px -14px;
}

.slider-nav .prev:hover {
	background-position: 0 0;
}

.slider-nav .next:hover {
	background-position: -8px 0;
}

/* ============================================
   Layout
============================================ */

.container-fluid {
	position: relative;
	width: 942px;
	margin: 0 auto;
	padding: 0;
}

.oneFive {
	float: left;
	width: 248px;
	margin-right: 20px;
	overflow:hidden;
}

.oneFive1 {
    float: left;
    width: 160px;
    margin-right: 20px;
}

.last {
	margin: 0;
}

/* ============================================
   Header
============================================ */

#header-wrapper {
	position: relative;
	border-top: 6px solid #0E5181;
	border-bottom: 4px solid #0E5181;
	background: #FFF;
	width: 100%;
	height: 126px;
	z-index: 500;
}

#logo {
	position: absolute;
	top: 0;
	left: 0 ;
	margin: 0;
}

#topmenu-wrapper {
	background: url(../images/topmenu.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 514px;
	height: 28px;
}

#topmenu {
	margin: 0 0 0 52px;
	padding: 0;
	list-style: none;
}

#topmenu li {
	float: left;
	margin-right: 20px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

#topmenu li:last-child {
	margin-right: 0;
}

#topmenu li a {
	color: #FFF;
}

#topmenu-translate {
	background: url(../images/topmenu-translate.png) 0 0 no-repeat;
	position: absolute;
	top: -6px;
	right: 57px;
	width: 86px;
	height: 38px;
}

#topmenu-translate a {
	display: block;
	color: #FFF;
	text-align: center;
	margin-top: 7px;
}

#navigation-wrapper {
	position: absolute;
	top: 65px;
	right: 0;
	width: 700px;
}

.search-bar {
	margin: 0;
}

.search-bar .input-append {
	border: 2px solid #0E5181;
	margin-bottom: 0;
}

.search-bar .search-input, .search-bar .search-submit {
	border-radius: 0!important;
}

.search-bar .search-input {
	border-color: #0E5181;
	width: 110px;
}

.search-bar .search-input:focus {
	border-color: #0E5181;
	box-shadow: none;
}

.search-bar .search-submit {
	background-color: #0E5181;
	background-image: none;
	border: none;
	box-shadow: none;
	padding: 5px 12px;
}

#main-navigation {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
}

#main-navigation li {
	float: left;
	margin-right: 24px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

#main-navigation li a {
	color: #0E5181;
}

.ddlink {
	position: relative;
	height: 55px;
}

.ddlink:hover>.ddmenu {
	display: block;
}

.ddmenu {
	display: none;
	background: url(../images/pagemarker.png) 10px 0 no-repeat;
	border-top: 0;
	border-bottom: 0;
	position: absolute;
	top: 45px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 12px 0 0 0;
	width: 195px;
}

.ddmenu li {
	font-family: 'Lato', sans-serif!important;
	font-size: 13px!important;
	border-bottom: 1px solid #d3d3d3;
	border-left: 2px solid #d3d3d3;
	border-right: 2px solid #d3d3d3;
	margin: 0!important;
	text-transform: none!important;
	width: 100%;
}

.ddmenu li:first-child {
	border-top: 2px solid #d3d3d3;
}

.ddmenu li:last-child {
	border-bottom: 2px solid #d3d3d3;
}

.ddmenu li a {
	color: #898989;
	display: block;
	background: #FFF;
	padding: 10px 15px;
}

.ddmenu li a:hover {
	color: #FFF!important;
	background: #0E5181;
	text-decoration: none;
}

.subCatMenu {
	padding: 0;
	margin: 0;
	list-style: none!important;
}

.subCatMenu li {
	border: none!important;
}

.subCatMenu li a {
	padding-left: 35px!important;
}

/* ============================================
   Banner
============================================ */

#banner-wrapper {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 942px;
    height: 424px;
    z-index: 400;
    margin: auto;
    left: -8%;
}


#banner-wrapper-int {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	position: relative;
	width: 942px;
	height: 424px;
	z-index: 400;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
}


#banner-wrap{
    background: url(../images/banner-bg.jpg) center top repeat-x;
    width: 100%;
    height: 424px;
    z-index: 400;
    position: relative;
    overflow: hidden;
}

#banner-wrap-int{
    background: url(../images/banner-int.png) #0e5181 center top no-repeat;
    height: 104px;
    width: 100%;
    z-index: 400;
    position: relative;
    overflow: hidden;
}
#banner-wrap-int.silicone{
    background: url(../images/banner-silicone.png) #0e5181 center top no-repeat;
}

#banner-wrapper .container-fluid {
	width: 1200px;
}

#banner-navigation {
    position: absolute;
    top: 180px;
    width: 1244px;
    z-index: 500;
}

#banner-prev {
	background: url(../images/banner-fleche.png) 0 0 no-repeat;
	width: 37px;
	height: 38px;
	display: block;	
	text-indent: -9999px;
}

#banner-next {
	background: url(../images/banner-fleche.png) -37px 0 no-repeat;
	width: 37px;
	height: 38px;
	display: block;	
	text-indent: -9999px;	
}

#banner {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 400;
}

.banner-item {
	position: relative;
	width: 1200px;
	height: 424px;
	margin: 0;
}

.banner-content {
	color: #FFF;
	position: absolute;
	top: 100px;
	left: 130px;
	width: 600px;
}

.banner-content h2, .banner-content p {
	margin: 0;
	padding: 0;
}

.banner-content h2 {
	font-size: 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	margin-bottom: 20px
}

.banner-content p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400; 
}

.banner1fr {
	background: url(../images/banner/banner_1.png) center center no-repeat;
}

.banner2fr {
	background: url(../images/banner/banner_2.png) center center no-repeat;
}

.banner3fr {
    background: url(../images/banner/banner_03.png) center center no-repeat;
}

.banner3fr h2{
    font-size: 52px !important;
}

.banner4fr {
    background: url(../images/banner/banner_04.png) center center no-repeat;
}


/* ============================================
   Home
============================================ */

#home-categories {
	padding: 10px 0 30px;
}

.home-categories-product {
	text-align: center;
}

.home-categories-product a {
	display: block;
	height: 110px;
}

.home-categories-product .hover {
	display: none;
}

.home-categories-product a:hover .regular {
	display: none;
}

.home-categories-product a:hover .hover {
	display: inline;
}

.home-categories-product .title {
	margin-top: 20px;
}

#chercher-un-silicone {
	background: #0E5181 url(../images/home/loupe.png) 98% 0 no-repeat;
	padding: 20px;
}

#home-silicon-search {
	margin: 0;
}

.silicone-steps {
	text-align: center;
}

.silicone-select {
	/*background: #fff url(/images/select-fleche.png) 222px 13px no-repeat;*/
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #898989;
	border: 2px solid #D3D3D3;
	border-radius: 0 !important;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0px 4px 6px;
	width: 100%;
	height: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.ie .silicone-select {
    background: #fff;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #898989;
    border: 2px solid #D3D3D3;
    border-radius: 0 !important;
    text-transform: uppercase;
    margin: 0;
    padding: 4px 5px 4px 6px;
    width: 100%;
    height: 35px;
    /*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    */
}

#siliconeSubmit {
	background: none;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 1px solid #87a8c0;
	height: 55px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 12px 0 0 22px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
    width: 160px;
}

#siliconeSubmit:hover {
	border-color: #FFF;
}

#realisations-wrapper {
	padding: 20px 0 0 0;
}

#realisations-slider-wrapper {
	padding-top: 20px;
}

#realisations-slider {
	margin: 0;
	padding: 0;
	list-style: none;
}

.realisations-item {
	float: left;
	margin-right: 20px;
	background: #FFF;
	color: #898989;
	width: 300px;
	box-shadow: 0 0 1px 0 #DDD;
}

.realisations-item .realisations-content {
	padding: 15px;
}

.realisations-item h3, .item h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #0E5181;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.realisations-item p {
	margin: 0;
}

.realisations-item .divider, .item .divider {
	background: url(../images/realisations-divider.png) center center repeat-x;
	width: 100%;
	height: 4px;
	padding: 15px 0;
}

.realisations-item .read-more, .item .read-more {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #0E5181;
	margin: 0;
	padding: 0;
}

.realisations-item .project-type, .item .project-type {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #898989;
}

/* ============================================
   Page intérieur
============================================ */

#page-title {
	color: #FFF;
	font-size: 32px;
	text-align: right;
	text-transform: uppercase;
	padding: 30px 0px 0 0;
	margin: 0;
}

#main-content {
	background: #FFF;
	border: 1px solid #dcdcdc;
	padding: 20px;
}

/* ============================================
   Sidebar
============================================ */

.widget {
	margin-bottom: 20px;
}

.widget-title {
	background: #0E5181 url(../images/widget-title-picto.png) 12px center no-repeat;
	color: #FFF;
	padding: 10px 20px 10px 40px;
	margin: 0;
}

.widget-title-silicon {
    background: #0E5181 url(../images/siliconIcon.png) 8px 2px no-repeat;
    color: #FFF;
    padding: 10px 20px 10px 40px;
    margin: 0;
}

.navlist {
	background: #FFF;
	border: 1px solid #dcdcdc;	
}

.navlist ul {
    /*
	list-style-image:url(/images/footerbox-bullets.png);
	list-style-position: inside;
	*/
	margin: 0;
	padding: 0;
    list-style: none;

}

.navlist ul img{
    float: left;
    margin-top: 8px;
    padding-right: 8px;
}

.navlist ul li {
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 1px dashed #dcdcdc;
    padding-left: 0px;
}

.navlist ul li:last-child {
	border-bottom: none;
}

.navlist ul li a {
	color: #0E5181;
	display: block;
	padding: 10px;
	margin: 1px;
}

.navlist ul li a:hover {
    background-color: #e0e0e0;
    text-decoration: none;
}

/*
.navlist ul li:hover {
	background-color: #e0e0e0;
	text-decoration: none;
}
*/

.widget.realisations-item {
	width: 218px;
}

/* ============================================
   Filter
============================================ */

.filter {
	margin-bottom: 20px;
	padding: 5px!important;
}

.filter h2 {
	padding: 6px 0 6px 5px!important;
}

.filter form {
	margin: 0;
	padding: 0;
}

.filter form select {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	color: #898989;
	border: 2px solid #D3D3D3;
	border-radius: 0!important;
	text-transform: uppercase;
	margin: 0;
	width: auto;
	padding: 0;
}

#filter-by-color, #filter-by-surface, #filter-by-brand {
	width: 200px;
	margin-left: 5px;
}

#filter-by-color2{
    width: 200px;
    margin-top: 10px;
}

/* ============================================
   Calculatrice
============================================ */

#calculatrice {
	background: url(../images/calculatricebg.png) center center no-repeat;
	position: relative;
	width: 700px;
	height: 250px;
	margin-bottom: 20px;
}

#calculatrice form {
	margin: 0;
}

#selectDimension, #txtPieds {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #898989;
	border: 2px solid #D3D3D3;
	border-radius: 0!important;
	text-transform: uppercase;
	margin: 0;
}

#selectDimension {
	position: absolute;
	top: 100px;
	left: 145px;
	width: 170px;
	height: auto;
	line-height: 1;
	text-transform: none;
}


#txtPieds {
	position: absolute;
	top: 100px;
	right: 40px;
	width: 140px;
	padding: 5.5px;
}

#calculerBtn {
	position: absolute;
	top: 170px;
	left: 35px;
	width: 130px;
	height: 51px;
	background: transparent;
	border: 1px solid #87a8c0;
	-webkit-transition: border 200ms linear;
	-moz-transition: border 200ms linear;
	-o-transition: border 200ms linear;
	-ms-transition: border 200ms linear;
	transition: border 200ms linear;
}

#calculerBtnEn {
    position: absolute;
    top: 170px;
    left: 35px;
    width: 130px;
    height: 51px;
    background: transparent;
    border: 1px solid #87a8c0;
    -webkit-transition: border 200ms linear;
    -moz-transition: border 200ms linear;
    -o-transition: border 200ms linear;
    -ms-transition: border 200ms linear;
    transition: border 200ms linear;
}

#calculerBtn:hover {
	border-color: #FFF;
}

#resultCartouche, #resultSaucisse {
	position: absolute;
	text-transform: uppercase;
	font-family: 'Oswald', 'Lato', sans-serif;
	font-size: 13px;
	color: #FFF;
    left: 490px;
    width: 170px;
}

#resultCartouche {
	bottom: 53px;
}

#resultSaucisse {
	bottom: 35px;
}

.calcLegend{
    position: absolute;
    bottom: 4px;
    color: #fff;
    left: 188px;
    font-style: italic;
    font-size: 12px;
}

/* ============================================
   Columnizer
============================================ */

#main-content.column-wrap {
	position:relative!important;
	background:none!important;
	border:none!important;
	padding:0!important;
}

.item {
	/*padding: 0 10px;*/
	margin: 0 0 20px 0;
    width: 220px;
}

.item .content {
	background: #FFF;
	padding: 10px;
}

.column {
	margin-right: 20px;
	width: 220px!important;
}

.column.last {
	margin-right: 0;
}

.product-thumb, .realisation-thumb {
	width: 200px;
	padding: 10px;
	background: #FFF;
	text-align: center;
	border-bottom: 1px solid #DDD;
}

.realisation-thumb, .realisation-thumb img {
	max-width: 220px!important;
	width: 220px;
	padding: 0;
}

#main-content .item * {
	max-width: 200px;
}

.pdfLink {
	display: block;
	color: #0E5181;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

.pdfLink:hover {
	text-decoration: none;
}

.pdfLink img {
	margin-bottom: 5px;
}

/* ============================================
   Commande
============================================ */

#commandeForm {
	margin-bottom: 0;
}

#commandeForm input, #commandeForm textarea, #commandeForm select, #commandeForm button, #commandeForm .btn {
	border-radius: 0!important;
}

/*.cmdProduit, .cmdQte, .cmdFormat {*/
.cmdQte {
	margin: 0!important;
	vertical-align: middle;
	text-align: center;
}

.cmdProduit {
    width: 154px;
}

.cmdQte {
	width: 50px;	
}

.cmdFormat {
	width: 150px;
}

#commandeSubmit {
	background-image: none!important;
	background:#0E5181;
}

#commandeSubmit:hover {
	background: #042A45;
}

/* ============================================
   Footer
============================================ */

#fournisseurs-wrapper {
	padding: 20px 0;
}

#fournisseurs-slider {
	list-style: none;
	margin: 0;
	padding: 0;
}

#fournisseurs-slider li {
	float: left;
	width: 194px;
	text-align: center;
	padding: 36px 0;
}

#fournisseurs-title, #realisations-title, .filter {
	color: #FFF;
	background: #0E5181;
	padding: 10px 20px;
}

#fournisseurs-title h2, #realisations-title h2, .filter h2 {
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
}

#footer-wrapper, #colophon {
	color: #FFF;
}

#footer-wrapper {
	background-color: #0E5181;
	padding: 40px 0;
}

#footer-pattern {
	background: url(../images/footer-pattern.png) 0 0 repeat-x;
	width: 100%;
	height: 8px;
	text-align: center;
}

#footer-pattern img {
	margin-top: -16px;
}

#footer-nav {
	margin: 0 0 0 50px;
	padding: 0;
	list-style: none;
}

#footer-nav li {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 12px;
}

#footer-nav li:last-child {
	margin-bottom: 0;
}

#footer-nav li a {
	color: #FFF;
}

.footer-box {
	background: url(../images/footerbox-divider.png) top left repeat-y;
	height: 130px;
}

.footer-box {
	padding-left: 20px;
}

.footer-box.box2 {
	margin-left: -50px;
}

.footer-box.box3 {
	margin-left: -30px;
}

.footer-box h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 10px 0;
}

.footer-box ul {
	margin: 0 0 0 18px;
	padding: 0;
	list-style-image:url(../images/footerbox-bullets.png);
}

.footer-box ul li {
	font-size: 12px;
	margin-bottom: 6px;
}

.footer-box ul li:last-child {
	margin-bottom: 0;
}

.footer-box ul li a {
	color: #969ea1;
}

#colophon {
	background-color: #042A45;
	padding: 20px 0;
}

#colophon p {
	margin: 0;
}

#colophon a {
	color: #FFF;
}

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

.logo-large {
	margin-top: 15px;
}

.redStar {
	font-size: 21px;
}

.parentText {
	width:200px; 
	display: inline-block;
}

.autodatatable {
	width: 100%;
}

/* ============================================
   IE Debug
============================================ */

.ie #search-input {
	border: 0!important;
}

.ie #banner-wrapper {
	background-repeat: repeat-x;
}

.ie7 #home-categories {
	padding-bottom: 0;
}

.ie7 #siliconeSubmit {
	line-height: 40px;
	padding-bottom: 10px;
}

.ie .navlist ul {
	list-style-position: outside!important;
	list-style: none!important;
	list-style-image: none!important;
}

.ie .navlist ul li {
	list-style-type: none!important;
}

.ie .container-fluid {
	/*width: 942px!important;*/
}

@-moz-document url-prefix() { 
	.navlist ul {
		list-style: none!important;
		list-style-position: outside!important;
		list-style-image: none!important;
	}
	.navlist ul li {
		list-style-type: none!important;
	}
}

.fancyarrow{
    width: 24px;
    height: 28px;
    background: url(../images/select-fleche.png) #fff no-repeat 0px 12px;
    position: relative;
    left: 0px;
    float: right;
    top: 30px;
    margin-right: 2px;
    margin-top: -27px;
    cursor: pointer;
}

.ie .fancyarrow{
    display: none;
}


.goright{
    position: absolute;
    margin-left: 425px !important;
}

.selectedSubCateg{
    background-color: #e0e0e0;
}

.calcLine{
    position: absolute;
    bottom: 53px;
    left: 479px;
    width: 181px;
    height: 1px;
    background: url('../images/calcLine.png') repeat-x;
    display: none;
}

.calcLineEn{
    position: absolute;
    bottom: 53px;
    left: 470px;
    width: 190px;
    height: 1px;
    background: url('../images/calcLine.png') repeat-x;
    display: none;
}

.pp_close{
    display: none !important;
}

.cmdColor{
    width: 172px !important;
}

.leftmenudiv{
    float: right;width: 180px;
}