@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
/*********/
/*general*/
/*********/
* {
margin: 0;
padding: 0;
border: 0;
font-family: 'Nunito Sans', sans-serif;
font-size: 12px;
font-style: normal;
text-decoration: none;
color: #636466;

}




body.envoiencours::after {
	content:'Envoi en cours...';
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0px;
	left: 0px;
	background: url(/web/img/envoi-en-cours.gif) rgba(0, 0, 0, 0.2) no-repeat center center;
	z-index: 10000;
	}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #636466;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  	color: #636466;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #636466;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #636466;
}
		
		


ul.ui-autocomplete {
    border: 1px solid #D7D8DA;
    position: absolute;
    z-index: 9999;
	/*width:585px;*/
	width:600px;
	height:286px;
	overflow:auto;
	background-color:#FFF;
}

ul.ui-autocomplete li {
	list-style-type:none;
	text-align:left;
	font-weight:bold;
	color:#8d8d8d;
	font-size:14px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	text-indent:19px;
	
}

ul.ui-autocomplete li span {
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

ul.ui-autocomplete li a.on {
	background-color:#e9e9e9;
	display:block;
	height:22px;
	line-height:22px;
}


ul.ui-autocomplete li a {
	cursor:pointer;
}

.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}



/*body {
	margin: 0 0 0 0;
	text-align: center;
	background: url("/layout/img/fond-body.gif") repeat-x top center #e5e5e5;
	}*/
body {
    margin: 0 0 0 0;
    background-image: url(/layout/img/fond.jpg);
    background-size: cover;
    background-position: top right;
    background-attachment: fixed;
	text-align: center;
}
		
#general {
	position: relative;
    width: 100%;
    text-align: left;
	}
.centre {
    position: relative;
    width: 1004px;
    margin: 0 auto;
}

#haut {
    background-color: rgba(255, 255, 255, 0.9);
	height:130px;
	position:relative;
}
#haut::after {
    content: '';
    position: absolute;
    top: 130px;
    left: 0px;
    width: 100%;
    height: 500px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), transparent);
}
#haut a#logo {
	position:absolute;
	top: 30px;
	left: 25px;
	width: 105px;
	height: 66px;
	display: block;

	}
#haut a#logo.fja {
	position:absolute;
	top: 30px;
	left: 540px;
	width: 105px;
	height: 66px;
	display: block;

	}
	
#haut h2 {
	width: 394px;
	font-size: 18px;
	color: #001240;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
	float: left;
	margin-top: 40px;
	text-transform:uppercase;
	margin-left: 320px;
	}
#haut h2 span{
	font-size: 18px;
	color: #001240;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	}
#haut img#mascotte {
	margin:18px 0 0 130px;
}
#client {
	background-image:url(/layout/img/fond-client.png);
	background-repeat:no-repeat;
	width:215px;
	height:130px;
	position:absolute;
	right:0px;
	top:0px;
	
}

#client p#titre_client {
	color:#777c7f;
	font-size:12px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	padding-left:3px;
	line-height:25px;
	vertical-align:middle;
	margin-bottom:6px;
	border-bottom: 1px solid #545164;
	margin-left: 10px;
	margin-right: 12px;
}

#client p#titre_client img {
	margin-top:4px;
	float:right;
}

#client p {
	color:#777c7f;
	font-size:14px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	padding-left:13px;

}

#client p a {
	font-size:14px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
}

#client p span {
	color:#777c7f;
	font-size:16px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
}

#client #actions {
	border-top:1px solid #545164;
	width:192px;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
}

#client #actions p {
	background-image:url(/layout/img/puce.png);
	background-repeat:no-repeat;
	padding-top:3px;
	background-position:4px 8px;
	padding-left:16px;
}



.ui-autocomplete {
margin-top:30px;
}

h1 {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
	color:#001240;
	font-size:24px;
	text-transform:uppercase;
	height:87px;
	line-height:87px;
	vertical-align:middle;
	padding-left:38px;
}
h1.bleu {
	color:#001240;
}

h1 span {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
	color:#001240;
	font-size:24px;
}

#formulaire_connexion {
	width:950px;
	height:394px;
	background:url("/web/img/fond-connexion.jpg") no-repeat right bottom;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;

}

#formulaire_connexion p {
	padding-top:10px;
}
#formulaire_connexion p.alerte {
	padding:10px 0 0 20px;
	color: #ff0000
}

#formulaire_connexion label {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	color:#292934;
	font-size:18px;
	padding-left:5px;
	padding-top:10px;
	
}

#formulaire_connexion input {
	width:243px;
	height:38px;
	line-height: 38px;
	vertcial-align: middle;
	background-color:#e6e6e6;	
	border:1px solid #292934;
	margin:5px 0px 5px 0px;
	padding-left:5px;
	font-size: 15px;
}

#formulaire_connexion input#bt_connexion {
	width:145px;
	height:40px;
	background: linear-gradient(to top, rgba(238, 109, 44, 1), rgba(236, 134, 52, 1));
	border:none;
	margin-left:50px;
	margin-top:28px;
	cursor:pointer;
	color: #fff;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
}

#formulaire_connexion form {
	padding-top:63px;
	padding-left:68px;
}

#bas {
	height:110px;
	background: linear-gradient(to top, rgba(238, 109, 44, 1), rgba(236, 134, 52, 1));
	margin-top: 150px;
}


#bas .bloc {
	float:left;
	margin-top:10px;	
	border-right: 1px solid #fff;
	height: 72px;
}

#bas .bloc p {
	color:#fff;
	line-height:21px;
	font-size:13px;
}

#bas .bloc p a {
	color:#fff;
}
#bas .bloc p a.netskiss,  #bas .bloc p span{
	color:#fff;
}

#bas .bloc p b{
	color:#fff;
	line-height:21px;
	font-size:13px;
	padding-left:56px;
}

#bas .bloc#b_gauche {
	width:471px;
}

#bas .bloc#b_milieu {
	width:236px;
}

#bas .bloc#b_milieu p {
	padding-left:29px;
}

#bas .bloc#b_droite {
	width:291px;
	border-right: none;
}

#bas .bloc#b_droite p {
	padding-left:30px;
}

#bas .bloc#b_gauche #adresse {
	float:left;
	width:326px;
}

#bas .bloc#b_gauche #adresse p {
	padding-left:56px;
}


#bas .bloc#b_gauche #telephone {
	float:left;
	width:145px;
}
/*texte*/
.texte{
	background-image: url("/layout/img/ombre_haut.png");
	background-position:center 1px ;
	background-repeat:no-repeat;
	background-color:#fff;
	padding-bottom: 20px;
}
.texte#devis{
	padding-bottom: 120px;
}
.texte h2 {
	font-family: 'Nunito Sans', sans-serif;
	color:#292934;
	font-size:22px;
	font-weight:600;
	vertical-align:middle;
	padding:25px 0 20px 25px;
}

.texte h2 span {
	font-family: 'Nunito Sans', sans-serif;
	color:#292934;
	font-size:22px;
	font-weight:400;
}
.texte li {
	display:inline-table;
}
.texte li.text {
	font-family: 'Nunito Sans', sans-serif;
	color:#444444;
	font-size:16px;
	font-weight:lighter;
	margin: 0 0 9px 0;
	padding: 0 0 0 6px;
}

.texte li.stock {
	margin-left:485px;
}

.texte li.text2 {
	color:#8b8b8b;
	font-size:13px;
	padding: 3px 0 0 10px;
}
/*page recherche*/


.texte#recherche #cadre_1 {
	margin: 0 0 60px 27px;
	width: 950px;
	height: 519px;
	background-image:url("/web/img/fond_cadre_1_recherche.jpg");
	
	}
.texte#recherche ul {
	margin: 0 0 0 26px;
	}
.texte#recherche ul.ui-widget input{
	width: 567px;
	height: 32px;
	background-image: url("/web/img/fond_input_widget.png");
	padding: 0 10px 0 10px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	}
.texte#recherche ul.ui-widget li.bouton input{
	width: 132px;
	height: 32px;
	background-image: url("/web/img/bouton_rechercher.gif");
	border: none;
	cursor: pointer;
	margin-right: 8px;
	}
	
.texte#recherche ul.ui-widget li.checkbox {
    background-image: none;
    text-align: center;
    width: 80px;
	}
.texte#recherche ul.ui-widget li.checkbox input{
    width: 20px;
	background-image: none;
	}
	
/*.texte#recherche ul.ui-widget li.checkbox input[type=checkbox].css-checkbox {
display:none;
}

.texte#recherche ul.ui-widget li.checkbox input[type=checkbox].css-checkbox + label.css-label {
padding-left:20px;
height:18px; 
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:18px;
vertical-align:middle;
cursor:pointer;
}

.texte#recherche ul.ui-widget li.checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -18px;
}

.texte#recherche ul.ui-widget li.checkbox .css-label{
background-image:url("/web/img/checkbox_on.png");
}
*/	
	
.texte#recherche h2.marge {
	margin-top: 40px;
	}
.texte#recherche ul.critere li{
	width: 140px;
	height: 32px;
	background-image: url("/web/img/fond_input_critere.png");
	text-align: right;
	margin-left: 5px;

	}
.texte#recherche ul.critere li select{
	background-color: #f8f8f8;
	height: 30px;
	width: 130px;
	margin: 1px 1px 0 0;
	}
.texte#recherche div#form_avance li.text{
	width: 140px;
	margin-left: 8px;
	padding: 0 0 0 0;
	}
.texte#recherche div#form_avance ul {
	margin: 0 0 0 20px;
	}
.texte#recherche ul.critere2 li{
	width: 209px;
	height: 32px;
	background-image: url("/web/img/fond_input_critere2.png");
	text-align: right;
	margin-left: 5px;
	}
.texte#recherche ul.critere2 li select{
	background-color: #f8f8f8;
	height: 30px;
	width: 199px;
	margin: 1px 1px 0 0;
	}
.texte#recherche ul.critere2 li input{
	height:29px;
	margin-top:1px;
	width:200px;
	margin-right:2px;
	background-color:transparent;
	}
.texte#recherche div#form_avance {
	width: 775px;
	float: left;
	}

.texte#recherche div#form_avance ul.ligne2  li.text{
	width: 209px;
	margin: 20px 0 9px 8px;
	}
.texte#recherche div#form_avance ul.ligne2  li.box{
	width: 80px;
	}
.texte#recherche div#form_avance p.bouton input{
	width: 132px;
	height: 32px;
	background-image: url("/web/img/bouton_rechercher.gif");
	border: none;
	cursor: pointer;
	margin: 35px 0 0 280px;
	}

.texte#recherche div#form_avance  ul.critere2   li.checkbox{
	background-image: none;
	width: 80px;
	text-align: center;
	}
.texte#recherche div#form_avance input#demo_box_2{
    width: 20px;
	}
/*
.texte#recherche div#form_avance  ul.critere2   li.checkbox input[type=checkbox].css-checkbox {
display:none;
}

.texte#recherche div#form_avance  ul.critere2   li.checkbox input[type=checkbox].css-checkbox + label.css-label {
padding-left:20px;
height:18px; 
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:18px;
vertical-align:middle;
cursor:pointer;
}

.texte#recherche div#form_avance  ul.critere2   li.checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -18px;
}

.texte#recherche div#form_avance  ul.critere2   li.checkbox .css-label{
background-image:url("/web/img/checkbox_on.png");
}*/
.texte#recherche div#legende{
	width: 148px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	float: left;
	background-color: #fdfeff;
}
.texte#recherche div#legende p{
	padding: 10px 13px 10px 13px;
	font-size: 13px;
	color: #8b8b8b;
	line-height: 18px;
}

.texte#recherche #cadre_2 {
	margin: 0 27px 27px 27px;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	}
.texte#recherche #cadre_2 p{
	color: #414042;
	font-size: 18px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: lighter;	
	padding: 0 30px 0 30px;
	}
.texte#recherche #cadre_2 p a{
	color: #414042;
	font-size: 18px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: lighter;	
	}
.texte#recherche #cadre_2 hr{
	border-bottom: 1px solid #26468e;
	margin: 10px 12px 0 ;
	height: 1px;
	clear: both;

	}
.texte#recherche #cadre_2 img.align_d{
	float: right;
	margin: 20px;
	}
/*resultat*/

#comparateur {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1000;
    background-color: #fbbe16;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    vertical-align: middle;
}

#comparateur a {
    display: inline-block;
    padding-right: 20px;
    color: #414042;
	font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    font-size: 19px;
    background: url(/web/img/fleche_comparateur.png) no-repeat right center;
    text-transform: uppercase;
}

#comparateur a span {
    color: #414042;
	font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    font-size: 19px;
}

.texte#resultat p.alerte {
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	padding:10px 0 10px 0;
	}

.texte#resultat div.ariane{
	margin: 0 17px 0 17px;
	background-color: #eeedf0;
	}
.texte#resultat div.ariane li{
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
	display: inline-table;
	height: 36px;
	vertical-align: middle;
	line-height: 36px;
	color: #7b7b7b;
	font-size: 16px;
	padding: 0 30px 0 14px;
	}
.texte#resultat div.ariane li.on{
	background-color: #b8c6cf;
	color: #292934;
	}
.texte#resultat div.cadre{
	margin: 0 17px 17px 17px;
	border: 1px solid #cdcdcd;
	background-color: #fff;
	}
.texte#resultat div.cadre .fond{
	background-image:url("/web/img/fond_pneu.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	}
.texte#resultat div.cadre p.titre{
	padding: 20px 0 20px 20px;
	line-height: 22px;
	}
.texte#resultat div.cadre p.titre b{
	font-family: 'Nunito Sans', sans-serif;
	color: #f37023;
	font-size: 16px;
	}
.texte#resultat div.cadre p.titre span{
	color: #575757;
	font-size: 13px;
	font-weight: bold;
	}
.texte#resultat div.cadre ul.titre {
	background: url("/web/img/fond-haut-tableau.gif") repeat-x bottom center;
	margin: 0 17px 0 17px;
	border: 1px solid #dcddde;
	}
.texte#resultat div.cadre ul {
	background-color: #fff;
	margin: 0 17px 0 17px;
	border-left: 1px solid #dcddde;
	border-right: 1px solid #dcddde;
	border-top: none;
	border-bottom: none;
	}
.texte#resultat div.cadre ul li {
	margin: 1px 0 0 0;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	padding-right: 2px;
	}
.texte#resultat div.cadre ul.titre li{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #fff;
	background-position:right;
	background-repeat:repeat-y;
	}

.texte#resultat div.cadre ul.titre li:last-child {
	border:none;
	position:relative;
	}
.texte#resultat div.cadre ul.titre li:last-child::after {
    content: url(/web/img/fleche_comparer.png);
    position: absolute;
    bottom: -9px;
    left: 5px;
}	
.texte#resultat div.cadre ul li{
	font-size: 11px;
	color: #4e4e4e;
	/*background-image: url("/web/img/bordure_tab_resultat.gif");
	background-position:right;
	background-repeat:repeat-y;*/
	border-right: 1px solid #dcddde;
	}
.texte#resultat div.cadre ul li.li_input,
.texte#resultat div.cadre ul li.taille13{
	border:none;
	}

.texte#resultat div.cadre ul li.li_input {
	padding-right:5px;
	}
.texte#resultat div.cadre ul li.li_input input{
	margin: 12px 0 0 3px;
	}

.texte#resultat div.cadre ul.ligne1{
	background-color: #fff;
	}
.texte#resultat div.cadre ul.ligne2{
	background-color: #f1f2f2;
	}
.texte#resultat div.cadre ul li.taille1 {
	width: 73px;
	}
.texte#resultat div.cadre ul li.taille2 {
	width: 89px;
	}
.texte#resultat div.cadre ul li.taille2 img{
	width: 87px;
	float: left;
	}
.texte#resultat div.cadre ul li.taille3 { 
	width: 30px;
	}
.texte#resultat div.cadre ul li.taille4 {
	width: 30px;
	}
.texte#resultat div.cadre ul li.taille5 {
	width: 40px;
	}
.texte#resultat div.cadre ul li.taille6 {
	width: 40px;
	}
.texte#resultat div.cadre ul.titre li.taille7 {
	width: 59px;
	line-height: 18px;
	}
.texte#resultat div.cadre ul.titre li.taille8 {
	width: 59px;
	line-height: 18px;
	}
.texte#resultat div.cadre ul li.taille7 {
	width: 59px;
	}
.texte#resultat div.cadre ul li.taille8 {
	width: 59px;
	}
.texte#resultat div.cadre ul.titre li.taille9 {
	width: 85px;
	line-height: 38px;
	font-size: 13px;
	}
.texte#resultat div.cadre ul li.taille9 {
	width: 85px;
	font-size: 10px;
	line-height: 18px;
	}
.texte#resultat div.cadre ul.titre li.taille10 {
	width: 100px;
	line-height: 38px;
	font-size: 13px;
	}

.texte#resultat div.cadre ul li.taille9 img{
	width: 20px;

	}
.texte#resultat div.cadre ul li.taille10 {
	width: 100px;
	font-size: 10px;

	}
.texte#resultat div.cadre ul.titre li.taille11 {
	width: 40px;
	line-height: 18px;
	}
.texte#resultat div.cadre ul li.taille11 {
	width: 40px;

	}
.texte#resultat div.cadre ul.titre li.taille12 {
	width: 50px;
	line-height: 18px;
	}
.texte#resultat div.cadre ul li.taille12 {
	width: 50px;
	}
.texte#resultat div.cadre ul li.taille13 {
	background-image: none;
	}
.texte#resultat div.cadre ul li.taille13 img{
	margin-top: 3px;
	}
.texte#resultat div.cadre p.bouton_modifier{
	margin: 25px 0 0 17px;
	}
.texte#resultat div.cadre p.legende{
	margin: 45px 0 3px 17px;
	}
.texte#resultat div.cadre p.legende img{
	margin: 0 5px 0 0;
	vertical-align: middle;
	}
.texte#resultat div.cadre p.legende img.marge{
	margin: 0 5px 0 30px;
	}

	
	
.texte#resultat div.cadre div#pagination  {
	margin: 25px  25px 0;
	text-align: center;
}
	
	
.texte#resultat div.cadre div#pagination p {
	text-align:center;
}

.texte#resultat div.cadre div#pagination p span.on {
	background-color:#f37023;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

.texte#resultat div.cadre div#pagination p a {
	background-color:#b4b4b4;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.texte#resultat div.cadre p.comparer {
    color: #5971a7;
    font-size: 13px;
    background-color: #e9e9ea;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
    margin: 0 17px 14px 17px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

/*devis*/

.texte#devis ul.bouton.multiple {
    padding: 0;
    border: none;
    border: 1px solid #bfbfbf;
    background-color: #f1f2f2;
}

.texte#devis ul.bouton.multiple li {
    text-align: right;
    width: 99%;
    padding: 5px 0px 5px 0px;
}

.texte#devis div.ariane{
	margin: 0 17px 0 17px;
	background-color: #eeedf0;
	}
.texte#devis div.ariane li{
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	display: inline-table;
	height: 36px;
	vertical-align: middle;
	line-height: 36px;
	color: #292934;
	font-size: 16px;
	padding: 0 30px 0 14px;
	}
.texte#devis div.ariane li.on{
	background-color: #dfdde2;
	color: #292934;
	font-weight: 600;
	}
.texte#devis div.cadre{
	margin: 0 17px 17px 17px;
	border: 1px solid #cdcdcd;
	background-color: #fff;
	}
.texte#devis div.cadre .fond{
	background-image:url("/web/img/fond_pneu.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	}
.texte#devis div.cadre div.gauche{
	float: left;
	width: 600px;
	}
.texte#devis div.cadre div.droite{
	float: right;
	width: 320px;
	}
.texte#devis div.cadre p{
	color: #1c1c1c;
	font-size: 14px;
	padding: 10px 0 0 20px;
	line-height: 20px;
	}
.texte#devis div.cadre p#alerte{
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
	}
.texte#devis div.cadre div.gauche p{
	padding: 20px 0 0 20px;
	}
.texte#devis div.cadre p b{
	color: #1c1c1c;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	}
.texte#devis div.cadre div.droite p{
	border: 1px solid #e6e7e8;
	width: 270px;
	text-align: center;
	margin: 25px 0 0 0;
	}
.texte#devis div.cadre div.droite p img{
	/*border: 1px solid #e6e7e8;*/
	width: 150px;
	text-align: center;
	margin: 10px 0 10px;
	}
.texte#devis div.cadre h2{
	background-color: #f37023;
	text-align: center;
	color:#fff;
	text-transform: uppercase;
	margin: 20px 17px 0 17px;
	border: 1px solid #dcddde;
	height: 33px;
	line-height: 33px;
	vertcial-align: middle;
	padding: 0 0 0 0;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	}
.texte#devis div.cadre#confirmation .fond{
	height: 600px;
	}
.texte#devis div.cadre#confirmation a{
	color: #26458c;
	text-decoration: underline;
	}
.texte#devis div.cadre#confirmation a:hover{
	color: #26458c;
	text-decoration: none;
	}
.texte#devis div.coordonnees {
	padding: 0 0 34px 8px;
	}
.texte#devis div.coordonnees input{
	width: 197px;
	height: 32px;
	background-image:url("/web/img/fond_input_coordonnees.gif");
	line-height: 32px;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	color: #000;
	font-size: 13px;
	margin: 9px 0 0 09px;
	}
.texte#devis div.coordonnees input.adresse{
	width: 423px;
	background-image:url("/web/img/fond_input_adresse.gif");
	}
.texte#devis ul.titre{
	background-color: #535063;
	margin: 0 17px 0 17px;
	height: 38px;
	border: 1px solid #dcddde;
	}
.texte#devis ul.ligne{
	background-color: #fff;
	}

.texte#devis ul.marge{
	margin: 17px 17px 0 17px;
	}
.texte#devis ul.titre li{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-image:url("/web/img/bordure_tab_devis_titre.gif");
	background-repeat: repeat-y;
	background-position: right;
	text-align: center;
	line-height: 38px;
	vertical-align: middle;
	}
.texte#devis ul.ligne{
	margin: 0 17px 0 17px;
	border-right: 1px solid #dcddde;
	border-left: 1px solid #dcddde;
	}
.texte#devis ul.ligne li{
	color: #4e4e4e;
	font-size: 13px;
	font-weight: bold;
	background-image:url("/web/img/bordure_tab_devis_ligne.gif");
	background-repeat: repeat-y;
	background-position: right;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	height: 177px;
	}
	
.texte#devis ul.commande li{	
	height:92px;
}
	
.texte#devis ul.bas li{
	height: 63px;
	}
.texte#devis ul li.taille1{
	width: 217px;
	text-align: left;
	background-image: none;
	}
.texte#devis ul li.taille1 p{
	padding: 12px 0 0 10px;
	margin: 0 0 0 0;
	font-weight: light;
	font-size: 12px;
	}
.texte#devis ul.titre li.taille1bis{
	width: 446px;
	height: 35px;
	}
.texte#devis ul li.taille1bis{
	width: 446px;
	}
.texte#devis ul li.taille1bis span{
	display: block;
	width: 299px;
	height: 23px;
	background-image:url("/web/img/fond_liste_taille1bis.png");
	margin: 7px 0 0 15px;
	}
.texte#devis ul li.taille1bis span select{
	width: 295px;
	height: 23px;
	}
.texte#devis ul li.croix{
	text-align: left;
	}
.texte#devis ul li.croix p{
	display: block;
	line-height: 35px;
	vertical-align: middle;
	padding-top: 20px;
	}
.texte#devis ul li.croix p img{
	margin: 10px 5px 0 10px;
	vertcial-align: middle; 
	}
.texte#devis ul li.taille1 span{
	padding: 0 0 0 14px;
	color: #fff;
	}
.texte#devis ul li.taille1 span.alerte{
	color:#F00;
	padding:0;
}
.texte#devis ul li.taille2{
	width: 125px;
	}
.texte#devis ul li.taille3{
	width: 98px;
	}
.texte#devis ul li.taille4{
	width: 99px;
	line-height: 19px;
	}
.texte#devis ul li.taille5{
	width: 73px;
	}
.texte#devis ul li.taille6{
	width: 100px;
	}
.texte#devis ul li.taille7{
	width: 97px;
	}
.texte#devis ul li.taille8{
	width: 98px;
	background-image:none;
	}
.texte#devis ul.ligne li.taille2 img{
	margin-top: 5px;
	}
.texte#devis ul.ligne li.taille3 img{
	margin-top: 5px;
	}

.texte#devis ul.ligne li p.sl0{
	margin: 17px 0 0 0;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	padding: 0 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e
	}
	
.texte#devis ul.ligne li p.sl0 span{
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e
	}	
	
.texte#devis ul.ligne li p.sl0p{
	margin: 17px 0 0 10px;
	width: 76px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background-image:url("/web/img/fond_devis_sl1_pourcent.png");
	background-repeat: no-repeat;
	text-align: right;
	padding: 0 0 0 0;
	}
.texte#devis ul.ligne li p.sl0p span{
	padding-right: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e;
	}
.texte#devis ul.ligne li p.sl1{
	margin: 17px 0 0 10px;
	width: 76px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background-image:url("/web/img/fond_devis_sl2.png");
	background-repeat: no-repeat;
	text-align: right;
	padding: 0 0 0 0;
	}
.texte#devis ul.ligne li p.sl1 span{
	padding-right: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e;
	}
	

	
.texte#devis ul.ligne li p.sl2{
	margin: 22px 0 0 10px;
	padding: 0 0 0 0;
	width: 76px;
	height: 35px;
	}
.texte#devis ul.bas li p.sl2{
	margin: 25px 0 0 10px;
	}
.texte#devis ul.ligne li p.sl2 input{
	width: 61px;
	height: 35px;
	line-height: 35px;
	vertcial-align: middle;
	background-image:url("/web/img/fond_devis_sl1.png");
	text-align: right;
	padding-right: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e;
	}
.texte#devis ul.ligne li p.sl2p{
	margin: 22px 0 0 10px;
	padding: 0 0 0 0;
	width: 76px;
	height: 35px;
	}
.texte#devis ul.bas li p.sl2p{
	margin: 25px 0 0 10px;
	}
.texte#devis ul.ligne li p.sl2p input{
	width: 46px;
	height: 35px;
	background-image:url("/web/img/fond_devis_sl2_pourcent.png");
	text-align: right;
	padding-right: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e;
	line-height: 35px;
	vertcial-align: middle;
	}

.texte#devis ul.ligne li p.sl3{
	margin: 22px 0 0 10px;
	padding: 0 0 0 0;
	width: 51px;
	height: 35px;
	}
	
.texte#devis ul.commande li p.sl3{	
	margin-top:26px;
}

.texte#devis ul.bas li p.sl3{
	margin: 25px 0 0 10px;
	}
.texte#devis ul.ligne li p.sl3 input{
	width: 51px;
	height: 35px;
	background-image:url("/web/img/fond_devis_sl3.png");
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #4e4e4e;
	line-height: 35px;
	vertcial-align: middle;
	}
.texte#devis ul.total{
	float: right;
	clear: right;
	margin: 17px 18px 0 0;
	width: 305px;
	height: 50px;
	background-image:url("/web/img/fond_total1.png");
	background-repeat:no-repeat;
	background-color: #fff;
	}
.texte#devis ul.total li.taille1{
	height: 50px;
	width: 200px;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	color: #4e4e4e;
	font-size: 14px;
	text-transform: uppercase;
	}
.texte#devis ul.total li.taille2{
	height: 50px;
	width: 100px;
	}
.texte#devis ul.total li.taille2 input{
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	color: #4e4e4e;
	font-size: 15px;
	width: 75px;
	background-image:url("/web/img/euro_input_total.png");
	background-repeat:no-repeat;
	background-position: 85px center;
	text-align: right;
	padding-right: 25px;
	}
.texte#devis ul.t2{
	margin: 3px 18px 0 0;
	}
.texte#devis ul.t3{
	margin: 3px 18px 43px 0;
	}
.texte#devis ul.t3{
	background-image:url("/web/img/fond_total3.png");
	font-weight: bold;
	}
.texte#devis ul.t3 img{
	vertical-align: middle;
	margin-left: 15px;
	}
.texte#devis ul.t3 li.taille2 input{
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	color: #4e4e4e;
	font-size: 15px;
	font-weight: bold;
	width: 75px;
	background-image:url("/web/img/euro_input_total3.png");
	background-repeat:no-repeat;
	background-position: 85px center;
	text-align: right;
	padding-right: 25px;
	}
.texte#devis ul.bouton {
	clear: both;
	border-top: 1px solid #bfbfbf;
	margin: 0 17px 0 17px;
	padding: 47px 0 47px 0;
	}
.texte#devis ul.bouton li.taille2{
	margin: 0 17px 0 350px;
	}
	
#devis.texte ul.ligne li.taille2 #schema {
	position:relative;
	width:123px;
	height:175px;
	background-image:url(/web/img/decibels.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	text-align:left;
}

#devis.texte ul.ligne li.taille2 #schema img {
	margin:0;
}

#devis.texte ul.ligne li.taille2 #schema #bruit {
	position:absolute;
	left:75px;
	top:130px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

#devis.texte ul.ligne li.taille2 #schema #bruit span {
	font-size:7px;
	color:#FFF;
}

#devis.texte div#commentaire {
	float: left;
	margin: 17px 0 0 17px;
	background-color:#ff0000;
	padding: 0 0 0 0;
}
#devis.texte div#commentaire textarea{
	width: 576px;
	height: 146px;
	background-color: #f8f8f8;
	border: 1px solid #d4d4d4;
	padding: 5px;
	margin: 0 0 0 ;
	line-height: 20px;
	vertical-align: top;
	color:#b0b0b0;
}





/*profil*/
.texte#profil div.ariane, .texte#parametrage div.ariane{
	margin: 0 17px 0 17px;
	background-color: #eeedf0;
	}
.texte#profil div.ariane li, .texte#parametrage div.ariane li{
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	display: inline-table;
	height: 36px;
	vertical-align: middle;
	line-height: 36px;
	color: #7b7b7b;
	font-size: 16px;
	line-height: 36px;
	padding: 0 30px 0 14px;
	}
.texte#profil div.ariane a, .texte#parametrage div.ariane a{
	font-family: 'Nunito Sans', sans-serif;
	color: #7b7b7b;
	font-size: 16px;
	}
.texte#profil div.ariane li.bouton,  .texte#parametrage div.ariane li.bouton{
	float: right;
	}
.texte#profil div.ariane li.bouton img, .texte#parametrage div.ariane li.bouton img{
	margin: 5px -25px 0 0;
	}
.texte#profil div.ariane li.on, .texte#parametrage div.ariane li.on{
	background-color: #b8c6cf;
	font-weight: 600;
	color: #292934;
	}
.texte#profil div.ariane li.on a, .texte#parametrage div.ariane li.on a{
	font-weight: 600;
	color: #292934;
	}

.texte#profil div.cadre{
	margin: 0 17px 17px 17px;
	border: 1px solid #d4d4d4;
	background: linear-gradient(to bottom, #fff, #f2f2f2);
	background-color: #ececec;
	}
.texte#profil div.cadre .fond{
	background-image:url("/web/img/fond_pneu.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	}


.texte#profil div.cadre  ul.input {
	margin: 0 17px 0 17px;
	border-bottom: 1px solid  #a5a5a5;
	padding: 0 8px 20px 8px;
	}
.texte#profil div.cadre  ul.input li{
	width: 217px;
	margin-right: 5px;
	}
.texte#profil div.cadre  ul.input input{
	width: 207px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	background-image: url("/web/img/fond_input_profil.png");
	padding: 0 5px 0 5px;
	font-size: 13px;
	}
.texte#profil div.cadre  ul.input span{
	display: block;
	width: 207px;
	height: 32px;
	background-image: url("/web/img/fond_input_profil.png");
	padding: 0 5px 0 5px;
	font-size: 13px;
	margin: 0 0 0 0;
	}
.texte#profil div.cadre  ul.input input#upload{
	width: 200px;
	height: 20px;
	background-image: none;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	}

.texte#profil div.cadre  ul.text {
	margin: 0 17px 0 17px;
	padding: 20px 8px 7px 8px;
	}
.texte#profil div.cadre  ul.text li{
	width: 217px;
	margin-right: 5px;
	font-size: 14px;
	color: #444444;
	font-family: 'Nunito Sans', sans-serif;
	text-indent: 5px;
	}
.texte#profil div.cadre  ul.text li.valid{
	width: 300px;
	}
.texte#profil div.cadre  p.bouton {
	padding: 0 0 130px 0;
	text-align: center;
	}
.texte#profil div.cadre  p.bouton input{
	width: 132px;
	height: 32px;
	background-image: url("/web/img/bouton_valider.png");
	cursor: pointer;
	}
.texte#profil div.cadre  p.legende {
	color: #626262;
	font-size: 12px;
	padding: 0 0 0 20px;
	line-height: 30px;
	vertical-align: middle;
	}
.texte#profil div.cadre  p.alerte {
	color: #ff0000;
	font-size: 13px;
	padding: 0 0 0 30px;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
	}
	.texte#profil table#listeFabricants td, .texte#profil table#listeFabricants th {
    text-align: center;
    font-size: 12px;
    color: #444444;
    font-family: 'Nunito Sans', sans-serif;
}
	/* Remises */
.texte#profil table#listeFabricants input {
    border: 1px solid #818181;
    padding: 5px;
    background-color: #E6E6E6;
    text-align: center;
    background-image: url('/web/img/fond_euros.png');
    background-repeat: no-repeat;
    background-position: center right;
}
	
/*parametrage*/
/*.texte#parametrage div.ariane{
	margin: 0 17px 0 17px;
	background-color: #eeedf0;
	}
.texte#parametrage div.ariane li{
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	display: inline-table;
	height: 36px;
	vertical-align: middle;
	line-height: 36px;
	color: #7b7b7b;
	font-size: 16px;
	padding: 0 30px 0 14px;
	}
.texte#parametrage div.ariane a{
	font-family: 'Nunito Sans', sans-serif;
	color: #7b7b7b;
	font-size: 16px;
	}
.texte#parametrage div.ariane li.bouton img{
	margin: 5px 0 0 300px;
	}
.texte#parametrage div.ariane li.on{
	background-color: #dfdde2;
	font-weight: 600;
	color: #292934;
	}*/

.texte#parametrage div.cadre{
	margin: 0 17px 17px 17px;
	border: 1px solid #d4d4d4;
	background: linear-gradient(to bottom, #fff, #f2f2f2);
	background-color: #ececec;
	}
.texte#parametrage div.cadre .fond{
	background-image:url("/web/img/fond_pneu.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom: 250px;
	}
.texte#parametrage div.cadre h3{
	margin: 30px 17px 0 17px;
	border-top: 1px solid  #a5a5a5;
	padding: 20px 8px 0 8px;
	color: #f37023;
	font-size: 18px;
	font-family: 'Nunito Sans', sans-serif;
	}
.texte#parametrage div.cadre form#prestation  ul.text {
	margin: 0 17px 0 17px;
	padding: 20px 8px 0 8px;
	}
.texte#parametrage div.cadre form#prestation  ul.input {
	margin: 0 17px 0 17px;
	padding: 0 8px 7px 8px;
	}
.texte#parametrage div.cadre form#prestation  ul.text li{
	margin-right: 5px;
	font-size: 14px;
	color: #444444;
	font-family: 'Nunito Sans', sans-serif;
	text-indent: 5px;
	}
.texte#parametrage div.cadre form#prestation  ul.input li{
	margin-right: 5px;
	}
.texte#parametrage div.cadre form#prestation  ul li.taille1{
	width: 445px;
	height: 32px;
	}
.texte#parametrage div.cadre form#prestation  ul li.taille2{
	width: 209px;
	height: 32px;
	}
.texte#parametrage div.cadre form#prestation  ul li.taille3{
	width: 132px;
	height: 32px;
	}
.texte#parametrage div.cadre form#prestation  ul li.taille1 input{
	width: 435px;
	height: 32px;
	background-image:url("/web/img/fond_input_prestation_1.png");
	padding: 0 5px 0 5px;
	font-size: 13px;
	line-height: 32px;
	vertcial-align: middle;
	}
.texte#parametrage div.cadre form#prestation  ul li.taille2 input{
	width: 199px;
	height: 32px;
	background-image:url("/web/img/fond_input_prestation_2.png");
	padding: 0 5px 0 5px;
	font-size: 13px;
	line-height: 32px;
	vertcial-align: middle;
	}
.texte#parametrage div.cadre form#prestation  ul li.taille3 input{
	width: 132px;
	height: 32px;
	background-image:url("/web/img/bouton_valider.png");
	cursor: pointer;
	padding: 0 5px 0 5px;
	font-size: 13px;
	line-height: 32px;
	vertcial-align: middle;
	}

.texte#parametrage div.cadre ul.titre {
	margin: 0 200px 0 200px;
	border: 1px solid #dcddde;
	background: url("/web/img/fond-haut-tableau.gif") repeat-x;
	height: 38px;
	}
.texte#parametrage div.cadre ul.titre li{
	line-height: 38px;
	vertical-align: middle;
	height: 38px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:  #fff;
	}
.texte#parametrage div.cadre ul.titre li.taille3{
	line-height: 19px;
	vertical-align: middle;
	height: 38px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:  #fff;
	}
.texte#parametrage div.cadre ul.ligne {
	margin: 0 200px 0 200px;
	border-bottom: 1px solid #dcddde;
	border-right: 1px solid #dcddde;
	border-left: 1px solid #dcddde;
	}
.texte#parametrage div.cadre ul li.taille1{
	width: 44px;
	}
.texte#parametrage div.cadre ul.ligne li.taille1{
	border-right: 1px solid #ababab;
	}
.texte#parametrage div.cadre ul li.taille2{
	width: 390px;
	border-right: 1px solid #ababab;
	}
.texte#parametrage div.cadre ul.ligne li.taille2{
	border-right: 1px solid #ababab;
	}
.texte#parametrage div.cadre ul li.taille3{
	width: 130px;
	}
.texte#parametrage div.cadre ul.ligne li.taille1{
	text-align: center;
	}
.texte#parametrage div.cadre ul.ligne li.taille1 img{
	margin-top: 25px;
	}
.texte#parametrage div.cadre ul.ligne li {
	vertical-align: middle;
	height: 64px;
	}
.texte#parametrage div.cadre ul.ligne li.taille2 input {
	vertical-align: middle;
	line-height: 64px;
	height: 64px;
	width: 350px;
	color: #4e4e4e;
	padding-left: 20px;
	font-size: 14px;
	color: #4e4e4e;
	text-transform: uppercase;
	font-weight: bold;
	}
.texte#parametrage div.cadre ul.ligne li.taille3 input {
	height: 35px;
	width: 59px;
	background-image:url("/web/img/fond_input_parametrage.png");
	background-repeat: no-repeat;
	margin: 14px 0 0 30px;
	text-align: right; 
	font-size: 13px;
	color: #4e4e4e;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 17px;
	line-height: 35px;
	vertcial-align: middle;
	}
.texte#parametrage p.alerte {
	color: #ff0000;
	padding-left: 25px;
	}
/*historique devis*/
.texte div.cadre#historique h2 {
	float: left;
	}
.texte div.cadre#historique div.recherche {
	width: 217px;
	height: 32px;
	background-image:url("/web/img/fond-recherche-historique.gif");
	float: right;
	margin: 20px 20px 0 0;
	}
.texte div.cadre#historique div.recherche input {	
	height:28px;
	width:26px;
	background-color:transparent;
	text-indent:5px;
}

.texte div.cadre#historique div.recherche input#bt_recherche {	
	cursor:pointer;
}
	
.texte div.cadre#historique div.recherche input#recherche {	
	width:184px;
	height:30px;
	margin-top:1px;
	margin-left:1px;
}
.texte div.cadre#historique ul.titre {
	clear: both;
	margin: 0 17px 0 17px;
	}
.texte div.cadre#historique ul.titre li {
	font-size:12px;
	}
.texte div.cadre#historique ul.titre li.taille3 {
	font-size:12px;
	}
.texte div.cadre#historique ul.titre li img{
	margin: 0 0 0 3px;
	}
.texte div.cadre#historique ul.ligne {
	margin: 0 17px 0 17px;
	background-color:#FFFFFF;
	}
	

	
.texte div.cadre#historique ul.ligne li{
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 11px;
	color: 4e4e4e;
	background-color:#FFFFFF;
	margin: 1px 0 1px 0;
	}

.texte div.cadre#historique ul.ligne2 li {
	background-color:#F1F1F1;
	}
	
	.texte div.cadre#historique ul.ligne2  {
	background-color:#F1F1F1;
	}

.texte div.cadre#historique ul li.taille1 {
	width: 84px;
	border-right: 1px solid #fff;
	}
.texte div.cadre#historique ul li.taille2 {
	width: 123px;
	border-right: 1px solid #fff;
	}
.texte div.cadre#historique ul li.taille3 {
	/*width: 308px;*/
	width:250px;
	border-right: 1px solid #fff;
	}

.texte div.cadre#historique ul.ligne li.taille3 {
	border-right: 1px solid #dcddde;
	}
.texte div.cadre#historique ul.titre li.taille3 {
	line-height: 38px;
	}

.texte div.cadre#historique ul.titre li.taille5 {	
	width:90px;
	border-right: 1px solid #dcddde;
}

	
.texte div.cadre#historique ul.titre li.taille6 {
	border-right: 1px solid #fff;
	width:100px;
	}	

.texte div.cadre#historique ul.titre li.taille7 {
	width:30px;
	}	
	
.texte div.cadre#historique ul li.taille4 {
	/*width: 308px;*/
	width:230px;
	border-right: 1px solid #fff;
	}
.texte div.cadre#historique ul li.taille4bis {
	width: 620px;
	border-right: 1px solid #dcddde;
	}
.texte div.cadre#historique ul.titre li.taille4bis {
	border-right: 1px solid #fff;
	}
.texte div.cadre#historique ul.ligne li.taille4 {
	border-right: 1px solid #dcddde;
	}
.texte div.cadre#historique ul.ligne li.taille5 img{
	margin: 4px 0 0 2px
	}
	.texte div.cadre#historique ul.ligne li.taille5 {	
	width:90px;
	border-right: 1px solid #dcddde;
}

.texte div.cadre#historique ul.ligne li.taille6 {	
	width:100px;
	border-right: 1px solid #dcddde;
}

.texte div.cadre#historique ul.ligne li.taille7 {	
	width:30px;
	text-align: center;
}


.texte div.cadre#historique ul.ligne li.taille6 img{
	margin: 4px 0 0 2px
	}


.texte div.cadre#historique div#pagination  {
	margin-top:36px;
}
	
	
.texte div.cadre#historique div#pagination p {
	text-align:center;
}

.texte div.cadre#historique div#pagination p span.on {
	background-color:#f37023;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

.texte div.cadre#historique div#pagination p a {
	background-color:#b4b4b4;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;

}
.texte div.cadre#historique p.alerte {
	color: #ff0000;
	padding: 25px 0 0 25px;
	}

.texte#devis #prestation li.taille1bis input {
border: 1px solid #dcddde;
width: 89%;
height: 35px;
    padding-left: 5px;

}