/* Feuille de style Process Digital */

	/* alert ie7 */
	#maskIE7 { position:absolute; top:0; left:0; width:100%; height:100%; background-color:black; filter:alpha(opacity=40);}
	#alertIE7 { 
		position:absolute;top:200px;left:50%;
		width:570px;height:270px;
		margin-left:-300px; padding:30px 15px 0 15px; 
		background-color:#fff;
		border:1px solid gray;
		text-align:left;
		z-index:10000;
	}
	#alertIE7 #closeAlertIE7 { position:absolute; top:10px; right:10px; text-transform:uppercase; font-size:0.8em; font-weight:bold; cursor:pointer; }
	#alertIE7 h3 { margin:-15px 0 10px 0!important; padding:0!important;}
	#alertIE7 p { margin:10px 0!important; padding:0!important; font-size:0.9em; line-height:16px; }
	#alertIE7 li { line-height:18px; }
	#alertIE7 #closeAlertIE7:hover { text-decoration:underline; }
	#alertIE7 a:hover { text-decoration:underline; }
	
	/* Cookies */
	#cookies { position:fixed; bottom:0; left:0; width:100%; height:22px; line-height:22px; background-color:black; z-index:1000; color:#eee; font-size:10px; display:none; }
		#cookies a { color:#eee; text-decoration:underline; }
		#cookies p { margin:0; padding:0 10px; }
	
	/* alert ie6 */
	.ie6 { padding:60px; }
	.ie6 h2 { margin:20px 0; }
	.ie6 a { text-decoration:none; }
	.ie6 a:hover { text-decoration:underline; }
	.navigators { margin-top:20px; height:120px; }
	.navigators li { padding-top:60px; list-style:none; float:left; margin-right:30px; text-align:center; width:100px; }
	.navigators li.ie { background:url('../images/logo_ie.png') no-repeat top center; }
	.navigators li.firefox { background:url('../images/logo_firefox.png') no-repeat top center; }
	.navigators li.chrome { background:url('../images/logo_chrome.png') no-repeat top center; }
	.navigators li.opera { background:url('../images/logo_opera.png') no-repeat top center; }
	.ie6 p.signature { font-size:0.9em; margin-top:50px; clear:both; } 
	
	/* Chargement */
	#chargement { position:absolute; top:50%; left:0; margin:0; padding:0; width:100%; text-transform:uppercase; color:#000; text-align:right; font-size:1.4em; }
	#chargement-infos {
		text-align:right; font-size:1em; text-transform:uppercase;
		white-space: nowrap;
		display: block;
		border-top:2px solid #000; 
		width: 0%;
	}
	
	/* on masque le bouton fullscreen sur les navigateurs qui ne le supportent pas */
	.opera #fullscreen, .msie #fullscreen { display:none; }
	.fullscreen #fullscreen { display:none; }

	/* général */
	* { margin:0; padding:0; }
	html { font-size: 100%; } 
	body { font-size: 0.8125em; font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; }
	#cache { display:none; width:1px; height:1px; overflow:hidden; z-index:-1000; position:absolute; bottom:-1px; right:-1px; }

	/* Titraille / Intertitres */
	h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
	h1 { font-size: 1.70em; color: #000; }
	h2 { font-size: 1.40em; font-weight: normal; }
	h3 { font-size: 1.20em; font-weight: bold; }
	h3.spip { text-align:left; } 

	/* Autres enrichissements typo */
	a.spip_mail:before { content:none!important; }
	a { outline-style:none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym {}
	small { font-size: 0.90em; }
	dfn { font-weight: bold; }
	del { text-decoration: line-through; }
	ins { color: red !important; text-decoration: none; }
	sup, sub { font-size: .8em; font-variant: normal; }

	/* Listes */
	ul { margin:0; padding:0; }

	/* Logos, documents et images */
	img { margin: 0; padding: 0; border: 0; }

	/* Espaceur de blocs */
	.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

	/* Non visible a l'ecran */
	.invisible { position: absolute; top: -3000em; height: 1%; }

	/* liens sociaux */
	iframe { margin: 10px 0;  }

	/* Retour en haut de page */
	#retourEnHaut { position:absolute; bottom:30px; left:30px; cursor:pointer; }
	#retourEnHaut a { opacity:0.7; filter:alpha(opacity=70); color:#555; }
	#retourEnHaut a:hover { opacity:1; filter:alpha(opacity=100); }

	/* Plan du site */
	#plandusite h2 { margin:30px 0 0 0; }
	#plandusite li { list-style:none; }
	#plandusite ul { margin-left:20px; }
	#plandusite > ul { margin:20px 0 0 0; }
	#plandusite ul.articles li { float:left; }
	#plandusite ul.articles li a { text-transform:capitalize; font-size:11px; margin-right:15px; }
	
	/* Formulaire */
	* { border-radius:0; }

	/* Moteur de recherche */
	#formulaire_recherche { position:relative; }
	#formulaire_recherche label { display:none; }
	#formulaire_recherche input { border:1px solid #ccc; margin:5px; padding:3px 25px 3px 3px; font-size:11px; width:105px; }
	#formulaire_recherche input:focus { border:1px solid #aaa; }
	#formulaire_recherche input[type='submit'] { 
		background:url('../images/loupe.png') no-repeat 0 4px; 
		width:29px; height:22px;
		border:0; margin:0; padding:0; 
		margin-left:-30px; font-size:0.9em; 
	}
	.msie8 #formulaire_recherche input[type='submit'] { background-position:0 9px; padding:0;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  #formulaire_recherche input[type='submit'] {
		background:url('../images/loupe.png') no-repeat 0 0; 
	  }
	}

	/* Animations */
	.animerCouleur { transition-property: color; transition-duration: 0.3s; }
	.animerCouleurFond { transition-property: background-color; transition-duration: 0.3s; }
	.animerTout { transition: all 0.3s ease; }
	
	/* Formidable */
	.formulaire_formidable .choix { float:left; margin:10px; }
	.formulaire_formidable .choix label { display:inline; float:none; }
	.formulaire_formidable  p.boutons { clear:both; }
	
	/* Formulaire de contact */
	.formulaire_formidable { }

		/* zone des champs */
		.formulaire_formidable fieldset { border:none; margin:0; padding:0; }
		.formulaire_formidable ul { margin:0; padding:0; }
		
			/* textes */
			.formulaire_formidable legend { font-size:0.9em; margin-bottom:15px; }
		
			/* pour chaque item */
			.formulaire_formidable li { list-style:none!important; margin:0; padding:0; }
			
			/* libellé */
			.formulaire_formidable li label:first-child { clear:both; }
			.formulaire_formidable li label {
				display:block; 
				text-align:right; 
				float:left; 
				color:#555;				
				margin: 10px 15px 0 0; 
				width:150px; 
				line-height:30px; 
			}
			
			/* champs de saisie */
			.formulaire_formidable input, .formulaire_formidable textarea, .formulaire_formidable select { 
				float:left; 
				margin:10px 0 0 0; padding:6px; 
				border:1px solid #ddd; 
				font-size:0.9em;
				color:#555;				
				width:250px; 
			}
			.formulaire_formidable select { width:auto; }
			
			/* boite texte */
			.formulaire_formidable textarea { 
				height:120px; 
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
			}
			
			/* effet sur les champs au focus */
			.formulaire_formidable input:focus, .formulaire_formidable textarea:focus, .formulaire_formidable select:focus { box-shadow: 0 0 4px #ddd; }
			
			/* bouton valider */
			.formulaire_formidable input[type='submit'] { 
				border:0; margin:10px 0 30px 165px; padding:3px;
				clear:both; float:left; 
				cursor:pointer; 
				width:100px; 
				font-weight:bold; font-size:0.9em; 
				background-color:#e5e5e5; color:#555;
				transition-property: background-color; transition-duration: 0.3s;
			}
			.formulaire_formidable input[type='submit']:hover { background-color:#c5c5c5;  }
	
	/* Mentions légales */
	#mentions { height:100%; }
	
	/* Pied de page */
	#pied { position:fixed; bottom:0; left:0; margin:auto; width:100%; background-color:#000; color:rgb(255,255,255); height:22px; font-size:0.8em; line-height:22px;  }
		
		/* Eléments divers */
		#pied ul a { color:white; color:rgba(255,255,255,0.6); filter:alpha(opacity=60); text-decoration:none; }
		#pied ul a:hover { text-decoration:underline; color:rgba(255,255,255,1); f filter:alpha(opacity=100); }
		#pied ul { float:left; margin:0; padding:0; margin-left:20px; }
		#pied li { list-style:none; float:left; margin-right:15px; }
		#pied img { vertical-align: middle; }
	 
	.processblue a { color:white; text-decoration:none; }
	.processblue { 
		float:right; margin-right:20px;
		padding-left:15px; 
		opacity:0.6; filter:alpha(opacity=60);
		background:url('../images/signature-process-blue.png') no-repeat 0 3px;
		text-transform:uppercase;
	}
	.processblue img { vertical-align:middle; margin-right:2px; }
	.processblue:hover { opacity:1;  filter:alpha(opacity=100);}

	.processblue a:hover { text-decoration:none; }