/* *******************************************************************/
/**																	**/
/** 	CSS Document 												**/
/**																	**/
/* *******************************************************************/
/**																	**/
/** BLEU   : #146A94; 												**/
/** VERT   : #C5D92B												**/
/** ORANGE POUR LES FONDS : #F8A935									**/
/** ORANGE POUR LES TEXTES : #E97400								**/
/**																	**/
/**																	**/
/* *******************************************************************/

html {font-size:90%}
Body.base
{	
	font-family		: Verdana,Arial,Helvetica,sans-serif;
	font-size:.9em;
	background-color: #CCDA2C;
	background-color: #146A94;
}
/* ---------------------------------------------------------------------------- */
/* 					P PRINCIPAUX											*/
/* ---------------------------------------------------------------------------- */
p 
{
	float			:left;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	color			:#333; 
	margin			:auto; 
	width			:100%; 
	line-height		:1.2em;
	text-align		:left;
}
h1
{
	float:left;
	font-size:1.5em;
	margin : 0 0 5px 0;
}
/* ---------------------------------------------------------------------------- */
/* 					LIENS PRINCIPAUX											*/
/* ---------------------------------------------------------------------------- */
a,a.generique {color:#0099CC;text-decoration:underline;}
a:hover,a.generique:hover{color:#C890C1;}

a.info_bulle span.large {  display : none; /* Rend invisible tout notre bloc span */} 
a.info_bulle:hover span.large
{
  /* Positionnement de notre info-bulle */
  top            : 1em;     
  left           : 1px;
  z-index        : 1000; 		/* Positionne au premier plan l'info-bulle en cas de chevauchement */
  display        : block;    	/* Rend visible notre bloc span */
  position		 : absolute; 	/* Sort notre bloc de son conteneur afin de le positionner */
  background     : #DDEEFF;   	/* Définition du fond, sinon on a le même que notre lien */
  border         : 1px solid #6699FF; /* Définition des bordures */
  padding        : 5px;       	/* Définition des marges intérieures */	  
  font-size      : .85em;
  width          : auto;		/*180px;*/     /* On fixe une largeur par défaut */
  min-width      : 200px;
  max-width      : 400px;
  color          : #000;      	/* Réinitialisation de la couleur du texte */
  text-align     : justify;   	/* Justification du texte */	
  cursor         : default;   	/* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
}            
/* ---------------------------------------------------------------------------- */
/* 					ELEMENTS DE FORMULAIRES PRINCIPAUX							*/
/* ---------------------------------------------------------------------------- */
input
{
	font-size		: .85em						;
	padding	 		: 1px 1px 1px				;
	border	 		: 1px solid #C5D92B			;
	color			: #666666					;
	background-color: #fefefe					;
}
/* ============================================================================== */
/* =																			= */
/* =					TOUTES PAGES SQUELLETTE DU SITE							= */
/* =																			= */
/* ============================================================================== */
#page 	
{ 
	float			: left				; 
	position		: absolute			;	
	left			: 50%				; 
	top				: 0px				; 
	width			: 1024px			;
	height			: auto				; 
	margin			: 0px 0px 0px -512px; 
	vertical-align	: top				;
	border			: solid #fff	; 
	border-width	: 0 1px 0 1px;
	padding			: 0 0 0 0			;		
	background		: #ffffff			;
	color			: #333333			; 
}
/* ---------------------------------------------------------------------------- */
/* 					LE FOOTER													*/
/* ---------------------------------------------------------------------------- */
#fond_bas
{
	float			: left			; 
	border			: 0px solid #ccc;
	margin			: 0 0 0 0		;
	width			: 1024px		; 
	height			: auto			;
	padding			: 0 0 0 0		;
	position		: relative		;
}
/* ============================================================================== */
/* =																			= */
/* =					LE HAUT DU SITE											= */
/* =																			= */
/* ============================================================================== */
/* ---------------------------------------------------------------------------- */
/* 					CONTENANT													*/
/* ---------------------------------------------------------------------------- */
#fond_haut
{
	float			: left			; 
	border			: 0px solid #ccc;
	margin			: 0 0 0 0		;
	width			: 1024px		; 
	height			: auto			;
	padding			: 0 0 0 0		;
	position		: relative		;
	background-color:transparent	;
}
/* ---------------------------------------------------------------------------- */
/* 					LE LOGO													*/
/* ---------------------------------------------------------------------------- */
#logo
{
	float			: left			;
	width			: 296px		; 
	height			: 90px			; 
	border			: 0px			;
}
#logo img {border:0px;}
/* ---------------------------------------------------------------------------- */
/* 					LA PUBLICITE												*/
/* ---------------------------------------------------------------------------- */
#pub_haut
{
	float			: left			; 
	border			: 0px			;
	margin			: 0px 0px 0px 0px;
	width			: 728px			;
	height			: 90px			;
}
/* ============================================================================== */
/* =																			= */
/* =				LA BANNIERE DU SITE											= */
/* =																			= */
/* ============================================================================== */
/* ---------------------------------------------------------------------------- */
/* 					CONTENANT BANNIERE											*/
/* ---------------------------------------------------------------------------- */
#banniere
{
	float			: left			; 
	border			: 0px solid #ccc;
	margin			: 0 0 0 0		;
	width			: 1024px		; 
	height			: 180px			;
	padding			: 0 0 0 0		;
	position		: relative		;
	background-color: transparent	;
}
/* ---------------------------------------------------------------------------- */
/* 					PARTIE GAUCHE DE LA BANNIERE								*/
/* ---------------------------------------------------------------------------- */
#banniere #banniere_left
{
	float			: left			; 
	top				: 0px			;
	border			: 0px solid #ccc;
	margin			: 0 0 0 0		;
	width			: 500px			; 
	height			: 100%			;
	padding			: 0 0 0 0		;
	position		: relative		;
	background-color: transparent	;
}
/* ---------------------------------------------------------------------------- */
/* 					PARTIE GAUCHE DE LA BANNIERE								*/
/* ---------------------------------------------------------------------------- */
#banniere #banniere_left #adresse
{
	float			: left		;
	width			: 100%		;
	height			: 20px		;
	font-size		: .8em		;
	color			: #146A94	;
}
#banniere #banniere_left #slogan
{
	float			: left		;
	width			: 100%		;
	height			: 67px		;
	border			: 0			;
	margin			: 10px 0 0 0;
}
#banniere #banniere_left #bouton_formations
{
	float			: left		;
	width			: 220px		;
	padding			: 14px 49px 13px 49px  ;
	height			: 38px		; 
	border			: 0			;
	margin			: 0px 0 0 0	;
}
#banniere #banniere_left #avantages
{
	float			: left				;
	width			: 175px				;       
	padding			: 0px 0px 0px 0px  	;
	height			: auto				; 
	border			: 0px black solid	;
	margin			: 0px 0 0 0			;
	color			: #F8A935			;
}
/* ---------------------------------------------------------------------------- */
/* 					PARTIE CENTRE DE LA BANNIERE								*/
/* ---------------------------------------------------------------------------- */
#banniere #banniere_center
{
	float			: left			; 
	border			: 0px solid #ccc;
	margin			: 0 0 0 0		;
	width			: 310px		; 
	height			: 180px			;
	padding			: 0 0 0 0		;
	position		: relative		;
	background-color: transparent	;
}
/* ---------------------------------------------------------------------------- */
/* 					PARTIE DROITE DE LA BANNIERE								*/
/* ---------------------------------------------------------------------------- */
#banniere #banniere_right
{
	float			: left			; 
	border			: 0px solid #ccc;
	margin			: 0 0 0 10px		;
	width			: 200px			; 
	height			: 180px			;
	padding			: 0 0 0 0		;
	position		: relative		;
	background-color: transparent	;
}
#banniere #banniere_right #newsletter
{
	float			: left				; 
	border			: 0px solid #ccc	;
	margin			: 5px 0 0 24px		;
	width			: 190px				; 
	height			: 50px				;
	padding			: 0 0 0 0			;
	position		: relative			;
	background-color: transparent		;
}
#banniere #banniere_right #newsletter
{
	float			: left				; 
	border			: 0px solid #ccc	;
	width			: auto				; 
	height			: auto				;
	font-size		: .9em				;
	color 			: #C5D92B			;
	font-weight		: 600				;
}
#banniere #banniere_right #banniere_liens
{
	float			: left				; 
	border			: 0px solid #ccc	;
	margin			: 15px 0 0 34px		;
	width			: 180px				; 
	height			: 110px				;
	padding			: 0 0 0 0			;
	position		: relative			;
	background-color: transparent		;
}
#banniere #banniere_right p 
{
	float			: left				; 
	margin			: 5px 0 0 0px		;
}
#banniere #banniere_right p img
{
	float			: left				; 
	border			: 0px 	;
}
#banniere #banniere_right p a
{
	float			: left				; 
	margin			: 0px 0 0 5px		;
	border			: 0px solid #ccc	;
	font-size		: .8em				;
	color			: #333333			;
	text-decoration : underline			;
}

/* ============================================================================== */
/* =																			= */
/* =					BARRE ONGLETS											= */
/* =																			= */
/* ============================================================================== */
/* ---------------------------------------------------------------------------- */
/* 					BARRE DES ONGLETS FOND VERT									*/
/* ---------------------------------------------------------------------------- */
#barre_onglets
{
	float			: left			; 
	border			: 0px solid #ccc;
	margin			: 0 0 0 0		;
	width			: 1024px		; 
	height			: 40px			;
	padding			: 0 0 0 0		;
	position		: relative		;
	background-color:#C5D92B		;
}
/* ---------------------------------------------------------------------------- */
/* 					CONTENANT DES LIENS											*/
/* ---------------------------------------------------------------------------- */
#barre_onglets #onglets_liens
{
	float			: left			; 
	margin			: 0 0 0 0		;
	width			: 700px			; 
	height			: 100%			;
	padding			: 0 0 0 0		;
	position		: relative		;
}

.onglets_bouton
{
	float			: left				; 
	border			: solid #D1DFE5		;
	border-width	: 0 1px 0 0			;
	margin			: 2px 0 0 2px		;
	width			: 110px				; 
	height			: auto				;
	padding			: 11px 0 10px 0		;
	position		: relative			;
	background-color: transparent		;
	color			: #000000			;
	text-align		: center			;
	vertical-align  : middle			;
	text-decoration : none				;
	font-weight		: bold				;
	font-size		: 11px				;
}
.onglets_bouton:hover
{
	border			: 1px inset #333	;
	background-color: #D1DFE5			;
	color			: #000000			;
}
.onglets_bouton:active
{
	border			: 1px solid #D1DFE5;
	background-color: #176D94		;
	color			: #FFFFFF;
}
/* ---------------------------------------------------------------------------- */
/* 					CONTENANT DE L'ESPACE LOGIN									*/
/* ---------------------------------------------------------------------------- */
#barre_onglets #onglets_login
{
	float			: right			; 
	margin			: 0 0 0 0		;
	width			: 200px;/*324px			; */
	height			: 100%			;
	padding			: 0 0 0 0		;
	position		: relative		;
	text-align:
}
#barre_onglets #onglets_login img
{
	float			: left			; 
	margin			: 0px 0 0 0		;
	width			: auto			; 
	border			: 0				;
	height			: auto			;
	padding			: 0 0 0 0	;
	position		: relative		;
}
#barre_onglets #onglets_login img.vertical_center
{
	float			: left			; 
	margin			: 8px 0 0 0		;
}
#barre_onglets #onglets_login input
{
	float			: left			; 
	margin			: 9px 0 0 3px	;
	width			: 55px			; 
	height			: 16px			;
	padding			: 2px 0 2px 0		;
	position		: relative		;
	background		: #EDEDE1		;
	border			: 1px solid #aaa;
}

/* ============================================================================== */
/* =																			= */
/* =			LE CORPS DU SITE												= */
/* =																			= */
/* ============================================================================== */
#corps		
{
	border			: 0px solid #669900	; 
	float			: left				;
	margin			: 0px 0px 0px 0px	;
	width			: 1024px		; 
	height			: auto			;
	padding			: 0 0 0 0		;
	position		: relative		;
}
#left		
{
	float			:left			;
	width			:404px			;
	height			:auto			;
	position		:relative		; 
	margin			:0 0 0 0		;
}
#center		
{
	border:0px solid #669900; 
	float:left;
	margin: 0px 0 0 0px;
	width:620px; /* old width:800px;*/
	height:auto;
	padding:0;
	background-color:transparent;
	position:relative; 
}
#center	#col1
{
	border:0px solid #669900; 
	float:left;
	margin: 0px 0 0 40px;
	width:300px; /* old width:800px;*/
	height:auto;
	padding:0;
	background-color:transparent;
	position:relative; 
}
#center	#col2
{
	border:0px solid #669900; 
	float:left;
	margin: 0px 0 0 40px;
	width:200px; /* old width:800px;*/
	height:auto;
	padding:0;
	background:transparent;
	position:relative; 
}
#right		
{
	float		: left			;
	width		: 120px			;
	height		: auto			;
	background	: transparent	;
	position	: relative		; 
}


/******************************************************************
 *
 *	SI ON VEUT UNE COL GAUCHE + GRDE ET PAS DE CENTRE
 *
 ******************************************************************/
#left_604
{
	float		: left		;
	width		: 634px		;
	height		: auto		;
	position	: relative	; 
	margin		: 0px 0 0 0px		;
	padding:0 10px 0 10px;
}
#center_300
{
	border		: 0px solid #669900	; 
	float		: left				;
	margin		: 0px 0 0 10px		;
	padding		: 0 0 0 0;
	width		: 360px				;
	height		: auto				;
	position	: relative			; 
	
}

#path
{
	float:left;
	width:100%;
	margin:8px 0 8px 0;
	font-size:.8em;
	color:#AAA;
}
#path p
{
	float:left;
	width:100%;
	font-size:.9em;
	color:#AAA;
}
#path p a
{
}


/* ============================================================================== */
/* =																			= */
/* =			LE BAS DE LA PAGE FOOTER										= */
/* =																			= */
/* ============================================================================== */
#bas_page	
{
	border:0px solid #669900; 
	float:left;
	margin-left: 0 0 0 0px;
	width:1024px; /* old width:800px;*/
	height:auto;
	background-color:transparent;
	text-align:center;
}
#bas_page a {color:#666666; font-size:9px;}
#bas_page a:hover {font-weight: bold;}




/* ---------------------------------------------------------------------------- */
/* 						FIN TOUTES PAGES  										*/
/* ---------------------------------------------------------------------------- */
.nok
{
	color:#CC0000;
}



/* ============================================================================== */
/* =																			= */
/* =			SQUELETTE D'UN ARTICLE Ou DE LA FAQ ETC							= */
/* =																			= */
/* ============================================================================== */
#corps #left_604 #entete
{
	float			: left						;
	margin			: 0px 0px 0px 0px			;
	width			: 100%						;
	height			: auto						;
	padding			: 0px 0px 5px 0px							;
	border			: solid #669900				; 
	border-width	: 0px 0px 0px 0px			;
	background		: transparent url() center bottom no-repeat				;
}
#corps #left_604 #entete #image
{
	float		: left						;
	margin		: 10px 0px 10px 0px			;
	width		: 120px						;
	height		: auto					;
	border		: 0px solid #669900			; 
	background	: transparent url(/*../img/fond/fond_arrondi_ombre_160x160.png*/) no-repeat center				;
	text-align:center;
}
#corps #left_604 #entete #image img
{
	float		: left						;
	border		: 0px;
	max-width:120px;
}
#corps #left_604 #entete #texte
{
	float			: left						;
	margin			: 10px 0 0px 20px			;
	width			: 414px						;
	height			: auto						;
	padding			: 0							;
	border			: 0px solid #669900			; 
	background		: transparent				;
}
#corps #left_604 #entete #texte #titre
{
	float			: left						;
	margin			: 0px 0 0px 0px				;
	width			: 400px						;
	height			: auto						;
	padding			: 0px 0px 5px 0px			;
	border			: solid #000				; 
	border-width	: 0 0 1px 0					;
	background		: transparent				;
	font-size		: 1.2em						;
	color			: #000						;
	font-weight		: bold						;
}

#corps #left_604 #entete #texte #texte
{
	float			: left						;
	margin			: 0px 0 0px 0px				;
	width			: 440px						;
	height			: auto						;
	padding			: 5px 0px 5px 0px			;
	border			: solid #ffffff				; 
	border-width	: 0 0 .5px 0				;
	background		: transparent				;
	color			: #111						;
}



/* ============================================================================== */
/* =																			= */
/* =			DIVERS ELEMENTS UTILISES DANS LE SOTE							= */
/* =																			= */
/* ============================================================================== */
ul.cocher_orange li
{
	list-style-type		: none				;
	width				: 100%				;
	list-style-image	: url(http://localhost/www.alternance-formation.com/includes/img/icones/cocher.png);
	list-style-position	: outside			;
	padding				: 0 0 0 0			;
	margin				: -10px 0 15px -15px;
	font-size			: .9em;
	font-weight			: bold;
	letter-spacing		: .1em;
}

.boite
{
	float		: left				;
	display		: block				;
	width		: 280px				;
	margin		: 10px 5px 15px 10px	;
	padding		: 0px 0px 10px 0px	;
	background	: white			;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.boite p.titre
{
	float			: left				;
	display			: block				;
	width			: 270px				;
	min-height		: 32px;
	padding			: 5px 0px 5px 10px	;
	margin			: 0px 0px 5px 0px	;
	border			: dotted  #777 		;
	border-width	: 0px 0px 1px 0px	;
	border-spacing	:.5em				;
	font-size	 	: 1em				; 
	font-style		: italic			;
	color			: #444				;
	font-weight		: bold			;
	background		 :#DDEA7C		;
	vertical-align		: middle		;
}
.boite p
{
	float			: left			;
	width			: 270px			;
	margin 			: 5px 0 0 5px		;
	font-size		: .85em				;
	line-height 	: 1.1em				;
}
.boite p.lien
{
	text-align:right;
}


.boite #temoignage_image
{
	float			: left			;
	width			: 50px			;
	margin 			: 0px 0 0 0		;
	border			: 0px				;
}
.boite #temoignage_soustitre
{
	float			: left			;
	width			: 95%			;
	margin 			: 5px 0 0 10px	;
	border			: #333 solid	;
	border-width	: 0 0 0px 0		;
	color			: #146A94		;
	font-size		: .85em			;
}
.boite #temoignage
{
	float			: left			;
	width			: 95%			;
	padding 		: 2px 5px 5px 10px	;
	font-size		: .8em			;
}


.ligne
{
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}





/* ----------------------------------------- */
/* Colonne pour les articles correspondante	 */
/* ----------------------------------------- */
.articles_lies
{
	float		: left				;
	display		: block				;
	width		: 274px				;
	margin		: 10px 5px 0 10px		;
	padding		: 0 3px 3px 3px		;
	border		: 1px #9FC3D3 dashed	;
	background	: #e8eefe			;
	
}
.articles_lies .titre
{
	float		: left				;
	display		: block				;
	width		: 100%				;
	min-height:32px;
	border		: #4C77A7 solid		;
	border-width: 0 0 1px 0			;
	padding		: 0 0 3px 0			;
	text-align	: center			;
	font-style	: italic			;
	font-weight	: bold				;
	color		: #4C77A7			;
	vertical-align:middle;
}
.articles_lies .lien
{
	float		: left				;
	display		: block				;
	width		: 100%				;
	margin		: 2px 0 2px 0		;
}
.articles_lies .lien a
{
	float		: left				;
	width		: 180px				;
	border		: #fff solid		;
	border-width: 0 0 1px 0			;
	padding		: 0 0 5px 0			;
	text-align	: left				;
	font-size	: 0.85em			;
	color		: #003366			;
}
.articles_lies .lien img
{
	float		: left				;
	width		: 18px				;
	border		: 0					;
	margin		: 0 2px 0 0			;
}