@charset "utf-8";
/* CSS Document */
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .60;
	z-index: 9999;
}
.info_msg { background: #FFF; height:auto; width:auto; display:none; position:absolute; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border: solid 1px #727272; z-index:99999; overflow:hidden; }
.titre { background:#00c7c8; width:auto; height:30px; text-align:center; text-transform:uppercase; padding:5px 10px 0 10px; }
.texte { text-align:center; margin:10px 20px; }
.fermer { float:right; margin:10px 15px 0 0; }
fieldset { padding:20px; border: 1px solid #999; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; width:500px; }
.contact_form { width: 510px; margin-left: 10px; }
.contact_form h5 { padding:0; margin:15px 0 0 0; }
.contact_form input.field { float:left; width: 466px; padding:0 8px; height: 24px; line-height: 24px;  border: 1px solid #d3d3d3; font-size: 11px; color:#666666; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.contact_form .send-btn {  background: url(images/blue-btn.png) repeat 0 0; width: 120px; height: 39px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; display: block; font-size: 16px; font-weight: 500; color:#fff; text-align: center; line-height: 39px; border: 1px solid #000000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; font-weight: 500; font-family: 'Raleway', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; cursor:pointer; }
.contact_form input.send-btn:hover { background-position:0 bottom; }
.text_field { float:left; width: 470px; padding:5px 5px; margin:0 0 8px 0; margin:0 8px 8px 0; border: 1px solid #d3d3d3; font-size: 11px; color:#666666; background-color: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
h5.h5_autre { padding-bottom:0;}
.span_autre { font-weight:bold; font-size:12px; }
.h3_about { margin-top:15px; }
.about_form { font-size:15px; padding:0 20px; background:url(images/pele_mele_solution_back.png) no-repeat; }
.about_form  p { margin-bottom:13px; text-align:justify; }
.about_form strong { color:#00acef; font-weight:600; }
.about_form ul li { font-family: 'Raleway', sans-serif; font-weight:600; padding: 5px 10px; display:block; background: url(images/bullet.png) no-repeat 0px 9px; }

.oursolution_form { font-size:15px; padding:0 20px; }
.oursolution_form  p { margin-bottom:13px; text-align:justify; }
.oursolution_form img.left { margin-right: 24px; margin-bottom:10px;  }
.oursolution_form ul li { font-family: 'Raleway', sans-serif; font-weight:600; padding: 5px 10px; display:block; background: url(images/bullet.png) no-repeat 0px 9px; }
.oursolution_form h5 { font-size:17px; color:#000; font-weight:900; }
.oursolution_form strong { font-weight:900; color:#000; }
.img_back { width:595px; background:url(images/pele_mele_back.png) no-repeat; height:200px; margin-bottom:10px; }
.srvc { width: 213px; text-align:center; }
#srvc { margin:10px 0; padding:5px; width:auto; border:1px solid rgba(0,0,0,0.09); background: url(images/container.png) repeat-y center 0; box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.09); -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.09); -o-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.09); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; }
.srvc h1 { font-size: 0; line-height: 0; }
.srvc h3 { line-height: 0; }
#srvc_1 a { height: 75px; display: block; background: url(images/Loupe_thumbs.png) no-repeat 0 0; text-indent: -4000px; margin-left:35%; }
#srvc_2 a { height: 75px; display: block; background: url(images/telephone_thumb.png) no-repeat 0 0; text-indent: -4000px; margin-left:35%; }
#srvc_3 a { height: 75px; display: block; background: url(images/assistance_telephonique_thumbs.png) no-repeat 0 0; text-indent: -4000px; margin-left:35%; }
.srvc h1:hover { opacity:0.5; }
.srvc h3:hover { font-weight:900; }

/* mobile*/
@media only screen and ( max-width: 640px) { 
.info_msg { background: #FFF; height:auto; width:auto; display:none; top:20%; left:5%; position:absolute; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border: solid 1px #727272; z-index:99999; overflow:hidden; }
.contact_form  { width:280px; margin-bottom:20px; }
.contact_form input.field { width:262px; }
.text_field { width:267px; }
.srvc { width: 213px; text-align:center; }
#srvc { width:213px; }
}