/* CSS Document */

	/* 
		
			Gammes des couleurs
			-------------------------			
			Principales		: #557599 - #6b92bd - #f29413
			Secondaires		: #9bc439 - #a4dcf3 - #dedeec
			
			Texte			: #6f6966
			Titre			: #557599
			Sous Titre		: #6b92bd
			Liens 			: #f29413
			Liens:hover		: #6b92bd
			Actions (imput)	: #9bc439
			
			Aplat recherche	: #d2cdc3
			Aplat gris		: #dedeec
		*/
		
		body,table,td,tr,input,textarea{
			font-family:Tahoma,Verdana,Arial;
			font-size:11px;
			color:#6f6966;
			margin-top:5px;
		}



		/* Gestion des background */
		#home{
			background-image:url(../images/background-home.jpg);
			background-position:center 107px; 
			background-repeat:repeat-x;					
		}
		
		#rubrique1
    {
			background-image:url(../images/background-rubrique1.jpg);
			background-position:center 107px; 
			background-repeat:repeat-x;						
		}
		
		#projets
    {
			background-image:url(../images/FD-projets.jpg);
			background-position:center  8px; 
			background-repeat:repeat-x;						
		}
		#services
    {
			background-image:url(../images/FD-outils.jpg);
			background-position:center  8px; 
			background-repeat:repeat-x;						
		}
		#conseils
    {
			background-image:url(../images/FD-conseils.jpg);
			background-position:center 8px; 
			background-repeat:repeat-x;						
		}
		#librairie
    {
			background-image:url(../images/FD-librairie.jpg);
			background-position:center 107px; 
			background-repeat:repeat-x;						
		}


		a.tooltips-blanc{
			display:block;
			height:12px;
			width:17px;
			background-image:url(../images/sprite-tooltips.png);
			background-repeat:no-repeat;
			background-position:0px 0px;
		}

   a.tooltips-blanc2{
			height:12px;
			width:17px;
		}




/*** Structure générale ***/

	/* Structure générale des blocs du framework general */
		#general 		  {width:965px;height:944px;margin:0 auto;position:relative;}
		#moncompte 		{width:965px;height:21px;background-image:url(../images/moncompte.jpg);}
		/*remplacer ce recherche par celui d'en dessous*/
    /*#recherche 		{width:965px;height:27px;background-image:url(../images/cadre.jpg);}*/
		#recherche 		{width:965px;height:27px;background-image:url(../images/recherche.jpg);}
		#recherche 		{width:965px;height:27px;}                                           
		#menu-haut 		{width:965px;height:28px;background-image:url(../images/cadre.jpg);padding-top:9px;}
		#media 			  {width:965px;height:200px;background-image:url(../images/cadre.png);}
		#central 		  {width:965px;min-height:495px;background-image:url(../images/cadre.png);}
		#menu-bas 		{width:937px;height:18px;background-image:url(../images/cadre.jpg);}
		#menu-sites 	{width:965px;height:27px;background-image:url(../images/menu-sites.jpg);}
		#legal 			  {width:965px;height:43px;background-image:url(../images/legal.jpg);}
 		#media-mini 	{width:965px;height:31px;background-image:url(../images/cadre.png);}
		#ariane		 	  {width:965px;height:30px;background-image:url(../images/cadre.png); }

	/* Bloc marque et tab logo */
		#tab-logo{z-index:20;height:145px;width:272px;background-image:url(../images/tab-logo.png);position:absolute;top:38px;left:18px;}
		#tab-logo a{height:103px;width:221px;display:block;border:none;margin:8px 0px 0px 26px;background-image:url(../images/logo.png);}


	/* Colonne gauche */
		#col-gauche{;position:absolute;z-index:10;width:261px;top:122px;left:25px;}

		
	/* blocs centraux */
		#central      {padding-bottom:50px;}
		#main-sanscol {padding:23px 38px 23px 46px;}
		#main-unecol  {padding:23px 38px 23px 286px;}
		#main-deuxcol {padding:23px 38px 23px 46px;}


	/* sous menu de gauche*/
		#sous-menu{width:215px;background-image:url(../images/2Travail-menu.jpg);}
		#sous-menu #titre-menu{color:#fff;font-size:17px;padding:66px 0 0 13px;}		

		#sous-menu #frise{height:102px;    background-image:url(../images/frise-menu.jpg);}
		#sous-menu #frise-CEL{}	
		
		#sous-menu #titre{color:#fff;}		
		#sous-menu ul{}

		#sous-menu ul li ul{
			padding-bottom:4px;
		}		

		#sous-menu ul li a{ /* premier niveau */
			display:block;
			background-color:#f1f0e9;
			color:#544b41; 
			border-bottom:2px solid #fff;
			font-size:13px;
			text-decoration:underline;
			background-image:url(../images/sprite-gmenu.png);
			background-repeat:no-repeat;
			background-position:10px 7px;
			padding-left:24px;
			padding-top:5px;
			padding-bottom:5px;
			text-decoration:none;
			
		}
		#sous-menu ul li a:hover{
			
		  background-position:11px -172px;
			padding-left:25px;
			background-color:#ecebe5;
			padding-top:6px;
			border-bottom:1px solid #fff;
			color:#527192;     
		}
		
		#sous-menu ul li a.selected{ /* Selectionne */ 
			display:block;
			background-color:#ecebe5;
			color:#f29413;
			border-bottom:1px solid #fff;
			font-size:13px;
			text-decoration:underline;
			background-image:url(../images/sprite-gmenu.png);
			background-repeat:no-repeat;
			background-position:11px -37px;
			padding-left:25px;
			padding-top:6px;	padding-bottom:5px;
			text-decoration:none;
			
		}
		
		#sous-menu ul li a.selected:hover{			
			background-position:11px -37px;
			padding-left:25px;
			background-color:#ecebe5;
			padding-top:6px;
			border-bottom:1px solid #fff;
			color:#f29413;
		}
		
		
		#sous-menu ul li ul li a{ /* second niveau */
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:23px -85px;
			padding-left:37px;
			font-size:11px;
			padding-top:3px;
			padding-bottom:5px;
			border:none;
		}
		
		#sous-menu ul li ul li a:hover{ 
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:25px -130px;
			padding-left: 39px;
			padding-top:3px;
			padding-bottom:5px;
			border:none;
		}
		
		#sous-menu ul li ul li a.selected{ /* second niveau */
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:23px -219px;
			padding-left: 37px;
			font-size:11px;
			padding-top:5px;
			padding-bottom:5px;
			border:none;
		}
		
		#sous-menu ul li ul li a.selected:hover{ 
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:23px -219px;
			padding-left: 37px;
			padding-top:5px;
			padding-bottom:5px;
			border:none;
		}
		
		
		
		#sous-menu ul li ul li ul li a{ /* troisième niveau  */
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:43px -360px;
			padding-left:57px;
			font-size:11px;
			padding-top:3px;
			padding-bottom:3px;
			border:none;
			color:#6f6966;
		}
		
		#sous-menu ul li ul li ul li a:hover{ 
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:45px -310px;
			padding-left: 59px;
			padding-top:3px;
			padding-bottom:3px;
			border:none;
		}
		
		#sous-menu ul li ul li ul li a.selected{ /* troisième niveau  */
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:43px -260px;
			padding-left: 57px;
			font-size:11px;
			padding-top:3px;
			padding-bottom:3px;
			border:none;
		}
		
		#sous-menu ul li ul li ul li a.selected:hover{ 
			background-color:#FFFFFF;
			background-image:url(../images/sprite-gmenu.png);
			background-position:43px -260px;
			padding-left: 57px;
			padding-top:3px;
			padding-bottom:3px;
			border:none;
		}
		
		
		
		#sous-menu #pied{background-image:url(../images/pied-menu.jpg);height:23px;}		

/*** Compléments de structure ***/
	 	
		
	 	/* blocs Mon Compte */
		#moncompte{
			font-size:10px;	
			color:#fff;
			font-weight:bold;
			padding-top:8px;
			
		}
	 
		#moncompte a#creer{
			display:block;
			height:12px;
			font-weight:bold;
			margin:0px 0px 0px 37px;
			float:left;
			background-repeat:no-repeat;
			background-position:0px -53px;
			text-decoration:none;
			padding-left:13px;
			color:#fff;	
			background-image:url(../images/sprite-puce.png);
		}
		
		#moncompte a#creer:hover{background-position:0px 2px;}		
		#moncompte label#acceder{margin:0px 5px 0 26px;float:left;font-weight:normal;}		
		#moncompte input#login{margin:-2px 7px 0 0px;float:left;width:130px;}
		#moncompte input#password{margin:-2px 5px 0 0px;float:left;width:72px;}
		#moncompte input#valider{
			border:1px solid #aaa;
			cursor:pointer;
			color:#6f6966;
			padding:0px 2px;
			background-color:#FFFFFF;	
			float:left;
			margin:-3px 5px 0px 0px;
		}
		#moncompte input#memoriser{margin:0px 5px 0 10px;float:left;}
		#moncompte label#memoriserID{margin:0px 5px 0 0px;float:left;}		
		#moncompte a.tooltips-blanc{margin:0px 3px 0 0px;float:left;}
		#moncompte a#oublie{color:#fff;float :right ;padding-right :45px ;text-decoration:none;}
		


	 	/* blocs Recherche */		
		#recherche{	padding-top:10px;}
		#recherche label{font-size:10px;margin:0px 7px 0px 734px;float:left;}
		#recherche a{
			height:18px;
			width:19px;
			display:block;
			background-image:url(../images/recherche-loupe.jpg);
			margin:-2px 10px 0 4px;
			float:left;
		}
		#recherche .tooltips-blanc{ 
      background-image:url(../images/sprite-tooltips.png);
      background-position:0 0;
      background-repeat:no-repeat;
      display:block;
      height:12px;
      width:17px; 
      margin:0px 0px 0px -10px;
    }
		#recherche input{float:left;margin-top:-2px; width:100px;}
		#media{background-repeat:repeat-y;padding-left:8px}
		#media-mini img{margin-left:9px}
		
		
		/* blocs Ariane */	
		#blockariane{ padding:5px 0px 0px 319px; font-size:10px; color:#a9a5a0; } 
		#blockariane img{ float:right; margin:-5px 10px 0px 0px; height:30px;}
		#blockariane a{color:#6f6966; text-decoration:none; }
    

	 	/* blocs Menus Bas */	
		#menu-bas{text-align:right;padding:30px 28px 0px 0px}	
		#menu-bas a{color:#888;font-size:10px;text-decoration:none;}		
		#menu-bas a:hover{color:#333;}
		#menu-sites{text-align:center;padding-top:5px;color:#aaa;font-size:12px }		
		#menu-sites a{text-decoration:none; }		
		#menu-sites a#accueil:hover, #menu-sites a#part:hover, #menu-sites a#pro:hover, #menu-sites a#ent:hover, #menu-sites a#col:hover, 			#menu-sites a#gcompte:hover, #menu-sites a#gdf:hover, #menu-sites a#sites:hover{color:#333;}
		#menu-sites a#accueil{color:#009088;}
		#menu-sites a#part{color:#e88c33;}
		#menu-sites a#pro{color:#9e147a;}		
		#menu-sites a#ent{color:#54bae0;}		
		#menu-sites a#col{color:#cb67b2;}		
		#menu-sites a#gcompte{color:#031669;}		
		#menu-sites a#gdf{color:#009088;}		
		#menu-sites a#sites{color:#4b4b4b;}		
		
		#legal{
			text-align:center;
			padding-top:41px;
			font-size:10px;
			padding-left:12px;
		}
		
		/* templates */	
		#main-unecol{ background-image:url(images/Travail-Home2.jpg);min-height:476px;background-position:23px 0px;background-repeat:no-repeat}
		#main-sanscol{ min-height:505px;}
		
		
		/* Block contact col gauche */
		#block-contact-colgauche {margin:40px 0 0 -5px;background:url(../images/fenetre-contact.jpg) no-repeat top left;width:202px;height:105px;
		padding:25px 0 0 18px;}
		#block-contact-colgauche h3 {font-size:18px;color:#6b92bd;margin:0 0 22px 0;}
		#block-contact-colgauche a.telephone{background-image:url(../images/tel.jpg);color:#6f6966;background-repeat:no-repeat;background-position:0px -1px;float:left;
		width:120px;padding-left:12px;font-size:11px;font-weight:bold;text-decoration:none;}
		#block-contact-colgauche a.email{background-image:url(../images/mail.jpg);background-repeat:no-repeat;color:#6f6966;
		padding-left:16px;font-size:11px;font-weight:bold;text-decoration:none;}
		#block-contact-colgauche a.telephone:hover, #block-contact-colgauche a.email:hover {color:#6b92bd;}