/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS structure	
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures
	- CSS RSS	

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {font-size: 100.001%;
	background:#021731 url(visuels/bg.jpg) bottom left repeat-x;
	padding:0 0 108px 0;}


li {
	margin-left: 25px;
}
body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: normal;
	font-size: normal;
	
	text-align: left;
	background:#FFF url(visuels/bg_footer.jpg) bottom left repeat-x; ;
	color:#545454;

}
td { 	/* Font idem que body */

}
p {
	padding-top:10px;}
blockquote {
	padding-left: 20px;
}
a {
	color:#004080;
	font-weight: normal;
	text-decoration : underline;
}
a:hover {
	color:#004080;
	text-decoration : none;
}

/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/


#conteneur{
	width: 1000px;
	margin:0;
	display:block;
	overflow:auto;
	background: #ffffff url(visuels/bg_content.jpg) top left repeat-y;
}
.interne #conteneur{
	background: #ffffff url(visuels/bg_content-interne.jpg) top left repeat-y;
}
	#header{
		width: 1000px;
		height:102px;
		margin:0;
		background: #ffffff url(visuels/bg_header.jpg) top left no-repeat;
		display:block;
	}
			.accueil #header #logo{
				display:block;
				width:201px;
				height:74px;
				float:left;
				text-indent:-9999px;
				background:url(visuels/logo_groupe_gifa.jpg) top left no-repeat;
			}
			.interne #header #logo a{
				display:block;
				width:201px;
				height:74px;
				float:left;
				text-indent:-9999px;
				background:url(visuels/logo_groupe_gifa.jpg) top left no-repeat;
			}			
	#content{
		display:block;
		float:left;
		width: 1000px;
		background:url(visuels/bg_col_a.jpg) top left no-repeat;
	}
	.interne #content{
		background:url(visuels/bg_col_a-interne.jpg) top left no-repeat;
	}	
			#col_a{
				display:block;
				float:left;
				width:267px;
				height:auto!important;
				height:720px;
				min-height:720px;
				overflow:hidden;
			}
			.interne #col_a{
				background:url(visuels/bg_col_a-interne.jpg) top left no-repeat;
				
			}
				#col_a #zone_langues{
					display:block;
					float:left;
					width:205px;
					padding:40px 62px 10px 0;
					text-align:right;
				}
				#col_a #zone_actus{
					display:block;
					float:left;
					width:212px;
					padding:20px 43px 0 12px;}
						#col_a #zone_actus h3.intitule{
							display:block;
							float:left;
							width:212px;
							height:34px;
							text-indent:-9999px;
							background:url(visuels/fr_titre_actualites.gif) top left no-repeat;
							}
						#col_a #zone_actus .actu_titre{
							display:block;
							float:left;
							width:182px;
							font-size:1.3em;
							color:#004D93;
							background:url(visuels/puce_menu.gif) top left no-repeat;
							padding:0 0 0 20px;
							margin:10px 0 0 0;
							}	
			
						#col_a #zone_actus .actu_chapeau{
							display:block;
							float:left;
							width:182px;
							color:#576370;
							font-size:1.1em;
							padding:5px 0 0 20px;
							}
						#col_b #zone_actus .actu_chapeau img{
							margin: 0 10px 0 0;
							border: #576370 solid 1px;
							}
						#col_a #zone_actus .lire_plus{
							display:inline;
							clear:left;
							color:#004D93;
							font-size:1.1em;
							padding:10px 0 0 20px;
							}									
				#col_a #zone_actus-interne{
					display:block;
					float:left;
					width:212px;
					padding:20px 43px 0 12px;
					}
						#col_a #zone_actus-interne h3.intitule{
							display:block;
							float:left;
							width:212px;
							height:34px;
							text-indent:-9999px;
							background:url(visuels/fr_titre_actualites.gif) top left no-repeat;
							}					
					#col_a #zone_actus-interne .actu_titre{
							font-size:1em;
							color:#004D93;
							}	
						#col_a #zone_actus-interne .actu_titre a{
							display:block;
							float:left;
							width:182px;
							font-size:1.1em;
							color:#004D93;
							background:url(visuels/puce_menu.gif) top left no-repeat;
							padding:0 0 0 20px;
							margin:10px 0 0 0;
							text-decoration:none;
							font-weight:bold;
							}	
						#col_a #zone_actus-interne .actu_titre a:hover{
							text-decoration:underline;
							}								
																				
		.accueil #contenu {
			float:left;
			display:block;
			width:731px;
			background:url(visuels/bg_contenu.jpg) top left no-repeat;
			
		}
				#tagline{
					display:block;
					width:731px;
					float:left;
					height:78px;
					padding:27px 0 0 0;
					background:url(visuels/bg_tagline.jpg) top left no-repeat;
				}
						#tagline h2{
							display:block;
							width:322px;
							clear:left;
							height:31px;
							background:url(visuels/fr_intitule_tagline1.jpg) top left no-repeat;
							text-indent:-9999px;
							margin:0;
							padding:0;
						}	
						#tagline h3{
							display:block;
							width:322px;
							clear:left;
							height:47px;
							background:url(visuels/fr_intitule_tagline2.jpg) top left no-repeat;
							text-indent:-9999px;	
							margin:0;
							padding:0;							
						}					
				.accueil #col_b{
					display:block;
					float:left;
					width:322px;
					padding:11px 0 0 0;
				}
						.lien{
							display:block;
							width:322px;
							clear:left;
							height:69px;
							text-indent:-9999px;	
							margin:8px 0;
							padding:0;
							background-position:top left;
							background-repeat:no-repeat;						
						}
						.lien:hover{
							-moz-opacity:0.6;
							opacity: 0.6;
							filter:alpha(opacity=60);	
						}
				.interne #col_b{
					display:block;
					float:left;
					width:548px;
					padding:0 20px 0 0;
				}	
				.accueil #col_c{
					display:block;
					float:left;
					width:263px;
					padding:0 59px 0 87px;
					background:url(visuels/bg_col_c.jpg) top left repeat-y;
				}		
						#intitule_webline{
							display:block;
							float:left;
							background:url(visuels/fr_intitule_webline.jpg) top left no-repeat;
							width:263px;
							height:112px;
							text-indent:-9999px;
							margin:10px 0 10px 0;
						}
						.webline{
							font-size:1.2em;
							font-weight:normal;
							color:#757575;
							line-height:1.9em;
						}
				.interne #col_c{
					display:block;
					float:left;
					width:153px;
					padding:70px 0 0 10px;
				}					
	.interne #contenu {
		float:left;
		display:block;
		width:731px;
		height:auto!important;
		height:241px;
		min-height:241px;
		padding:40px 0 0 0;
		background:url(visuels/bg_contenu-interne.jpg) top left no-repeat;
		font-size:1.2em;
		line-height:1.6em;
		color:#545454;
		
	}
	#footer{
		width: 1000px;
		height:24px;
		float:left;
		background: #ffffff url(visuels/bg_footer.jpg) top left repeat-x;
		display:block;
		color:#FFF;
		text-align:center;
		font-size:1.1em;
		padding:10px 0 0 0;
	}
		#footer a{
			color:#FFF;
			text-decoration:underline;
			font-weight:normal;
			background:url(visuels/puce_footer.jpg) center left no-repeat;
			padding:0 10px 0 8px;
		}	
		#footer a:hover{
			text-decoration:none;
		}
					
#footer a#favoris{
	padding:2px 0 2px 17px;
	background:url(visuels/star.gif) center left no-repeat;}
#footer a#favoris:hover{
	background:url(visuels/star-over.gif) center left no-repeat;}	


/* Informations CSS Formulaires */
/* ----------------------------------------------------------------------------------------------*/

#zone_log {		/* Login/Password pour l'accès aux pages réservées */
	width: 100%;	
	text-align:center;
}
#zone_log_formulaire {
	width: 160px;
	margin-left: auto; 
	margin-right: auto;	
	text-align: left;
}
.alerte_formulaire_ok {	/* CSS de formulaires en général */
	background:url(visuels/valide.gif);
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	color:#008C42;
}
.alerte_formulaire_ko {
	background:url(visuels/refuse.gif);
	border:1px solid #CC3131;
	color:#fff;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:10px;
}


/******** Formulaire contacts **************/


#contacts_form{
	padding:10px 0px;
	width:530px;

}
.champs{
	width:265px;
	display:block;
	padding:10px 0 11px 0;
	float:left;
}
.champs2{
	width:530px;
	padding:20px 0 11px 0;
	display:block;	
	float:left;
}
.champs3{
	width:180px;
	display:block;
	padding:10px 0 11px 0;
	float:left;}
.separation{
	width:530px;
	display:block;
	padding:10px 0 0 0;
	background:url(visuels/pointille.gif) top left repeat-x;
	float:left;
}
.separation.no-border{
	background:none;
}	
.calage_centre{
	display:block;
	text-align:left;
	clear:both;
	padding:10px 0 0 20px;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:84px;
	text-align:left;
	margin:0px 10px 0px 0px;
	font-size:1em;
	font-weight:bold;
	color:#004080;
}
.extend .calage_droite{
	width:120px;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
}
.calage_gauche label{
	padding:0 15px 0 5px;
	font-size:1.2em;	
}
	
.asterisque {
	color:#FF0000;
}
#contacts_form h3{
	float:left;
	margin:0px 0px 0px 10px;
}	
a.lien_bouton {
	display:block;
	float:right;
	width:102px;
	height:41px;
	margin:0 44px 0 0;
	background:url(visuels/fr_btn_envoyer.gif) top left no-repeat;
	text-indent:-9999px;
}


a.lien_bouton:hover {
	background:url(visuels/fr_btn_envoyer-over.gif) top left no-repeat;
}
.contacts_input {
	border:1px solid #ADADAD;
	background:#F1F1F1;
	color:#555;
	padding:3px;
	font-weight:bold;
	font-size:1.2em;
}
.contacts_input:hover {
	border-color:#ff0000;
}
#contacts_form textarea{
	width:380px;
}




/* Informations CSS Pages et "zones bas de page" */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page {		/* Titre de pages intérieures */
	font-size:2.0em;
	padding:0 0 15px 0;
	width:530px;
	background:url(visuels/pointille.gif) bottom left repeat-x;	
	
}
h1.titre_page a{		/* Titre de pages intérieures */
	font-weight:bold;
	color:#004D93;
	line-height:1.2em;
	text-decoration:none;
	
}
#zone_print_contact{
	display:block;
	width:530px;
	background:url(visuels/pointille.gif) top left repeat-x;
	margin:50px 0 0 0;
	padding:0 0 25px 0;
	float:left;

}
#zone_contact{
	padding:15px 15px 10px 0;
	float:right;
}
#zone_contact a {
	background:url(visuels/picto_contact.jpg) center left no-repeat;
	padding:5px 0px 2px 25px;
	color:#454545;
	text-decoration:none;
	
}
#zone_contact a:hover {	
	text-decoration: underline;
}

#zone_printmode{
	padding:15px 15px 10px 0;
	float:right;

}
#zone_printmode a {
	background:url(visuels/picto_print.jpg) center left no-repeat;
	padding:5px 0px 2px 25px;
	color:#454545;
	text-decoration:none;
}
#zone_printmode a:hover {	
	text-decoration: underline;
}

.actu,#liste_actus{
	display:block;
	margin:0 auto;
	width:400px;
}
.actu img{
	margin: 0 10px 0 0;
	border: #576370 solid 1px;
}
#liste_actus{
	background:url(visuels/bg_liste_actus.gif) top left no-repeat;
	padding:15px;
	width:370px;	}

.news{
	color:#d30014;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(visuels/pointille.gif) bottom left repeat-x;
}
#lire_egalement{
	font-size:1.2em;
	font-weight:normal;
	color:#004080;
	margin:0 0 5px 0;
}
.interne .lire_plus{
	color:#d30014;}

/* Informations CSS de menu */
/* ---------------------------------------------------------------------------------------------- */


#menu_int {
	display:block;
	float:left;
	width:100%;
	padding:0 60px 0 10px;

}
#menu_int dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;	 
}

#menu_int li { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;

	
}

#menu_int dt {
}



#menu_int.verticale dt a{ 
	font-weight: bold;	
	text-decoration: none;	
	width: 164px;
	padding:8px 24px 8px 12px;
	display:block;
	color:#004080;
	font-size:1.2em;
	text-align:right;
	background:url(visuels/puce_menu.gif) center right no-repeat;

}
#menu_int.verticale dd {
	position: absolute;
	z-index: 100;
	margin-left: 200px;
	margin-top: -31px;
	background:url(visuels/bg_ssmenu_haut.gif) top left no-repeat;
	padding:15px 0 0 0;
}

#menu_int.verticale ul {
	background:url(visuels/bg_ssmenu_bas.gif) bottom left no-repeat;
	padding:0 10px 15px 10px;
	display:block;
	float:left;
}

#menu_int dt a:hover{
	background:url(visuels/puce_menu2.gif) center right no-repeat;
	font-weight:bold;
	color:#FFF;

}


#menu_int ul {
	padding: 0px;

}
#menu_int li {
	text-align: left;	
	z-index: 100;
	width:210px;
	border-top:1px dotted #96B8DC;	
	border-bottom:1px dotted #96B8DC;	
	margin-bottom:-1px;		
}
#menu_int li a{
	font-weight: bold;	
	text-decoration: none;	
	width: 170px;
	padding:5px 10px 5px 30px;
	color:#FFF;
	display:block;
	font-size:1.1em;
	background:url(visuels/bg_ssmenu_lien.gif) center left no-repeat;

}
#menu_int li a:hover{
	background:#E4E4E4 url(visuels/bg_ssmenu_lien-over.gif) center left no-repeat;
	color:#003F81;
}
.menu_sans_lien{	
	font-weight: bold;
	text-decoration: none;		
	color:#004080;
	font-size:1.2em;
	text-align:right;		
	width: 164px;
	padding:8px 24px 8px 12px;
	display:block;		
	background:url(visuels/puce_menu.gif) center right no-repeat;	
}

/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/


ul#plan_site li{
	background:url(visuels/puce_plan.jpg) center left no-repeat;
	padding:5px 0 5px 10px;
	list-style:none;

}

ul#plan_site ul li{
	margin-left:60px;}

ul#plan_site ul ul li{
	margin-left:80px;}
	
ul#plan_site li a{ /* niveau 1 */
}

ul#plan_site ul li a{ /* niveau 2 */
}

ul#plan_site ul ul li a{ /* niveau 3 */
}	



/* Informations CSS FCK */
/* ----------------------------------------------------------------------------------------------*/

.wsc_bleu{
	color:#004080;
}
.wsc_rouge{
	color:#D30014;
}
.wsc_titre_bleu{
	font-size:1.8em;
	color:#004080;	
}
.wsc_titre_rouge{
	font-size:1.8em;
	color:#D30014;
}
.wsc_stitre_bleu{
	font-size:1.5em;
	color:#004080;
}
.wsc_stitre_rouge{
	font-size:1.5em;
	color:#D30014;
}
.wsc_bleu_gd{
	font-size:1.2em;
	color:#004080;
}
.wsc_fond_groupe{
	display:block;
	width:340px;
	height:auto!important;
	height:170px;
	min-height:170px;
	background:url(visuels/bg_fond-groupe.gif) top left no-repeat;
	padding:15px 180px 15px 20px;
}


.interne #contenu ul li{
	background:url(visuels/puce-ok.gif) top left no-repeat;
	padding:0px 0 5px 20px;
	list-style:none;}

/* Interstitiel */
/* --------------------------------------------------------------------------------------------- */

.fd_noir { display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000000; z-index: 2000; }
.slimbox_interstitiel { display: none; position: absolute; width: 680px; height: 590px; padding: 15px; top: 10%; left: 50%; margin-left: -400px; z-index: 2500; }
.zone_interstitiel { position: relative; display: block; width: 680px; height: 450px; padding: 20px 0 0; background: url(visuels/bg_interstitiel.png); }
.bt_close { display: block; width: 40px; height: 40px; position: absolute; right: -10px; top: 50px; }
.visuel_close {
	display: block;
	cursor: pointer;
	position: relative;
	width: 40px;
	height: 40px;
	background: url(visuels/bt_close.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/bt_close.png", sizingMethod="crop");
}
.picto_norme {
	display: block;
	width: 540px;
	height: 150px;
	margin: 0 0 0 120px;
	background: url(visuels/picto_norme_en_1789.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/picto_norme_en_1789.png", sizingMethod="crop");
}
.picto_pas_attendre {
	display: block;
	width: 320px;
	height: 120px;
	margin: 130px 0 0 280px;
	background: url(visuels/picto_pas_attendre.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/picto_pas_attendre.png", sizingMethod="crop");
}
.bt_savoir_plus {
	float: right;
	display: block;
	width: 165px;
	height: 35px;
	margin: -13px 30px 0 0;
	text-indent: -9999px;
	background: url(visuels/bt_savoir_plus.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/bt_savoir_plus.png", sizingMethod="crop");
}
* + html .visuel_close { background: none !important; }
* + html .picto_norme { background: none !important; }
* + html .picto_pas_attendre { background: none !important; }
* + html .bt_savoir_plus { background: none !important; }

.zone_compteur { display: block; margin: 32px 0 0 280px; }
.zone_compteur_interne { display: block; width: 378px; height: 84px; padding: 26px 0 0 2px; background: url(visuels/bg_compteur_interne.png); }
.count_box-day, .count_box-hour, .count_box-minute, .count_box-second { display: block; float: left; width: 80px; height: 52px; text-align: center; }
.count_box-day { background: #000 url(visuels/bg_compteur-jour.jpg); }
.count_box-hour { background: #000 url(visuels/bg_compteur-heure.jpg); }
.count_box-minute { background: #000 url(visuels/bg_compteur-minute.jpg); }
.count_box-second { background: #000 url(visuels/bg_compteur-seconde.jpg); }
.count_separation { display: block; float: left; width: 15px; height: 52px; text-align: center; font-size: 45px; color: #000; }
.last { margin-right: 0; }
.count_down{ font-family: 'ds_digit'; font-size: 45px; color: #d40722; }
.count_down sup{ display: none; }

/* font-face */
/* --------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'ds_digit';
	src: url('./fonts/ds-digi-webfont.eot');
	src: local('_'), url('./fonts/ds-digi-webfont.woff') format('woff'), url('./fonts/ds-digi-webfont.ttf') format('truetype'), url('./fonts/ds-digi-webfont.svg#webfontyivyLvIl') format('svg');
	font-weight: normal;
	font-style: normal;
}