/*------- CSS BRAINSTORMING ---------*/
/*                                   */
/*    ***************************    */
/*    *                         *    */
/*    ***************************    */
/*    *     *                   *    */
/*    *     *                   *    */
/*    *     *                   *    */
/*    *     *                   *    */
/*    *     *                   *    */
/*    ***************************    */
/*                                   */
/*-----------------------------------*/

html{ 
	height:100%; 	
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:Arial;
	font-size:13px;
	color:#626264;
	background:url('images/bg_body.jpg') 0px 0px no-repeat;
}

#container{
	width:1000px;
	margin-top:10px;
	/*background:url('images/footerShadow.jpg') 994px 0px repeat-y;*/
	background:url('images/bg_container.jpg') 25px 0px repeat-y;
}


	.tools{
		/*background:url('images/slot1.gif') 0px 0px no-repeat; */
		float:left;
		width:60px;
		margin-top:8px;
		height:20px;
		padding:4px;
		padding-top:12px;
		margin-left: 100px;

		position: absolute;
		
	}
		.tools .icomail{
			position: relative;
			top: 2px;
		}

		.tools .icositemap{
			position: relative;
			top: 1px;
		}

/*** ON CIBLE FIREFOX ET IE7 SEULEMENT POUR REGLER UN BUG DE IE 6 ***/

	html>body #onglet{
		margin-left:220px;
		height:45px;
		overflow:hidden;
		float:left;
	}

	#onglet{
		_padding-left: 220px;
		height:45px;
		overflow:hidden;
		float:left;
	}

/***  ***/

		#onglet A{
		display:block; 
		float:left;
		width:92px;
		text-decoration:none;
		padding:4px;
		font-size:11px;
		text-align:center;				
		padding-top:5px;
		margin-top:7px;
		padding-bottom:25px;
		}
			
			#onglet .slot2{background:url('images/slot2.gif') 0px 0px no-repeat; color:#046599;}
			#onglet .slot3{background:url('images/slot3.gif') 0px 0px no-repeat; color:white;}
			#onglet .slot4{background:url('images/slot4.gif') 0px 0px no-repeat; padding-top:12px;color:white;}
			#onglet .slot5{background:url('images/slot5.gif') 0px 0px no-repeat; color:#046599;}
			#onglet .slot6{background:url('images/slot6.gif') 0px 0px no-repeat; padding-top:12px;color:white;}
			#onglet .slot7{background:url('images/slot3.gif') 0px 0px no-repeat; padding-top:12px;color:white;}

	#onglet A:hover{
	margin-top:0px;
	}
			#onglet .slot2Active{background:url('images/slot2.gif') 0px 0px no-repeat; color:#046599;margin-top:0px;}
			#onglet .slot3Active{background:url('images/slot3.gif') 0px 0px no-repeat; color:white;margin-top:0px;}
			#onglet .slot4Active{background:url('images/slot4.gif') 0px 0px no-repeat; padding-top:12px;color:white;margin-top:0px;}
			#onglet .slot5Active{background:url('images/slot5.gif') 0px 0px no-repeat; color:#046599;margin-top:0px;}
			#onglet .slot6Active{background:url('images/slot6.gif') 0px 0px no-repeat; padding-top:12px;color:white;margin-top:0px;}
			#onglet .slot7Active{background:url('images/slot3.gif') 0px 0px no-repeat; padding-top:12px;color:white;margin-top:0px;}

	#borderWrap {
	width: 50px;
	height: 45px;
	background-color: white;
	position: absolute;
	left: 980px;
	}


	#containerLeft{
		width:195px;
		float:left;	
		padding-left:25px;		
		
	}

		#deco{
				width:60px;
				position:absolute;
				left:0px;
				top:40px;
				_margin-top: 40px;
				background:url('images/bg_deco.png') 0px 60px no-repeat;	
				height:204px;
		}

		#menu{
			padding:10px;
			padding-left:32px;
			padding-top:40px;	
			background:url('images/bg_menu.jpg') 0px 0px no-repeat #5EA8D7;		
		}

			#menu A{
				display:block;
				font-size:12px;
				color:#E2F0F8;
				padding-left:16px;
				margin-bottom:8px;
				background:url('images/puce_menu.gif') 0px 2px no-repeat;
				cursor:pointer;
				text-decoration:none;				
				color:white;
			}

			#menu A:hover {
				color: #192750;
			}

			#menu  .parent:hover, #menu .menuActive{
				color:#FFFFFF;
				background:url('images/puce_menu.gif') 0px -20px no-repeat;
			}

				#menu .child{
					margin-bottom:10px;					
				}

				 #menu .child A{
					font-size:12px;
					text-transform:normal;
					background-image:none;					
					display:block;
					color:#D4EEFC;
					padding-bottom: 1px;
					margin-left: 10px;
					background:url('images/puce_small2.png') 5px 5px no-repeat;
				}

					#menu .child a:hover{
					border: none;
					color: #192750;
					background:url('images/puce_small3.png') 5px 5px no-repeat;
					}

					#menu .child .childActive{
					border: none;
					color: #192750;
					background:url('images/puce_small3.png') 5px 5px no-repeat;
					}


				 #menu .child .subChild A{
					font-size:11px;
					text-transform:normal;
					background-image:none;					
					display:block;
					border: none;
					color:#c9e6f6;
					margin-left:25px;
					padding-left:10px;
					background:url('images/puce_small.png') 0px 4px no-repeat;
				}

				 #menu .child .subChild A:hover{
				 color: white;
				}


		#info{
			padding:10px;
			color:#1F4355;
			background:url('images/bg_left.jpg') right 0px repeat-x #D4EEFC;
			font-size:11px;
		}	

	#containerRight{
		width:780px;
		float:left;
		_width: 780px;
	}

		#top{
			height:275px;			
		}
		
			
		#page{			
			padding:0px 30px 15px 30px;
		}


	#footer{
		width:980px;
		height: 60px;
		padding:10px;	
		font-size:11px;
		color:silver;		
		background:url('images/bg_footer.jpg') 0px 0px repeat-x;
		padding-top:10px;
		border-top:1px solid #f0f0f0;
	}

	#footer .address{
		width:280px;
		float:left;
		padding: 0px 0px 0px 20px;
		text-align: justify;
	}

	#footer .footerContainer{
	float: left;
	width: 658px;
	}

	#footer .footerContainer .subMenu{
	text-align: right;
	}

	#footer .footerContainer .mLegal{
	margin-top: 3px;
	text-align: right;
	}

	#footer #footerShadow{
	float: right;
	width: 4px;
	height: 80px;
	position: relative;
	left: 8px;
	top: -10px;
	background:url('images/footerShadow.jpg') 0px 0px repeat-y;
	}

	/*#footer .contact{
		width:217px;
		height:79px;
		display:block;
		float:left;
		text-align:right;
		font-size:12px;
		cursor:pointer;
	}

	#footer .contact:hover{
		text-decoration:none;
	}

		#footer .contact H1{
			font-size:20px;
			color:#338CC3;
			margin:0px 0px 0px 0px;
			padding:0px; 
			border-width:0px;
		}
*/
 

.clear{
 clear: both; 
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

 
/* ------------------------------------------------------------------ */
/* -                    MISE EN FORME                                 */
/* ------------------------------------------------------------------ */

h1{ 
 font-size:16px;
 padding:0px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:bold;
 color:#60AED9;
} 

h2{ 
 font-size:14px;
 font-weight:normal;
 margin:0px 0px 10px 0px;
 display:block;
 color:#717171;
}

	.puceH2{
		padding-left:12px;
		font-weight: bold;
		background:url('images/puce_h2.gif') 0px 4px no-repeat;
	}

h3{ 
 font-size:14px;
 font-weight:normal;
 margin:0px 0px 10px 0px;
 display:block;
 color:#0076B8; 
 text-align: left;
} 

.h3bis {
	font-size:15px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	display:block;
	color:#19264f;
	font-weight: bold;
	text-align: left;
}

h4{ 
 font-size:12px;
 font-weight:normal;
 padding:0px;
 margin:0px;
 display:inline;
 color:#60AED9; 
}

UL{
	margin-top:5px;
	margin-left:0px;
	padding-left:20px;
}
 
A{
 color:#60AED9;
 font-weight:normal;
 text-decoration:underline;
}

A:hover{
 color:#60AED9;
 text-decoration:none;
}

	a img {
		border: none;
	}

SMALL{
}

HR{
 color:#E0EFF7;
 background-color:#E0EFF7;
 margin:15px 0px 15px 0px;
 height:1px;
 border:0px;
}


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                               */
/* ------------------------------------------------------------------ */

.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:9px;}
div.noborder input {border-width:0;background-color: transparent;font-size:9px;}
span.noborder input {border-width:0;background-color: transparent;font-size:9px;}

input, select, textarea {
	border:1px solid #eeeeee;
	background-color:#FFFFFF;
	color:#616161;
	font-family:arial;
	font-size:11px;
	margin-bottom:0px;
}


.btn{
	border:1px solid #468CB5;
	color:#186B9C;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_button.gif') 0px 0px repeat-x #BCE5F9;
}

.btn:hover{
	border:1px solid #3F8BB9;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_button_a.gif') 0px 0px repeat-x #3284B6;
}

.formulaire{
	text-align:left;
}

.formulaire TD{

}

.formulaire .pnlMsg{
	color:#1F8CCD;
	border:1px solid #1F8CCD;
	background-color:#D6ECF9;
	padding:5px;
	font-size:150%;
}

	.formulaire .label{
		margin:0px;
		padding-top:6px;
		padding-right:10px;
	}

	.formulaire .input{
		margin:0px;
		padding:0px;
	}
	
	.formulaire .asterisque{
	     color:#4194C6;
		 font-size:15px;		
		 font-weight:bold;
		 padding-left:5px;
	}

	.formulaire .alert{	
		color:red;
	}



/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */


#infoBulle{
position: absolute;
border: 1px solid #cacaca;
background-color:white;
visibility: hidden;
z-index: 100;
padding:3px;
font-size:10px;
font-family:arial;
}