/*	----------------------------------------------------------------------------
	descipteurs et génériques													
	------------------------------------------------------------------------- */
body, td, div {
	margin					:	0px;
	padding					:	0px;
	font-family				:	verdana;	
	font-weight				:	regular;
	font-size				: 	10px;
	color					:	#000000;
	letter-spacing			:	0px;
	cursor 					: 	default;
}

form {
	margin					:	0px;
	padding					:	0px;
}

a {
	color					:	#f29400;
	text-decoration			:	none;
}

a:hover{
	text-decoration			:	underline;
}


p, p.message, p.accroche{
	margin					:	0px;
	padding					:	0px;
	text-align				:	justify;
}

p.message{
	padding-top				:	15px;
	padding-bottom			:	15px;
}

p.accroche{
	padding-bottom			:	8px;
	margin					:	0px;
	font-style				:	italic;
	font-weight				:	bold;	
}

p.legende{
	text-align				:	center;	
	font-style				:	italic;
	padding					:	5px 0px 8px 0px
}

.texte_bleu, .texte_gris,  .texte_orange{
	font-size				: 	10px;
}

.texte_12_bleu, .texte_12_gris,  .texte_12_orange, .texte_12_blanc{
	font-size				: 	12px;
    text-transform          :   none; 
}

.texte_bleu, .texte_bleu a, .texte_bleu a:hover, .texte_12_bleu, .texte_12_bleu a, .texte_12_bleu a:hover{/*/!\ ==> FCK Editor	*/
	font-family				:	verdana;	
	font-weight				:	regular;
	color					:	#0075bd;
}
.texte_gris, .texte_gris a, .texte_gris a:hover,.texte_12_gris, .texte_12_gris a, .texte_12_gris a:hover, p.legende {/*/!\ ==> FCK Editor	*/
	font-family				:	verdana;	
	font-weight				:	regular;
	color					:	#7b7c7e;
}
.texte_orange, .texte_orange a, .texte_orange a:hover, .texte_12_orange, .texte_12_orange a, .texte_12_orange a:hover{/*/!\ ==> FCK Editor	*/
	font-family				:	verdana;	
	font-weight				:	regular;
	color					:	#f29400;
}
.texte_12_blanc, .texte_12_blanc a, .texte_12_blanc a:hover{/*/!\ ==> FCK Editor (blanc = noir dans fck)  */
    font-family             :   verdana;    
    font-weight             :   regular;
    color                   :   #fff;
}
.newsletter, .newsletter a, .newsletter a:hover{/*/!\ ==> FCK Editor  */
    font-family             :   verdana;    
    font-weight             :   regular;
    color                   :   #000;
    font-size               :   11px;
}


/*	----------------------------------------------------------------------------
	/descipteurs et génériques													
	------------------------------------------------------------------------- */

/*-------------Titres -----------------*/
h1, h1 a, h1 a:hover{	
	font-size				:	22px;
	font-weight				:	normal;
	color					:	#0075bd;
	margin					:	7px 0px 0px 0px;
	padding					:	0px;
}

h2, h2 a, h2 a:hover, h2.index, h2.index a, h2.index a:hover{
	font-size				:	10px;
	font-weight				:	bold;
	color					:	#ffffff;
	margin					:	0px;
	padding					:	0px;
	text-align				:	center;
	text-decoration			:	none;
}

h2.index, h2.index a, h2.index a:hover{
	text-transform			:	uppercase;
}

h3, h3 a, h3 a:hover{
	font-size				:	11px;
	font-weight				:	normal;
	color					:	#0075bd;
	margin					:	0px;
	padding					:	0px;
	text-transform			:	uppercase;
}

.date{
	font-family				:	verdana;	
	font-weight				:	regular;
	font-size				: 	10px;
	color					:	#7b7c7e;
}
/*-------------/Titres -----------------*/

/*	----------------------------------------------------------------------------
	TITRES : ARTICLES + PRODUITS + FORMATIONS									
	------------------------------------------------------------------------- */
h3.articles, h3.articles a, h3.articles a:hover, h3.produits, h3.produits a, h3.produits a:hover{
	font-size				:	16px;
	font-weight				:	normal;
	color					:	#0075bd;
	margin					:	0px;
	padding					:	0px;
	text-transform			:	uppercase;
}

h3.produit_internet_lst, h3.produit_internet_lst a, h3.produit_internet_lst a:hover{
	font-size				:	10px;
	font-weight				:	bold;
	color					:	#0075bd;
	margin					:	0px;
	padding					:	0px 0px 0px 6px;
	text-transform			:	none;
}

h3.formation, h3.formation a, h3.formation a:hover{
	font-size				:	13px;
	font-weight				:	bold;
	color					:	#ffffff;
	text-transform			:	none;
	padding-left			:	7px;
}

h4.produit_internet_lst, h4.produit_internet_lst a, h4.produit_internet_lst a:hover{
	font-size				:	11px;
	font-weight				:	normal;
	color					:	#0075bd;
	margin					:	0px;
	padding					:	0px;
	text-transform			:	none;
}

p.produit_internet_lst, p.formation_lst, p.formation_frm {
	font-size				: 	9px;
	padding					:	0px;
	margin					:	2px 0px 0px 0px;
	font-style				:	normal;
	font-weight				:	normal;	
}

a.produits_liens, a.produits_liens:hover{
	font-size				:	10px;
	font-weight				:	normal;
	color					:	#0075bd;
}

.detail, .detail a, .detail a:hover{
	font-size				:	8px;
	font-weight				:	bold;
	color					:	#ffffff;
	text-transform			:	none;
	width					:	92px;
}

h4.formation_frm, h4.formation_frm a, h4.formation_frm a:hover{
	font-size				:	11px;
	font-weight				:	bold;
	color					:	#0075bd;
	font-family				:	verdana;
	margin					:	0px;
	padding					:	0px;
}

h5.formation_frm, h5.formation_frm a, h5.formation_frm a:hover{
	font-family				:	verdana;
	font-weight				:	bold; 
	font-size				:	13px;
	color					:	#0075bd;
	margin					:	0px;
	padding					:	0px;
}
.formation_frm_plan_titre, formation_frm_plan_titre a{
	font-family				:	verdana;
	font-weight				:	regular; 
	font-size				:	13px;
	color					:	#117ec1;
	margin					:	0px;
	padding					:	0px;
}


/*-------------Titres bloc droite-----------------*/
h1.produits, h1.produits a, h1.produits a:hover, h1.logiciels, h1.logiciels a, h1.logiciels a:hover  {
	font-size				:	16px;
	font-weight				:	bold;
	color					:	#ffffff;
	margin					:	0px;
	padding					:	0px;
	text-align				:	center;
}

h2.produits, h2.produits a, h2.produits a:hover{
	font-size				:	11px;
	font-weight				:	normal;
	color					:	#ffffff;
	margin					:	0px;
	padding					:	2px 0 0 0;
	text-align				:	center;
}

h1.logiciels, h1.logiciels a, h1.logiciels a:hover  {
	font-size				:	14px;
}

h2.contact, h2.contact a, h2.contact a:hover{
	font-size				:	13px;
	color					:	#0075bd;
	margin					:	0px;
	padding					:	2px 0px 2px 0px;
	text-align				:	left;
}

p.contact{
	font-size				:	10px;
	line-height				:	14px;
	color					:	#000000;
	text-decoration			:	none;
	padding					:	0px;
	margin					:	0px;
}

.formation_frm_retour{
	font-family				:	verdana;	
	font-weight				:	regular;
	font-size				:	13px;
	color					:	#117ec1;
}

.formation_frm_infos_police{
	color					:	#ffffff;
	font-family				:	verdana;
	font-weight				:	bold;
	font-size				:	11px;
}

.frm_retour,  .frm_retour a, .frm_retour a:hover{
	font-size				:	9px; 
	color					:	#ffffff; 
	font-weight				:	bold; 
	font-family				:	verdana;
	text-transform			:	uppercase;
} 
.accroche_bloc_droite{
	font-size				:	9px;
	color					:	#0075bd;
}
/*-------------/Titres bloc droite-----------------*/
.menu_espace_client{
	padding					:	0px 7px 0px 0px;
	margin					:	0px;
	list-style-type			: 	none;
}	

.menu_haut {
	padding					:	8px;
}

.menu_haut a, .menu_haut a:hover {
	text-decoration			:	none;
}

.fil_ariane, .fil_ariane a, .fil_ariane a:hover, .menu_bas, .menu_bas a, .menu_bas a:hover{
	font-size				:	9px;
	color					:	#7b7c7e;
}

.menu_bas, .menu_bas a, .menu_bas a:hover{
	color					:	#0075bd;
}

.lien_detail, .lien_detail a, .lien_detail a:hover{
	font-size				:	9px;
	font-style				:	italic;
	color					:	#f29400;
}
/*---------------listes-------------------*/
ul.menu_1, ul.newsletter, ul.references {
	margin					:	0px;
	padding					:	0px;
	list-style-type			: 	none;
}


li.menu_1, li.menu_1 a, li.menu_1 a:hover, .menu_haut, .menu_haut a{
	font-size				:	9px;
	font-weight				:	bold;
	color					:	#ffffff;
	text-transform			:	uppercase;
	letter-spacing			:	1px;

}

.menu_interligne_2, li.menu_2, li.menu_2_actif{
	padding-top				:	7px;
}

li.menu_2, li.menu_2 a, li.menu_2_actif, li.m_enu_2_actif a, li.me_nu_2_actif a:hover  {
	font-size				:	9px;
	font-weight				:	normal;
	color					:	#0075bd;
	text-transform			:	uppercase;
	letter-spacing			:	0px;
	text-decoration			:	none;
}

li.menu_2_actif, li.menu_2_actif a, li.menu_2_actif a:hover{
	color					:	#F7A800;
	text-decoration			:	none;
	cursor					:	hand;	
	cursor					:	pointer;
}

li.newsletter, li.newsletter a, li.newsletter a:hover, .societe, .societe a, .societe a:hover{
	font-size				:	9px;
	font-weight				:	bold;
	color					:	#ffffff;
	text-transform			:	uppercase;
	text-align				:	center;
	letter-spacing			:	1px;
}

li.references, li.references a, li.references a:hover{
	font-size				:	9px;
	font-weight				:	normal;
	color					:	#22c6a1;
	padding-top				:	3px;
}

li.fichier_article_titre, li.fichiers_article_titre a, li.fichiers_article_titre a:hover{
	font-size				:	9px;
	font-weight				:	bold;
	color					:	#0075bd;
	padding-bottom			:	3px;	
}

li.fichier_article, li.fichier_article a, li.fichier_article a:hover, li.fichier_article_descriptif{
	font-size				:	9px;
	font-weight				:	normal;
	color					:	#000000;
	padding-top				:	3px;
}

.li.fichier_article_descriptif{
	font-style				:	italic;
}

.formation_frm_plan_libelle span{
	font-weight				:	bold;
}

.formation_lst_categorie{
	font-size				:	9px;
	color					:	#0177ba;
}

/*	----------------------------------------------------------------------------
	AXN																			
	------------------------------------------------------------------------- */
#baseline_axn{
	margin-top				:	5px;
}

.baseline_axn, .baseline_axn a, .baseline_axn a:hover, .baseline_axn_droite, .baseline_axn_droite a, .baseline_axn_droite a:hover{
	font-size				: 	9px;
	color					:	#000000;
}

.baseline_axn_droite{
	margin-left				:	35px;
}

.baseline_axn_logo{
	position				:	absolute;
	margin-top				:	-1px;			
}
.message_javascript{
	text-align				: 	center;
	margin					:	10px;
	font-weight				:	bold;
}
.erreur_javascript{
	text-align				: 	center;
	margin					:	10px;
	position				:	absolute;
	width					: 	100%;
}

.contenu_erreur_javascript{
	color					:	Red;
	width					:	50%;
	background-color		: 	#dddddd;
	padding-bottom			: 	10px;
	border					: 	1px solid black;
}
.loading{
    display: block;
    width:100%;
    height:80px;    
    background   :   url(/img/loading.gif) no-repeat center center;
}



/* Messages erreur */    
.erreur, .warning, .information, .succes{
    padding: .8em;
    margin-bottom: 5px;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #FFFFFF inset;
}
.erreur {
    background-color: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.warning {
    background-color: #F5E9A3;
    color: #EF610B;
    border-color: #FFA500;
}
.information {
    background-color: #acdbff;
    color: #222f53;
    border-color: #57b6ff;
}
.succes {
    background-color: #EBF8A4;
    color: #264409;
    border-color: #A2D246;
}
.erreur a {
    color: #8a1f11;
    text-decoration: underline;
}
.warning a{
    color: #EF610B;
    text-decoration: underline;
}
.information a {
    color: #222f53;
    text-decoration: underline;
}
.succes a {
    color: #264409;
    text-decoration: underline;
}
.erreur.picto, .warning.picto, .information.picto, .succes.picto{
    background-position :   15px center;
    background-repeat   :   no-repeat;
    padding-left        :   45px;
}
.erreur.picto {
    background-image    :   url(/img/picto/error.png);
}
.warning.picto {
    background-image    :   url(/img/picto/warning.png);
}
.information.picto  {
    background-image    :   url(/img/picto/info.png);
}
.succes.picto  {
    background-image    :   url(/img/picto/success.png);
}

/*  --------------------------------------------------------------------
    => Formulaires 
--------------------------------------------------------------------    */

/* 1 - formulaires HTML par défaut (all) */
#page-site form input, #page-site textarea, #page-site select, #page-site form div {
    font: 12px "Trebuchet MS", "Arial Unicode MS", Arial, Helvetica, sans-serif;
    font-size       :   13px;
    letter-spacing  :   1px; 
}
#page-site fieldset {
    padding         :   0 20px;
    margin          :   10px 0;
    border          :   1px solid #eee;
    border-radius   :   10px;   
    overflow        :   hidden; 
}
#page-site legend {
    font-weight     :   bold;
    font-size       :   12px;
    letter-spacing  :   2px; 
    color           :   #0075C9;
}
#page-site label {
    font-weight :   bold;
    font-size   :   11px;
    color       :   #333;
}
#page-site input, #page-site select, #page-site button, #page-site label {
    cursor      :   pointer;
}
#page-site input[type='hidden'] {
    display     :   none;
}
#page-site input[type='text'], #page-site input[type='password'] {
    cursor      :   text;
}
#page-site input[type=text], #page-site input[type=password], #page-site textarea, #page-site select { 
    background-color    :   #fff; 
    border              :   1px solid #bbb;     
    box-shadow          :   inset 1px 1px 4px rgba(0, 0, 0, 0.1);
}
#page-site input[type=text]:focus, #page-site input[type=password]:focus, #page-site textarea:focus, #page-site select:focus { 
    border-color        :   #666;
    border-color        :   #0075C9;
    outline             :   1px solid #0075C9;
}
#page-site textarea:hover, input[type='text']:hover, #page-site input[type='password']:hover, #page-site select:hover {
    border-color        :   #0075C9;
}
#page-site input[type=checkbox], #page-site input[type=radio]{ 
    position            :   relative;
    top                 :   .25em; 
}
/* -- boutons de formulaire + faux boutons de type formulaire */
#page-site input[type=submit], #page-site input[type=reset], #page-site .frm-bouton {
    display                 :   inline-block;
    margin                  :   0;
    padding                 :   2px 10px;
    border                  :   1px solid #999;
    background-color        :   #ddd;
    color                   :   #000 !important;
    font-size               :   12px !important;
    border-radius           :   8px;
    box-shadow              :   0 2px 4px #fff inset;
    background-repeat       :   no-repeat;
    background-position     :   5px center; 
    text-transform          :   capitalize; 
}
#page-site input[type=submit]:hover, #page-site input[type=reset]:hover, #page-site .frm-bouton:hover{
    border                  :   1px solid #666;
    background-color        :   #aaa;   
    text-decoration         :   none !important;
}

/* 2 - formulaires HTML par défaut (corps principal) */
#page-site form{
    position            :   relative;
    overflow            :   hidden;
    width               :   95%;
    margin              :   10px auto;
}
#page-site form fieldset{
    padding-top     :   5px;
    padding-bottom  :   5px;
}
#page-site form legend{
}
#page-site form .champ{
    position        :   relative;
    width           :   100%;
    clear           :   both;
    overflow        :   hidden;
    margin          :   5px 0;
}
#page-site input[type=text], #page-site input[type=password], #page-site textarea { 
    width               :   98%;
}
#page-site textarea { 
    min-height          :   150px;
}
#page-site form .date input[type=text], #page-site form .decimal input[type=text],  #page-site form .entier input[type=text]{
    width               :   25%;
}
#page-site .multiple input[type=checkbox], #page-site .multiple input[type=radio]{
    margin-left     :   5%;
}
#page-site form .boutons{
    display         :   block;
    padding         :   10px 0;
    text-align      :   center;
}
#page-site form .boutons{
    display         :   block;
    padding         :   10px 0;
    text-align      :   center;
}

/*  ----------------------------------------------------------------------------
    MODULES STANDARD                                                            
    ------------------------------------------------------------------------- */

/* Module Formulaire (corps principal) */
#mod-formulaires #page-site form input[type=submit]{
    background-image    :   url(/img/picto/email.png);
    padding-left        :   25px;
}
#mod-formulaires #page-site form input[type=reset]{
    background-image    :   url(/img/picto/annuler.png);
    padding-left        :   25px;
}
#mod-formulaires #page-site p.infos-juridiques{
    border-top      :   1px dashed #ccc;
    padding-top     :   5px;
    margin-bottom   :   20px;
    font-style      :   italic;
    color           :   #999;
}

/* Module newsletter */
#mod-newsletter .bloc_news_inscription input[type=submit]{
    background-image: url(/img/picto/newsletter_on.png);
    padding-left    :   25px;
}
#mod-newsletter .bloc_news_desinsription input[type=submit]{
    background-image: url(/img/picto/newsletter_off.png);
    padding-left    :   25px;
}