@charset "utf-8";
#id1{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ed1d24;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #000000;
}

.main {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 623px;
	margin-left:-500px;
	margin-top:-311px;
	background-image:url(../images/fond.png);
	background-repeat:no-repeat;
}

.flash {
	position:absolute;
	width: 500;
	height: 320;
	left:-20px;
	top:-120px;
	z-index:20;
}

.titre {
	position:absolute;
	width: 414px;
	height: 40px;
	left:361px;
	top:50px;
	color:#444444;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}

.title_texte {
	position:absolute;
	top:30px;
	left:68px;
	color:#cc252c;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.title_texte_page {
	position:absolute;
	top:2px;
	left:10px;
	color:#cc252c;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.texte {
	position:relative;
	top:12px;
	left:10px;
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.texte_page {
	position:relative;
	top:12px;
	left:10px;
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	max-width:600px;
	max-height:360px;
}
.texte_page2 {
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	max-width:592px;
	max-height:360px;
}
.texte_page_gras {
	top:12px;
	left:10px;
	color:#444444;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.texte_page a{
	top:12px;
	left:10px;
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
}
.texte_page a:hover{
	top:12px;
	left:10px;
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: underline;
}
.texte_page2 a{
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
}
.texte_page2 a:hover{
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: underline;
}
.news_texte {
	position:relative;
	top:48px;
	margin-left:10px;
	margin-right:10px;
	max-width:300px;
	max-height:282px;
	color:#444444;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.formu {
	position:relative;
	top:22px;
	left:10px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#lng {
	position:absolute;
	width: 148px;
	height: 20px;
	left:787px;
	top:42px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:30px;
	padding:8px;
}

#lng a {
position:relative;
	top:0px;
   }
#lng a:hover {
position:relative;
	top:-3px;
   }

.news {
	position:absolute;
	width: 300px;
	height: 282px;
	left:21px;
	top:117px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	background-image:url(../images/cadre_news_bouton.png);
	background-position:top;
	background-repeat:no-repeat;
}

.bebete {
	position:absolute;
	width: 147px;
	height: 135px;
	left:845px;
	top:476px;
	background-image:url(../images/bebete.png);
	background-position:top;
	background-repeat:no-repeat;
}

.content {
	position:absolute;
	width: 605px;
	height: 366px;
	left:349px;
	top:205px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
}

.footer {
	position:absolute;
	width: 909px;
	height: 20px;
	left:15px;
	top:592px;
	color:#cc252c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	word-spacing:5px;
	vertical-align:middle;
}
.footer a { 
	color:#cc252c;
	text-decoration:none;
	}
.footer a:hover { 
	color:#222222;
	text-decoration:underline;
   }


#btn {
	position:absolute;
	width: 624px;
	height: 53;
	left:347px;
	top:131px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	z-index:30;
}

#btn a {
	position:relative;
	margin:0; 
	padding:0;  
	color:#ffffff;	
	float: left;	
	display:block;
	overflow:hidden;
   	background-image:url("../images/bouton.png");
   	background-position: 0px 0px;
   	background-repeat:no-repeat;
   	text-decoration: none;
	text-align:left;
   	width:154px;
   	height:53px; 
	padding-top:19px;
   }
#btn a:hover {
	background-position: -154px 0;
	color:#000000;	
   }

.cadrerouge {
	border-top :   1px solid #CC0033;
	border-left :  1px solid #CC0033;
	border-bottom :1px solid #CC0033;
	border-right : 1px solid #CC0033;	
	padding : 2px 2px 2px 2px;
	background-color: #F3CDD2;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;	
	font-weight : bold;		
	color : #000000;
	}

.cadre {
	border-top :   1px solid #000000;
	border-left :  1px solid #000000;
	border-bottom :1px solid #000000;
	border-right : 1px solid #000000;	
	padding : 2px 2px 2px 2px;
	background-color: #eeeeee;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;	
	font-weight : bold;		
	color : #000000;
	}
	
.bbox{
height:320px;
margin: 4px;
max-height:320px;
width:590px;
max-width:590px;
overflow:scroll;
overflow-x:hidden;
}