/* GENERIQUE 2

Graphisme :
	- couleur de fond : 	: body
	- logo					: #logo + taille
	- couleur de bandeau	: #bandeHaut (la même que les traits...) et #logo
	- traits				: #menu (border left et right), #menu ul#navigation li et #contenu (border left et right et bottom) et aussi _generique.css
	- titre site			: h1#titreSite
	- texte des menus 		: #menu (color) et #menu a
	- texte par défaut 
	- titre des rubrique	: h2 de global
 	- sous titre des pages	: _generique h3
	
	Couleurs :
	marron : #73F8B4
	orange : #ff7200
	blanc : #fff
	gris : #CCC
	bleu gasmems : #23307E
	bleu clair : #CAD2F0

Classes : 		.xxx
Div : 			#xxx
Balise HTML : 	rien
*/

/* page */
* { padding: 0; margin: 0; }
* { outline: none; } /* Empêche l'appararition d'un contour pointillé lors du click d'un lien sous Firefox*/

/* body */
/*body {font-family:Verdana,Arial,Sans;font-size:13px;background:#dbd7d7;}*/
body {font-family:Verdana,Arial,Sans;font-size:13px;background:#FFF;}
body#AuthGroupe_0 {background:url(images/stripe_3.png) repeat;}
body#AuthGroupe_1 {background:#ccc;}
p { color : #444;font-size:1em}
h1#titreSite {color:#FFF;font-size:50px;font-weight:normal;position:absolute;top:61px;left:0px;width:800px;text-align:center;line-height: 70px;}
h2 {color:#23307E;font-weight:normal;font-size:1.2em;height:22px;	padding:4px 0 0 0px;}
h3 {color:#23307E;font-weight:normal;font-size:1em;height:18px;	padding:0 0 0 0px; }

/* enveloppe simple centrée */
#enveloppe {
	margin:0 auto;width:800px;height:100%;
	padding-left: 27px;
	padding-right: 23px;
	background:url(images/fond_850.png) repeat-y top left #FFFFFF;
}
/* enveloppe avec ombre centrée - image de 1000*1 répétée selon y */
/*#enveloppe {
	margin:0 auto;
	height:100%;
	width:800px;
	padding-left: 26px;
	padding-right: 26px;
	background:url(images/fond_850.png) repeat-y top left #FFFFFF;
}
*/
	/* bandeHaut */
	#bandeHaut {background : #23307E;height:150px;width:798px;position:relative;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}	
	#bandeHaut #bandeAdmin {position:absolute;top:111px;right:0px;width:auto;text-align:right;z-index:6}
	#bandeHaut #bandeAdmin a {color:#fff;text-decoration:none;padding: 0 8px;}
	#bandeHaut #infoConnexion {position:absolute;top:155px;left:10px;color:#000;z-index:10;font-size:12px}
	/*#bandeHaut #bandePhotos {position:absolute;background:#ddd;width:798px;height:129px;top:0px;left:1px;background : url(images_bandeau/bandeau_1.jpg);}*/
	#bandeHaut #bandePhotos {position:absolute;background:#ddd;width:798px;height:129px;top:0px;left:0px;}
	#bandeHaut #bandeInfos {position:absolute;bottom:0;width: 100%;height:20px;background : url(images/stripe_1.png)  top;z-index:1;background-repeat: repeat;}
	
		/* logos */
		#logo1 {
			position:absolute;
			width: 60px;
			height : 40px;
			background : url(images/eu_40.png) 0px 0px #73F8B4;
			background-repeat: no-repeat;
			top:10px;
			left:10px;
			z-index:10;
		}
		#logo2 {
			position:absolute;
			width: 61px;
			height : 60px;
			background : url(images/marie-curie_60.png) 0px #73F8B4;
			background-repeat: no-repeat;
			top:60px;
			left:10px;
			z-index:10;
		}
		#logo3 {
			position:absolute;
			width: 167px;
			height : 60px;
			background : url(images/gasmems-coul_60.jpg) 0px #73F8B4;
			background-repeat: no-repeat;
			top:10px;
			right:10px;
			z-index:10;
		}
		
	/* menu : comprend #navigation et #localisation */
	#menu {color:#23307E;background:#fff;border-left:1px solid #aaa;border-right:1px solid #aaa;} /* bande blanche dans le flux (sous le bandeau) */
	
		/* #navigation en ligne : position relative (dans le flux de lecture mais avec décalage vers le haut et vers la droite) 	*/
		#navigation {margin:0;width:auto;height:150;position:relative;bottom:22px;left:0px}
		#navigation a {
			font-family:futura,verdana,arial, sans-serif;font-size:1em;color:#fff;text-decoration:none;text-align:left;
			padding-left: 4px;padding-right: 4px;
			/*letter-spacing:1px; pb avec IE 7 */
		} /* ok */
		#navigation a.inactif {color:#777;} /* nok */
		
		#navigation a.avecTrait  {
			border-right:1px solid #ff;
		}
		#navigation a.sansTrait  {
			border-right:0px solid #fff;
		}
		#navigation a:hover  {color:#555;} /* ok */
		/*#navigation a:visited  {color:#333;}*/
		
		#navigation a.inactif:hover {cursor: default;}
		
		/*sous menus*/
		#menu #navigation li.entree_sous_menu {color:#73F8B4;}
		#menu #navigation li.entree_sous_menu a:hover {color:#000;}
		#navigation ul {list-style-type:none;}

		/* navigation en tableau
		#menu ul#navigation {clear:both;border-top:0px solid #73F8B4;}
		#menu ul {list-style-type :none;}
		#menu ul#navigation ul {padding-left: 6px;}
		#menu ul#navigation li{border-bottom:1px solid #73F8B4;padding:4px 0 4px 6px;}
		#menu ul#navigation li li{border:none;}
	 	*/
	
		/* #translate : position relative (dans le flux de lecture mais avec décalage vers le haut et vers la droite) */
		#menu #translate {margin:0;width:auto;height:auto;position:relative;bottom:10px;left:720px;z-index:4}
		#menu #translate a {width:14px;height:12px;float:left;margin:8px;background: url(images/flags.png) no-repeat;}
		#menu #translate a span {display:none;}
		/* classes en et fr */
		#menu #translate a.en {background-position: 0 0}
		#menu #translate a.fr {background-position: -28px 0}


	/* contenu */
	#contenu {margin:0;padding:10px 10px 0px 10px;width:auto;min-height:600px;position:relative;}
	#contenu {background:#fff;border-left:1px solid #aaa;border-right:1px solid #aaa;color:#333;border-bottom:1px solid #aaa;}
	.desactiverChangementLangue #menu #translate {display:none;}
	
	/* pied de page */
	#pieddepage {margin:0;width:auto;height:auto;padding:5px 5px 5px 5px;position:relative;}
	#pieddepage {background:#FCFBFA;border-left:1px solid #aaa;border-right:1px solid #aaa;color:#333;border-bottom:1px solid #aaa;height:20px;
		font-family:futura,verdana,arial, sans-serif;font-size:1;letter-spacing:1px;}
	#pieddepage p {color:#444;text-decoration:none}	
	#pieddepage a {width:auto;display:inline;color:#23307E;text-decoration: none;}
	#pieddepage a:hover {color:#556268;}
	#pieddepage #adresse {float:left;width:500;}	
	#pieddepage #haut {float:right;width:100;}
	#pieddepage #powered p.iode {margin:0;width:auto;height:auto;position:relative;top:22px;left:230px;z-index:5;font-size:10px;font-weight:normal;padding-top:7px;}


	/* Localisation */
	#localisation {margin:0;position:absolute;left:8px;top:16px;}
	ul.localisation {position:absolute;display:block;top:7px;right:2px;height:12px;}
	ul.localisation li {list-style-type:none;display:inline;}
	span.localisation,
	ul.localisation a {display:block;width:14px;height:12px;margin: 0 6px;	float:left;	background: #fff url(images/flags.png) no-repeat;}
	span.localisation.en_EN,
	ul.localisation a.en_EN {background-position: 0 0;}
	span.localisation.fr_FR,
	ul.localisation a.fr_FR {background-position: -28px 0;}
	span.localisation span,
	ul.localisation a span{	display:none;}

	.formulaire {margin:12px 0 12px 12px; width:540px;}
	.formulaire li {list-style-type:none;}
	.formulaire li.boutons {margin-top:16px;}

	/* connexion */
	#auth_login_zone {width:300px;margin:10px auto; background:#fff;padding:2em 1em 1em;background:url(images/lock.png ) 20px 10px no-repeat}
	#auth_login_zone li {list-style-type:none;}
	#auth_login_zone label {font-size:0.9em;}
	#auth_login_zone input {margin-bottom:1em;width:180px;padding:0;color:#000;}
	#auth_login_zone label,
	#auth_login_zone input {position:relative;left:100px;}

	#auth_login_zone {border:1px solid #ddd;}
	#auth_login_zone input[type=text],
	#auth_login_zone input[type=password]  {border:1px solid #bbb}
	#auth_login_zone input[type=submit]  {border:0}
	#auth_login_zone input[type=text],
	#auth_login_zone input[type=password]  {background:#e9e9e9;}
	#auth_login_zone input[type=text]:focus,
	#auth_login_zone input[type=password]:focus  {background:#ffd;}
	#auth_login_zone input[type=submit] {background:#CAD2F0;color:#000;margin:2em auto 0 auto;padding:3px 0;letter-spacing:3px;}
	#auth_login_zone input[type=submit]:hover {background:#23307E;cursor:pointer;}
	#auth_login_zone input[type=submit]:active {background:red;cursor:pointer;color:#fff;}
	#auth_login_zone #erreurLogin{width:220px;position:relative;left:80px;top:-10px;text-align:center;border:1px solid red;color:red;font-size:15px;letter-spacing:4px;background:#ffdfdf;padding:12px 0;}