* { margin: 0; padding: 0; border: 0; }


	
body {
	font-family: Arial, Geneva, sans-serif;
	font-size: 100%;
	color: #000;
	background-color: #aa2119;
	}

#container{
	position: relative;
	margin: 0 auto;
	width: 846px;
	height: 100%;
	
}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline;}
	
	/* COLONNE GAUCHE*/
#col-left{ width:266px;	float:left; height:490px;}
#col-left h2{height:44px;}
#col-left h2 span{display:block; font-size:14pt; font-weight:bold; padding:13px 0 0 3px;}
#col-left .oi_form{width: 253px;	background-color:#fff; font-size: 9pt; height:220px;}
#col-left .oi_form p{padding:16px 15px 0 15px; font-size: 9pt;}
#col-left .oi_form_top{width: 253px;	font-size: 10pt; margin-bottom:10px; color:#FFFFFF;}
#col-left .oi_form_top p{padding:0px 10px; font-size: 10pt;}

#col-left .oi_form label.mail{display:block; padding:8px 0 0 19px;}
#col-left .oi_form label.mail input{border:1px solid #d6d3d1; width:153px;}

#col-left .oi_form label.homme{display:block; padding:8px 0 0 19px; clear:left; float:left;}
#col-left .oi_form label.femme{display:block; padding:8px 0 0 8px; float:left;}

#col-left .oi_form label.naissance{display:block; padding:8px 0 0 19px; clear:left;}
#col-left .oi_form label.naissance select{border:1px solid #d6d3d1;}

#col-left .oi_form label.ville{display:block; padding:8px 0 0 19px;}
#col-left .oi_form label.ville input{border:1px solid #d6d3d1; width:153px;}

#col-left .oi_form  input.envoyer{display:block; text-align;center; width:140px; text-transform:uppercase; background-color:#fff300; height:26px; width:100px; font-weight:bold; font-size:9pt; margin:16px 0 0 75px;}


#col-left  .bottom-left{height:23px; background-color:#fff; color:#aa2119; margin-left:10px; padding-top:10px;}

#col-right{width:580px; float:left;}
#col-right .video{margin-top:36px; height:350px; background-color:#fff; text-align:center; padding-top: 10px;}

#col-right .link-left{width:285px; float:left; clear:left; margin-top:0px;}
#col-right .link-left h2{display:block; height:40px;}
#col-right .link-left h2 span{display:block; font-size:14pt; font-weight:bold; padding:13px 0 0 3px; text-transform:uppercase;}
#col-right .link-left a{display:block; height:56px; background: #fff url(../images/logo_mini.jpg) no-repeat top right; text-decoration:none; color:#000; font-size:10pt;}
#col-right .link-left a:hover{text-decoration:underline;}
#col-right .link-left a span{display:block; padding:20px 0 0 7px; font-size:11pt;}

#col-right .link-right{width:285px; float:left;margin-left:10px; margin-top:0px;}
#col-right .link-right h2{display:block; height:40px;}
#col-right .link-right h2 span{display:block; font-size:14pt; font-weight:bold; padding:13px 0 0 3px; text-transform:uppercase;}
#col-right .link-right a{display:block; height:56px; background: #fff url(../images/facebook.jpg) no-repeat top right; text-decoration:none; color:#000;}
#col-right .link-right a:hover{text-decoration:underline;}
#col-right .link-right a span{display:block; padding:11px 0 0 7px;width:150px; font-size:11pt;}

#container #footer{
	text-align:center;
	clear:both;
	padding-top:45px;
}
#container #footer span{
	display:block;
	position:relative;
	padding-top:14px;
	color:#fff;
	font-size:8pt;
}


#container #footer a {
    color:#fff;
}
#container #footer img {
    height:30px;
    padding-left:20px;
}
.clearfix {
    clear:both;
}