/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
*
{
	margin:0px;
	padding:0px;}


body
 {
 	//font-family: helvetica, arial, sans-serif;
 	//font-size: 13px;
 	font-family: 'Open Sans', sans-serif;
	font-size:13px;
 	color: #686868;
 	line-height:18px;
   	
  	
}


 

.logo 
{
	border: 0px;
}

.logo a
{
	border: 0px;
}


.logo img
{
	border: 0px;
}


a{
	color:#686868;
}

a visited
{
	color:#686868;
	border: 0px;
}

p{
	margin-bottom: 15px;
}
/*
@font-face {
	font-family: 'Bebas';
	src: url('Bebas.eot');
	src: local('Bebas Regular'), local('Bebas'), url('Bebas.ttf') format('truetype');
}*/


#container
{
	position:relative;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	background-color:black;
	
	} 


#content_top
{
	 
	//width:100%;
	height:544px;
	
	 
	 	}
	 	

#menu
{
	
	width:950px;
	height:51px;
	background-color: #252632;/*#292929*/
	border-top:2px solid #333;

}	

.menuList
{
	list-style: none;
	margin:16px 40px 0 0;
	float:right;
	font-weight:bolder;
	 
}

.menuList img
{
	border:0px;
}

.menuList li
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:15px;
	 
	text-transform:uppercase;
	display: inline;
	border-right: 1px dotted #e5e5e5;
	padding: 4px 20px 4px 20px;
}



.menuList li a
{
	
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size:15px;
	 
	text-transform:uppercase;
	color:#fff;
	text-decoration: none;
	 
}

.menuList li a:hover
{
	color:yellow;
}


	
#top
{
	position:relative;
	margin: 0 auto;
	width:950px;
	height:470px;
	padding-top:70px;
	 
}

.logo
{
	float:left
	width:230px;
	height:51px;
	
}


#content_down
{
	width:100%;
	z-index:1;
	background-color: white;
}





#content
{
	position:relative;
	width:950px;
	margin:0 auto;
	min-height: 480px;
	padding: 20px;
	
}

 

#content-tarifs
{
	position:relative;
	width:950px;
	margin:0 auto;
	min-height: 1150px;
	padding: 20px;
	
} 

#content-faq
{
	position:relative;
	width:950px;
	margin:0 auto;
	min-height:1070px;
	padding: 20px;
	
	
}

#content-detailing
{
	position:relative;
	width:950px;
	margin:0 auto;
	min-height:1300px;
	padding-top: 30px;
	
}



#content-vitresteintees
{
	position:relative;
	width:950px;
	margin:0 auto;
	min-height: 1550px;
	padding-top:20px;
	
	
} 

.shiftech
{
	font:10px arial, verdana, tahoma;
}


/** left **/

#left
{
	float:left;
	width: 220px;
	
}

.left-content
{
	padding:25px 0 25px 0; 
	width:710px;	
	}

/**detailing**/

#detailing-categorie
{
	position: relative;
	width: 950px;
	font:15px helvetica,arial;
	text-align: center;
		border-top:1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0 10px 0;
	margin: 20px 0 20px 0;


}


#formules-detailing
{
	position:relative;
	width:950px;
	margin:0 auto;
	margin-bottom: 10px;
	min-height:1170px;

	
}


#detailing-ex
{
	clear: both;
	position:relative;
	width: 890px;
	height: 140px;
	margin: 0 auto;
	 
}

ul#formules 
{
	margin-left: 25px;
	list-style: none;
	
}

ul#formules li
{
	float:left;
	margin: 10px 15px 0 0;
	
}



/** promo **/

#left .promo
{
	list-style: none;
	padding: 10px 0 0 0;	
}

#left .promo li
{
	display: block;
	margin-bottom: 10px;
}

#left .promo img
{
	border:0px;
}

#left .promo a
{
	border:0px;
}



	
	
 

 
 


#right-two-columns
{
	float:left;
	width:730px;
	
	
	
}





#right-two-columns-content
{
	width:670px;
	margin: 25px 25px 0 25px;
	
}

#right-two-columns-content img
{margin-left: 30px;}

#right-two-columns-content-faq
{
	width:705px;
	
	margin: 25px 25px 0 25px;
	
}


/**conditions**/
ul#conditions
{
	 
	width:600px;
	list-style: none;
	color:#2B2B2B;
	 
	
}




/** tarifs **/

ul#tarifs
{
	list-style: none;
	color:#2B2B2B;
	width:600px;
}

ul#tarifs li
{
	background-color: #f4f2f2;
	border:1px solid #e5e5e5;
	margin:15px;
	padding:15px;
}
 
	

.titlePourquoi
{
	font:12px arial,verdana,tahoma;
	font-weight: bold;
	color:#2B2B2B;	 
}


/** explication **/

.explicationImg
{
	float:left;
	margin:5px 15px 0 0;
	height:70px;
	
}

.explicationUv, .explicationTemp, .explicationGlass
{
	margin: 25px 0 20px 0;
	width:330px;
}




.contentAcc
{
		background-color: #f5f5f5;
	padding:25px 25px 10px 25px;
	margin-left: 35px;
	width:550px;
	margin-bottom: 20px;
	 
}
.contentAcc-faq
{
	background-color: #f5f5f5;
	margin-left: 35px;
	width:550px;
	padding: 25px;
	margin-bottom: 35px;
	 
	 
}

.bold
{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:bold;

}

.bold_suspensions
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
	
	}


/** ul contact **/

#contact-left
{
	float:left;
	width:560px;
	height:auto;
	background-color: #e6e6e6;

}
/**
.bouton {
	padding:6px 0 6px 10px;
	font:bold 13px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	width:210px;
	 
	content: "\260E";
	background-color: white;
}**/




 

/** h3 title **/


h3
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;
	font-size:14px;
	text-transform:uppercase;
	color:#2B2B2B;
	//font-weight: bolder;
	padding: 0 0 20px 0;

	}

.header
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;
	font-size:18px;
	color:#9a9a9a;
	padding: 20px 0 20px 0; 
}

.avantages
{
padding-top: 20px;
font-size: 16px;}
	
h1
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;
	font-size:20px;
	//text-transform:uppercase;
	color:#2B2B2B;
	margin-bottom:10px;
	 
	
}

h2
{
	font:14px arial, verdana, tahoma;
	color:#2B2B2B;
	line-height: 20px;
	padding: 10px 0 20px 0;
}

h4
{
	font:12px arial, verdana, tahoma;
	color:#4B4B4B;
	font-weight: bolder;
	padding: 0 0 20px 0;
	font-style: italic;
}

h5
{
	font:14px arial, verdana, tahoma;
	color:#4B4B4B;
	font-weight: bolder;
	padding: 20px;
	text-align: center;
	border: 1px solid #e5e5e5;
}

h6
{
	font:16px arial, verdana, tahoma;
	color:#4B4B4B;
	font-weight: bold;
	text-align: center;
	
}
	


#footer
{
	clear: both; 
	width:950px;
	height:35px;
	background-image: url(img/bgd_menu.jpg);
	margin: 0 auto;
	
	
	}

.footerContent
{
	position: relative;
	width:350px;
	txt-align-center
	height:20px;
	margin: 0 auto;
	padding:10px;
	font:10px arial, verdana, tahoma;
	color:#686868;
	}


#footer a
{
	color:#e5e5e5;
	text-decoration: underline;
}	




#slide-jantes
{
	position:relative;
	width: 950px;
	height:370px;
	border:0px;
	background-image: url(img/banner-jantes-suntech.jpg);
	background-repeat: no-repeat;
}

 

#slide-reprog
{
	position:relative;
	width: 950px;
	height:370px;
	border:0px;
	background-image: url(img/banner-reprog-suntech.jpg);
	background-repeat: no-repeat;
}

#slide-suspensions
{
	position:relative;
	width: 950px;
	height:370px;
	border:0px;
	background-image: url(img/banner-suspensions-suntech.jpg);
	background-repeat: no-repeat;
}

.reprog-txt
{
	position:relative;
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	color:#9a9b9d;

	}

	
#reprog-left
{
	float:left;
	width:350px;
	//padding-top:40px;

	}
#reprog-right
{
	float:right;
	width:520px;
	height:auto;
	padding:0 40px 0 0;
	}
	
.reprog-contact
{	
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.3em;
	font-size:18px;

	border-top:1px solid #9a9b9d;
	border-bottom:1px solid #9a9b9d;
	padding:10px;
	line-height:1.3em;
	font-size:20px;
	
	}

ul.reprog-garanties

{
	list-style: square ;
	padding: 0;
    margin: 0;
}

ul.reprog-garanties li

{
	margin-left:20px;
}

.suspensions-contact
{	
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.3em;
	font-size:20px;
	color:#fff;
	//border-top:1px solid #9a9b9d;
	//border-bottom:1px solid #9a9b9d;
	padding:30px;
	line-height:1.3em;
	text-align:center;
	background-color:#d6d6d6;
	
	}


	
#reprog-avantage
{	
	width:310px;
	padding:20px;
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.3em;
	font-size:18px;
	color:white;
	background-color:#b6b6b6;
	}
	
ul#reprog-avantage 
{
	position:relative;
	margin:0 auto;
	width:130px;
	list-style:none;
	 
	}
	
.rdv
{
	margin-bottom:10px;
	border-bottom:1px solid;
	}
	
#jantes 
{
	position:relative;
	margin:0 auto;
	width:950px;
	height:auto;
	background-color:white;
	
	}

#accueil, #contact
{
	position:relative;
	margin:0 auto;
	width:950px;
	height:800px;
	background-color:#f6f6f6;
	
	}	
#suspensions-kw, #suspensions-st, #suspensions-ap
{
	position:relative;
	width:950px;
	padding-bottom:15px;
	}
	
#suspensions-kw img
{
	border:0px;
	}
	

	
.suspensions-txt-ast
{
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
	font-style:italic;
 	color: #fff;	
	}
		
.suspensions-desc
{
	float:right;
	width:399px;
	height:258px;
	padding:15px;
	background-color:#afafaf;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
 	color: #fff;	
 	
 	
	}

.suspensions-txt-titre 
{
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.4em;
	font-size:28px;	
	
}

.accueil-txt1

{
	position:relative;
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height: 26px;
	color:#9a9b9d;
	padding:65px 20px 0px 20px; 
	 	

}

.accueil-txt2
{
	position:relative;
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height: 26px;
	color:#9a9b9d;
	padding: 20px 20px 0px 20px; 	

}



.boldaccueil
{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight: bolder;
	color:#5f5f5f;

}

.underlined
{
	position:relative;
	width:250px;
	padding-bottom: 5px;
	border-bottom: 0.5px solid gray;
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;
	text-transform: uppercase;
	font-size:20px;
 	color:#5f5f5f;
	
	 

}

 
.telephone 
{

	
	text-decoration: none;
}

.reprogrammation-txt-titre
{
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.2em;
	font-size:20px;	
}

.suspensions-txt-sous-titre
{
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	font-size:20px;	
	color:#e6e6e6;
	padding: 5px 0 5px 0;
	border-top:0.5px solid #e6e6e6;
	border-bottom:0.5px solid #e6e6e6;

	}
 
 .reprogrammation-txt-sous-titre
{
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	font-size:17px;	
	color:#afafaf;
	padding: 5px 0 5px 0;
	border-top:0.5px solid #e6e6e6;
	border-bottom:0.5px solid #e6e6e6;

	}

	
#reprog
{
	position:relative;
	margin:0 auto;
	width:950px;
	height:1020px;
	background-color:#fafafa;
	//padding-bottom:40px;
	
	}
	
#suspensions

{
	position:relative;
	margin:0 auto;
	width:950px;
	height:1250px;
	background-color:#fafafa;
	//padding-bottom:40px;
	
	}
	
h1
{
	position:relative;
	width:auto;
	margin:0 auto;	
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.2em;
	font-size:30px;	
	color:#000;
	text-align: center; 

	} 
	h2
{
	position:relative;
	width:auto;
	margin:0 auto;	
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.1em;
	font-size:30px;	
	color:#000;
	text-align: center; 

	} 
	h3
	{
		position:relative;
		width:auto;
		margin:0 auto;	
		font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
		line-height:1em;
		font-size:30px;	
		color:#000;
		text-align: center; 
	
		} 

.jantes-titre, .reprog-titre, .suspensions-titre
{
	position:relative;
	width:auto;
	margin:0 auto;	
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;	
	line-height:1.2em;
	font-size:30px;	
	color:#000;
	text-align: center; 

	} 

	
#jantes-intro, #reprog-intro, #suspensions-intro, #accueil-intro, #contact-intro
{
	position:relative;
	width:auto;
	margin:0 auto;
	padding:80px 80px 60px 80px;
	background-color:#f6f6f6;
		}
		
 
 
	
.jantes-txt
{
	position:relative;
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height: 25px;
	color:#9a9b9d;
	padding-top:40px;

	}
	
	
#jantes-partenaires 
{
	position:relative;
	width:auto;
	height:656px;
	margin-top:0px;
	padding-bottom:80px;
	list-style: none;

	}	

#jantes-partenaires img
{
	float:left;
	text-align: center; 
	width:316px;
	}

#services
	{
		position:relative;
		width:auto;
		height:auto;
		padding-top:0px;
		padding-bottom:80px;
		list-style: none;
	
		}	

#services img
{
	float:left;
	text-align: center; 
	width:316px;
	}
	
.espace
{
	margin-left:1px;
	}


.comment
{
	position:relative;
	width:950px;
	text-align: center;
	//background-color:green;

	}



/** content **/ 
#content
{
	position:relative;
	//padding-top:20px;
	width:950px;
	min-height:450px;
	background-image: url(img/deg.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fff;
}

#content-reprog
{
	position:relative;
	//padding-top:20px;
	width:950px;
	min-height:1000px;
	background-image: url(img/deg.png);
	background-repeat: repeat-x;
	background-position: top;
	
}

.lien-mail
{
	color:#2B2B2B;
	border-bottom:1px  dotted #2B2B2B;
	}


	.droite
	{

		width: 33.3333%;
		float:left;
 	}

	.droite-txt1

{
	position:relative;
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height: 26px;
	color:#9a9b9d;
	margin:0px 40px 20px 30px; 
	
	
	 	

}



	/**    FORMULAIRE **/


	.contact-2 form input[type=text], .contact-2 form input[type=email], .contact-2 form textarea, .contact-2 form input[type=button], .gallery-images .filters a, .blog .filters a, 
    .blog .articles .overlay, .blog.style-1 .article .date a, .blog.style-1 .article .cat a, .blog.style-2 .article .date a, .blog.style-2 .article .cat a, .sidebar .widget.recent-posts ul li a,
    .sidebar .widget.categories ul li a, .blog.filtered .articles .article .article-cont:before, .sidebar .widget.flickr ul li:before, .blog-single .article .info a, .shop .items .item .overlay:before,
    .blog-single form input[type=button], .blog-single form input[type=text], .blog-single form input[type=email], .blog-single form textarea, .shop .items .item .rate-2,.shop .filters a,
    .shop .items .item .overlay, .shop .items .item .item-cont:before, .item-single .add-to-cart button,.item-single .add-to-cart input[type=number], .item-single .rate .full a, 
    .inner-wrapper .flexslider .nav a, .item-single .items .item .overlay, .gallery-images .images .img .icon, .gallery-images.style-title .images .img .love-2 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

	    /*Contact Us 2
        .contact-2 {float:left;
			width: 66.6666%;
        }
        .contact-2 .info-box {
            margin-bottom: 0px;
            text-align: left;
        }
        .contact-2 .info-box:last-child {
            margin-bottom: 0px;
        }
        .contact-2 .info-box .desc {
            margin-bottom: -5px;
            color: #7C7C7C;
            font-size: 12px;
        }
        .contact-2 .info-box .info {
            margin: 0px;
            color: #000000;
            font-size: 12px;
            letter-spacing: 4px;
        }
        .contact-2 .info-box .info a {
            color: #000000;
            font-size: 12px;
            letter-spacing: 4px;
        }
        .contact-2 .info-box .info a:hover {
            -webkit-animation: logo_animate 0.8s 1; /* Safari 4+ */
            -moz-animation:    logo_animate 0.8s 1; /* Fx 5+ */
            -o-animation:      logo_animate 0.8s 1; /* Opera 12+ */
            animation:         logo_animate 0.8s 1; /* IE 10+, Fx 29+ */
        }
        .contact-2 .one-third .info-box .desc {
            margin-bottom: 1px;
        }


        /*Form*/
            .contact-2 form { 
				
				 padding: 0px 40px 0px 40px; 
            }
            .contact-2 form input[type=text].error, .contact-2 form input[type=email].error, .contact-2 form textarea.error {
                border: 1px solid #D33434;
            }
            .contact-2 form input[type=text], .contact-2 form input[type=email] {
                float: none;
                margin: 0px 0px 20px 0px;
                width: 100%;
                background-color: transparent;
                border: 1px solid #8B8B8B;
                padding: 15px 15px;
                color: #7C7C7C;
                font-size: 13px;
                font-family: effra, arial;
            }
            .contact-2 form input:nth-child(3) {
                margin-right: 0px;
            }
            .contact-2 form textarea {
                margin-bottom: 20px;
                width: 100%;
                background-color: transparent;
                border: 1px solid #8B8B8B;
                padding: 22px 15px;
                font-size: 13px;
                color: #7C7C7C;
                height: 165px;
                font-family: effra, arial;
            }
            .contact-2 form textarea:hover, .contact-2 form input:hover, 
            .contact-2 form textarea:focus, .contact-2 form input:focus {
                color: #000000;
                border: 1px solid #000000!important;
            }
            .contact-2 form input[type=button] {
                font-size: 11px;
                display: inline-block;
                text-align: center;
                padding: 13px 15px;
                letter-spacing: 3px;
                margin: 0px 10px 10px 0px;
                border: 1px solid #282828;
                background-color: #282828;
                color: #ffffff;
                cursor: pointer;
                font-family: effra, arial;
            }
            .contact-2 form input[type=button]:hover {
                border: 1px solid #000000;
                background-color: #000000;
            }
            .contact-2 form .message-info {
                color: #000000;
                margin-left: 20px;
                opacity: 0;
                display: inline-block;
                font-size: 13px;
            }
            .contact-2 form .message-info.success {
                opacity: 1;
                color: #000000;
            }
            .contact-2 form .message-info.fail {
                opacity: 1;
                color: #FD3B3B;
            }

        /*Map*/
            .contact-2 .map {
                position: relative;
                width: 100%;
                height: 270px;
                margin-top: 50px;
            }
            .contact-2 .map .open {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 3;
                cursor: pointer;
            }
            .contact-2 .map .open:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #ffffff;
                opacity: 0.7;
                content: "";
                display: block;
            }
            .contact-2 .map .open p {
                position: absolute;
                top: 50%;
                left: 49.5%;
                font-size: 24px;
                color: #000000;
                letter-spacing: 8px;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }
            .contact-2 .map .open:hover p {
                -webkit-animation: logo_animate 0.8s 1; /* Safari 4+ */
                -moz-animation:    logo_animate 0.8s 1; /* Fx 5+ */
                -o-animation:      logo_animate 0.8s 1; /* Opera 12+ */
                animation:         logo_animate 0.8s 1; /* IE 10+, Fx 29+ */
            }
            .contact-2 .map .map-content {
                position: relative;
                width: 100%;
                height: 270px;
            }
            .contact-2 .map-content .gmnoprint {
                width: auto!important;
            }
            .contact-2 .map-content .gm-style .gm-style-cc a {
                color: inherit!important;
            }