/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2D598A;
	background: url(/images/bg-page.jpg) repeat-x #668D3C;
}

#container{
	width: 772px;
	margin:0px auto;
	padding:0px auto;
}

#bgTop1{
	background: url(/images/bgCNRIS1.jpg) no-repeat center top;
}
#bgTop2{
	background: url(/images/CNRIS1.jpg) no-repeat left top;
	width: 772px;
	float: left;
}
#bgBas{
	background: url(/images/CNRIS3.gif) no-repeat bottom;
	width: 772px;
	float: left;
}
#bgMiddle{
	width: 772px;
	background: url(/images/bg-content.gif) repeat-y;
	float: left;
}


/**************  Content   ****************/

#langues{
	float: right;
	color: #2D598A;
	padding: 0px 13px 0px 0px;
	text-align: right;
	margin-top: 10px;
	clear: right;
}
	#langues a{
	color: #2D598A;
	text-decoration: none;
	font-weight: bold;
	}
		#langues a:hover{
			color: #529EE3;
		}
#titreLogo{
	width: 680px;
	float: right;
	text-align: left;
	font-size: 10px;
	letter-spacing: 0px;
	clear: right;
	margin: 133px 0px 44px 0px;
	color: #000000;
}
#contenu{
	width: 772px;
	float: right;
}

#leftCol{
	float: right;
	width: 173px;
}

#rightCol{
	float: right;
	width: 599px;
	height: auto;
	text-align: left;
	clear: left;
}
	#titrePage{
		font-size: 29px;
		color: #2D598A;
		text-align: left;
		width: 581px;
		float: right;
		clear: right;
	}
	#sTitre{
	background: url(/images/bg-sTitre.gif) repeat-y;
	float: right;
	clear: both;
	width: 597px;
	margin: 10px 0px 6px 0px;
	}
		#sTitre a{
			text-decoration: underline;
			}
			#sTitre a:hover{
			text-decoration: none;
			}
	h2{
		font-size: 13px;
		color: #2D598A;
		padding: 6px 23px 6px 18px;
		margin: 0px;
	}
	#infoC,
	#privatedocs{
	height: auto 200px;
	margin-bottom: 30px;
	width: 578px;
	text-align: left;
	float: right;
	}
	.infoC{
	height: auto 200px;
	margin-bottom: 30px;
	width: 578px;
	text-align: left;
	float: right;
	}
	p{
	width: 556px;
	padding: 0px 0px 6px 0px;
	margin: 10px 0px 0px 0px;
	text-align: justify;
	}
#babillard a{ /* utilisé par les liens créés par le client*/
	color:#2D598A;
}
a.reg{
	text-decoration:none;
	color:#2d598a;
}
a.reg:hover{
	text-decoration:underline;
}
.texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2D598A;
}
.imgBorder{
	padding:2px;
	border:2px solid #2d598a;
	float:right;
	margin-left:15px;
}
.listePrinc{
	font-weight:bold;
	margin-top:3px;
	margin-bottom:10px;
}
.maBas{
	margin-bottom:10px;
}
table.boBleu td {
	border:1px solid #2d598a;background-color:#eaeff3;
}
		table.boBleu td a{
		text-decoration: underline;
		}
			table.boBleu td a:hover{
				text-decoration: none;
				}
		ul.ulDoc{
			margin: 0px;
			padding: 0px 0px 0px 15px;
			
			}
			ul.ulDoc li{
				margin: 0px 10px 5px 0px;
				
				}
				ul.ulDoc li ul{
				margin: 0px 0px 10px 0px;
				
				}	
				h3.h3Doc{
					font-size: 12px;
					}		


table.boBleu td.vide{
	background-color:#f4f7f9;
	border:0px;
}
.noBullet, .noBullet ul{
	list-style:none;
}
.vert{
	color:#4c702d;
	font-weight:bold;
}

#album{
	margin-left:15px;
	margin-top:15px;
}

#album a img {border: 2px solid #E66D00; margin: 0 4px 10px 4px;}
#album a:hover img {border: 2px solid #F1AB00;}

#album h3 {
	text-align:center;
	margin-top:0px;
	margin-bottom:3px;
}
#album p {
	text-align: center;
	width:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/**CALEMDRIER**/

#calendar {
	border: 2px solid #2d598a;
	overflow: auto;
	width:274px;
	height:205px;
}

#calendar h2{
	text-align:center;
	font-size:16px;
	margin:10px 0px 0px;
}
#calendar h3, #calendar h3 a {
	font-size:12px;
	text-align: center;
	color: #668d3c;
	margin:0px;
	margin-right:10px;
	padding:0px;
	text-decoration:none;
}
#calendar h3 a:hover{
	color:#ee9c02;
	font-weight:bold;
}

#calendar p {
	text-align: center;
	margin: 0 5px;
}

#calendar table {
	width: 190px;
}
#calendar table, #calendar h2, #calendar h3 {
	margin-left: 68px;
}
#calendar td, #calendar th {
	width: 22px; 
	height: 16px; 
	text-align: center;
}

#calendar th {font-size: 0.9em; color: #31709e; height:12px;vertical-align:bottom;}
#calendar td {
	background: url(/images/i_cal_bg_date.jpg) no-repeat;
	font-size: 1em;
	color: #31709e;
}

#calendar td a {
	width: 22px; 
	height: 16px;
	color: #a81804;
	background: url(images/i_cal_bg_dateSpec.gif) left top no-repeat; 
	display: block; 
	text-decoration:none;

}

#calendar td a:hover {text-decoration: none; font-weight:bold;}
	
/**************  Fin Content   ****************/



/**************  MENU   ****************/

#menu{
	text-align: left;
	margin: 15px 0px 160px 22px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
	width: 131px;
}

	#menu ul li{
		list-style: none;
		background: url(/images/bg-menu-off.gif) #FFFFFF bottom no-repeat;
		margin: 0px;
		padding: 0px;
	}
		#menu ul li a{
			display: block;
			width: 131px;
			height: 20px;
			text-align: left;
			text-decoration: none;
			color: #E66D00;
			font-weight: bold;
			font-size: 12px;
		}
					#menu ul li a:hover{
					background: url(/images/bg-menu-on.gif) bottom no-repeat;
					color: #F1AB00;
					}
				
		#menu ul li a span{
			display: block;
			padding: 2px 0px 2px 0px;
		}
		

/**************  Fin MENU   ****************/



/**************  INFO BULLES  ****************/

.infoBulle{
	margin: -70px 0px 200px 0px;
	width: 133px;
}

.infoBulle h2{
	background: url(images/info-bulles.gif) no-repeat;
	padding: 0px 0px 0px 33px;
	height: 40px;
	color: #2d598a;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	}
	.infoBulle h3{
	padding: 0px 0px 0px 0px;
	color: #496e98;
	font-weight: bold;
	font-size: 11px;
	margin: -4px 0px 10px 0px;
	text-align: center;
	}
	.infoBulle p{
	padding: 0px 0px 0px 0px;
	width: 132px;
	color: #2d598a;
	font-size: 11px;
	text-align: center;
	}
	.infoBulle a{
	color: #2d598a;
	font-size: 11px;
	width: 49px;
	background: url(images/fleches-lnk.gif) no-repeat right;
	padding: 0px 10px 0px 0px;
	}	
		.infoBulle a:hover{
		color: #496e98;
		text-decoration: none;
		}
		.infoBulle span{
		display: block;
		padding-top: 6px;
		text-align: center;
		}


/**************  Fin BULLES   ****************/



/**************  FOOTER   ****************/

#footer1{
	width: 770px;
	clear: both;
	float: right;
	text-align: left;
	margin: 0px 0px 2px 0px;
}
	#footer1 a{
		color: #ffffff;
		text-decoration: none;
	}


	a.btnTop{
	display: block;
	height: 30px;
	width: 171px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}
	a.btnTop span{
	display: block;
	padding: 8px 0px 0px 30px;
	}
		a:hover.btnTop{
				background: url(/images/top-over.gif);
				color: #C91C00;
			}
	.copyR{
	float: right;
	clear: left;
	text-align: right;
	color: #ffffff;
	width: 650px;
	padding: 8px 13px 0px 0px;
	}
	
#footer2{
	width: 772px;
	background: #668D3C;
	height: 36px;
	clear: both;
	padding: 6px 0px 0px 0px;
	color: #CAD7BB;

}
	#footer2 a{
	color: #CAD7BB;
	text-decoration: none;
	}

.ulfooter ul{
	list-style: none;
	margin: 6px 0px 12px 0px;
	padding: 0px;
	color: #D0DBCA;
	}
	.ulfooter ul li{
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	}
	



/**************  FIN FOOTER   ****************/




/**************  LES FORMULAIRES   ****************/
form{
	margin:0px;
	padding:0px;

}

input, textarea{
	background: url(/images/bg-form.gif) repeat-y #ffffff;
	padding-left: 12px;
	color: #2D598A;
}
/** -- LOGIN --**/
.boiteLogin{
	margin-top:20px;
	background:url(images/i_fond_intranet.jpg) left top no-repeat;
	padding-top:57px;
	padding-left:10px;
	min-height: 244px;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}
input.champ, textarea.champ{
	border: 1px solid #31709e;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.boiteLogin input.champ {
	width: 97px;
	margin-bottom: 7px;
	height: 13px;
	padding-top: 0px;
	font-weight: normal;
}

input.bt, .btSpec{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	background-image: none;
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px solid #31709e;
	height: 19px;
	
}
.btSpec{
	font-size:11px;
}
select, option.opt1, option.opt0{
	color: #E66D00;
	font-weight: bold;
	font-size:11px;
	
}
option.opt1{
	font-weight: normal;
}
	.details_doc{
		margin: 0px 0px 5px 0px;
		
		}
			.details_doc a{
			text-decoration: underline;
			}
			.details_doc a:hover{
			text-decoration: none;
			}
			
	.resumeDoc{
		font-weight: bold;
		margin: 20px 0px 10px 0px;
		}
		
	.plusInfo{
		margin: 20px 0px 10px 0px;
		}

/**************  FIN LES FORMULAIRES   ****************/




/********  Fix pour les différents browsers  ********/
.ie .example {
}
.ie7 .example {
}
.gecko .example {
}
.win.gecko .example {
}
.mac.gecko .example {

}
.opera .example {
}
.konqueror .example {
}
.webkit .example {
}
.example {
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }

/********  FIN Fix pour les différents browsers   ********/