body{background:#e6e6e6;margin:0;padding:0;}
img{border:0}
div.superContainer{
  width: 10px!important;
        min-width: 100%;
        *width: 100%;  
}
.presti_cloak{display: none !important}
.presti_uncloak{display: block !important}

#presti_container{width: 100%;max-width: 950px;
        background-image:url('../img/bgBarresDeToit.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: top center;margin:0 auto;;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 20px 30px;
        min-height: 800px;}
#presti_loader{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100;background:rgba(230,230,230,.7);display:none}
#presti_wrapper{width: 100%;max-width:960px;border-bottom:none;padding-bottom:20px;}
#presti_frm_header {
    max-width: 950px;
    width: 100%;
    background: rgba(255,255,255,0.6);
}
#presti_frm_header img.imgCriteres{max-width:100%;width: auto;height: auto;margin: 10px auto;display: block;}
#presti_bg_container{max-width:100%;width:980px;height:7px;}
#presti_wrapper p{font-family:Tahoma,Arial}
#presti_header{width:100%;height:auto;}
#presti_header a:hover{opacity:.9;filter:alpha(opacity=90);}

#presti_selectors_div {width:100%;margin:0 auto;max-width: 950px;
display: table;}
.presti_select_div{width:190px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 20%;
padding: 20px 10px 20px 10px;
position: relative;
display: table-cell;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,ededed+53,fcfcfc+100 */
}

.presti_select_div img{
        position: absolute;
        left: 8px;
        top: 50%;
        margin-top: -8px;
}
.presti_select_div > select, input{
        width:153px;
        max-width:100%;
        font-family:Tahoma,Arial;font-size:11px;text-align:left;border:1px solid #2e3669;
        vertical-align: middle;
    }
        span.triangle{
                vertical-align: middle;
                display: inline-block;
                width: 0;
                height: 0;
                border-left: 10px solid  #002b6f;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
        }
.modele{}
.portes{width:150px;}
.portes > select,input{width:120px;}
.version{}
.anne{width:150px;}
.anne > select, input {
    width: 110px;
    max-width: 100%
}

#presti_infos{display:none;max-height:30px;overflow:hidden}
span.presti_fixs_choisir{
        display: inline-block;
            border: none;
    background: #002b6f;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 15px auto;
    text-align: center;
    width: 110px;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    margin-top: -2px;
    position: relative;
    cursor: pointer;
}

#presti_etape_3,
#presti_etape_2{display:none;background: rgba(255,255,255,0.6);padding-bottom: 10px;}
#presti_filters{background:url('');background-repeat:no-repeat;background-position:center center;display:block;margin-top:20px}
#presti_bbm_frm{
margin: 10px 20px;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 53%, #fcfcfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfcfc 0%,#ededed 53%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfcfc 0%,#ededed 53%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

}
#presti_toit_select_div {/* background:url('../img/toit_type_bg.jpg'); background-repeat:no-repeat;*/width:100%;max-width:960px;height:191px;margin:0 auto;}
#presti_filters .presti_interior_infos, #presti_filters .presti_interior_title {
        margin: 0;
        padding: 5px;
}

.presti_toit_div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 5px;
width:33.33%;height:191px;float:left;/* background:#FF0 */}
#presti_vaste{
	background-image:url('../img/bg_fixations_dorigine.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;height:100%;
	display:none;}
#presti_geintegreerde{background-image:url('../img/bg_barres_int.png'); background-repeat:no-repeat;background-position:center center;width:100%;height:100%;display:none;}
#presti_t-profiel{background-image:url('../img/bg_rainures.png'); background-repeat:no-repeat;background-position:center center;width:100%;height:100%;display:none;}
#presti_normaal{background-image:url('../img/bg_normal.png'); background-repeat:no-repeat;background-position:center center;width:100%;height:100%;display:none;}
#presti_regengoot{background-image:url('../img/bg_gouttiere.png'); background-repeat:no-repeat;background-position:center center;width:100%;height:100%;display:none;}
#presti_dakrailing{background-image:url('../img/bg_barres.png'); background-repeat:no-repeat;background-position:center center;width:100%;height:100%;display:none;}
.presti_interior, .presti_interior_t, .presti_interior_f{width:49%;display:inline-block;vertical-align:top;}
.presti_choisir{width:100%;
text-align: center;}

.presti_title_p{padding-top: 20px;color:#ffffff;font-size:29px;text-transform:uppercase;text-align: center;
}
.presti_title_p2{color:#002b6f;font-size:18px; font-weight:bold;text-transform: none;text-decoration: none!important;}
#presti_etape_3 .presti_title_p2{
    margin-left: 20px;
}
.presti_infos_text{color:#000;font-size:12px;}
.presti_interior_title{color:#2e3669;font-size:12px;font-weight:bold;/* margin:15px 15px 0 15px */}
.presti_interior_infos{color:#000;font-size:12px;font-weight:bold;text-align:right;margin:15px 15px 0 15px}
.presti_add_infos{color:#4a4c50;font-size:10px;font-weight:bold;text-align:center;text-transform:uppercase;}
.presti_frm_title_p{display: block;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding: 5px 10px;
font-size: 21px;
color: #2d8ceb;
background: #fff;
-webkit-box-shadow: 0 5px 3px -1px rgba(0,0,0,0.3);
box-shadow: 0 5px 3px -1px rgba(0,0,0,0.3);
margin: 0;
}
.presti_frm_title2_p{color:#0465bd;font-size:14px;text-transform:uppercase;margin-left:25px;font-weight:bold;margin-top:10px}

.presti_result{font-family:Tahoma,Arial;font-size:12px;width:100%}

#presti_filtrage{width:749px;display:none;}
.presti_label{width:100px;text-align:right;float:left;font-family:Tahoma,Arial;font-size:14px;color:#5277b4;font-weight:bold;margin-right:10px}
#presti_num_res{width:200px;float:left;font-family:Tahoma,Arial;font-size:12px;color:#000}
#presti_fil_opt img{vertical-align:middle;}
#presti_fil_opt input{vertical-align:middle;}
#presti_clear{height:0px;clear:both}

#presti_resultats{width:100%;display:none;clear:both;}

.presti_resultat{display:none;text-transform:uppercase;}
#presti_resultats_container{
        background: rgba(255,255,255,0.6);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px 10px;
}
#presti_resultat_container_header{width:100%;height:auto;display:block;}
#presti_resultat_container_header:after{
        content: "";
        display: block;
        clear: both;
}
#presti_resultat_container_header div{vertical-align: middle;
	display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
        align-content: center;
	border-right: 1px solid  #fff;font-family:Tahoma,Arial;font-size:11px;
	font-weight:bold;color:#FFF;float:left;text-align:center;height: 70px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;}
#presti_resultat_container_header #presti_marque{width:14%;}
#presti_resultat_container_header #presti_refs{width:40%;text-transform:uppercase;}
#presti_resultat_container_header #presti_prix{width:12%;}
#presti_resultat_container_header #presti_charge{width:7%;}
#presti_resultat_container_header #presti_notice{width:10%;}
#presti_resultat_container_header #presti_antivol{width:9%;}
#presti_resultat_container_header #presti_info_comp{width:8%;font-size:10px;border:none}


.erprix{background:#c42925}
.thule{background:#19171c}
.thule_pro{background:#19171c}
.norauto{background:#002b6f}
.mts,.mts_pro{background:#106eb7}
.montblanc,.montblanc_pro{background:#ea174e}



#presti_resultats_wrapper{width:100%;}

#presti_resultat_container {width:100%;padding-bottom:0px;padding-top:0px;}
#presti_resultat_container p {margin:0;padding:0}
#presti_resultat_wrapper{clear:both;width:100%;min-height:70px;border:0px solid red;display:none;margin:0;padding:0;margin-left:0px;}
#presti_resultat_wrapper div {font-family:Tahoma,Arial;font-size:12px;float:left;margin:0;padding:0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border-right: 1px solid  #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#presti_resultat_wrapper div a{
	display: block;
	text-align: center;
}
#presti_resultat_wrapper div a img{
	margin-left: 0 !important;
}
#presti_resultat_wrapper div div {
padding: 2px 5px;
border-right: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#presti_resultat_wrapper div:last-child{
	border-right: none;
}
/* #presti_resultat_container div{float:left;height:60px;border-right:1px solid #ebebeb} */
#presti_resultat_wrapper #presti_marque{font-weight:bold;width:14%;min-height:70px;}
#presti_resultat_wrapper #presti_refs{width:40%;min-height:70px;}
#presti_resultat_wrapper #presti_prix{width:12%;color:#f53000;font-size:16px;min-height:70px;text-align:center;/* background-image:url('../img/bt_egal.png');background-repeat:no-repeat;background-position:left center; */}
#presti_resultat_wrapper #presti_charge{width:7%;min-height:70px;text-align:center;}
#presti_resultat_wrapper #presti_notice{width:10%;min-height:70px;text-align:center;}
#presti_resultat_wrapper #presti_antivol{width:9%;min-height:70px;text-align:center;}
#presti_resultat_wrapper #presti_info_comp{width:8%;min-height:70px;text-align:center;}

.presti_refs_style{}
.presti_refs_style.presti_bg{background-image:url('../img/bt_plus.png');background-repeat:no-repeat;background-position:right center;}


/*------Newpage---*/

#presti_l_h_d{float:left;width:507px;height:190px;margin-left:25px;margin-top:0;margin-right:2px;}
#presti_no_results{font-weight:bold;font-size:14px;color:#FF0000;width:100%;height:50px;text-align:center;padding-top:25px;display:none}
.prestim_selectdim {width:115px;height:35px;border:1px solid #d8d8d8;background-color:#027bbb;color:white;text-align:center;margin-right:20px;margin-top:0px;}
.prestim_condition {width:400px;font-size:13px;color:#4a507d;clear:both;float:left;margin-top:60px}
.prestim_section {width:104px;height:35px;float:left;margin-right:20px;}
.prestim_filters  {float:left;margin-top:25px;}
.prestim_filters a {float:left;margin-right:5px;text-decoration:none;color:#000000;font-family:Tahoma,Arial;font-size:14px}
.prestim_filters a:hover {text-decoration:underline}
.prestim_filters p{float:left;margin:0;margin-right:5px;width:10px;font-family:Tahoma,Arial}
.popoverImg{position:absolute;min-width:100px;height:30px;border:1px solid #2e3669;display:block;z-index:2;background:#FFF;font-family:Tahoma,Arial;font-size:11px;font-weight:bold}
.popoverImg p{text-align:center;margin:5px}
.centered{
        position:absolute;
        margin:auto;
        left:0;
        top:0;
        bottom:0;
        right:0;
}
.centered.iframe-overlay{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.4);
}
.centered.iframe-container{
        width:90%;
        max-width:1080px;
        min-height:240px;
        max-height:640px;
        border:5px solid #2e3669;
        border-radius:5px;
        background:#FFF;
}
.iframe{
        border:0;
        width:100%;
        height:100%;
        /* background:#F0F; */
}
.cursor-hand{
        cursor:pointer;
}
.not-animated{}
.animated {

        animation-name: resize;
        -webkit-animation-name: resize;

        animation-duration: 1s;
        -webkit-animation-duration: 1s;

        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;

        /*
        transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        */

        animation-iteration-count: 2;
        -webkit-animation-iteration-count: 2;
}

@keyframes resize {
        0% {
                opacity: 1;
                width:20px;
        }
        50% {
                opacity: .8;
                width:22px;
        }
        100% {
                opacity: 1;
                width:20px;
        }               
}

@-webkit-keyframes resize {
        0% {
                opacity: 1;
                width:20px;
        }
        50% {
                opacity: .8;
                width:22px;
        }
        100% {
                opacity: 1;
                width:20px;
        }               
}
@media screen and (max-width: 940px){
        span.triangle{
                display: none;
        }
        .presti_select_div{

        }
        .presti_select_div > select, input{
                width: 100%;
        }
}
@media screen and (max-width: 850px){
    #presti_container{
        min-height: 600px;
    }
    .centered.iframe-container{
        margin-top: 2%;
        max-height: 88%;
    }
	#presti_resultat_wrapper #presti_prix{
		font-size: 14px;
                float: right;
	}
#presti_resultat_wrapper div {
}
#presti_resultats{
    border: 1px solid  #000;
    margin-bottom: 10px;
    background: #cccccc;

}
#presti_resultats #presti_resultat_wrapper{
    border-top: 1px solid  #cccc;
    margin-top: 10px;
}
#presti_resultat_wrapper:after{
    content: "";
    display: block;
    clear: both;
}
div#presti_marque {
    display: block;
    width: 100%!important;
}

div#presti_refs {

}

#presti_resultat_container p {
    max-width: none!important;
 
}

#presti_resultat_container div#presti_marque div p{
    max-width: none!important;
    width: 90% !important;
}

#presti_resultat_wrapper div div {
    max-width: none!important;
}
#presti_marque{
	position: relative!important;
	min-height: 0 !important;
	height: auto !important;
	padding: 10px 5px!important;
}
#presti_refs{
	background: #fff;
	padding-left: 35px!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	position: relative;
        display: block;
    width: 100%!important;
    border-top: 1px solid  #cccccc;
	border-bottom: 1px solid  #ffffff;
}
#presti_resultat_wrapper .presti_refs_style.presti_bg{
    padding-right: 11px!important;background-image:url('../img/bt_plus.png')!important;background-repeat:no-repeat!important;background-position:right center!important;}

#presti_refs:before{
	content:"Ref";
	display: inline-block;
	position: absolute;
	left: 0;
	padding-top: 30px;
	width: 35px;
	text-align: center;
	font-weight: bold;
	background: #ccc;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#presti_resultat_wrapper #presti_prix{width:50%!important;text-align: center !important;}
#presti_resultat_wrapper #presti_charge{width:50%!important;text-align: center !important;}
#presti_resultat_wrapper #presti_notice{width:20%!important;text-align: center !important;}
#presti_resultat_wrapper #presti_antivol{width:20%!important;text-align: center !important;}
#presti_resultat_wrapper #presti_info_comp{width:20%!important;font-size:10px;border:none;text-align: center !important;}
#presti_prix:before, #presti_charge:before{
	content:attr(data-title);
	display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
	position: relative;
	text-align: center;
	font-weight: bold;
	background: #ccc;
	height: 32px;
	-ms-align-items: center;
        align-items: center;
        justify-content: center;
        align-content: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	
}
#presti_prix p, #presti_charge p{
    height: 30px !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
}
div#presti_ref_container > div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#presti_resultat_wrapper div:not(.bt_acheter_bg){
    background: #fff!important;
}
div#presti_ref_container > div:not(.presti_bg){
	width: calc(33.33% - 11px)!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#presti_resultat_wrapper div.bt_acheter_bg {
	background-image: none !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f23606+0,b43721+100 */
background: #f23606 !important; /* Old browsers */
background: -moz-linear-gradient(top, #f23606 0%, #b43721 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f23606 0%,#b43721 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f23606 0%,#b43721 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23606', endColorstr='#b43721',GradientType=0 ); /* IE6-9 */;
}
#presti_resultat_wrapper div p{
	margin-top: 0 !important;

}
#presti_notice,#presti_antivol,#presti_info_comp {
    display: none !important;
}
#presti_resultat_wrapper{
	background: #fff;
}
#presti_ref_container{
	margin: 5px 0 !important;
}
#presti_marque div{
	max-width: none !important;
	width: 100% !important;
	position: relative !important;
	height: auto !important;
	min-height: 0 !important;
}
#presti_marque div div{
	position: absolute!important;
	right: 0!important;
	width: 10% !important;
}
        #presti_resultat_container_header div:not(#presti_marque){
        	display: none;
        }
}
@media screen and (max-width: 740px){
        #presti_frm_header img.imgCriteres{
                display: none;

	        }
	        .presti_select_div {
	        
	    display:  inline-block;
	    width: 140px;
	    padding: 5px;
	    background: none;border: none;
	}

	div#presti_selectors_div {
	        padding-top: 15px;
	    display: block;
	    text-align: center;
	    border: none;
	}
	img{
	        max-width: 100%;
	        width: auto;
	        height: auto;
	}
        .presti_toit_div, #presti_toit_select_div{
        	height: 150px;
        }
	.presti_toit_div div{
	        -webkit-background-size: 100%;
	        background-size: 100%;
	}
        .presti_choisir, .presti_choisir.cursor-hand{
        	margin-top: 60px!important;
        }
        #presti_container{
        	padding-left: 0;
        	padding-right: 0;
        }
}
@media screen and (max-width: 700px){
     .presti_interior{
        width: 100%;
     }

}
@media screen and (max-width: 580px){
    #presti_filters .presti_interior_infos, #presti_filters .presti_interior_title {
    
        padding: 2px;
}
     .presti_select_div {
                
            display:  inline-block;
            width: 140px;
            max-width: none;
            padding: 5px;
            background: none;border: none;
        }
        div#presti_selectors_div{
            padding-bottom: 10px;
        }
	.presti_interior{width: 49%;}
	div#presti_filters:after{
		content:"";
		display: block;
		clear: both;
	}
     .presti_toit_div{
     	width: 100%;
        background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 53%, #fcfcfc 100%);
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#ededed 53%,#fcfcfc 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#ededed 53%,#fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 );
     }
     .presti_toit_div div {
     	-webkit-background-size: auto;
     	background-size: auto;
        background-position: left top;
     }
     .presti_choisir, .presti_choisir.cursor-hand{
     	margin-top: 110px!important;
     }
     .presti_toit_div, #presti_toit_select_div{
                height: 180px;
        }

        .presti_interior {
	    bottom: -28px;
	    position: relative;
	}

}