
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 20px;}
ol{margin:0 0 0 30px;}

dd{margin:0 0 0 20px;}

select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background:#fff url(../Images/bg-background.gif) repeat-x 0 0;}

	#global{position:relative;width:817px;text-align:left;margin:0 auto;}
	
	#top{position:relative;width:100%;height:98px;background:url(../Images/bg-intitule-site.gif) no-repeat 50% 80px;}
		ul{margin:0;padding:78px 0 0 0;}
		ul li{list-style-type:none;float:right;display:inline;}
		ul li a{color:#9a9994;font-family:arial;font-size:11px;text-decoration:none;font-weight:bold;}
		ul li a:hover{text-decoration:underline;}
		
	#middle{position:relative;width:100%;height:444px;background:url(../Images/bg-background_01.gif) no-repeat center}
		#middle_content{position:relative;width:794px;padding:11px 0 0 0;margin:0 0 0 11px;}
		#middle_top{position:relative;width:100%;}
		
	#bottom{position:relative;width:100%;clear:both;margin:0 0 0 0;}
		#ssmenu01{position:relative;width:815px;height:38px;background:#f6f6f6;border:1px solid #d2d9df;border-bottom:0;}
		#ssmenu01 ul{position:relative;padding:0;width:100%;margin:7px 0 0 0;}
		#ssmenu01 ul li{float:right;display:inline;list-style-type:none;margin:0 0 0 15px;padding:0 10px 0 0;border-right:1px solid #b8b8b8;height:27px}
		#ssmenu01 ul li.num{border:0;margin:0 0 0 0;padding-left:15px}
		#ssmenu01 ul li a{line-height:26px;}
		#ssmenu01 ul li .num_indogo{background:url(../Images/bg-picto03.gif) no-repeat 0 0;padding:0px}
		/*#ssmenu01 ul li .num_indogo img{margin:6px 0 4px 12px;}*/
		#ssmenu01 ul li .ns_contacter{background:url(../Images/bg-picto02.gif) no-repeat 0 0;padding:6px 0 11px 32px;}
		#ssmenu01 ul li .demande_renseignement{background:url(../Images/bg-picto01.gif) no-repeat 0 0;padding:2px 0 10px 23px;}
		
		#ssmenu02{position:relative;width:815px;height:20px;margin:5px 0 0 0;}
		#ssmenu02 ul{position:relative;padding:0;margin:0;width:100%;}
		#ssmenu02 ul li{float:right;display:inline;list-style-type:none;margin:0 0 0 8px;padding:0 8px 0 0;border-right:1px solid #9a9994;}
		#ssmenu02 ul li a{font-weight:normal;}
		#ssmenu02 ul li.lien_01{border:0;padding:0;}
		#ssmenu02 ul li.lien_04{border:0;background:url(../Images/bg-picto04.gif) no-repeat 100% 5px;}
		#ssmenu02 ul li.lien_04 p{font-weight:bold;color:#9a9994;}
		
	/* MODULES DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/

	/* Bloc contenant des floats */
	.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
	
	/*intitule*/
	
	/*titre*/
	.titre01{color:#ff6d00;font-size:10px;font-weight:bold;}
	.titre02{color:#171a9f;font-weight:bold;}
	
	/*texte*/
	.texte01{color:#b9622c;font-weight:bold;}
	
	
	
/**************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page HOME */ 
/*************************************************************************************************************************************************************************/
	#flash_top{position:absolute;top:0;left:0;width:571px;height:174px;}
		
	#login{position:relative;width:211px;height:129px;margin:0 0 0 585px;background:url(../Images/bg-loginLogin.gif) no-repeat 0 0;}
	#login_content01{position:relative;width:100%;}
	#login_content01 .intitule{font-size:12px;font-weight:bold;text-align:center;padding:8px 0 3px 0;border-bottom:1px solid #d4d4d5;}
	#login_content01 .formulaire{position:relative;width:100%;padding:0	 0 0 10px;}
	#login_content01 .formulaire .input_text{background:#fff;border:1px solid #d9d8d6;width:150px;padding:2px 0 0 5px;margin:10px 0 0 0;height:16px;}
	#login_content01 .formulaire .input_submit{margin:4px 0 0 0;}
	#login_content01 .mdp{position:relative;margin:13px 0 0 12px;}
	#login_content01 .mdp a{font-size:11px;}
	
	#middle_center{position:relative;width:100%;}
	#globe_content{float:left;display:inline;position:relative;width:388px;height:256px;background:url(../Images/bg-globe.jpg) no-repeat 0 0;margin:45px 0 0 -8px;}
	#globe_content .info_center{position:absolute;top:-26px;left:110px;width:130px;height:75px;text-align:center;}
	#globe_content .video_center{position:absolute;top:73px;left:270px;width:80px;height:55px;text-align:left;}
	#globe_content .audio_center{position:absolute;top:192px;left:169px;width:150px;height:30px;text-align:center;}
	#globe_content .colla_center{position:absolute;top:192px;left:40px;width:150px;height:30px;text-align:center;}
	#globe_content .managed_center{position:absolute;top:73px;left:-5px;width:95px;height:75px;text-align:right;}
	#globe_content a{color:#606263;text-decoration:none;font-weight:bold;font-size:11px;}
	#globe_content a:hover, #globe_content a.actif{color:#1a4292;}
	#flash_globe{position:absolute;top:38px;left:101px;z-index:200;}
	
	#menu_home{float:left;display:inline;width:341px;height:206px;margin:50px 0 0 70px;}
	#menu_home ul{position:relative;margin:0;padding:0;}
	#menu_home ul li{list-style-type:none;background:url(../Images/bg-bouton_menu01.jpg) no-repeat 0 0;width:341px;height:41px;}
	#menu_home ul li a{display:block;width:341px;height:25px;padding:0 0 0 40px;margin:8px 0 0 0;color:#4c4c4c;}
	#menu_home ul li a:hover{color:#1a4292;text-decoration:none;}
	#menu_home ul li a.menu_home_bt02{background:url(../Images/img-bt01.gif) no-repeat 8px 0;padding:6px 0 0 40px;}
	#menu_home ul li a.menu_home_bt04{background:url(../Images/img-bt00.gif) no-repeat 8px 0;}
	#menu_home ul li a.menu_home_bt01{background:url(../Images/img-bt04.gif) no-repeat 8px 0;}
	#menu_home ul li a.menu_home_bt03{background:url(../Images/img-bt02.gif) no-repeat 8px 0;padding:6px 0 0 40px;}
	#menu_home ul li a.menu_home_bt05{background:url(../Images/img-bt03.gif) no-repeat 8px 0;}
	
	#menu_home ul li.menu01_top{background:url(../Images/bg-bouton-top-menu01.jpg) no-repeat 0 0;width:341px;height:40px;}
	#menu_home ul li.menu01_bottom{background:url(../Images/bg-bouton-bottom-menu01.jpg) no-repeat 0 0;width:341px;height:41px;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page ACCUEIL */ 
/*************************************************************************************************************************************************************************/
	#bandeau_top{position:relative;width:791px;height:97px;background:url(../Images/bg-bandeau.jpg) no-repeat 0 0;}
	#nom_login{float:right;display:inline;margin:5px 15px 0 0;}
	#nom_login p{font-size:11px;color:#9a9994;}
	#nom_login p span{font-weight:bold;}
	
	#menu_inter{float:left;display:inline;position:relative;width:181px;height:240px;margin:30px 0 0 0;}
	#menu_inter ul{position:relative;margin:0;padding:0;}
	#menu_inter ul li{list-style-type:none;background:url(../Images/bg-bouton-menu02.gif) no-repeat 0 0;width:181px;height:30px;}
	#menu_inter ul li a{display:block;width:161px;padding:0 0 0 20px;margin:10px 0 0 0;color:#4c4c4c;font-size:11px;font-weight:bold;text-transform:uppercase;}
	#menu_inter ul li a:hover{color:#1a4292;text-decoration:none;}
	
	#menu_inter ul li.menu02_top{background:url(../Images/bg-bouton-top-menu02.gif) no-repeat 0 0;width:181px;height:33px;}
	#menu_inter ul li.menu02_bottom{background:url(../Images/bg-bouton-bottom-menu02.gif) no-repeat 0 0;width:181px;height:33px;}
	
	
	#block_texte{float:left;display:inline;width:592px;margin:10px 0 0 20px;}
	#block_intitule{position:relative;background:url(../Images/bg-intitule01.jpg) no-repeat 0 0;width:591px;height:16px;}
	#block_intitule p{padding:2px 0 0 5px;}
	#block_texte_content{position:relative;width:571px;height:300px;margin:0 0 0 10px;overflow:auto;}
	#block_texte_content p{position:relative;margin:10px 0 0 0;}
	
/*************************************************************************************************************************************************************************/

/*formulaire login*/
.formlabel
{
	font:11px "Trebuchet MS", Arial, Helvetica, Sans-serif;
	width: 100px;
}
.formlabel2 span label{
width:100%;
}
.formfield{
	width: 80px;
}
td.formfield input{
	width: 100%;
}
input.ms-long{
width: 80px;
}
.buttonlogin{
	text-align:right;
}
table.identification{
	width: 180px;
}
.loginfailed span{
	font-size :7pt;
}

span.formlabel{
vertical-align:middle; 
/*position:absolute;
top: 50%;
height: 9px;
margin-top: -4px;*/
}
span.formlabel label{
vertical-align:middle;
position:absolute;
top: 72%;
height: 9px;
margin-top: -4px; 
}
td.loginfailed{
	display:none;		
		visibility: hidden;
}