@font-face
{
	font-family: Mission-Script;
	src: url('../font/Mission-Script.ttf'),
	     url('../font/Mission-Script.eot'); /* IE9 */
} 
@font-face
{
	font-family: PT_Sans-Web-Regular;
	src: url('../font/PT_Sans-Web-Regular.ttf'),
	     url('../font/PT_Sans-Web-Regular.eot'); /* IE9 */
} 
*{
	margin: 0;
	padding: 0;
}
img{
	border: 0;
}
body{
	font-family: PT_Sans-Web-Regular,Arial,Verdana;
	background: url(../images/background.jpg) repeat;	
}
a{
	cursor: pointer;
}
.hr{
	border-bottom: 2px solid #B2B1B1;
}
.divselect{	
	overflow: hidden;
	background: url(../images/arrow.jpg) no-repeat;
	background-position: right 9px top 0px;
	background-color: #fff;
	border: 1px solid #0097B0;
	clear: both;
	width: 361px;
}
select{
	color: #0097B0;
	border: 0px none;
	background: none repeat scroll 0% 0% transparent;
	width: 382px;
	font-size: 1em;
}
input[type=email],
input[type=text],
textarea{
	color: #0097B0;
	border: 1px solid #0097B0;
	font-size: 1.1em;
}
.html input[type=email],
.html input[type=text]{
	color: #0197B8;
	width: 356px;
}
.html input[type=button]{
	background-color: #353535;
	color: #F5F5F5;
	border: 0;
	font-weight: bold;
	padding: 3px 5px;
	border-radius: 2px;
}
#mail_box{
	background: url(../images/background.jpg) repeat;
	background-color: #FFF;
	padding: 14px 12px 1px 12px;
	margin: auto;
}
#mail_box div{
	margin-bottom: 12px;
}
.html{
	overflow: hidden !important;
}
.html{
	padding: 0px 20px;
}
#sb-body{
	background: transparent !important;
}
#sb-wrapper-inner{
	border: 0 !important;
}
.clear{
	clear: both;
}
#entete{
	background: url(../images/top.png) center;
	background-repeat: repeat-x;
	height: 250px;
}
#entete > div{
	padding: 10px 10px;
	width: 1008px;
	margin: auto;
	background-image: url(../images/logo.png);
	background-position: 8px 12px;
	background-repeat: no-repeat;
	height: 222px;
}
#entete > div > div{
	font-family:Mission-Script,Arial,Verdana;
	color: #FFF;
	float: right;
	font-size: 2.4em;
	/*padding-top: 80px;*/
	padding-top: 60px;
	margin-right: 120px;
	text-align: center;
}
#main{
	
}
#main #contenu{
	width: 1008px;
	margin: auto;
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 20px;
}
#footer{
	padding: 0;
	box-shadow: 0px 1px 4px 2px #666;
	width: 99%;
	border-radius: 4px;
	margin: 50px auto;
}
#footer a{
	color: #FFF;
	text-decoration: none;
}
#footer div{
	background: url(../images/top.png);
	background-repeat: repeat-x;
	height: 30px;
	text-align: center;	
	width: 100%;
}
#footer ul{
	display: inline-block;
}
#footer ul li{
	display: inline-block;
	color: #fff;
	margin: 0px 6px;
	font-size: 1em;
	vertical-align: middle;
	height: 40px;
}
#titre{
	float: left;
	width: 500px;
	min-height: 200px;
}
#titre p{
	color: #0097B0;
	font-size: 0.9em;
}
#garantie{
	float: right;
	width: 158px;
	height: 160px;
	background: url(../images/garantie.png);
	background-repeat: no-repeat;
	margin-right: 222px;
}
#formulaire{
	margin: auto;
	width: 470px;
	margin-top: 30px;
	position: relative;
	color: #0097B0;
}
#formulaire > div{
	background-color: #fff;
	width: 370px;
	padding: 0 8px 8px 8px;
	background-color:rgba(255, 255, 255, 0.5);
	margin: auto;
}
#formulaire h2{
	font-family: Mission-Script,Arial,Verdana;
	background: url(../images/banniere.png);
	background-repeat: no-repeat;
	color: #fff;
	width: 400px;
	padding: 6px 32px;
	font-size: 1.5em;
	font-weight: normal;
	height: 38px;
	position: absolute;
	left: 0px;
	margin-top: 13px;
}
#formulaire > div ul li{
	list-style: none;
	width: 48%;
	float: left;
	color: #0097B0;
	font-size: 0.9em;
}
#formulaire > div div{
	margin: 8px 0;
}
#email{
	background: url(../images/mail.png) center;
	background-repeat: no-repeat;
	width: 30px;
	height: 28px;
	display: inline-block;
	margin-left: 12px;
}
#imprimer{
	background: url(../images/print.png) center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-left: 6px;
}
#facebook{
	background: url(../images/facebook.png) center;
	background-repeat: no-repeat;
	width: 25px;
	height: 28px;
	display: inline-block;
	margin-left: 6px;
}
#lienfb {
	background: url(../images/fb.png) center;
	background-repeat: no-repeat;
	width: 32px;height: 28px;
	display: inline-block;
}
#lientwitter {
	background: url(../images/twitter.png) center;
	background-repeat: no-repeat;
	width: 32px;height: 28px;
	display: inline-block;	
	margin-left: 6px;
}
#lienyoutube {
	background: url(../images/youtube.png) center;
	background-repeat: no-repeat;
	width: 32px;height: 28px;
	display: inline-block;
	margin-left: 6px;
}
.h2placeholder{
	height: 55px;
}
h1{
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
}
h1:after{
	content:"";
	position:absolute;
	top:24px;
    width:100%;
    border-bottom: 2px solid #7D7B7B;
    margin-left: 8px;
}
#choix{
	padding: 0 1px;
}
#choix a{
	padding-left:33px;
	/*display: block;*/
	margin: 2px 0px;
	width: 38%;
	float: left;
}	
#choix a.actif{
	background-image: url(../images/curseur.png);
	background-repeat: no-repeat;
	background-position: 1px 7px;
}
#footer ul li.suiveznous{
	color: #94DCE8;
}
#aremplir{
	margin-top: 12px !important;
}
#imgconteneur_fb,
#imgconteneur_save,
#imgconteneur_send,
#imgconteneur{
	position: relative;
	height: 486px;
}
#imgconteneur_fb > div,
#imgconteneur_save > div,
#imgconteneur_send > div,
#imgconteneur > div{
	position: absolute;
	left: -25px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 4px 4px 4px #999;
}

#imgconteneur_fb > div,
#imgconteneur_save > div,
#imgconteneur_send > div{
	left: -20px !important;
}
#imgconteneur_fb > div > div,
#imgconteneur_save > div > div,
#imgconteneur_send > div > div,
#imgconteneur > div > div{
	position: relative;
	margin: 0;
	width: 400px;
	height: 440px;
	overflow: hidden;
}
#imgmessage{
	width: 351px;
	font-weight:bold;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-family: PT_Sans-Web-Regular,Arial,Verdana;
	height: 190px;
	vertical-align: middle;
	display: table-cell;
}
#imgmessage_container{
	display: table-row;
	position: absolute; 
	top: 242px;
	width: 375px;
	padding: 0 12px;
}
.template{
	display: none;
}
textarea.message,
input.message{
	width: 360px;
	border: 1px solid rgb(0, 151, 176);
	font-size: 1.1em;
	color: rgb(0, 151, 176);
}
#preview{
	/*width: 400px;
	height: 440px;*/
}
#imgconteneur_send > div > div{
	
}
#sb-info{
	display: none;
}
#logoacsm{
	float: right;
	margin-right: 8px;
}