﻿/********************* Bloc bienvenue *********************/
#acc_welcome{
	position:relative;
	float:left;
	width:440px;
	height:180px;
}
#welcome_title{
	width:auto;
	height:26px;
	color:#658b81;
	font-weight:bold;	
	margin-bottom:10px;
}
/******************* Block news ***********************/
#news{
	float:right;
	width:420px;
	height:180px;
	margin-bottom:10px;
	border:solid 2px #658b81;
	border-top:none;
	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-khtml-border-bottom-left-radius:20px;
	-khtml-border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
#news,#news_text,#news_text h5,#news_text div{position:relative;}
#news_title {
	float:left;
	width:370px;
	height:22px;
	background-color:#658b81;
}
#news_title p,#part_title p{
	margin-top:-2px;
	font-size:20px;
	color:white;
	text-shadow:0 1px 3px black;
}
#news_text{
	top:-20px;
	width:410px;
	height:148px;
	padding:0px 5px;
	clip:rect(0px 410px 148px 0px);
	overflow:hidden;
	clear:both;
}
#news_text h5{font-size:16px;color:#f1a140;}
/***** Gestion des arrondis *****/
.box_top_left,.box_top_right{width:27px;height:48px;}
.box_top_left{
	float:left;
	background:url("images/box_top_left.png") no-repeat;
	margin-left: -2px;	
}
.box_top_right{
	float: right;
	background:url("images/box_top_right.png") no-repeat;
	margin-right:-2px;	
}
/********************* Bloc partenaires *********************/
#acc_part{
	clear:both;
	position:relative;
	float:left;
	width:195px;
	height:466px;
	border:solid 2px #658b81;
	border-top:none;
	margin-top:10px;
/	margin-top:20px;
	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-bottom-left-radius: 20px;
	-khtml-border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px; 
}
#acc_part a{
	text-align:center;
	width:auto;
	display:block;
}
#part_title{
	float: left;
	width: 145px;
	height: 22px;
	text-align: center;
	background-color: #658b81;
}	
#part_link{
	position:absolute;
	top:26px;
	left:0px;
	height:436px;
	width:195px;
	clip:rect(0px 195px 436px 0px);
	overflow:hidden;
}
#part_link div{position:relative;}
#part_link  img{margin:10px auto;}
/********************* Block central *************************/
#acc_centre{
	position:relative;
	float:right;
	width:670px;
	height:auto;
	margin:10px 0px;			
}
#bloc1,#bloc2,#bloc3,#bloc4{
	position:relative;
	float:left;
	width:320px;
	height:260px;
}
#bloc2,#bloc4{margin-left:30px;}
#bloc1_title,#bloc2_title,#bloc3_title,#bloc4_title{width:auto;height:22px;}
#bloc1_text,#bloc2_text,#bloc3_text,#bloc4_text{ 
	height:auto;
	padding:10px 4px 4px 0px;
	text-align:left;
}
#bloc1_text p,#bloc2_text p,#bloc3_text p,#bloc4_text p{margin-bottom:10px;}
#bloc1_text img, #bloc2_text img, #bloc3_text img, #bloc4_text img{
	width:100px;
	height:100px;
	position:relative;
	float:right;
	margin-left:4px;
	margin-right:-4px; /* On compence le padding du bloc */	
}
.fleche_up{background-position:40px;} /* On place la fleche en fonction de la page active */
