/* CSS Document */
/* 
	Ici on défini les bases du site :
	- La structure des pages
	- Les menus (nav principale, nav du footer, sous-menus déroulants ...)
	- Le bouton de rappel
	- Le H1 (remplacement par le logo du site)
	- Les différents éléments du footer (powered, hcard ...)
*/


/* Structure du site */

	body		{ background:#EEEEEE; }
	#global		{
	background:#FF0C00;
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:880px;
	min-width:880px;
	margin:auto;
	}
	
	#header		{
	position:relative;
	z-index:100;
	height:144px;
	width:880px;
	position:relative;
	background-image: url(../images/interface/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	#center		{ width:880px;; position:relative;}
	#footer		{ 
	position:relative;
	z-index:10; clear:both;
	width:100%;
	width:870px;
	margin:auto;
	background-color:#333333;
	min-height:14px;
	height:auto!important;
	height:14px;
	padding:5px 0 5px 10px;
	color:#FFFFFF;
	}
	
a {
  	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#336699;
       	text-decoration:none;
	outline:0;
} 	
	

/**/

#history-back { position:absolute; top:320px; left:490px; padding-left:20px; background:url(images/interface/history-back.gif) no-repeat center left;}

#accueil #history-back {margin-top:-99999px; margin-left:-99999px; position:absolute;}
/* Les différents éléments de #center */

	#content  { width:880px;}
	
	#publicite {
	width:880px;
	top: 400px;
	clip: rect(200px,auto,auto,auto);
	}
	
	.col-left 
	{
	width:160px;
	position:relative;
	/*padding:120px 9px 0 10px;*/
	float:left;
	position:relative;
	background:#ff0000;
	height: 720px;
	}
	
	.col-middle 
	{
	width:520px;
	padding:222px 20px 20px 20px;
	position:relative;
	float:left;
	min-height:420px;
	height:auto!important;
	height:420px;
	background-color: #FFFFFF;
	background-image: url(../images/interface/content.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	.col-middle_offre 
	{
	width:520px;
	padding:222px 20px 20px 20px;
	position:relative;
	float:left;
	background:#FFFFFF url(images/interface/content.jpg) no-repeat top center;
	min-height:420px;
	height:auto!important;
	height:420px;
	}
	
	.col-middle .img-content{
	position:absolute;
	top:0px;
	left:0px;
	}
	
	.col-right 
	{
	width:160px;
	position:relative;
	/*padding:0px 10px 0 9px;*/
	float:right;
	position:relative;
	background:#ff0000;
	height: 720px;
	}
	

/*bloc modules colonnes*/
	
	.bloc_module {
	margin:23px 10px 23px 9px;
	position:relative;
	background:url(images/interface/module_fond.gif) repeat-y;
	}
	
	.bloc_module h3 {
	color:#FFFFFF;
	font-size:12px;
	border:none;
	padding:0;
	margin:0;
	text-align:left;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	}
	
	.bloc_module a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	background:url(images/interface/puce_lien.gif) no-repeat right center;
	display:block;
	width:125px;
	}
	.bloc_module a:hover {
	background:url(images/interface/puce_lien_hover.gif) no-repeat right center;
	text-decoration:none;
	color:#FF9900;
	}
	
	.bloc_module .contenu {padding:6px; height:84px;}
	
	.bloc_module .contenupartenaire {padding:6px; height:90px;}
	
	.bloc_module #carte_inlingua { padding:0px; margin:0 0 0 1px; }
	
	#carte .contenu {
	background:url(images/interface/module_carte.jpg) no-repeat top center;
	height:210px;
	}
	
	#carte .contenu select { width:127px; margin:2px 0 2px 0; }
	
	#partenaire .contenupartenaire {
	background:url(Partenaires/imgs/Norpole_Logo2.jpg) no-repeat top center;
	}	
	
	#offreMois .contenu {
	background:url(images/interface/module_offreMois.jpg) no-repeat top center;
	}	
	
	#recallfree .contenu {
	background:url(images/interface/RappelGratuitfixe.jpg) no-repeat top center;
	}
	
	#carteFrance .contenu {
	background:url(images/interface/module_carteFrance.jpg) no-repeat top center;
	}	
	#examens .contenu {
	background:url(images/interface/module_examen.jpg) no-repeat top center;
	}
	
	#IOL .contenu {
	background:url(images/interface/module_IOL.jpg) no-repeat top center;
	}
	
	#evaluation .contenu {
	background:url(images/interface/module_evaluation.jpg) no-repeat top center;
	}
	
	#inlingua .contenu {
	background:url(images/interface/module_inlingua.jpg) no-repeat top center;
	}
	
	.bloc_module .haut {
	height:18px;
	padding:2px 0 0 6px;
	background:url(images/interface/module_haut.gif) no-repeat top center;
	}
	
	.bloc_module .bas {
	height:19px;
	padding:2px 0 0 6px;
	background:url(images/interface/module_bas.gif)  no-repeat top center;
	}
	
	.bloc_module .baspartenaire {
	height:33px;
	padding:2px 0 0 6px;
	background:url(images/interface/module_baspartenaire.gif)  no-repeat top center;
	}
	
	#carte .bas {
	background:url(images/interface/module_bas_carte.gif) no-repeat top center;
	}



/* Bouton de rappel et H1 */

	#header #headerElements #logoH1 {
	position:absolute;
	top:0px;
	right:0px;
	}

	#header #headerElements h1 a {
	text-indent:-9999px; 
	overflow:hidden;
	display:block; 
	}
	
	#header #headerElements h1 { 
	position:relative;
	background:url(images/interface/logoH1.jpg) no-repeat top center;
	height:61px;
	width:160px;
	display:block;
	}
/**/
/* Menu de navigation principal */

	.col-left #nav { margin-bottom:60px; }
	
	.col-right #nav { margin-top:64px;}

	#nav ul { margin:0; padding:0;}
	#nav li {
	width:160px;
	padding:0px;
	text-align:left;
	display:block;
	margin: 0 0 1px 0;
	}
	#nav a {
	height:18px;
	width:141px;
	display:block;
	padding:3px 10px 0 9px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-color:#333333;
	margin:0px;
	}
	#nav .communiques-presses a {
	height:32px;

	}
	#nav a:hover  { background-color:#F3705C; color:#333333; }
	#nav li.mentions  { margin-top:-99999px; margin-left:-99999px; position:absolute; }
	
	/* Boutons actifs niv2*/
	#accueil #nav li.accueil a,
	#solutions-entreprise #nav li.solutions-entreprise a,
	#DIF #nav li.DIF a,
	#solutions-particuliers #nav li.solutions-particuliers a,
	#force-atouts #nav li.force-atouts a,
	#references #nav li.references a,
	#offre-mois #nav li.offre-mois a,
	#atouts #nav li.force-atouts a,
	#communiques-presses #nav li.communiques-presses a,
	#contact #nav li.contact a,
	#societe #nav li.societe a,
	#mentions #nav li.mentions a { color:#fff; }
	
	
	/*Sous menu*/
	#global #nav li.niv2 a{ background:#DEE0DD; font-weight:normal; color:#000;}
	
	#global #nav li.supports a{ font-size:0.95em; white-space:nowrap;}
	
	#global #nav li.niv2 a:hover { background:#F3705C; color:#ffffff; }
	
	#ssnav-atouts {margin-top:-1px; display:block;}
	
	
	/* Boutons actifs niv3*/
	.methode #global #nav li.methode a,
	.intervenants #global #nav li.intervenants a,
	.supports #global #nav li.supports a,
	.quarante #global #nav li.quarante a,
	.clients #global #nav li.clients a,
	.histoire-breve #global #nav li.histoire-breve a,
	.chiffres #global #nav li.chiffres a { background-color:#F3705C; color:#fff; }
/*navigation langues*/

	#lang {
	position:absolute;
	right:0;
	top:144px;
	width:160px;
	height:43px;
	background-color:#333333;
	padding:10px 0;
	}
	
	#lang h2 { font-size:12px; color:#FFFFFF; font-weight:normal; text-align:center;}
	
	#lang ul { margin:0; padding:0 0 0 15px; }
	#lang li {
	text-align:center;
	float:left;
	display:block;
	margin:0 15px 0;
	width:24px;
	 }
	#lang li a {
	display:block;
	text-indent:-9999px;
	height:11px;
	width:24px;
	 }
	 
	#lang li.en a { background:url(images/lang/lang-en.gif) no-repeat top center; }
	#lang li.fr a { background:url(images/lang/lang-fr.gif) no-repeat top center; }
	
	#lang li a:hover { }

/* Menu de navigation du footer */

	#footer #footerElements {} 
	#footer #footerElements ul {} 
	#footer #footerElements li {}
	#footer #footerElements li a {}

	/* Boutons actifs */
	#accueil #footer li.accueil a,
	#contact #footer li.contact a,
	#societe #footer li.societe a,
	#mentions #footer li.mentions a {}

/* */
/* Elements du footer */

	#footer #footerElements .vcard {}	
	#footer #footerElements .vcard .type{ display:none; } 

	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org { font-weight: bold; } 

	#footer #footerElements .vcard .sepAdr,
	#footer #footerElements .vcard .sepTel	{ display:block; height:1px; overflow:hidden; } 
	
	/* Sep hcard :
	#footer #footerElements .vcard .sepAdr (avant Adresse)
	#footer #footerElements .vcard .sepCpV (avant Code postal + Ville)
	#footer #footerElements .vcard .sepTel (avant Téléphone Fix)
	#footer #footerElements .vcard .sepMob (avant Téléphone Mobile)
	#footer #footerElements .vcard .sepFax (avant Fax)
	#footer #footerElements .vcard .sepEma (avant E-mail)
	#footer #footerElements .vcard .sepSir (avant n° de Siret)
	*/

	#footer #footerElements #w3c { position:absolute; right:10px; bottom:25px;}	

/* */
/* Autres elements */

	/* Alignement des images (ne pas supprimer) */
	.left { float:left; margin-right: 10px; }
	.right { float:right; margin-left: 10px; }
	.clear { clear:both;}

/* */