/* Add here all your CSS customizations */
body {
	font-size: 13px;
}

/*stepper*/
.stepper{
	box-shadow: 0 0 3px #aaa;
}

.parallax-window {
    min-height: 250px;
    background: transparent;
}

span.req_in{
	color:indianred;
	font-weight:600;
}

@font-face{
    font-family: Harabara;
    src: url(fonts/harabara.otf);
}
/* LOGO SAAI HEADER */
#logo_saai{
	min-width:190px;
	padding-top:10px;
}

#logo_saai span.sa,
#logo_saai span.ai{
	font-size:49px;
	font-weight:bold;
	font-family: Harabara;
	letter-spacing:-2px;
}
#logo_saai span.sa{	
	color: #3e3e3e;
}
#logo_saai span.ai{
	color: #11bfff;
}
#logo_saai span.fr{
	color: #11bfff;
	font-size:15px;
	font-weight:bold;	
	writing-mode : sideways-lr;
}
#logo_saai span.line_1,
#logo_saai span.line_2{
	font-size:11px;
	font-weight:600;
	display:block;	
	margin-left:5px;	
}
#logo_saai span.line_1{
	color: #3e3e3e;
	margin-top:-5px;
}
#logo_saai span.line_2{
	color: #11bfff;
	margin-top:-8px;
}

/* LOGO SAAI FOOTER */
#logo_saai span.sa.footer,
#logo_saai span.ai.footer{
	font-size:40px;
	font-weight:bold;
	font-family: Harabara;
	letter-spacing:-2px;
}
#logo_saai span.sa.footer{	
	color: #fff;
}
#logo_saai span.fr.footer{
	font-size:12px;
}




/* Affinage des dimensions de textes */
.text-xs {
	font-size: 1rem !important;
}

.text-sm-1{
	font-size: 1.4rem !important;
}
.text-sm-2{
	font-size: 1.5rem !important;
}
.text-md-1 {
	font-size: 1.7rem !important;
}
.text-md-2{
	font-size: 1.8rem !important;
}


a.SelectBrandRenault
{
	display:block;
	width:229px;
	height:56px;
	background-repeat:no-repeat;
	background-image:url('../img/selectBrandRenault.jpg');
	background-position:bottom;
}

a.SelectBrandCitroen
{
	display:block;
	width:229px;
	height:56px;
	background-repeat:no-repeat;
	background-image:url('../img/selectBrandCitroen.jpg');
	background-position:bottom;
}



a.SelectBrandRenault:hover, 
a.SelectBrandCitroen:hover
{
	background-position:center;
}

a.SelectBrandRenault.active, 
a.SelectBrandCitroen.active
{
	background-position:top;
}


/* FOCUS COOL BOOTSTRAP ECRASE PAR PORTO */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
					box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.has-success .form-control:focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-warning .form-control:focus {
	border-color: #66512c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}



/* Affichage Modele TT */
.saai_box
{

	border-radius: 3px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
	margin-left:2px;
	margin-right:2px;
}

/* Centrage des textes en fonction du media */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
.text-sm-left { text-align: left; }
.text-sm-right { text-align: right; }
.text-sm-center { text-align: center; }
.text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
.text-md-left { text-align: left; }
.text-md-right { text-align: right; }
.text-md-center { text-align: center; }
.text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
.text-lg-left { text-align: left; }
.text-lg-right { text-align: right; }
.text-lg-center { text-align: center; }
.text-lg-justify { text-align: justify; }
}