* {
	margin:					0;
	padding:					0;
}

body {
	background-color: 	#F5F1E4;
	background-image: 	url(../images/bck1.gif);
	background-repeat: 	repeat-x;
	font-size: 				12px;
	font-family: 			'Trebuchet MS', sans-serif;
	line-height: 			14px;
	color: 					#4F4E54;	
}
a {
	text-decoration: 		none;
	color: 					#4F4E54;		
	outline:					none;
}
#c1 {
	width: 					1050px;
	margin: 				20px auto;		
}

#c2 {
	float: 					left;
	width: 					100%;
	background-color: 	#777;
	padding: 				5px;
}
img {
	border:					0px;
}

#logo {
	position: 				absolute;
	top:						40px;
	z-index:					10000;
}
#logo img {
	padding-left:			15px;
}

#header {
	
}

#footer {
	clear: 					left;
	width: 					100%;
	height: 					17px;
	background-image: 	url(../images/degrpied.gif);
	background-repeat: 	repeat-x;
	border-top: 			1px solid #FFF;
	text-align: 			center;
	color: 					#fff;
}
#footer a {
	font-size:				12px;
	line-height: 			17px;
	color:					#FFF;	
	width: 					auto;
}
#footer a:hover {
	color:					#ddd;	
}
#footer #left {
	margin-left:			5px;
	float: 					left;
}
#footer #right {
	margin-right:			5px;
	float: 					right;
}
#footer .txt {
	position: 				absolute;
	width: 					auto;
	left:						35%;
	line-height: 			20px;
}



ul {
	
}
ul li {
	list-style-position: inside;
	margin:					15px 0;
}


#contenu {
	/*float: 					left;*/
	width: 					100%;
	height: 				650px;
	border-top:				2px solid #FFF;
	background-color: 	#FFF;
}

a.retour {
	display: 				block;
	margin:					0px 0px 15px 0;
	padding: 				5px 10px;
	font-weight:			bold;	
	font-family: 			Georgia, Arial;
	border-bottom:			1px solid #777;
}
a.retour:hover {	
	background-color: 	#eee;
}


.blocArticle {
	width:					1020px;
	padding:					0 auto;
	position: 				absolute;
	height: 					280px;
	top:						380px;
	z-index:					10000;
	padding-left:			30px;
}


.bloc1 {
	float: 					left;
	width:					290px;
	height: 					250px;
	padding: 				5px 10px;
	font-family: 			Arial;
	background-color: 	#eae8e8;
	overflow:				hidden;
	line-height: 			16px;
}
.bloc1 a {
	font-weight: 			bold;
}
.bloc1 a:hover {
	text-decoration: 		underline;
}

.bloc1.left {
	margin-left:			30px;
}
.bloc1.right {
	float: 					right;
	margin-right:			40px;
}
.bloc1.mask {
	position: 				relative;
	overflow:				hidden;
	background-color: 	#e5dcc1;
}
.bloc1.taille2 {
	width:					450px;
	text-align: 			center;
	height: 					250px;
	margin-left:			280px;
	padding: 				5px 10px;
	font-family: 			Georgia, Arial;
	background-color: 	#eae8e8;
	overflow:				hidden;
}

.bloc1 .bbottom {
	border-bottom: 		1px solid #bbb;
	margin-bottom:			15px;
	width: 					60%;
	margin: 					15px auto;
}

.bloc1 a.suite {
	display:					block;
	position: 				absolute;
	text-align: 			right;
	bottom:					30px;
	width:					290px;
	margin:					10px 5px 0 0;
	font-weight:			bold;
}
.bloc1 a.suite:hover {
	text-decoration: 		underline;
}

.bloc1 h2,
.bloc1 h1 {
	font-size:				17px;
	line-height: 			20px;	
	font-family: 			Tahoma, Arial;
	font-weight: 			normal;
	margin: 					5px 0 15px 0;
}
.bloc1 h3 {
	font-size:				13px;	
	text-align: 			right;
	margin: 					0 0 10px 0;
}

.bloc1 img {
	float: 					left;
	margin: 					0 10px 5px 0;
	border: 1px solid #bbb;
}

.bloc1 .texte {
	font-size:				12px;
}



.blocArticle2 {
	width:					950px;
	margin:					0 auto;
	position: 				absolute;
	height: 					280px;
	top:						110px;
	z-index:					10000;
	margin:					0 30px;
}

.blocArticle2 h1 {
	font-size:				19px;
	margin: 					5px 0 25px 0;
	
}

.blocArticle2 img {
	float: 					left;
	margin: 					0 15px 10px 0;
}
.blocArticle2 .texte {
	font-size: 				13px;
	line-height: 			18px;
}

.listeArticle {
	width:					900px;
	background-color: 	#e5dcc1;
	padding: 				10px 20px;
}
.listeArticle a {
	font-size:				13px;
	display: 				block;
	font-family:			Georgia;
	background-image: 	url(../images/fleche.gif);
	background-repeat: 	no-repeat;
	background-position: 0 2px;
	padding:					0 15px;
	margin: 					10px 0;
}
.listeArticle a:hover {
	text-decoration:		underline;
}

#box{
	position:absolute;
}
#box div{
	width:290px;
	float:left;
	margin: 0 10px;
}
#box img {
	float: 					left;
}
#box div .texte {
	margin: 					0;
	
}





#gauche {
	float: 					left;
	width: 					300px;
	padding: 				15px;
}

#accordion {
	float: left;

}




ul.bt {
	position: 				absolute;
	top: 						310px;
	left:						730px;
	list-style: 			none;
	padding:					0;
	margin:					0;
	width: 					auto;
	height: 					38px;
	z-index: 				1000;
}

ul.bt a {
	color:					#fff;
	text-decoration: 		none;
	font-size:				19px;
	line-height: 			32px;
	padding: 				0 15px;
}
ul.bt a:hover {
	text-decoration: 		none;
}

ul.bt li.left {
	float: 					left;
	background-image: 	url(../images/btleft1.gif);
	background-repeat: 	no-repeat;
	width: 					13px;
	height: 					38px;	
}
ul.bt li.center {
	float: 					left;
	background-image: 	url(../images/btcenter1.gif);
	background-repeat: 	repeat-x;
	padding:					2px 0px;
	width: 					auto;
	height: 					38px;
}

ul.bt li.right {
	float: 					left;
	background-image: 	url(../images/btright1.gif);
	background-repeat: 	no-repeat;
	width: 					26px;
	height: 					38px;
}





.toggler {
	color: #222;
	margin: 0;
	padding: 5px 8px;
	background: #D8D9BB;
	border-bottom: 1px solid #BEBFA2;
	border-right: 1px solid #BEBFA2;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Trebuchet MS',sans-serif;
}
 
.element {
 	background-color: #EBECDA;
	padding: 15px;
}
 
.element p {
	margin: 0;
	padding: 15px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}



#MooFlow {
	width:	750px;
	margin: 0 auto;
}