@charset "utf-8";
/* CSS Document */

/* --- GENERAL --- */
* {
  
  font-family: Arial;
  list-style: none;
  /*margin: 0;*/
  outline: none;
  /*padding: 0;*/
  
}

a {color:#0072A8;}

u {
	text-decoration: underline;

}
i {
	font-style: italic;
}
html, body { 
		background:url(../images/bgd.jpg) repeat-x #0072a8; 
		font-style: normal;
		list-style: none;
		margin: 0;
		outline: none;
		padding: 0;
		text-decoration: none;
		font-size:12px; 
		text-align:center;
		color:#ffffff;
		}
/* --- BLOC CONTENEUR GLOBAL --- */

div#main {
		padding-top:40px;
		padding-bottom:40px;
		position: relative;
		width: 900px;
		margin: 0px auto;
		min-height: 100%;
	}

#header ul {
		z-index:1000;
		padding:0;
}
	
#header ul.navigation-1{
		position: relative;
		width: 900px; 
		height:65px; /*old=93px*/
		margin: 0 auto; 
		
		/*background-color:#212121;*/
}
#header ul.navigation-1 li{
	display: inline ;
	margin-right: 1px ;
	float: left ;
	width:149px;
	height:65px; /*old=93px*/
	margin-top:0;
}
#header ul.navigation-1 li a {
	text-decoration: none;
	display: block ;
	background:url(../images/btn_mn_multi.png) ;
	line-height: 3em ;
	text-align: center ;
	text-decoration: bold ;
	color: #ffffff ;
	width:149px;
	height:65px; /*old=93px*/
	background-repeat: no-repeat; 
	margin-top:0;
	font-size:18px;
}
#header ul li a {
	background:url(../images/btn_mn_multi.png) ;
}
#header ul li a:hover, .active {
	background:url(../images/btn_mn_multi_0.png)  no-repeat;
}
#header ul li.first a {
	background:url(../images/btn_mn1_0.png) no-repeat ;
}
#header ul li.first a:hover, #header ul li.firstactive a  {
	background:url(../images/btn_mn1_1.png)  no-repeat;
}
#header ul li.last a {
	background:url(../images/btn_mn2_0.png)  no-repeat;
}
#header ul li.last a:hover, #header ul li.lastactive a {
	background:url(../images/btn_mn2_1.png)  no-repeat;
}

#header ul li a:hover{
		/*background-color:#A9CFFE;
		color:#FFF;
		border-left:8px solid ;
		border-right:8px solid ;
		border-bottom:2px solid #E9F5FE;
		border-top:2px solid #E9F5FE;
		padding:0 5px 0 5px;*/
}

#header ul li a.active {
	background:url(../images/btn_mn_multi_0.png)  no-repeat;
}
	
div#logo_image {
		position: relative;
		padding-top:10px; 
		width: 900px;
		height:355px;
		background-color:#212121;
		z-index: 0;

	}
div#camka {	position:relative;
		float:left;
		left:30px;
		top:5px;
		width:100px;
		
	}

div.cadres_images {
		float:left;
		left:230px;
		width:541px;
		height:325px;
		position:relative;
		padding:0;
		margin:0;
		background-color:#212121;		
	}

.images_cdr	 {
		position:absolute;
		margin:0;
		left:0px;
		width:268px;
		height:325px;
		}
.images_cdr2	 {
		position:absolute;
		margin:0;
		right:0px;
		width:268px;
		height:325px;
		}

div.cadre_image {
		width:541px;
		height:325px;
		position:absolute;
		top:0px;
		background:url(../images/cadre_image.png ) no-repeat;
		}

div#connected {
		clear:left;
		position: relative;
		width: 900px;
		height:75px;
		background-color:#212121;
		color: #FE6927; 
		text-align:center; 

	}
	
div#conteneur {
		position:relative; 
		width: 900px; 
		min-height: 500px;
		margin: 0 auto; 
		background-color:#2e2e2e;
		overflow: auto;

	}
div#content p, div#contentextended p {
		margin-top:10px;
	}
div#content ul li, div#contentextended ul li {
		margin-left:10px;
		list-style:disc;
	}
div#content ol li, div#contentextended ol li {
		margin-left:10px;
		list-style:decimal;
	}
div#content  ul, div#contentextended  ul, div#content  ol, div#contentextended  ol {
		margin-left:30px;
		
	}

.subtitle {
		color:#fe6927;
	}

div#content {	
		/*position:relative;*/
		float:left;
		width: 550px; 
		text-align:left;
		margin-left:20px;
		padding-top:50px;
		min-height:500px;
		
	}
	
div#contentextended{	
	float:left;
	width: 600px; 
	text-align:left;
	margin-left:150px;
	padding-top:50px;
	min-height:500px;
}
div#espacenews {
		/*position:relative;*/
		float:right;
		right:0px;
		width: 300px; 
		text-align:left;
		margin-left:20px;
		margin-top:20px;
		
	}
div.news_top {
		width:257px;
		height:77px;
		background:url(../images/news_haut.png) no-repeat;
		font-size:28px; 
		font-weight: bold; 
	}
#newstitle {
		position:relative;
		float:left;
		top:25px;
		left:60px;
	}
#logorss {
		position:relative;
		top:20px;
		float:left;
		left:70px;
	}
div.news_middle {
		clear:left;
		width:257px;
		background:url(../images/news_middle.png);
	}
div.onenews {
		padding-top:10px;
		background:url(../images/dossierNews.png) no-repeat ;
		padding-left:70px;
		background-position: 20px 10px;
		height:140px;
		width: 180px;
	}
.newseparator {
		background:url(../images/news_barre.png) no-repeat ;
		height:4px;
		width: 256px;
}
#boutonacces  {
		position: relative;
		left:15px;
		top:15px; 
		width:225px;
		height:43px;
		text-align:center;
		background:url(../images/bouton_acces.png) no-repeat;
		

	}
#boutonacces a { text-decoration:none;
		color:#ffffff;
		line-height: 3em ;
		font-weight: bold; 
		font-size:13px;
		display: block ;
		}
div.news_bottom {
		width:257px;
		height:72px;
		background:url(../images/news_bas.png);
		display: block ;
	}
/* --- BLOC NAVIGATION --- */
div#nav_right {
		position: relative; 
		float:left;
		width: 45px; 
		height:100%;
	}
	
	
/* --- PIED DE PAGE --- */
div#footer {
		clear:left;
		position:relative;
		margin: 0 auto; 
		background:url(../images/rd_bas_ss_texte.png) ;
		background-repeat:no-repeat;
		width: 900px; 
		height: 48px; 
		padding-top:40px;
		font-size:12px;
	}
.policy {
	color:#0072a8;
	}
/* ---- GESTION DES LANGUES ---- */
#langboard {
		position:absolute;
		z-index:10000;
		right:0px;
		top:0px;
}
.oneflag img {border:0;}
.oneflag { 
		float:left;
		margin:2px;
}

/* --- menu horizontal avec sous menu --- */
#header ul.navigation-2{
		position: relative;
		width: 149px; 

}
#header ul.navigation-2 li{
	display: inline ;
	margin-right: 0px ;
	float: left ;
	width:149px;
	height:35px;
	margin-top:0;
}
#header ul.navigation-2 li a {
	text-decoration: none;
	font-size:12px; 
	display: block ;
	line-height: 35px ;
	width:149px;
	height:35px;
	padding-bottom:1px;
	background-repeat: no-repeat; 
	margin-top:0;
}
ul.navigation-1 li ul.navigation-2
	{ margin:0; list-style:none; display:none; width:149px; position:absolute; top:0px; left:-1px;  }
ul.navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul.navigation-1 li ul.navigation-2 li
	{ width:149px; clear:left; }

ul.navigation-1 li ul.navigation-2 li a:link,
ul.navigation-1 li ul.navigation-2 li a:visited
	{ clear:left;   width:149px; border:none;  position:relative; z-index:1001; }
ul.navigation-1 li ul.navigation-2 li:hover a,
ul.navigation-1 li ul.navigation-2 li a:active,
ul.navigation-1 li ul.navigation-2 li a:hover
	{ clear:left;   width:149px; border:none;  position:relative; z-index:1001; }
ul.navigation-1 li ul.navigation-2 li a span {
	  color:#FE676F;
	  font-size:12pt;
	  left:132px;
	  position:absolute;
	  top:0;
}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute;margin-top:-36px; left:149px;  z-index:10000; }/*top:0px;*/
ul.navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
	
	
/*mes boites*/
div#content ul.mesboites {
list-style:none; 
position:relative;
width: 570px;
height:135px;
margin-left: 0;
padding-left: 0;

}
div#content ul.mesboites li.uneBoite {
	display: inline ;
	float:left;
	list-style:none; 
	width:178px;
	height:134px;
	background:url(../images/boites.png) ;
	margin-left:0px;
	margin-right:10px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	

	

}
.briqueBoite {

/*margin-bottom: 50px;*/
padding-left: 5px;

}

.titreMaBoite {
	font-size:18px; 
	color: rgb(255, 102, 0);
	top :20px;
	left:40px;
	position:absolute;	
}

.paragrapheMaBoite {
	top :40px;
	left:10px;
	width:150px;
	height:60px;
	position: absolute;

}

img.logoMaBoite {
	top :15px;
	left:8px;
	width:25px;
	/*height:25px;*/
	position:absolute;	
}

.camkaFooter {

		font-size:16px; 
		color: rgb(255, 102, 0);
		font-weight: bold;

		
}
.ImgFTP {
	position:absolute;
	top:32px;
	right:282px;
	border:0;
	width:32px;
}