@import url(http://fonts.googleapis.com/css?family=Droid+Sans&ver=4.1);
@import url(http://fonts.googleapis.com/css?family=Dosis);
*:focus {
	outline: none;
}
*::-moz-selection {
    background-color: #00a092;
    color: #fff;
}

body { 
	font-family: "Droid Sans",Arial,Tahoma,sans-serif;
    font-weight: 400;
}
h1{ 
	font-family: "Dosis",Arial,Tahoma,sans-serif;
		font-size: 35px;
				line-height: 30px; padding:0;
				color:#444; border-bottom: thin solid #444; padding:0 0 4px 0; margin: 15px 0;
				text-align:center;
	}
	h2 { 
font-family: "Dosis",Arial,Tahoma,sans-serif;
		font-size: 30px; margin:15px 0; padding:0;
				color:#444;
	}
	h3 {
font-family: "Dosis",Arial,Tahoma,sans-serif;
		font-size: 20px;
				line-height: 24px; margin:15px 0; padding:0;
				color:#444;
	}
		
	/*-----FORMULAIRE DE DEMANDE DE DEVIS-------------*/


section.contact {
	margin:auto; padding:5px;
	width:560px; 
}
/* * html section.contact {
	overflow-x: hidden;
}*/
section.contact fieldset {
	width: 280px;
	float: left;
	border: none;
	padding:0; margin:0;
}
section.contact .formLeft {
	margin-top:40px;
	width: 290px;
	float: left;
}
section.contact form .input {
}
section.contact label, div.modifDossier label {
	display: block;
	font-size: 15px;
	margin:2px 0;
	color: #036b5e;
}
section.contact .formLeft fieldset {
	margin: 0; 
	padding: 20px 0 20px 40px;
}
section.contact .formLeft fieldset label {
	color: #fff;
}
section.contact h4 {
	color: #fff;
	font-weight: bold;
	margin: 0;
}
section.contact .formRight {
	margin-top:40px;
	float:right; width:200px;
}

section.contact .input input[type=text], section.contact .input input[type=number], section.contact .input input[type=tel], section.contact .input input[type=email], section.contact .input input[type=date], section.contact .input input[type=select], div.modifDossier input {
	background: #fff;
	border: 1px solid #00aa98;
	color: #036b5e;
	padding: 9px;
	margin: 0 0 10px 0;
	width: 180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	outline: none;
}
/*section.contact .input .formLeft input[type=text], section.contact .input .formLeft input[type=number], section.contact .input .formLeft input[type=tel], section.contact .input .formLeft input[type=email], section.contact .input .formLeft input[type=date] {
width:80px;
}*/
section.contact .input input:focus {
	color: #036b5e;
	border: 1px solid #00aa98;
}
/*section.contact input:focus + .form_hint {
	display: inline;
	color: #036b5e;
}*/
section.contact input:required:valid + .form_hint {
background: #00aa98; border:1px solid #ff0000;
}
section.contact_form input:required:valid + .form_hint::before {
color:#00aa98;
}
section.contact .input input:required {
background: white url(../../img/red_asterisk.png) no-repeat 99% top;
}
/*section.contact .input input:valid:not(focus) {
background: white url(../../img/valid.png) no-repeat 99% bottom;
    -webkit-box-shadow: 0 0 5px #5cd053;
-moz-box-shadow: 0 0 5px #5cd053;
box-shadow: 0 0 5px #5cd053;
border: #00aa98 1px solid;
}*/
section.contact .input input:focus:invalid, section.contact .input input:invalid {
background: white url(../img/invalid.png) no-repeat 99% center;
/*-webkit-box-shadow: 0 0 5px #d45252;
-moz-box-shadow: 0 0 5px #d45252;
box-shadow: 0 0 5px #d45252;*/
border-color: #ff5a5a;
}
section.contact .error-message {
	color: #ff5a5a; font-size:11px;
}
section.contact .submit input {
	margin: 0;
	border: solid 1px #00aa98;
	background: #00aa98;
	padding: 7px 15px;
	display: block;
	cursor: pointer;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width:200px;
}
section.contact .submit input:hover {
	border: solid 1px #00aa98;
	background: #fff;
	color: #00aa98;
}
/* Radio buttons */
#rbtn ul {
	list-style-type: none;
	margin: 0;
}
#rbtn ul li {
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #fff;
	border: #00aa98 2px solid;
	color: #00aa98;
	padding: 3px;
	line-height: 30px;
	margin-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
}
#rbtn ul li.over {
	background: #00aa98;
	border: #00aa98 2px solid;
	color: #fff;
}
#rbtn ul li.selected {
	background: #036b5e;
	border: 2px solid #036b5e;
	color: #fff;
}
.radioBtnInline input[type=radio] {
	display: inline;
	float: left;
}
.radioBtnInline label {
	width: 110px;
	display: block;
	float: left;
}
.radioBtnInline input[type=number] {
	width: 80px;
}
/* Radio buttons */


/*----Accordion-----------*/
.smk_accordion {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
	position: relative;
	z-index: 10;
	margin-top: -1px;
	overflow: hidden;
	background: #00aa98;
	color: #fff;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
	position: relative;
	background: #036b5e;
	color: #fff;
	padding: 5px;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	background: url(../img/plusminus.png) center 0;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
	background: #00aa98;
	color: #7B7E85;
	padding: 3px 0;
}
.smk_accordion .accordion_in .acc_content h1:first-of-type, .smk_accordion .accordion_in .acc_content h2:first-of-type, .smk_accordion .accordion_in .acc_content h3:first-of-type, .smk_accordion .accordion_in .acc_content h4:first-of-type, .smk_accordion .accordion_in .acc_content h5:first-of-type, .smk_accordion .accordion_in .acc_content h6:first-of-type {
	margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type, .smk_accordion .accordion_in:first-of-type .acc_head {
	border-radius: 8px 8px 0 0;
}
.smk_accordion .accordion_in:last-of-type, .smk_accordion .accordion_in:last-of-type .acc_content {
	border-radius: 0 0 8px 8px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
	display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
	background: #00aa98;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
	background: url(../img/plusminus.png) center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon .accordion_in .acc_content {
/*padding-left: 40px;*/
}
.liAnimal2, .liAnimal3, .liAnimal4, .liAnimal5, .liAnimal6 {
	display: none;
}
#btnAjout {
	background: #fff;
	text-align:center;
	border: #036b5e 1px solid;
	color: #036b5e;
	padding: 3px 10px;
	line-height: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	float:right;
	display:block;
	width:200px;
}
#btnAjout:hover {
	background: #036b5e;
	border: #036b5e 1px solid;
	color: #fff;
}
#btnSuppr {
	margin-top:10px;
	background: #fff;
	text-align:center;
	border: #036b5e 1px solid;
	color: #036b5e;
	padding: 3px 10px;
	line-height: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	float:right;
	display:block;
	width:200px;
}
#btnSuppr:hover {
	background: #036b5e;
	border: #036b5e 1px solid;
	color: #fff;
}
/*----Accordion-----------*/

.btn, .btn50pc {
	background: #fff;
	text-align:center;
	border: #036b5e 1px solid;
	color: #036b5e;
	font-weight:bold;
	font-size:16px;
	padding: 10px 20px;
	line-height: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	display:block;
}
.btn50pc{ width:45%; float: left; margin:0 5px;}
.btn span, .btn50pc span{
	font-size:11px;
}
.btn:hover, .btn50pc:hover {
	background: #036b5e;
	border: #036b5e 1px solid;
	color: #fff;
}
.EnteteBloc{
	background: #036b5e;
	}
.EnteteBlocTitre{
	color:#fff;
	}
.Style_garantiesTXTsmall{
	font-size:10px;
	}
.cadre{
border:1px dotted #00aa98; padding:4px 6px;
}

.selectA  {
	background: #fff;
	border: 1px solid #00aa98;
	color: #036b5e;
	padding: 7px;
	margin: 0 0 10px 0;
	width: 168px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	outline: none;
}