/*	----------------------------------------------------------------------------
	DESCRIPTEURS ET GENERIQUES													
	------------------------------------------------------------------------- */

/*body{
	margin					: 	0;
	padding					: 	0;
	left					:	0;
	top						:	0;
	height					: 	100%;
	background-color 		:	#ffffff;
}*/

#cadre, #bandeau_haut, #corps_contenu{
	width					:	950px;
	position				:	relative;
}

/*	----------------------------------------------------------------------------
	BLOC HAUT																	
	------------------------------------------------------------------------- */
#bandeau_haut{
	height					:	137px;
}

#logo{
	width					:	70px;
	margin-left				:	33px;
	margin-top				:	26px;
	float					:	left;
}

#flash{
	float					:	right;
}

/*	----------------------------------------------------------------------------
	BLOC PRINCIPAL																
	------------------------------------------------------------------------- */
#corps{
	border-top					:	1px solid #d5d5d6;
}

#bloc_gauche, #bloc_droite{
	width						:	173px;
	float						:	left;
}

#bloc_centre{
	width						:	602px;
	background					:	url(/img/menu/bleu.jpg) repeat-x top center;
	float						:	left;
}

#bloc_centre_bis{
	border-left					:	1px solid #d5d5d6;
	border-right				:	1px solid #d5d5d6;
	background					:	url(/img/menu/bleu.jpg) repeat-x bottom center;
}

/*------------------MENU GAUCHE et MENU DROTE-------------------------*/
.menu_marge_haut, .bandeau_menu, #newsletter_haut, .produits1_haut, .produits2_haut {
	margin-top					:	11px;
}

.menu_marge_droite, .liste_menu, #newsletter_haut {
	margin-right				:	12px;
}

.menu_marge_gauche,  .produits1_haut, .produits2_haut  {
	margin-left					:	10px;
}

.bandeau_menu{
	height						:	12px;
	padding-right				:	19px;
	background					:	url(/img/menu/bandeau.jpg) no-repeat top right;
}

.liste_menu{
	width						:	161px;
	margin-top					:	0px;
	margin-left					:	0px;
	margin-bottom				:	0px;
	padding						:	0px;
	list-style-type				: 	none;
}

#newsletter_haut{
	width						:	93px;
	background					:	url(/img/menu/newsletter-haut.jpg) no-repeat top #f29400;
}

#newsletter_bas{
	padding						:	5px;
	background					:	url(/img/menu/newsletter-bas.jpg) no-repeat bottom;
}

#espace_client_haut{
	width						:	129px;
	margin-top					:	50px;
	padding						:	5px 0 5px 0;
	background					:	url(/img/menu/coin-bleu-no.jpg) no-repeat top left #0075bd;
}

#espace_client_bas{
	width						:	129px;
	padding						:	0 0 6px 0;
	background					:	url(/img/menu/espace-client-se.jpg) no-repeat bottom right #bdddf2;
}



/* TMP INVITATION */
.invitation{
    margin-top         :   10px; 
    margin-right       :   10px;
	background         :   url(/img/menu/invitation.gif) no-repeat left top;
	float              :   right;
}
.invitation a{
    display            :   block;
    width              :   93px;    
    height             :   20px;
    padding-top        :   5px;
    font-size          :   10px;
    font-weight        :   bold;
    text-transform     :   uppercase;
    text-align         :   center; 
    color              :   #fff;
}
.voeux{
    background         :   url(/img/voeux-axn.jpg) no-repeat left top;
    width              :   550px;
    padding-top        :   400px;
}
.reponse_voeux{
    margin            :   5px 0 5px 0;
}
.plan_invitation{
	margin              :  20px 0 10px 0;
    font-size           :   14px;
    text-align          :   center;
}
#formulaire{
    padding-left        :  50px;
}
#formulaire, #mentions_formulaire{
	width               :  550px;
    padding-top         :  10px;
    margin-bottom       :  10px;
    color               :  #7B7C7E;    
}
#formulaire .formulaire_ligne{
    margin-top         :   10px;
}
#formulaire .formulaire_lib_champ{
	float              :   left;
	width              :   100px;
	padding-right      :   10px;
	text-align         :   right;
}
#formulaire .formulaire_ligne input{
    width              :   250px;
}
#formulaire #formulaire_boutons{
	margin-left        :   150px;
}
#formulaire_boutons input{
   cursor              :   pointer
}
#formulaire, #mentions_formulaire, .succes, .erreur, .voeux, .reponse_voeux{
	margin-left        :   20px;
}

input[type=text], input[type=password], textarea, select { 
    background-color:#fff; 
    border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { 
    border-color:#666;
    outline: 1px solid #00549D;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
    border-color: #F29400;
}
/* /TMP INVITATION */

.cadre_produits, .produits1_haut, .produits1_bas, .produits2_haut, .produits2_bas {
	width						:	137px;
}

.produit{
	padding						:	6px;
}

.produit_apercu{
	background-color			:	#ffffff;
	margin						:	0px 2px 0 2px;
	padding						:	5px;
}

.produits1_haut{
	background					:	url(/img/menu/coin-vert-no.jpg) no-repeat top left #00bd93;
}

.produits1_bas{
	padding-bottom				:	8px;
	background					:	url(/img/menu/produits-fond.jpg) no-repeat bottom right;
}

.produits2_haut{
	background					:	url(/img/menu/coin-bleu-no.jpg) no-repeat top left #0075bd;
}

.produits2_bas{
	padding-bottom				:	8px;
	background					:	url(/img/menu/logiciels-fond.jpg) no-repeat bottom right;
}

#references{
	margin-top					:	15px;
}

.bandeau_references{
	height						:	12px;
	padding						:	12px 0 0 15px;
	background					:	url(/img/menu/references.jpg) no-repeat top left;
}

#validation_html{
	position					:	absolute;
	width						:	720px;
	height						:	0px;
}
/*------------------/MENU GAUCHE et MENU DROTE-------------------------*/

/*------------------MENU HAUT-------------------------*/
.menu_haut_hauteur, #menu_haut_bis, .menu_haut_titre_droite, .menu_haut_separateur{
	height						:	12px;
}

.menu_haut_position, #menu_haut_recrutement, #menu_haut_contact, #menu_haut_rechercher, .menu_haut_separateur, #menu_haut_ter, #menu_recherche{
	float						:	left;
}

#menu_haut{
	width						:	418px;
	margin-left					:	132px;
	background					:	url(/img/menu/coin-bleu-so.jpg) no-repeat bottom left #0075bd;
}

#menu_haut_bis{
	padding						:	0 10px 0 10px;
	background					:	url(/img/menu/coin-bleu-se.jpg) no-repeat bottom right;
}

#menu_haut_ter{
	width						:	285px;
}

#menu_haut_recrutement{
	width						:	100px;
}

#menu_haut_contact{
	width						:	70px;
}

#menu_haut_rechercher{
	width						:	90px;
}

#form_recherche{
	position					:	absolute;
	top							:	1px;
	left						:	600px;
	margin						:	0px;	
	padding						:	0px;	
}

#recherche{
	float						:	left;
	border-width				:	0px;
	height						:	9px;
	width						:	79px;
	margin						:	0px;
	padding						:	0px;
	border						:	0px;
	border-left					:	5px solid #ffffff;
	border-right				:	5px solid #ffffff;	
}

#ok{	
	float						:	left;
	border						:	0px;
	padding						:	0px;
	margin						:	0px;
	height						:	9px;
	width						:	18px;
	font-size					:	8px;
	font-weight					:	bold;
	background-color			:	#f29400;
	color						:	#ffffff;
	cursor						:	pointer;
	vertical-align				: 	top;
	text-align					:	center;
}

.menu_recherche{
	font-size					:	8px;
	font-weight					:	bold;
	color						:	#000000;
	text-transform				:	uppercase;
	letter-spacing				:	1px;
}

.menu_haut_titre_gauche{
	background					:	url(/img/menu/menu-haut-titre-gauche.jpg) no-repeat top left #f29400;
}

.menu_haut_titre_droite{
	height						:	12px;
	background					:	url(/img/menu/menu-haut-titre-droite.jpg) no-repeat bottom right;
}

.menu_haut_separateur{
	width						:	10px;
	color						:	#f29400;
	text-align					:	center;
}

/*---------------------PAGE----------------------------*/
.decalage_gauche, #haut_page, .article, .bandeau_titre_rubrique, .bandeau_titre_article_interne{
	margin-left					:	60px;
}

.decalage_haut, .bandeau_titre_rubrique,  .bandeau_titre_article_accueil, .bandeau_titre_article_interne{
	margin-top					:	12px;
}

.hauteur_page_vierge{
	float						:	left;
}

#page{
	width						:	580px;
	padding-top					:	10px;
	padding-bottom				:	25px;
	float						:	left;
}

.page_interne{
	width						:	526px;
	margin-left					:	25px;
}

.page_produit, .page_formation{
	width						:	556px;
	margin-left					:	25px;
}

#haut_page{
	margin-top					: 	7px;
	margin-right				: 	25px;
}

.bandeau_titre_rubrique{
	width						:	160px;
	float						:	left;
	height						:	12px;
	background-color			:	#f7a800;
	margin-right				:	8px;
}

.retrait_bandeau_titre_article, .retrait_bandeau_titre_produit{
	padding-left				:	17px;
}

.bandeaux_titre_article, .bandeau_titre_article_accueil,  .bandeau_titre_article_interne {
	background					:	url(/img/corps/fleche.jpg) no-repeat top left;
	float						:	left;
}

.bandeau_titre_article_accueil {
	width						:	300px;
}

.bandeau_titre_article_interne_detail, .bandeau_titre_produit_interne_detail{
	background					:	url(/img/corps/fleche_detail.jpg) no-repeat top left;
	padding-bottom				:	10px;
}

.miniature{
 	float						:	left;
	margin-right				:	12px;
	margin-bottom				:	12px;
}

.miniature_droite{
 	float						:	left;
	margin-right				:	3px;
	margin-bottom				:	3px;
}

.miniature_bordure{
	border						:	1px solid #99c8e5;
}

.article{
	width						:	485px;
	clear						:	both;
	padding-top					:	8px;
}

.article_apercu{
	float						:	clear;
	text-align					:	justify;
}

.separateur{
	clear						:	both;
	padding-top					:	8px;
}

/*	----------------------------------------------------------------------------
	Articles + produits + formation
	------------------------------------------------------------------------- */
#corps_article{
	margin-top					:	10px;
	float						:	left;
}

#corps_article_gauche, #corps_produit_gauche{
	float						:	left;
	margin-bottom				:	10px;
}

#detail_affichage_bis, #produit_detail_affichage_bis{
	width						:	321px;
	float						:	left;  
}

.detail_affichage_bis, .produit_detail_affichage_bis{
	margin-right				:	13px;
}

#produit_detail_affichage_bis{
	width						:	349px;
}

.corps_article_gauche_legende{
	width						:	192px;
}

.corps_article_gauche_contenu, .corps_produit_gauche_contenu{
	width						:	192px;
	background-color			:	#e5ebed;
}

.corps_article_gauche_liste_small, .corps_produit_gauche_liste_small{
	padding						:	13px 10px 13px 10px;
	margin						:	0px;
	list-style-type				: 	none;
}

.produits_points_forts{
	padding-top					:	12px;
}	

.produits_voir_logiciel{
	float						:	left;
	margin						:	9px 0px 0px 9px;
}	

.produits_separateur_retour{
	margin-top					:	13px;
}

.produits_retour{
	background-color			:	#f7a800;
	padding						:	0px 10px 0px 10px;
}

.produits_internet_accroche, .formation_internet_accroche{
	float						:	left;
	width						:	380px;
}

.produits_internet_filtre, .formation_internet_filtre{
	float						:	right;
	padding-bottom				:	11px;
}

.produits_internet_lst_rubrique{
	clear						:	both;
	height						:	14px;
	margin						:	13px 0px 11px 0px;
	background					:	url(/img/corps/bandeau-rubrique-produits.jpg) no-repeat top left;
}

.produit_lst_vignette{
	width						:	175px;
	float						:	left;
}

.produit_lst_vignette_marge{
	margin-right				:	15px;
}	

.produit_lst_vignette_miniature{
	padding-bottom				:	6px;
}

.produit_lst_vignette_bandeau{
	padding-left				:	12px;
	background					:	url(/img/corps/fleche.jpg) no-repeat top left;
}

.formation_lst_bandeau_rubrique, .formation_frm_bandeau_rubrique{
	clear						:	both;
	background					:	url(/img/corps/environnement-outils.jpg) no-repeat top left;
	height						:	19px;
	margin-bottom				:	7px;
}

.formation_lst_photo{
	float						:	left;
	width						:	84px;
	margin-right				:	11px;
}

.formation_lst_lien_detail{
 	float						:	right;
	margin						:	14px 62px 0px 0px;
	background					:	url(/img/corps/detail-formations.jpg) no-repeat;
	width						:	108px;
	height						:	28px; 
}

.voir_detail_formation{
	margin-top					:	4px;
}

.formation_lst_contenu{
	width						:	555px;
}
.formation_lst_contenu ul{
	margin						:	0;
	padding						:	0;
	list-style-type				:	none; 
}
.formation_lst_contenu ul li{
	float					:	left;
	width					:	265px;
	margin-right			:	10px;
	margin-top				:	8px;
	background				:	url(/img/corps/fleche_detail.jpg) no-repeat top left;
}
.formation_lst_contenu ul li a{
	display					:	block;
	margin-left				:	14px;
}
.formation_frm_tranche{
	background					:	url(/img/corps/formation-detail-tranche.jpg) no-repeat;
	padding-left 				:	10px;
	height						:	14px;
	margin-top					:	18px;
}
.formation_frm_bordure_haut{
	background					:	url(/img/corps/bordure-formation-haut.jpg) no-repeat top left;
	margin-top					:	8px;
}

.formation_frm_bordure_bas{
	background					:	url(/img/corps/bordure-formation-bas.jpg) no-repeat bottom left;
	padding						:	9px 0px 9px 0px;
}

.formation_frm_bordure_milieu{
	background					:	url(/img/corps/bordure-formation-milieu.jpg) repeat-y top left;
}

.formation_frm_plan{
	margin						:	0px 9px 10px 10px;
	background					:	url(/img/corps/détail_formation.jpg) no-repeat;
	width						:	119px;
	float						:	right;
}

.formation_frm_objet_haut{
	background					:	url(/img/corps/detail_formations_haut.jpg) no-repeat top left #f29400;
	margin-top					:	10px;
}

.formation_frm_objet_bas{
	background					:	url(/img/corps/detail_formations_bas.jpg) no-repeat bottom left;
	padding						:	16px 0px 27px 0px;
}

.formation_frm_objet_infos{
	margin-top					:	-9px;
	padding						:	0px 7px 0px 7px;
}

.formation_frm_plan_marge{
	margin-left					:	6px;
	float						:	clear;
}

.formation_frm_plan_fleche{
	background					:	url(/img/corps/fleche.jpg) no-repeat;
	padding-left				:	14px;
}

.frm_lien_plan{
	position					:	absolute;
	margin						:	3px 0px 0px 9px;
}

.deroulante_categorie{
	background					:	url(/img/corps/fleche_horiz.jpg) no-repeat;
	padding-left				:	10px;
	margin-bottom				:	2px;
}
/*	----------------------------------------------------------------------------
	Onglets				
	------------------------------------------------------------------------- */
#onglets{
	height						:	13px;
	margin-top					:	5px;
	margin-left					:	25px;
	margin-bottom				:	10px;
	border-bottom				:	1px solid #0075bd;
}

.onglet_gauche{
	float						:	left;
	height						:	13px;
	padding-left				:	8px;
	margin-right				:	6px;
}

.onglet_droite{
	padding-right				:	8px;
}

.onglet_inactif, .onglet_gauche_inactif, .onglet_gauche_inactif a, .onglet_gauche_inactif a:hover, .onglet_doite_inactif, .onglet_doite_inactif a, .onglet_doite_inactif a:hover{
	color						:	#929395;
	text-decoration				:	none;
}

.onglet_gauche_actif{
	background					:	url(/img/menu/onglet-gauche.jpg) no-repeat top left #0075bd;
}

.onglet_droite_actif{
	background					:	url(/img/menu/onglet-droite.jpg) no-repeat top right #0075bd;
}

/*	----------------------------------------------------------------------------
	Contact				
	------------------------------------------------------------------------- */
.page_contact{
	margin-left					:	25px;
	width						:	450px;
}

.coordonnees_contact{
	margin						:	20px 0px 20px 0px;
	width						:	200px;
	float						:	left;
	text-align					:	left;
}
/*	----------------------------------------------------------------------------
	Newsletter			
	------------------------------------------------------------------------- */
.orange{
	color						:	#F39501;
}
.bloc_news_inscription, .bloc_news_desinsription{
	float						: 	left;
	width						: 	250px;
}
.bloc_news_inscription{
	margin-right				:	20px;
}
.bloc_news_inscription h2, .bloc_news_desinsription h2{
	color						:	#0075BD;
	font-size					:	11px;
	line-height					:	14px;
	margin-bottom				:	5px;
}
.bloc_news_inscription p, .bloc_news_desinsription p{
	margin-bottom				:	5px;
	text-align					:	center;
}
.bloc_news_inscription form, .bloc_news_desinsription form{
	margin-left					:	5px;
}
.bloc_news_inscription label, .bloc_news_desinsription label{
	font-weight					:	bold;
	cursor						:	pointer;
	display						:	block;
	margin-bottom				:	5px;
}
form .zone_validation{
	text-align					:	center;
	margin-top					:	5px;
}
/*---------------------/PAGE---------------------------*/

/*------------------BASELINE-------------------------*/
#mots_cles{
	margin						:	0;
	padding						:	0;
}

#bande_bas{
	margin-left					:	132px;
	background					:	url(/img/menu/coin-bleu-no.jpg) no-repeat top left #0075bd;
	clear						:	both;
}

#bande_bas_bis{
	height						:	12px;
	padding						:	0 0 0 10px;
}

#baseline{
    width                       :   500px;
	margin						:	7px 7px 7px 90px;
	text-align					:	center;

}
#pcie{
    /*position                    :   absolute;
    left                        :   0;
    margin-top                  :   -35px;*/
    margin                      :   10px 10px 0 0;
    display                     :   block;
    width                       :   162px;
    height                      :   30px;
    padding-top                 :   5px;    
    background-color            :   #636466;
    font-size                   :   10px;
    font-weight                 :   bold;
    color                       :   #fff;
    text-align                  :   center;
    text-decoration             :   none;
}
#pcie:hover{
    color                       :   #bbb;    
}
/*---------------------/BASELINE-----------------------*/

/****************Génériques********************/
.float_clear{
	float							:	clear;
}

.float_left{
	float							:	left;
}

.float_right{
	float							:	right;
}

.clear_both{
	clear							:	both;
}

.visibility_visible{
	visibility						:	visible;
}

.visibility_hidden{
	visibility						:	hidden;
}

.display_none{
	display							:	none;
}

.position_absolute{
	position						:	absolute;
}

/* 404 */
#mod-404 .bloc-404{
    border                  :   1px dashed #0075BD;
    text-align              :   center;
    color                   :   #000000;
    padding                 :   5px;
    margin-bottom           :   10px;
    margin-left             :   20px;
    font-weight             :   bold;
    margin-bottom           :   20px;
}
#mod-404 .bloc-404 h1{
    font-size               :   25px;  
}
#mod-404 .bloc-404 p{
    font-size               :   12px;   
    margin                  :   10px 20px 10px 20px;
}
h1.plan_du_site{
    margin                  :   0 0 10px 20px;
    text-align: center;
}


/* Plan du site */
ul.plan_site{
    margin                 :   0 0 0 0;
    padding                :   0;
    list-style-type        :   none;
}
    /* Niveau 1 */
    ul li.plan_site_0{
        padding                :   0 0 10px 20px;
    }
    ul li.plan_site_0, ul li.plan_site_0 a {
        font-size              :   14px;
        font-weight            :   bold;        
        text-transform         :   uppercase;
        color                  :   #0075BD;
    }
    ul.plan_site a:hover {
        text-decoration        :   none;
        color                  :   #F29400;
    }
    /* Niveau 2 */  
    ul.plan_site_1{
        padding                :   5px 0 0 30px;     
        border-top             :   1px solid #F29400;
    } 
    ul li.plan_site_1, ul li.plan_site_1 a{
		color                  :   #0075BD;
		font-size              :   12px;
		font-weight            :   normal;
		letter-spacing         :   0;
		text-decoration        :   none;
		margin-top             :   10px;
		display                :   block;
		margin-top             :   10px;
    }
    ul li.plan_site_1 a:hover  {
        text-decoration        :   none;
        color                  :   #F29400; 
    }
    /* Niveau 3 */  
    ul.plan_site_2{
        padding                :   10px 0 0 30px;     
        border-top             :   1px solid #0075BD;
    } 
    ul li.plan_site_2, ul li.plan_site_2 a{
        color                  :   #929395;
        font-size              :   12px;
        font-weight            :   bold;
        letter-spacing         :   0;
        text-decoration        :   none;
        margin-top             :   0px;
        text-transform         :   none;  
    }
    ul li.plan_site_2 a:hover  {
        text-decoration        :   none;
        color                  :   #000; 
    }
    /* Niveau 4 */  
    ul.plan_site_3{
        padding                :   5px 0 10px 20px;     
    } 
    ul li.plan_site_3, ul li.plan_site_3 a{
        color                  :   red;
        font-size              :   10px;
        font-weight            :   bold;
        letter-spacing         :   0;
        text-decoration        :   none;
        margin-top             :   0px;
        color                  :   #0075BD;
        margin-top             :   2px;
    }   
    ul li.plan_site_3 a:hover  {
        text-decoration        :   none;
        color                  :   #F29400; 
    }