@CHARSET "UTF-8";

/**
 *  DEFINITION VALEURS PAR DEFAUT
 */

*{ font-family:Arial, Verdana; font-size:11px; }

body, ul { margin:0; padding:0; color:#272727 }

img { border:none }

a{ color:#ff7a0f; text-decoration:none }

h1{ margin:0; padding:0 }

h1.home{
	margin:15px 0 20px;
	font-size:18px;
	line-height:27px;
	padding-left:35px;
}

div#media-chapeau{
	color:#777777;
	margin-top: 10px;
	margin-bottom: 10px;	
}

h1.actus{ background:url(../img/puce_actualites.gif) no-repeat; }

h1.espace{ background:url(../img/puce_audiovisuelle.gif) no-repeat; }

h2{
	font-size:18px;
	background:url(../img/puce_h2.gif) no-repeat;
	padding-left:27px;
	line-height:24px;
	margin:15px 0 0 0;
}

h2.forum{ background:url(../img/puce_h2_forum.gif) no-repeat; }

h2.outils{ background:url(../img/puce_h2_outils.gif) no-repeat; }

h3{
	font-size:12px;
	color:#dc1705;
	margin-bottom:0;
}

h4{
	font-size:12px;
}

p{ 
	margin: 10px 0; 
	text-align:justify; 
}

/**
 * BODY
 */

body{
	background: url(../img/pattern_body.gif) repeat-x;
}


/**
 * CONTENEUR PRINCIPAL
 */

div#page{
	width:955px;
	margin:0 auto;
}
	div#entete{
		min-height:180px;
		height:auto !important;
		height:180px;
	}
	
	/** Bandeau (compatibilité IE) **/
	img#bandeau{
		display:block;
	}

	/**
 	* MENU DU HAUT
 	*/
	ul#menu_haut{
		list-style-type:none;
		margin-left:2px;
	}
	
		ul#menu_haut li{
			width:238px;
			float:left;
		}
		
		ul#menu_haut li a{
			display:block;
			
			width:238px;
			height:22px;
			padding-top:7px;
			color:#fff;
			font-size:12px;
			text-transform:uppercase;
			font-weight:bold;
			
			text-align:center;
			background:url(../img/back_menu_off.gif) no-repeat;
		}
		
		ul#menu_haut li a:hover{
			background:url(../img/back_menu_on.gif) no-repeat !important;
		}
		
		/**
 		* SOUS NAVIGATION
 		*/
		ul#menu_haut li ul.sous_menu{
			list-style-type:none;
			margin-top:1px;
			display: none;
		}
		
		ul#menu_haut li ul.sous_menu li{
			width:238px;
			height:24px;
			float:none;
		}
		
		ul#menu_haut li ul.sous_menu li a{		
			width:238px;
			height:19px;
			padding-top:5px;
			
			font-weight:normal;
			font-size:11px;
			color:#c81f1f;
			text-transform:none;
			
			text-align:center;
			background:url(../img/back_sous_nav.gif) no-repeat;
		}
		
		ul#menu_haut li ul.sous_menu li a:hover{
			background:url(../img/back_sous_nav.gif) no-repeat !important;
		}
		
		ul#menu_haut li a.On{
			background:url(../img/back_menu_on.gif) no-repeat;
		}
		
		ul#menu_haut li a.Off{
			background:url(../img/back_menu_off.gif) no-repeat;
		}
		
	/**
 	* CORPS DE PAGE
 	*/
	div#corps{
		background:#fff;
		margin-top:10px;
		padding:10px 9px;
	}
	
		/**
		 * COLONNE GAUCHE
		 */
		div#colonne_gauche{
			width:190px;
			float:left;
		}
		
			/**
			 * FORMULAIRE RECHERCHE
			 */
			form#recherche{
				margin:0;padding:0;
				margin-bottom:15px;
			}

			form#recherche input#champ_recherche{
				border:none;
				background: url(../img/back_rechercher.gif);
				
				width:138px;height:16px;
				
				float:left;
				margin-right:5px;
				padding:0;
				padding:5px 12px 0;
				
				font-size:10px;
				font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
			/**
			 * NAVIGATION DE GAUCHE
			 */
			ul.navigation{
				list-style-type:none;
				width:190px;
				margin-bottom:15px;
			}
			
			ul.navigation li{
				margin-bottom:1px;
			}
			
				ul.navigation li a{
					display:block;
					width:185px;
					height:19px;
					color:#fff;
					padding:5px 0 0 5px;
				}
				
				ul.navigation li a:hover{
					font-weight:bold !important;
				}
				
				ul.navigation li ul.sous_nav{
					list-style-type:none;
					width:190px;
					display: none;
				}
				
				ul.navigation li ul.sous_nav li{
					margin-top:1px;
					margin-bottom:0;
				}
				
					ul.navigation li ul.sous_nav li a{
						/*height:19px;*/
						width:175px;
						padding-left:15px;
					}
				
					
				/** Gestion des couleurs des menus **/
				ul.informer li ul.sous_nav li a{
					color:#dc1705!important;
				}
				
				ul.informer li a{
					background: url(../img/back_nav_informer_off.gif);
				}
				
				ul.informer li a:hover{
					background: url(../img/back_nav_informer_on.gif) !important;
				}
				
				ul.informer li a.On{
					background: url(../img/back_nav_informer_on.gif);
					font-weight:bold;
				}
				
				ul.informer li a.Off{
					background: url(../img/back_nav_informer_off.gif);
					font-weight:normal;
				}
								
					ul.informer li ul.sous_nav li a{
						background: url(../img/back_sous_nav_gauche.gif) !important;
					}
					
					ul.informer li ul.sous_nav li a:hover{
						background: url(../img/back_sous_nav_gauche.gif) !important;
					}
					
				ul.echanger li ul.sous_nav li a{
					color:#ff7a0f;
				}
				
				ul.echanger li a{
					background: url(../img/back_nav_echanger_off.gif);
				}
				
				ul.echanger li a:hover{
					background: url(../img/back_nav_echanger_on.gif) !important;
				}
				
				ul.echanger li a.On{
					background: url(../img/back_nav_echanger_on.gif);
					font-weight:bold;
				}
				
				ul.echanger li a.Off{
					background: url(../img/back_nav_echanger_off.gif);
					font-weight:normal;
				}
				
					ul.echanger li ul.sous_nav li a{
						background: url(../img/back_sous_nav_gauche_echanger.gif) !important;
					}
					
					ul.echanger li ul.sous_nav li a:hover{
						background: url(../img/back_sous_nav_gauche_echanger.gif) !important;
					}
	/**
	 * ESPACE COMMUNICATION
	 */
	ul#espace_communication{
		list-style-type:none;
	}
		ul#espace_communication li{
			margin-bottom:5px;
		}

	/**
	 * COLONNE CENTRALE
	 */	
	 div#centre{
	 	float:left;
	 	width:529px;
		padding:0 21px 0 21px;
	 }	
	 
	 	div#centre a:hover{ text-decoration:underline; }
		
	 	p#intro{
	 		margin:0 0 25px 0;
	 	}		
			p#intro span#titre_intro{
				font-size:12px;
				font-weight:bold;
			}
			
		p#intro a{
			color: #000;
		}
		
		/**
		 * FIL D'ARIANE
		 */
		ul#ariane{
			list-style-type:none;
			height:17px;
			border:1px dashed #c6ccd0;
			border-left:0;
			border-right:0;
			padding-top:3px;
			margin-bottom:35px;
		}	
			
			ul#ariane li {
				color:#0077ce;
				float:left;
				margin-right:5px;
				
			}
			
			ul#ariane li.actif{
				font-weight:bold;
			}
			
			ul#ariane li a{
				color:#0077ce;
			}
			
		 
		/**
		 * ACTUALITES
		 */		
		 ul#actualites{
		 	list-style-type:none;
			background: #fff url(../img/back_actu-trait-vertical.gif) 3px top repeat-y !important;
			min-height:280px;
			height: auto !important;
			height: 280px;
		 }
		 
		 ul#actualites li{
		 	min-height:63px; /* 83px avant la modification des marges des actualités sur la page d'accueil */
			height:auto !important;
			height:63px; /* 83px avant la modification des marges des actualités sur la page d'accueil */
			margin-bottom:10px;
		 }	
		 
		 	 ul#actualites li h3{
		 	 	margin:0;
		 	 }
			 
			 ul#actualites li h3 a{
			 	/*color:#dc1705;*/
				color: #000;
				font-size:12px;
			 }
			 
			 ul#actualites li p.resume a{
			 	color:#272727;
			 }
			 
			 ul#actualites li img.vignette{
			 	display:block;
				float:left;
				margin:0 15px 5px 0;
			 }
		 

		 	ul#actualites li span.date{
		 		display:block;
				font-size:10px;
				color:#7b7b7c;
		 	}	
			
			ul#actualites li p.resume{
				margin:0;
			} 
		
		img#encart_home{
			margin:30px 0;
		}
		
		div#archives_bt{
			padding-top: 20px;
			border-top: 1px dashed #C6CCD0;
			margin-top: 10px;
		}
		
		/**
		 * ESPACES HOME PAGE (SOUS ACTUALITES)
		 */
		div.espace_home{
			width:260px;
			float:left;
			margin-right:9px;
			
			/** IE **/
			display:inline;
		}
		
			div.espace_home div.entete{
				height:85px;
			}
			
			div.espace_home span.titre{
				display:block;
				font-size:12px;
				font-weight:bold;
				color:#ff7a0f;
			}

			div.espace_home span.ss_titre{
				display:block;
				font-size:10px;
				color:#7b7b7c;
			}			

			div.espace_home p.resume{
				margin:0;
			}	
			
			div.espace_home a{
				color:#ff7a0f;
			}
	
	

					
	/**
	 * COLONNE DROITE
	 */	
	 div#colonne_droite{
	 	float:right;
		width:176px;
	 }

		ul#menu_droite{
			margin-top : 10px;
			list-style-type:none;
		}
		
			ul#menu_droite li{
				margin-top:7px;	
			}
			
			
			ul#menu_droite li a{
				display:block;
				width:151px;
				height:21px;
				background:url(../img/back_bt_droite.gif) no-repeat;
				padding:7px 0 0 25px;
				font-weight:bold;
				color:#0077ce;
				text-transform:uppercase;
			}
			
			
			/**
			 * FORMULAIRE INSCRIPTION NEWSLETTER
			 */
			form#inscription_nl{
				margin:0;padding:0;
				margin-bottom:5px;
			}

			
			
			form#inscription_nl input#champ_email{
				border:none;
				background: url(../img/back_newsletter.gif);
				width:118px;height:15px;
				
				float:left;
				margin-right:10px;
				padding:5px 12px 0;
				
				font-size:10px;
				font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
			a.lien_nl{
				color:#0077ce;
				text-decoration:underline;
			}
			
		div#espace_pub{
			margin-top:20px;
		}
		
		/***
		 * RESULTATS DE RECHERCHE
		 */
		p#resultats{
			margin-top:30px;	
		}
		
		p#resultats, p#pages{
			text-align:center;
		}
		
		/** La liste **/
		ul#liste_resultats{
			list-style-type:none;
		}
		
			ul#liste_resultats li{
				padding:10px;
				border:2px solid #e4eaef;
				margin-bottom:10px;
			}
			
				ul#liste_resultats li span.titre_article{
					background: url(../img/puce_liste_default.gif) 0 3px no-repeat;
					padding-left:17px;
				}
				
				ul#liste_resultats li a.article{
					color:#ff7a0f;
					text-decoration:underline;
				}
	
				ul#liste_resultats li span.titre_doc{
					background: url(../img/puce_docs.gif) 0 2px no-repeat;
					padding-left:17px;
				}
				
				ul#liste_resultats li span.num_resultat{
					color:#7b7b7c;
				}
							
				ul#liste_resultats li a.doc{
					color:#0077ce;
					text-decoration:underline;
				}
				
				ul#liste_resultats li p.resume_article{
					margin-bottom:0;
				}
				
				ul#liste_resultats li p.resume_article a{
					color:#dc1705;
				}
				
				p.pagination{
					text-align:center;
					margin-top:35px;
					color:#6d6e70;
				}
				
					p.pagination a{
						color:#6d6e70;
					}
					
					p.pagination a.actif{
						color:#ff7a0f;
						font-weight:bold;
					}
					
					a.p_precedent{
						background: url(../img/puce_precedent.gif) 0 2px no-repeat;
						padding-left:14px;
						color:#ff7a0f !important;
					}
					
					a.p_suivant{
						background: url(../img/puce_liste_default.gif) right 3px no-repeat;
						padding-right:14px;
						color:#ff7a0f !important;
					}			

		/***
		 * PAGE TUNNELS (liste des articles)
		 */
		ul#liste_article{
			list-style-type:none;
			padding-bottom: 8px;
		}
			
			ul#liste_article li{
				min-height:110px;
				height:auto !important;
				height:110px;
				border-bottom:1px dashed #c6ccd0;
				padding:10px 0;
			}
			
			ul#liste_article img.vignette{
				margin-right:15px;
				display:block;
				float:left;
			}
			
			ul#liste_article h3{
				margin:0;
			}
			
			ul#liste_article p{
				margin:0;padding:0
			}
			
			/***
		 * PAGE MULTIMEDIA
		 */
		div#multimedia h2.h2Orange {
			background: url(../img/puce_h2_forum.gif) left top no-repeat;
		}
		
		div#multimedia h2.photos, div#multimedia h2.audio, div#multimedia h2.video {
			color: #ff831f;
		}

		div#multimedia h2.photos {
			background: url(../img/puce_h2_photos.gif) left top no-repeat;
			padding-left: 35px;
			line-height: 29px;
		}
		
		div#multimedia h2.audio {
			background: url(../img/puce_h2_audio.gif) left top no-repeat;
			padding-left: 35px;
			padding-top: 3px;
			line-height: 29px;
		}
		
		div#multimedia h2.video {
			background: url(../img/puce_h2_video.gif) left top no-repeat;
			padding-left: 35px;
			line-height: 29px;
		}
		
		
		/**
		 * Liste de médias
		 * 
		 */
		ul.listeMedias {
			list-style-type: none;
			margin:10px 0 0 0; padding:0;
		}
			
			ul.listeMedias li {
				position: relative;
				min-height: 104px;
				height: auto !important;
				height: 104px;
				border-bottom: 1px dashed #c6ccd0;
				margin-bottom: 8px;
				padding-bottom: 8px;
			}
			
				ul.listeMedias li div {
					float: left;
					width: 111px;
					height: 81px;
					background: url(../img/cadre_photo.gif) top left no-repeat;
				}
				
					ul.listeMedias li div img {
						margin: 4px 0 0 4px;
					}
				
				ul.listeMedias li h3 {
					color: #FF831F;
					font-weight: bold;
				}
				
				ul.listeMedias li h3, ul.listeMedias li p {
					margin:0 0 0 125px; padding: 0;
				}
				
					ul.listeMedias li p a {
						color: #FF831F;
					}
				
				ul.listeMedias li a.bouton {
					clear: left;
					margin: 0;
					position: absolute;
					bottom: 10px;
					right: 0;					
				}
		
		/**
		 * Liste des photos
		 */
		ul.listePhoto {
			list-style-type: none;
			margin:10px 0 10px 0; padding:0;
		}
			
			ul.listePhoto li {
				float: left;
				width: 111px;
				height: 81px;
				margin: 0 6px 6px 0;
				background: url(../img/cadre_photo.gif) top left no-repeat;
			}
			
				ul.listePhoto li img { margin: 4px 0 0 4px; }
		
		/**
		 * Pagination liste
		 */
		div#pagination_liste div {
			margin: 0 auto;
			text-align:center;
			color: #777;
		}
			div#pagination_liste a.left {
				padding-left: 14px;
				background: url(../img/puce_precedent.gif) left 2px no-repeat;
			}
			
			div#pagination_liste a.right {
				padding-right: 14px;
				background: url(../img/puce_suivant.gif) right 2px no-repeat;
			}
			
		div#pagination_liste div a { padding: 0 1px 0 1px; color: #777; font-weight: bold; }
		div#pagination_liste div a.active { color: #FF831F; }
		
			
			
		/***
		 * SITE MAP
		 */
		div.map_bloc{
			margin-top:10px;
			padding:0 20px;
			border:2px solid #e4eaef;
			float:left;
			width:489px;
		}
		
			div.map_bloc div.bloc_item{
				width:220px;
				float:left;
				padding-top:10px;
			}
			
			div.map_bloc div.gauche{
				margin-right:45px;
			}
			
			div.map_bloc div.bloc_item h3{
				margin-top:0;
			}
			
			div.map_bloc div.bloc_item ul{
				padding-left:0;
			}
			
				div.map_bloc div.bloc_item ul li a{
					color:#272727;
				}
				
				div.map_bloc div.bloc_item ul li a:hover{
					color:#ff7a0f;
				}
		
/**
 * PIED DE PAGE
 */	
div#footer{
	background: url(../img/pattern_footer.gif) repeat-x;
	height:120px;
	width:100%;
}

	div#contenu_footer{
		width:955px;
		margin:0 auto;
		padding-top:25px;
	}
	
	ul#menu_bas{
		list-style-type:none;
		margin-left:135px;
		height:24px;
	}	
	
		ul#menu_bas li{
			width:135px;
			float:left;
			margin-right:2px;
		}
		
		ul#menu_bas li a{
			display:block;
			width:135px;
			height:19px;
			background:#0b3456;
			color:#fff;
			text-align:center;
			padding-top:5px;
		}
		
	div#contenu_footer p{
		text-align:center;
		color:#fff;
		margin-top:30px;
	}
	
/**
 * NEWSLETTERS
 */
	form#unsubscribe_newsletter input#champ_newsletter{
		border:none;
		background: url(../img/back_rechercher.gif);
		
		width:138px;height:13px;
		
		margin-right:5px;
		padding:0;
		padding:8px 12px 0;
		
		font-size:10px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	form#unsubscribe_newsletter label
	{
		padding-right: 20px;
	}
	
	form#unsubscribe_newsletter input#unsubscribe_bt{
		
		padding:0;
		padding:5px 12px 0;
		
	}
	form#unsubscribe_newsletter 
	{
		height: 20px;
	}