body {
	margin: 0;
	padding: 0;
	background-color: #6ecde5;
	font-family: Arial;
	font-size: 13px;
	color: #000;
	background-image:url(media/bg.gif);
	background-repeat:repeat-x;
	background-position: top;
}

.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px;}

#container { margin: 0 auto; width: 1004px; }

#top{  height: 30px; line-height: 30px;background:#d059a1;margin:7px 12px;font-size:30px;font-weight:bold;text-align:center;text-decoration:none; color:#ffffff;}
#top a { 	font-weight:bold;text-align:center;text-decoration:none; color:#ffffff;}
#top a:hover { color:#3399CC; }

#lang { float:right; font-size:18px; }
#lang a { color:#FFFFFF; margin:0 2px; text-decoration:none; }
#lang a.over { color:#3016BF; }



#reader { height: 380px; background:url(media/reader.jpg);}
#logo { margin:0;}
#logo img { border:0; }
#logo2 { margin:220px 0 0 0;}
#logo2 img { border:0; }



#menu {	 height: 80px;	border:none; background: #09325b ; overflow:hidden; }
#menu ul { margin: 0; padding: 0; list-style: none;}
#menu ul li { float: left; display:	inline; margin:0; }
#menu ul li a { float: left; display:block; margin:0; }
#menu ul li img { border:0;}



#global { background:#FFF; margin:0 12px; padding:20px 0 ;}

#colon_left { float:left; width:220px; margin:0 15px 0 0;}
.box_mov { background:#b0519f; padding:10px; color:#FFFFFF; margin-bottom:10px;}
.box_mov h3 { font-size:15px; margin:0 0 10px 0; }
.box_mov p { margin:0 0 5px 0;}

.box_mov form { margin:0; padding:0;}
.box_mov form input.champ { font-size:12px; padding:2px; width:140px;}

.box_vert { background: #9ecc43; padding:10px; color:#FFFFFF; margin-bottom:10px;}
.box_vert h3 { font-size:15px; margin:0 0 10px 0; }
.box_vert ul { margin:0 0 5px 10px ; padding:0;}
.box_vert a { margin:0 0 5px 10px ; padding:0;	font-weight:bold;text-decoration:none;color:#FFFFFF;}
.box_vert a:hover {color: #000000;}


#colon_midlle { float:left; width:347px; margin:0 25px 0 0;}
#colon_midlle h2 { font-size:24px; margin:0 0 10px 0;color:#9ecc43;text-align:center; }

#colon_right { float: left; width:350px;}
#colon_right h2 { font-size:24px; margin:0 0 10px 0;color:#b0519f;text-align:center; }
.midlle_top { padding:10px 10px 0 0px;}
.midlle_mid  { background: #b0519f; padding:10px; color:#FFFFFF;margin-top:10px;margin-bottom:10px;}
.midlle_mid p { margin:0 0 5px 0;}
.right_top { padding:10px 10px 0 0px;}
.right_mid { background:#9ecc43; padding:10px; color:#FFFFFF;margin-top:10px;margin-bottom:10px;}
.right_mid p { margin:0 0 5px 0;}
.right_logo { padding:0;	float:right;}



#index_pg_colon_right{ float: left; width:697px; margin:0 15px 0 0;}
#index_pg_colon_right h2 {font-size:24px;font-weight:normal; margin:0 0 10px 0;color:#B0519F;text-align:left;}
#index_pg_colon_right h3 { font-size:22px; font-weight:normal; margin:0 0 10px 0;color:#364BA0;text-align:left;}
#index_pg_colon_right h4 { font-size:12px; font-weight:	bold; }
#index_pg_colon_right a { font-weight:bold; text-decoration:none; color: #0099FF;}
#index_pg_colon_right a:hover {color: #000000;}

#index_pg_colon_right #info { background:#b0519f; padding:10px; color:#FFFFFF; margin-bottom:10px;}
#index_pg_colon_right #info a{ text-decoration:none; color:#ffffff;	font-size:16px; }
#index_pg_colon_right #info a:hover {color: #000000;}

#index_pg_colon_right #savoir{ background:#b0519f; padding:10px; color:#FFFFFF; margin-bottom:10px;}
#index_pg_colon_right #savoir a{ text-decoration:none; color:#ffffff;font-size:16px; }
#index_pg_colon_right #savoir a:hover {color: #000000;}
.right { margin:0px ;}

.photo_galeire ul { margin:0 ; padding:0; list-style: none;}
.photo_galeire ul li { display:inline; float:left; margin:5px;}
.photo_galeire ul li a { display:block; float:left; width:80px; height:53px; padding:3px; border:1px solid #DDD; background-color:#FFF; }
.photo_galeire ul li a:hover { border-color:#0084e1; background-color:#EEE;}

.photo_galeire ul li img  { border:none; margin:0;}




#footer { padding:5px 0 0 0; background:#d059a1;margin:0 12px;}
#footer #wrap { padding:0 20px 10px 20px;text-align:center;text-decoration:none; color:#ffffff; }
#footer #wrap a{ text-decoration:none; color:#ffffff; }
#footer #wrap a:hover {color: #000000;}

/**** Tableau pied de page ****/
#tab_pied th, #tab_pied td{
	padding-left: 10px;
	text-align:left;
	font-size:11px;
}
#tab_pied th a{
	color:#ffffff;
}