/*---------------------------------------------------------*/
/*									                       */
/*		             Agence des TICE		               */
/*			              2009			 	               */
/*			         Css principale			 	           */
/*---------------------------------------------------------*/


/*-------------- Reset CSS ----------------------*/	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}	
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
html {overflow: scroll;}


/*------------------ GENERAL ----------------------*/

body {
	background:#ffffff url(../img/body_fond.jpg) repeat-x top;
	font-size:0.75em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
.skip{height:1px;left:-10000em;overflow:hidden;position:absolute;width:1px;}

#global {
	width:968px;
	margin:auto;
	background:url(../img/global_fond.png) repeat-y;
	}
	
.clear {
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:1px;
	}

.invisible {visibility:hidden;}

.separateur {
	height:17px;
	background:url(../img/tiret_gris.png) repeat-x 0px 8px;
	line-height:1px;
	clear:both;
	}
	
/*-- message de confirmation newsletter --*/

#info {
	font-size:1.4em;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	background-color:#F2F7F8;	
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;	
	margin-top:5px;
	padding:10px;
	}
	
/*--------------- titres ---------------------*/	

h1 {
	color:#1699C4;
	font-size:1.25em;
	margin-bottom:7px;		
	}	
	h1.titre_bloc {
		background:url(../img/flecheverte_bas.png) no-repeat scroll 1px 3px;		
		padding-left:25px;
		margin-bottom:16px;		
		}		
	#mots_cles h1.titre_bloc {
		background:url(../img/flecheverte_bas.png) no-repeat scroll 1px 2px;		
		float:left;
		width:200px;
		margin-top:2px;
		}		
	h1 a {
		color:#1699C4;
		text-decoration:none;
		}			
	
	#bloc_suiveznous h1.titre_bloc  {
		margin-bottom:15px;	
		color:#FFF;
		}		
	#colonne_droite #mots_cles h1.titre_bloc {
		width:167px;
		float:left;
		padding-left:23px;
		}
	
h2 {
	color:#1699C4;
	font-size:1.7em;
	margin-bottom:19px;
	}		
	
h3 {
	color:#1699C4;
	font-size:1.25em;
	margin-bottom:8px;
	}

h4 {
	font-size:1.1em;
	color:#1699c4;	
	margin-top:22px;
	margin-bottom:8px;	
	}		
	.contenu_simple h4 {
		font-size:1.25em;			
		}

h5 {
	font-size:1em;	
	color:#000;
	}	

/*--------------- HEADER ---------------------*/	
	
#header {
	background: url(../img/header_top.jpg) no-repeat -1px 0px;
	}

.header_fond {
	background: url(../img/header_fond.jpg) repeat-x 0px 26px;
	margin-left:4px;
	margin-right:4px;
	}
	
#header_illu {
	padding-top:26px;
	}
	#header_illu.illu1 {
		background: url(../img/header_illu1.png) no-repeat  499px 29px;
		}	
	#header_illu.illu2 {
		background: url(../img/header_illu2.png) no-repeat  530px 15px;
		}		
	#header_illu.illu3 {
		background: url(../img/header_illu3.png) no-repeat  490px 15px;
		}		
	#header_illu.illu4 {
		background: url(../img/header_illu4.png) no-repeat  480px 15px;
		}			
	#header_illu.illu5 {
		background: url(../img/header_illu5.png) no-repeat  475px 15px;
		}	

ul.header_partenaires {
	float:right;
	height:60px;
	width:188px;
	margin-top:17px;	
	margin-right:3px;
	}	
	ul.header_partenaires li {display:inline;}	

a.logo_principal {
	display:block;
	margin-left:11px;
	margin-right:20px;
	margin-bottom:15px;
	text-decoration:none;
	float:left;	
	width:117px;
	height:98px;
	}
	
.slogan {
	float:left;	
	width:315px;
	height:99px;
	display:block;
	float:left;
	margin-bottom:15px;	
	}
	
	
	/*--------------- MENU ---------------------*/

	#menu {
		clear:both;	
		z-index:100;
		}

	ul.menu_ul  {
		z-index:200;
		float:left;
		}	
		ul.menu_ul li  {
			z-index:300;
			float:left;
			position:relative;
			text-align:center;
			font-size:1.1em;			
			font-weight:bold;
			}	
			ul.menu_ul li a {
				z-index:400;
				padding-top:12px;
				display:block;
				height:28px;
				text-decoration:none;
				color:#8e8e8e;
				}
				ul.menu_ul li a:hover, ul.menu_ul li.actif a  {
					color:#1699c4;
					}			
			
			#onglet_accueil {width:76px; margin-left:21px;}
				#onglet_accueil:hover {background: url(../img/onglet_accueil.jpg) no-repeat;}
				#onglet_accueil.actif, #onglet_accueil.actif:hover {background: url(../img/onglet_accueil.jpg) no-repeat;}
				
			#onglet_temoignage {width:111px;}
				#onglet_temoignage:hover {background: url(../img/onglet_temoignages.jpg) no-repeat;}
				#onglet_temoignage.actif, #onglet_temoignage.actif:hover {background: url(../img/onglet_temoignages.jpg) no-repeat;}
				
			#onglet_recherche {width:166px;}
				#onglet_recherche:hover {background: url(../img/onglet_recherche.jpg) no-repeat;}
				#onglet_recherche.actif, #onglet_recherche.actif:hover {background: url(../img/onglet_recherche.jpg) no-repeat;}
				
			#onglet_ressources {width:102px;}
				#onglet_ressources_deroulant.actif, #onglet_ressources:hover, #onglet_ressources_deroulant.actif:hover {background: url(../img/onglet_ressources.jpg) no-repeat;}	
				
			#onglet_agence {width:86px;}
				#onglet_agence.actif, #onglet_agence:hover, #onglet_agence_deroulant.actif:hover {background: url(../img/onglet_agence.png) no-repeat; color:#1699c4;}

				
		/*--------------- menu déroulant CSS  ---------------------*/

			/*- ressources -*/		
			#onglet_ressources_rubriques {
				display:block;
				z-index:600;
				left:-999em;
				position:absolute;
				width:187px;
				z-index:700;	
				top:40px; 
				background:url(../img/fondbasmenu_tabs.png) bottom no-repeat;  
				padding-bottom:29px;					
				}
				
			#onglet_ressources_deroulant:hover #onglet_ressources_rubriques {
				left:0px;
				}
				ul.menu_ul li ul li a {
					font-size:0.85em;				
					font-weight:normal;
					text-align:left;
					z-index:800;
					}
							
			#onglet_ressources_deroulant:hover #onglet_ressources  {
				background: url(../img/onglet_ressources.jpg)  no-repeat;
				color:#1699c4;
				z-index:900;
				}	
				
			#onglet_ressources_rubriques li {	
				display:block; 
				border-left:#dedede solid 1px;  
				border-right:#dedede solid 1px; 
				background-color:#FFF;
				z-index:910;
				}			
				#onglet_ressources_rubriques li.first  {
					padding-top:12px;
					}
		
			#onglet_ressources_rubriques a {			
				color:#000;
				width:173px; 
				height:auto;
				padding-left:12px; 
				padding-top:7px;
				padding-bottom:7px; 
				display:block;
				z-index:920;
				}			
				#onglet_ressources_rubriques a:hover { 
					background-color: #1699c4; 
					color:#FFF;
					z-index:930;
					}
	
			/*- agence -*/
			#onglet_agence_rubriques {
				display:block;
				left:-999em;
				position:absolute;
				width:187px;
				z-index:425;
				background:url(../img/fondbasmenu_tabs.png) bottom no-repeat;  
				padding-bottom:29px;
				top:40px; 
				}
				
			.menu_ul li.onglet_agence_deroulant:hover #onglet_agence_rubriques {	
				left:0px;				
				}
				
			.menu_ul li.onglet_agence_deroulant:hover #onglet_agence  {
				background: url(../img/onglet_agence.png) no-repeat;
				color:#1699c4;
				}	
				
			#onglet_agence_rubriques li {	
				display:block; 
				border-left:#dedede solid 1px;  
				border-right:#dedede solid 1px; 
				background-color:#FFF;
				}			
				#onglet_agence_rubriques li.first  {
					padding-top:12px;
					}
		
			#onglet_agence_rubriques a {			
				color:#000;
				width:173px; 
				height:auto;
				padding-left:12px; 
				padding-top:7px;
				padding-bottom:7px; 
				display:block;
				}			
				#onglet_agence_rubriques a:hover { 
					background-color: #1699c4; 
					color:#FFF;
					}
	
	/*------ champ de recherche ------*/
	
	#recherche {
		float:right;
		width:212px;
		height:25px;
		padding-left:10px;
		margin-top:5px;
		padding-top:0px;	
		background: transparent url(../img/recherche_fond.jpg) no-repeat;		
		}	
		#form_recherche {
			display:inline;
			}
			
		.recherche_champ {
			display:block;
			float:left;
			width:175px;
			margin-right:2px;
			margin-top:3px;
			border:none;
			background:none;
			font-size:0.95em;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;			
			}			
						
		.recherche_submit {
			border:medium none;
			cursor:pointer;
			display:block;
			float:left;
			margin:0;
			padding:0;width:20px; height:20px; background: url(../img/recherche_loupe.gif) no-repeat 0px 4px;
			}				
			
	/*--------------- Barre d'outils ---------------------*/
	
		#outils {
			background:url(../img/outils_fond.jpg) no-repeat top left;
			font-size:0.8em;
			clear:both;
			}
			#outils.no_impression {
				background:url(../img/outils_fond_accueil.png) no-repeat top left;
				}	
				
		p.fil_ariane {
			width:693px; 
			float:left; 
			padding-left:26px; 
			padding-top:14px; 
			color:#8e8e8e;
			height:38px;
			font-size:1.2em;
			}
			p.fil_ariane a {
				color:#8e8e8e;
				text-decoration:none;
				}
				p.fil_ariane a:hover {
					text-decoration:underline;
					}
									
		.fil_ariane_niveau	{
			color:#a5d511;
			padding-left:2px;
			padding-right:2px;
			}			
		
		#outils_options {
			color:#85a9b6;
			height:35px;
			width:219px;
			padding-top:10px;
			padding-left:11px;
			float:left;
			}
			#outils_options a {
				color:#85a9b6;
				text-decoration:none;
				}
			.imprimer { 
				background:url(../img/ico_imprimer.png) no-repeat right top;  
				display:block; 
				width:71px; 
				height:17px; 
				padding-top:7px;float:left;
				}
				.imprimer:hover { 
					background:url(../img/ico_imprimer.png) no-repeat right -25px;  
					}			
				
			.texte_moins, .texte_plus {
				float:left; 
				display:block; 
				width:25px; 
				height:25px;
				}	
				.texte_moins {
					background:url(../img/ico_textemoins.png) no-repeat 0px 0px; 
					margin-right:5px; 
					}
					.texte_moins:hover {
						background:url(../img/ico_textemoins.png) no-repeat  0px -25px; 
						}				
				.texte_plus {
					background:url(../img/ico_texteplus.png) no-repeat 0px 0px;
					}
					.texte_plus:hover {
						background:url(../img/ico_texteplus.png) no-repeat  0px -25px;  
						}						
					
		p.texte_taille {
			float:left; 
			display:block; 
			width:74px; 
			height:9px;
			padding-top:7px; 
			padding-left:8px;
			}
			#outils_options.no_impression p.texte_taille {
				padding-left:77px;
				
				}
		
/*--------------- CENTRE ---------------------*/

	#centre {
		padding-left:18px;
		padding-right:18px;
		}		

	table { font-size:0.85em;border:solid 1px #CCC;margin-bottom:10px; margin-top:10px;}
	td, th { padding:3px;border:solid 1px #CCC;}

	/*---- Bloc recherche et témoignages ----*/	
	
		.date {			
			color:#8e8e8e;
			font-weight:normal;
			}	
				
		.ico_nouveau { 
			width:50px;
			height:14px;
			margin-right:4px;
			}
			#colonne_droite .ico_nouveau { 
				margin-right:3px;
				}	
			#temoignage	.ico_nouveau, .bloc_video_texte .ico_nouveau { 
				margin-right:5px;
				}	
				
		.lien, .Para a {
			color: #1699c4;			
			font-size:0.9em;		
			text-decoration:underline;
			}	
				
		.titre {
			color: #000;
			font-weight:bold;
			display:block;
			}	
			
		.info {			
			color:#000;
			font-weight:normal;
			}
			
		.bloc_gauche a.bloc_lien {
			display:block;
			text-decoration:none;
			}	
			
		.bloc_gauche a.bloc_lien img {
			cursor:pointer;
			}		
			
		.bloc_vignette {
			display:block;
			float:left; 
			width:80px; 
			padding:2px; 
			border:1px solid #dedede; 
			margin-right:4px; 
			}		
			.bloc_lien:hover .recherche_illu {
				border:1px solid #1699c4; 
				}	
		

		
				
		.bloc_lien:hover .titre, .bloc_lien_zoomsur_article:hover .titre , .bloc_lien_zoomsur_video:hover .titre, .bloc_lien:hover .lien {
			color: #1699c4;
			border-bottom-color:#1699c4;
			}				

	/*--------------- vidéos  ---------------------*/
	
		.bloc_video_illu {
			width:224px;
			float:left;
			position:relative;
			z-index:1;
			}
			.bloc_video_illu img {
				padding:2px; 
				border:1px solid #dedede; 
				z-index:2;
				}
	
			a.bloc_video_picto {
				display:block;
				position:absolute;
				height:157px;
				width:88px;
				background:url(../img/play_button_big.png) no-repeat center;
				width: 206px;
				left: 11px;
				top: 0px;
				z-index:3;
				text-decoration:none;
				}			

/*--------------- CENTRE - gauche ---------------------*/
	
	#colonne_gauche {
		float:left;		
		}	
		
/*--------------- CENTRE - droit ---------------------*/
	
	#colonne_droite {
		float:right;
		}	
		
	/*--- Mots clés ---*/
		
		#mots_cles {		
			padding-bottom:18px;	
			padding-left:10px;
		 	padding-right:10px;
			}	
			
		#mots_cles ul {	
			text-align:center;
			clear:both;
			}			
		#mots_cles.bloc_droit_bottom {
			color:#8e8e8e;				
			}
			
			
		#mots_cles.bloc_droit_bottom li {
			display:inline;
			margin:auto;
			line-height:20px;
			margin-right:10px;
			}
		#mots_cles.bloc_droit_bottom a {
			color:#8e8e8e;
			text-decoration:none;
			}
		#mots_cles.bloc_droit_bottom a:hover {
			text-decoration:underline;
			}	
			
		#mots_cles.bloc_droit_bottom a.motscles_aide {
			display:block;
			float:left;
			width:17px;
			height:17px;
			background:url(../img/ico_aide.png) no-repeat;
			text-decoration:none;
			}
			
		#mots_cles.bloc_droit_bottom a.motscles_aide:hover {
			background:url(../img/ico_aide.png) no-repeat 0px -17px;
			}
		
		#mots_cles.bloc_droit_bottom li.taille1 {
			font-size:0.8em;			
			}

		#mots_cles.bloc_droit_bottom li.taille2 {
			font-size:1em;
			}
			
		#mots_cles.bloc_droit_bottom li.taille3 {
			font-size:1.2em;
			}
						
		#mots_cles.bloc_droit_bottom li.taille4 {
			font-size:1.4em;
			}
			
		#mots_cles.bloc_droit_bottom li.taille5 {
			font-size:1.6em;
			}		

	/*--------------- bloc suivez-nous ---------------------*/
		
		#bloc_suiveznous  {
			margin-bottom:14px;	
			background-color:#0b5b76;
			color:#add4e2;
			line-height:16px;
			}
		
		.suiveznous_texte , .suiveznous_texte_n1 {
			display:block;
			float:left;		
			}
			
		.suiveznous_input ,  .suiveznous_input_n1 {
			float:left;
			display:block;
			padding-left:10px;
			}
			
		.suiveznous_input input.champ_texte ,  .suiveznous_input_n1 input.champ_texte {
			display:block;
			float:left;
			margin-right:18px;
			margin-top:3px;
			border:none;
			background:none;
			font-size:0.95em;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;			
			}
		
		.suiveznous_input input.env_mail , .suiveznous_input_n1 input.env_mail,  input.requete {
			border:medium none;
			cursor:pointer;
			display:block;
			float:left;
			color:#1699c4;
			margin:0;
			padding:0;
			width:45px; 
			height:25px;
			padding-bottom:3px;
			padding-left:8px;
			background: url(../img/env_email.png) no-repeat;
			font-size:0.9em;
			font-weight:bold;
			line-height:10px;
			}
		.suiveznous_input input.env_mail:hover ,  .suiveznous_input_n1 input.env_mail:hover,  input.requete:hover {
			text-decoration:underline;
			}
			input.requete {
				float:none;
				display:inline;
				}
		.onglet_niveaux_options input.requete {
			margin-left:3px;	
			}		
	
		.suiveznous_rss, .suiveznous_twitter , .suiveznous_rss_n1, .suiveznous_twitter_n1 {
			display:block;
			height:26px;	
			text-decoration:none;
			}			
			.suiveznous_rss {
				background: url(../img/abonnement_rss.png) no-repeat;
				width:170px;
				margin-right:10px;
				}	
				.suiveznous_rss:hover {
					background: url(../img/abonnement_rss.png) no-repeat 0px -26px;
					}			
			.suiveznous_twitter {
				background: url(../img/suivez_twitter.png) no-repeat 0px 0px;	
				width:148px;			
				}	
				.suiveznous_twitter:hover {
					background: url(../img/suivez_twitter.png) no-repeat  0px -26px;		
					}				


/*--------------- FOOTER ---------------------*/	

	#footer {
		width:968px;
		margin-top:20px;
		background:url(../img/footer_fond.jpg) repeat-x top left;
		color:#0b5b76;
		font-size:0.8em;
		}
		#footer ul {
			height:50px;
			}
		#footer li {
			display:inline;
			margin-right:5px;
			padding-left:5px;
			padding-top:3px;
			height:18px;
			line-height:18px;
			}
		#footer a {
			color:#0b5b76;
			text-decoration:none;
			margin-right:12px;
			padding-top:2px;
			padding-bottom:5px;
			}	
		#footer a:hover {
			text-decoration:underline;
			}			
		.footer_left {
			background:url(../img/footer_left.jpg) no-repeat left top;
			padding-left:18px;
			}	
		.footer_right {
			background:url(../img/footer_right.jpg) no-repeat right top ;
			padding-right:18px;
			padding-top:15px;	
			height:90px;
			text-align:center;
			text-transform:uppercase;
			}
			
	p.credits {
		color:#8e8e8e;
		text-align:center;
		text-transform:none;
		}
			
	.rss_footer {
		background:url(../img/ico_rss_footer.png) no-repeat ;
		padding-left:23px;
		padding-bottom:0px;
		}
			
	.twitter_footer {
		background:url(../img/ico_rss_twitter.png) no-repeat;
		padding-left:23px;
		padding-bottom:0px;		
		}
		
	#footer a.up {
		float:right;
		display:block;
		height:16px;
		width:31px;
		padding-left:6px;
		padding-right:7px;
		padding-bottom:5px;
		padding-top:7px;
		margin-right:4px;
		background:url(../img/ico_up.png) no-repeat 0px 4px;	
		text-transform:none;
		text-align:left;		
		}
		
		
#tweet-button .tb,#tweet-button .t-count,#tweet-button .t-count a {
    padding: 8px; background: url('../img/temoignages/ico_part_twitter.png');
	height:16px;
	}	
	
#custom_facebook .FBConnectButton .FBConnectButton_Text,#custom_facebook .FBConnectButton_RTL .FBConnectButton_Text {
    background: none no-repeat transparent ;
	background-color:none;
    border: none;
	height:16px;
	width:16px;

    color: #FFFFFF;
    display:block;

    font-weight: bold;
    margin: 0;
    padding:0px;
    text-shadow: none;
}	

#custom_facebook .FBConnectButton_RTL .FBConnectButton_Text  { text-indent:-9999em;}
	
#custom_facebook .FBConnectButton_Small .FBConnectButton_Text {
    margin-left: 0px;


}	
	#custom_facebook .FBConnectButton, #custom_facebook  .FBConnectButton_RTL { background:none transparent; }
	
	
#custom_facebook .FBConnectButton_Small, .FBConnectButton_RTL_Small {
    background-position:0 0;
    font-size: 10px;
}

#custom_facebook .fb_share_count_nub_right, #custom_facebook .fb_share_count,  #custom_facebook .fb_share_count_right,#custom_facebook .fb_share_count_inner { display:none;}