/*         REDEFINITION DES BALISES STANDARD */
* {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;}

html,body{text-align:center;
background-image:url(public/bg_site.jpg);
background-repeat:repeat-y;
background-position:center top;
background-color: #e3e1dc;
margin:0;
height:100%;
width:100%;}

div{text-align:justify;}
img{border: 0px;
margin:0px;
padding:0px;}

/* ********************************************************************************* */	
/*  					navigation : LID 			       			   				*/

#lid_blocnavig_haut, #lid_blocnavig_bas{ position:relative; margin : 5px 20px 0px 10px; height:20px;background-color:white;}
#lid_blocnavig_haut{ border-bottom:1px solid #999999;}
#lid_blocnavig_bas{ border-top:1px solid #999999;}
#lid_blocnavig_haut div, #lid_blocnavig_bas div {position:absolute; font-size: 11px;
									background-color:white; border:0px ; color:#888888;}
#lid_blocnavig_haut div a:link, #lid_blocnavig_bas div a:link, #lid_blocnavig_haut div a:visited, #lid_blocnavig_bas div a:visited {color:#ff901c; font-weight:normal;}
#lid_blocnavig_haut div a:hover, #lid_blocnavig_bas div a:hover {color:#ff901c; font-weight:normal; text-decoration:underline;}

	
	#lid_navdossiers{left:0%; width:22%;;text-align:left}
	#lid_navtotalpages{left:26%; width:22%;;text-align:right}
	#lid_navpages{right:0%; width:50%;text-align:right; font-weight:bold;}


/* ********************************************************************************* */	
/*  				   	navigation : Dossier 		        			   			*/

#dos_blocnavig_haut, #dos_blocnavig_bas   {position:relative; margin : 5px 20px 0px 20px; height:20px; font-size:11px;}
#dos_blocnavig_haut {border-bottom:1px solid #999999;}
#dos_blocnavig_bas {clear:left; border-top:1px solid #999999;}
#dos_blocnavig_haut a, #dos_blocnavig_bas a {position:absolute; font-size: 11px; border:0px ; color:#888888;}
#dos_blocnavig_haut a:link, #dos_blocnavig_bas a:link{color: #999999; text-decoration: none;}
#dos_blocnavig_haut a:hover, #dos_blocnavig_bas a:hover,#img_blocnavig_haut a:active, #img_blocnavig_bas a:active{color: #fb8c1c;text-decoration: underline;}

	#dos_navdossierprec {left:2%; text-align:left; width:31%; padding-left:15px; background-image:url(public/preced.gif); background-repeat:no-repeat;}
	#dos_navdossierprec:hover {left:2%; text-align:left; width:31%; padding-left:15px; background-image:url(public/preced_1.gif); background-repeat:no-repeat;}
	#dos_navretourliste{left:45%;text-align:left; width:31%;padding-left:20px; background-image:url(public/listing.gif); background-repeat:no-repeat;}
	#dos_navretourliste:hover{left:45%;text-align:left; width:31%;padding-left:20px; background-image:url(public/listing_1.gif); background-repeat:no-repeat;}
	#dos_navdossiersuiv{left:67%; text-align:right; width:31%;padding-right:15px; background-image:url(public/suiv.gif); background-repeat:no-repeat; background-position:right;}
	#dos_navdossiersuiv:hover {left:67%; text-align:right; width:31%;padding-right:15px; background-image:url(public/suiv_1.gif); background-repeat:no-repeat; background-position:right;}



/* ********************************************************************************* */	
/*  				   	navigation : IMAGE 		        			   				*/

#img_blocnavig_haut, #img_blocnavig_bas {position:relative; margin : 5px 20px 0px 20px;height:20px;background-color:white;}
#img_blocnavig_haut {border-bottom:1px solid #999999;}
#img_blocnavig_bas  {clear:left; border-top:1px solid #999999; padding-top: 5px;}
#img_blocnavig_haut a, #img_blocnavig_bas a {position:absolute; font-size: 11px;
									background-color:white; border:0px ; color:#888888;}
#img_blocnavig_haut a:link, #img_blocnavig_bas a:link{color: #999999; text-decoration: none;}
#img_blocnavig_haut a:hover, #img_blocnavig_bas a:hover,#img_blocnavig_haut a:active, #img_blocnavig_bas a:active{color: #fb8c1c;text-decoration: underline;}

	#img_navretourdossier{left:50%;padding-left:20px; background-image:url(public/article.gif); background-repeat:no-repeat;background-position:-1px; }
	#img_navretourdossier:hover{left:50%;padding-left:20px; background-image:url(public/article_1.gif); background-repeat:no-repeat; }
	#img_navretourliste{left:26%;padding-left:20px; background-image:url(public/listing.gif); background-repeat:no-repeat;}
	#img_navretourliste:hover{left:26%;padding-left:20px; background-image:url(public/listing_1.gif); background-repeat:no-repeat;}
	#img_navimgprec{left:1%;padding-left:15px; background-image:url(public/preced.gif); background-repeat:no-repeat; }
	#img_navimgprec:hover{left:1%;padding-left:15px; background-image:url(public/preced_1.gif); background-repeat:no-repeat; }
	#img_navimgsuiv{left:76%; text-align:right; padding-right:15px; background-image:url(public/suiv.gif); background-repeat:no-repeat; background-position:right;}
	#img_navimgsuiv:hover{left:76%; text-align:right; padding-right:15px; background-image:url(public/suiv_1.gif); background-repeat:no-repeat; background-position:right;}

/* *************************** */


	
/* ********************************************************************************* */		
/*         CAS PARTICULIER DES LIENS DANS LE MENU PCPAL (HEADER) ET 2NDAIRE          */	
/*HEADER*/
#nav_mini {
	float: left;
	left : 260px;
	position: absolute;
}
	
#nav_principale {
	height: 29px;
	position:absolute;
	top:65px;left:290px;
	}
	
#nav_principale li, #nav_mini li{height: 29px;
display:inline;}

#nav_principale li a{	height: 29px; padding-top:8px;
	float:left; display:block;
	width:140px; 
	background :url(public/bg_onglet.gif) 0 29px;
	color:#444444;font-size:14px;
	letter-spacing: 1px;
	}
	
	/* STYLISATION DES ONGLETS */
#nav_principale li a:hover,
.part_accueil #part, .part_avantages #part, .part_questce #part, 
.pro_accueil #pro, .pro_offres #pro, .pro_services #pro,
.facad_avantages #facad, .facad_accueil #facad,
.mod2 #part, .mod3 #part, .mod4 #part, .mod5 #pro, .mod6 #facad,
.mod7 #facad, .mod7cat1 #facad, .mod7cat2 #facad, .mod8 #facad, .mod8cat1 #facad, .mod8cat2 #facad, .mod8cat3 #facad, .mod8cat4 #facad,
	.login_faq #facad, .login_agenda #facad, .login_bourse #facad, .login_boutique #facad ,   .login_fournisseur #facad ,
         .mod9 #facad, .mod9cat1 #facad, .mod9cat2 #facad, .mod9cat3 #facad,.mod9cat4 #facad
	{background :url(public/bg_onglet.gif);
	color:#FFFFFF;
	}

/* STYLISATION DU MENU1 - Activé */
	#menu1 a:hover,
.part_accueil #accueil, .part_avantages #avantages, .part_questce #questce, 
.pro_accueil #accueil, .pro_offres #pro_offres, .pro_services #pro_services,
.facad_avantages #facad_avantages, .facad_accueil #facad_accueil,
	.mod2 #mod2, .mod3 #mod3, .mod4 #mod4, .mod5 #mod5, .mod6 #mod6, .mod7 #mod7,  .mod7cat1 #mod7,
         .mod7cat2 #mod7, .mod8 #mod8, .mod8cat1 #mod8, .mod8cat2 #mod8, .mod8cat3 #mod8,.mod8cat4 #mod8,
         .mod8cat2 #mod8,.mod8cat3 #mod8,.mod8cat4 #mod8,.mod9 #mod9, .mod9cat1 #mod9, .mod9cat2 #mod9, 
         .mod9cat3 #mod9,.mod9cat4 #mod9,.mod9cat2 #mod9,.mod9cat3 #mod9,.mod9cat4 #mod9,
	.login_faq #mod6, .login_agenda #mod7, .login_bourse #mod8, .login_boutique #facad_boutique  , .login_fournisseur #mod9, .mod10 #mod10,.login_appels #mod10
	{border-bottom: 1px solid white;}

/* *********************************************** */



/* ********************************************************************************* */		
/*                      TOUTES PAGES : OBJETS CONTENEURS  */	

#webpage{position:relative;
margin:0 auto 0 auto;
background-color:white;
width:920px;
}

	#header{
	margin: 10px 0px 0px 0px;
	text-align:center;
	position:relative;
	background-color:#FFFFFF;
	height:94px;
	width:920px;
	background-image:url(public/bandeau.jpg);
	}

	
	#main{ position:relative; 
	background-color:white;
	width:920px;
	height:600px;}
	html>body #main { /* Hack pour gérer la diff IE/FF */
	height:auto;
	min-height:600px;
	} 
	
	#menu1 {
	text-align:center;
	position:relative;
	width:920px;
	height:22px;min-height:22px; padding-top:3px;
	background-image:url(public/bg_menu.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #FFFFFF;
	text-align:center;}
	
		#menu1 a, #menu1 a:visited{color: #FFFFFF;}	
		
	#menu2 {
	width: 250px;
	height: 600px;
	min-height:600px;
	float:left;
	background-image: url(public/bg_menu2_questce.jpg);
	background-repeat: no-repeat;
	margin : 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;	}
	
		#menu2 li{
		width:180px;
		margin: 2px 0 0 45px;
		padding:10px 0 10px 0;
		text-align: left;
		font-weight: bold;
		list-style:none;
		font-weight:bold;
		border-top: 1px #bbb dashed;
		
		}

		#menu2 li a:link , #menu2 li a:visited {
		color: #666666;
		text-decoration: none;
		}

		#menu2 li a:hover,#menu2 li a:active, #deptselect{
		color:black;
		background-image:url(public/puce_link.gif);
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: 0 2px;
		text-decoration:underline; 
		}
		
		.mod8cat1 #mod8cat1, .mod8cat2 #mod8cat2, .mod8cat3 #mod8cat3, .mod8cat4 #mod8cat4,
		.mod7cat1 #mod7cat1, .mod7cat2 #mod7cat2, .mod7cat3 #mod7cat3, .mod7cat4 #mod7cat4 {
		color:black;
		background-image:url(public/puce_link.gif);
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: 0 2px;
		text-decoration:underline;
		}
		
	#contenu {
	margin:0px 0px 0px 0px;
	padding-top: 20px;
	width:669px;
	float:left;
	background-image: url(public/bg_contenu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display:inline;
		}
	html>body #contenu { /* Hack pour gérer la diff IE/FF */
	width:669px;
	}
	
	#footer{
	width:920px;
	position:relative;
	margin:auto;}
	
	#footer a {
	color : white;
	text-decoration: none;	
	}
	
	#footer a:hover{
	text-decoration: underline;
	}
	
	#bg_footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(public/footer_logo.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 920px;
	float: left;
	text-align:center;
	padding-top: 10px;
	}

/* ********************************************************************************* */
/*                       Pointillé                                                   */
	
.pointille {
	background-image: url(public/pointille.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

/* ********************************************************************************* */
/*                        Stylisation menu2 statique                                 */


.part_avantages #menu2 {background-image: url(public/bg_menu2_avantages.jpg);}
.part_questce #menu2 {background-image: url(public/bg_menu2_questce.jpg);}
.plandusite #menu2 {background-image:  url(public/bg_menu2_plan.jpg);}
.pro_services #menu2 {background-image:  url(public/bg_menu2_services.jpg);}
.pro_offres #menu2 {background-image:  url(public/bg_menu2_offres.jpg);}
.facad_avantages #menu2 {background-image:  url(public/bg_menu2_avantages2.jpg);}
.login_faq #menu2 {background-image:  url(public/bg_menu2_reserve.jpg);}
.login_agenda #menu2 {background-image:  url(public/bg_menu2_reserve.jpg);}
.login_bourse #menu2 {background-image:  url(public/bg_menu2_reserve.jpg);}
.login_boutique #menu2 {background-image:  url(public/bg_menu2_reserve.jpg);}
.login_fournisseur #menu2 {background-image:  url(public/bg_menu2_reserve.jpg);}
.contact #menu2 {background-image:  url(public/bg_menu2_mail.jpg);}
.mod5 #menu2 {background-image:  url(public/bg_menu2_adherents.jpg);}
.part_realisations #menu2{background-image:url(public/bg_menu2_realisations.jpg);}



/* ********************************************************************************* */
/*                        Stylisation de la partie sécurisée                         */

#log_bloclogin{
	margin : 50px 0px 0px 100px;
	position:relative;
	}

#log_blocmessage{
	padding-bottom: 10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;}
	
#log_tableausaisie{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;}
#log_userinput,#log_mdpinput{
border: 1px solid black;}

#log_btnsubmit{
height:20px;
width:61px;
background-image:url(public/bt_key.gif);
background-repeat: no-repeat;}

#log_btnsubmit a:hover{
height:20px;
width:61px;
background-image:url(public/bt_key.gif);
background-position:20px;
background-repeat: no-repeat;}