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

*{
	margin:0px;
	border:0px;
	padding:0px;
	}
	
p {
	font: 12px/14px Arial;
}

.clear {
	line-height: 0px;
	font-size: 0px;
	clear: both;
	float: none;
	height: 0px;
}

body {

	background-color:#fff;

}

#page{
	width:980px;
	border:1px solid #000;
	margin:auto;
}

#header{
	height:141px;
	width:980px;
}

#header-s{
	width:980px;
	height:31px;
	background: url(../images/header-s.jpg) top left;
}

#header-s p{
	font:9px/20px verdana;
	color:#fff;
}
	
/* -------- content ------------ */

#content{
	width:980px;
	background:url(../images/page-bg.jpg) top left repeat-y;
}

	#content #content-left{
	width:200px;
	height:auto;
	color:#333333;
	float:left;
	}
.espacement {
	padding-top: 2px;
	padding-right: 7px;
}

		#content #menu-top{
	width:181px;
	height:24px;
	position:absolute;
	top:0px;
	left:0px;
	margin-top: 0px;
	background-image: url(../images/menu-top.jpg);
		}
		
		#content #menu-bottom{
			width:181px;
			height:19px;
			background:url(../images/menu-bottom.jpg);
			position:absolute;
			bottom:0px;
		}
		
		#content #menu{
	width:181px;
	height:220px;
	background: url(../images/menu-bg.jpg) top left repeat-y;
	position:relative;
	margin-top:10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
		}
		
			#menu ul{
	list-style:url(../images/bullet.jpg);
	padding:22px 0px 0px 40px;
			}
			
			.active{
				list-style:url(../images/bullet3.jpg);
				background: url(../images/active.jpg) -2px 0px repeat-y;
			}
			
			#menu ul li{
				
			}
			
			#menu ul li a{
	color:#f9c114;
	text-decoration:none;
	font-family: verdana;
	font-size: 12px;
	line-height: 15px;
			}
			
			#menu ul li a:hover{
				text-decoration:underline;
			}
		
	#content #menu2-top{
			width:181px;
			height:24px;
			background:url(../images/menu-top.jpg);
			position:absolute;
			top:0px;
			left:0px;
		}
		
		#content #menu2-bottom{
			width:181px;
			height:19px;
			background:url(../images/menu-bottom.jpg);
			position:absolute;
			bottom:0px;
			left:0px;
		}
		
		
		
		#content #menu2{
			width:181px;
			background: url(../images/menu-bg.jpg) top left repeat-y;
			position:relative;
			margin:auto;
			margin-top:15px;
			padding-bottom:20px;
		}
		
			#menu2 ul{
				list-style:url(../images/bullet2.jpg);
				margin-left:30px;
				padding-top:30px;
			}
			
			#menu2 p{
				font:10px/11px arial;
				color:#d9e1ef;
				padding:0px;
			}
			
			#menu2 a{
				color:#F89838;
			}
			
/* -------- content-right ------------ */

	#content #content-right {
		width:740px;
		float:left;
		padding:20px;
		background:#fff;
	}

		#content .content-right-data {
			width:331px;
			height:133px;
			float:left;
			display:inline;
			margin:10px 20px 10px 30px;
			
		}
		
					
				#content .content-right-data-1a {
				 	width:331px;
				 	height:22px;
				 	padding:0px;
				 	background:url(../images/area1-up-bar.jpg) top left no-repeat;
				}
				
					#content .bullet4 {
				 		width:6px;
				 		height:6px;
				 		margin-left:8px;
						padding-top:3px;
						background: url(../images/bullet4.jpg) no-repeat;
					}
					
				
				#content .content-right-data-1b {
				 	width:329px;
				 	border-left: 1px solid #336699;
					border-right: 1px solid #336699;
					
				}
            /* ------styles--------*/
		   /*---txt---*/
		   
					#content .txt{
						width:303px;
						height:48px;
						padding:10px 0px 0px 30px;
						float:left;
					}
					
					.txt ul{
						list-style:url(../images/bullet2.jpg);
					}
					
					.txt li{
						font:10px/12px verdana;
						font-weight:bold;
						color:#33669a;
					}
			
					.txt p{
						font:10px/12px verdana;
						color:#666766;
					}
					
					.txt a, .txt a:visited{
						font:10px/12px verdana;
						color:#f89838;
					}
					
					/* ------txt1-----*/
					
					#content .txt1{
						width:740px;
						padding:10px 0px 0px 10px;
						float:left;
					}
					
					.txt1 ul{
						list-style: url(../images/bullet2.jpg);
					}
					
					.txt1 li{
						font:10px/12px verdana;
						font-weight:bold;
						color:#33669a;
					}
			
					.txt1 p{
						font:10px/12px verdana;
						color:#666766;
						text-align:justify;
						padding:0px;
					}
					
					.txt1 a, .txt a:visited{
						font:10px/12px verdana;
						color:#f89838;
					}
					
					#content-right #photo{
						width:199px;			
						height:222px;		
						background:  url(../images/revue-photo.jpg) no-repeat;
						display: inline;
					}
					
					
					/* -------- */
					
					#content .txt2{
						width:740px;
						float:left;
					}
					
					.txt2 ul{
						list-style: url(../images/bullet2.jpg);
					}
					
					.txt2 li{
						font:10px/12px verdana;
						font-weight:bold;
						color:#33669a;
					}
			
					.txt2 p{
						font:10px/12px verdana;
						color:#666766;
						padding:0px;
						text-align:justify;
					}
					
					.txt2 a, .txt a:visited{
						font:10px/12px verdana;
						color:#f89838;
					}
					.txt2 .tcont{
						width:300px;
						padding-left:20px;
						float:left;
					}
					
					.txt2 table{
						text-align:left;
					}
					
					.txt2 table td{
						font:10px/12px verdana;
						color:#666766;
					}
					
					.txt2 table th{	
						font:10px/12px verdana;					
						color:#438fcd;
					}
										
					
					#second-table table{
						width:700px;
						margin:auto;
						margin-bottom:10px;
					}
					
					#second-table table th{
						font:12px/18px verdana;
						background:#b2b2b2;
						color:#fff;
						border-bottom:8px solid #fff;
					}

					#second-table table td{
						font:12px/22px verdana;
						background:#eee;
						color:#666766;
						border-left:1px solid #fff;
						border-right:1px solid #fff;						
						padding:1px 0px 1px 3px;
					}

					#list2 ul{
						list-style:url(../images/bulet-txt.jpg);
						margin:20px 0px 20px 30px;
					}
					
					#list2 li{
						font:11px verdana;
						color:#666766;
					}
					
					.blueshit{
						font-weight:bold;
						color:#018be5;
					}
					
	    /*---18-blue---*/
					
					h2{
						font:16px/18px verdana;
						font-weight:bold;
						display:inline;
						color:#4168b1;
						background:url(../images/bulet-title.jpg) no-repeat center left;
					}
					
					#content-right a{
						font:11px/18px arial;
						color:#ff7a00;
					}
		/*---14-b-blue---*/
		
					h1 {
	font:11px verdana;
	font-weight:bolder;
	color:#103e73;
					}
					
		/*---11-b-blue---*/
		
					.d-title {
						font:9px/11px verdana;
						font-weight:bold;
						color:#103e73;
					}
					
					
					
		/*---11-i-blue-!!!--*/
		
					p {
						font:9px/11px verdana;
						font-weight:italic;
						color:#103e73;
						padding:10px 0px 0px 30px;
					}
					
		/*---11-r-blue---*/
		
					.11-r-orange {
						font:9px/11px verdana;
						color:#ff7a00;
						padding:10px 0px 0px 30px;
					}
					
		/* ------pdf-line--------
		
					.pdf-line{
						width:702px;
						height:21px;
						margin:10px 0px 0px 30px;
					}
					
						.pdf-line-left{
							width:300;
							float:left;
							background:  #FF9966;
						}
						
						.pdf-line-middle{
							width:200;
							float:left;
							background:  #FF00FF;
						}
						
						.pdf-line-right{
							width:100;
							float:left;
							background:  #0000FF;
						}
						
						                              -----*/
													  
					.pdf-txt{
						font:11px verdana;
						font-weight:bold;
						color:#103e73;
						margin-top:1px;
					}
					
					/* ------organisation : admin-list--------*/
					#admin-list{
						height:137px;
						width:700px;
					}
					
						#admin-list-left{
							height:137px;
							width:332px;
							float:left;
							border-right:1px #CCCCCC;
						}
							#admin-list-left-1{
								height:137px;
								width:165px;
								background:  #CC99FF;
							}
							
							#admin-list-left-2{
								height:137px;
								width:165px;
								background: #00FF00;
								display:inline;
							}
							
							
						#admin-list-right{
							height:137px;
							width:332px;
							float:left;
						}
							#admin-list-right-1{
								height:137px;
								width:165px;
								background:  #663366;
							}								  
						
						#admin-list-right-2{
								height:137px;
								width:165px;
								background: #FF0000;
							}		
					
		/* ------big-title--------*/
					
					#content #big-title{
						font:11px/12px verdana;
						font-weight:bold;
						color:#103e73;
					}
					
				
					
/* ---------temp. guides -----------------------------------*/
	
					#content .bullet {
				 		width:6px;
				 		height:6px;
				 		margin: 0px 0px 0px 0px;
						background: url(../images/bullet2.jpg) no-repeat;
					}
				
				#content .content-right-data-1c{
				 	width:331px;
				 	height:12px;
				 	padding:0px;
				 	background: url(../images/area1-down-bar.jpg) top left no-repeat;
				}
				
				
		#txt-up{
			width:700px;
			height:60px;
			padding: 25px 0px 0px 42px;
		}
		
		#content .content-right-data-down{
			width:700px;
			height:60px;
			background:#fff;
			margin:10px 20px 10px 30px;
		}
		
			#content .content-right-data-down-a{
				width:702px;
				height:25px;
				background: url(../images/area3-up-bar.jpg) top left no-repeat;
				
			}
				
			#content .content-right-data-down-b{
				width:699px;
				height:100px;
				background:#fbfeff;
				border-left: 1px solid #336699;
				border-right: 1px solid #336699;
			}
			
				#content .content-right-data-down-b1{
					width:348px;
					height:100px;
					border-right: 1px solid #336699;
					float:left;
					
				}
				
					
				#content .content-right-data-down-b2{
					width:348px;
					height:100px;
					float:left;
					padding: 0px 0px 0px 2px;
				}
			
			#content .content-right-data-down-c{
				width:702px;
				height:17px;
				background:url(../images/area3-down-bar.jpg) top left no-repeat;
				
			}
				
#footer{
	width:980px;
	height:27px;
	background: url(../images/footer-middle-bg.jpg) top left repeat-x;
	position:absolute;
}

	#footer #footer-left{
		width:8px;
		height:27px;
		float:left;
		background: url(../images/footer-left-bg.jpg) top left no-repeat;
	}
	
	#footer #footer-middle{
		width:964px;
		float:left;
		text-align:center;
	}
	
	#footer #footer-right{
		width:8px;
		height:27px;
		float:left;
		background: url(../images/footer-right-bg.jpg) top left no-repeat;
	}
	
	#footer p{
		font:10px arial;
		color:#fff;
	}


/*pages*/

#header-pages{
	height:133px;
	width:980px;
	background:#993300;
	/*background:url(../images/header-pages.jpg) top left no-repeat;*/
}


.bigtitles{
	font:14px verdana;
	display:block;
	font-weight:bold;
	color:#003366;
}


/* -------------------------- */

.revue-text{
	width:320px;
	float:left;
	text-align:justify;
	padding-top: 40px;
	padding-right: 80px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.revue-text p{
	font:11px verdana;
	color:#666766;
}

.revue-img{
	width:200px;
	background:#99CC66;
	float:left;
}

#popup{
	padding:20px 10px 10px 10px;
}

#popup p{
	font:12px/14px verdana;
	color:#000;
	text-align:justify;
}

h3{
	font:14px/22px arial;
	font-weight:bold;
	color:#003366;
}
.telechargement-adhe {
	width:650px;
	float:left;
	text-align:left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.telechargement-adhe p{
	color:#666766;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}