/*css technoformation*/
/* couleurs utilisées  gris #333333 bleu #0099CC orange #FF9900 vjaune fcf259 */

.tabletotale
{
	width: 100%;
	height: 100%;
}


#principal
{
	margin: 0 auto; 
	
	width:930px;
	height:auto;
	background: #FFFFFF;
	
	padding: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	
	border : solid 1px;
	border-color: gray;
	
}
	
/*emplacement du cadre du haut dans la fenetre "principale"*/
#td_header
{
	margin: 0px;
	margin-left:0px;
	padding: 0px;
	width:100%;
	height:190px;
	

	background-image: url(../imagestyle/fond_entete.gif);
	background-position:left;
	background-repeat:no-repeat;
}


#image_header
{
	margin: 0px;
	padding: 0px;
	
	
	height:100%;
	width:100%;
	
	background-image: url(../imagestyle/fond_entete.gif);
	background-position:left;
	background-repeat:no-repeat;

	
	/*
	border: solid 2px;
	border-color: #0099CC;
	*/
		
	clear: both;
}



#pub1_swf
{
	/* background-color: white;*/
	
	
	width:400px;
	height:100px;
	
	/*
	position:relative;
	left:525px;
	top:85px;
	*/
	
	/*
	border: solid 1px;
	border-color: red;
	*/

}

.txt_support_cours_anim
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
	margin-top:0px;
	padding-top:0px;
	
	text-align:top;
}


.txt_support_cours_anim:hover
{
	text-decoration:underline;	
	color: yellow;
}




#caddie
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: black;
}


#td_menu_bandeau
{
	height:0px;
	width:100%;
	
	/*background-color:#08ADBD;*/
}

#td_decalage_menu_bandeau
{
	height:20px;
	width:100%;
	
	/*background-color:#08ADBD;*/
}



#td_menu_droite
{  	

	width :230px;

	background-color:#EAEAEA;

	vertical-align :top;
	
	
	background-image: url(../imagestyle/plaque_fond.gif);
	background-position: 0px 0px;
	background-repeat:repeat-y;
}



#b_droite
{
	margin:0px;
	padding:0px;
	margin-left:0px;
	width:100%;
	height:auto;
	
	
	clear: both;
	
	/*background-color:#333333;*/
	
	/*border-left:solid 1px #333333;*/
	/*color: #CCCCCC;*/

}

#conteneur
{
	margin:0px;
	padding:0px;
	
	width:auto;
	height:auto;
	float:left;
	
	/*
	border: solid 5px;
	border-color: #0099CC;
	*/
	
	background-color: #FFFFFF;
	
	z-index: 1;
}


#td_conteneur
{  	
	width :700px;

	vertical-align :top;
}


.contenu
{
	/*
	margin:0px;
	padding:0px;
	*/
	
	width:690px;
	
	margin-left:2px;
	
	height:auto;
	float:left;
	
	background-color: #FFFFFF;
	
	text-align:justify; 
}

/*//////////////////////////////////////////////////////////////////*/

/* textes du contenu */	
body
{
	background-color: #DCDCDC;
	
	/* reglage du texte par dfault */
	
	font-family: Arial,Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	color: #222222;
	font-size: 11px;
	margin-top: 0px;
	
	
}


/* titres du contenu */	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

h2
{
	margin:0px;
	margin-top:1px;
	text-align:center;
	padding:1px;
	padding-top:1px;
	color: #333333;
	font-size: 16px;
	font-weight:bold;
}

h3
{
	margin:2px;
	padding:0px;
	padding-top:2px;
	color: #333333;
	font-size: 12px;
	font-weight:bold;
	margin-left: 6px;
}



#menu
{
	padding-top:4px;	
	margin-top:0px;
	/*border:1px solid;*/
}

#menu a
{
	text-decoration: none;
	color: #424242;
	border-top: 1px;
	border-top-color: #333333;
}

#menu a:hover
{
	text-decoration:underline;	
}


#footer a, #header a
{
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover, #header a:hover
{
	text-decoration:underline;	
}

.lien_footer
{
	text-decoration: none;
	color: #FFFFFF;
	
	font-size: 11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif
	
}

.lien_footer:hover
{
	text-decoration:underline;	
	
}


/* reglage du texte présent dans les listes"*/
#menu li
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menu ul
{
	list-style-type:none;
	margin:0px;
	margin-top:5px;
	margin-bottom:2px;
	margin-left:6px;
	padding:0px;
}

/* reglage du texte présent dans les menus"*/
#menu h1 
{
	margin:0px;
	padding-top:0px;
	padding-left:6px;
	background-image: url(./../imagestyle/deco_menu.gif);
	background-repeat:no-repeat;
	background-position:right;
	
	color: #FFFFFF;
	font-size: 13px;
	height: 20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif
}
	



#td_footer
{
	width:100%;
	background-color: #333333;
	height:55px;
}

.textfooter_r
{
	padding: 0px;
	margin-top:2px;
	margin-right:2px;
	

	width:auto;
	height:auto;
	float:right;
	text-align:center;
	
	font-size: 12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif

}

.footer_sep
{
	font-size: 16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
}




#txtuser
{
	font-size: 11px;
	margin-bottom: 1px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	
	width: 95px;

	background-color: #FFFFFF;
	color:#000000;
}

#txtpassword2
{
	font-size: 11px;
	margin-bottom: 1px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	
	width: 95px;
	/*height: 10px;*/

	color:#000000;
	background-color: #FFFFFF;
	
}


/*couleur fond formulaire login*/
#form_login
{
	/*background-color: #FFFF66;*/
	
	margin-bottom: 0px;
}

#login
{
	margin-bottom: 0px;
}


#login_ident
{
	font-size: 11px;
	
	margin-left: 1px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	
}


#login_ident a
{
	text-decoration: none;
	color: #01ADBD;
}

#login_ident a:hover
{
	text-decoration:underline;	
}

#input_recherche_submit
{
	font-size: 10px;
	margin-bottom: 1px;
	margin-left: 1px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	
	width: 42px;
	height: 18px;
	
	background-color:#666666;
	color:#FFFFFF;
	text-align: center;
}


#recherche
{
	margin-left:5px;

	/*
	border: 2px;
	background-color:#333333;
	border-color: #333333;
	*/
	
	padding-top: 5px;
}

#form_recherche
{
	color: white;
	height:40px;
	
	margin-bottom: 2px;

	font-size: 14px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
}


 
#titre_cours
{
	height: 20px;
	
	margin-top:4px;
	
	margin-left:6px;
	margin-bottom: 0px;
	
	text-align: left;

	/*
	border-color: red;
	border: solid 2px;
	*/

}

#titre_cours p
{
	color: white;
	font-size: 12px;
	
	font-family:Verdana,Arial, Helvetica, sans-serif;
	
	margin-top:0px;
	
	margin-bottom: 0px;
	
}

 

#domaine_cours
{
	padding-top:3px;
	padding-left:3px;
	text-align:left;
	background-color:#333333;
	font-size: 10px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	margin: 1px;
}
 

.choisir_sujet,.notre_catalogue,.notre_catalogue a
{
	color: white;
	font-size: 12px;
	letter-spacing: 2px;
	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	
}

.notre_catalogue
{
	
	height:23px;
	margin-left:4px;
	
	margin-bottom: 10px;
	margin-top: 0px;
	
	/*
	border-color: red;
	border: solid 2px;
	*/
}

.notre_catalogue a
{
	
	text-decoration:none;	
}

.notre_catalogue a:hover
{
	text-decoration:underline;	
	
	color: yellow;
}





/******************** MENU VERTICAL DES COURS  ****************/
#liste_cours
{
	height: auto;
	width:100%;

}

#menu_cours
{
	top: 0;
	left: 0;
	width: auto;
}

#menu_cours dl, dt, dd, ul, li
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
}



#menu_cours dt
{
	cursor: pointer;
	margin: 0px 2px; 
	
	margin-top:5px;
	
	height: 40px;
	line-height: 40px;
	
	text-align: left;
	
	font-weight: bold;
	
	/*border: 1px solid gray;*/
	
	background: #333333;

	color: #08ADBD;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	
	background-repeat: no-repeat;
}	
	



#menu_cours dd
{
	border: 1px solid gray;
	margin: 0px 1px; 

	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}



#menu_cours li
{
	text-align: left;
	background-color: #333333;
	color: white;
}

#menu_cours li a
{
	color: white;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu_cours li a:hover
{
	background: #08ADBD;
}

#menu_cours li a:visited
{
	color:moccasin;
}


#menu_cours dt a
{
	height: 100%;
	color: #08ADBD;
	text-decoration: none;
	display: block;
	border: 0 none;
}




/** BOUTONS  ***/


#btn_ok_rech
{
	text-decoration: none;
	border: 0 none;
}

.btn_caddie,.btn_client
{
	text-decoration: none;
	border: 0 none;
}


.btn_caddie:hover,.btn_client:hover
{
	text-decoration:underline;
	color:black;
}


/***** TITRE DES PAGES *****/

.titre_page
{
	width:99%;
	text-align:center;
	
	margin-top:8px;


	height:26px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	
	font-style: normal;
	font-weight: normal;
	color:#19B5C3;

	border: solid 1px;
	border-color: #19B5C3;
}

.sous_titre_page
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	font-style: italic;
	font-weight: normal;
	color:black;
}

/***** REPRESENTATION DES RB *****/

.fondRB
{
	width:44px;
	height:36px;
}


/***** *****/


.hr_packs
{
	height:1px;
	
	color : #009CCD;
	
	border:#009CCD;
}


.hr_carte
{
	height:1px;
	
	color : #F49419;
	 
	border:#F49419;
}

.formation_packs,.hr_packs
{
	background: #009CCD;
}


.formation_carte,.hr_carte
{
	background: #F49419;
}

.supports_formateurs,.hr_supports_formateurs
{
	background: #605099;
}


.visu_telecharge_lien
{
	color:black;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	
	text-decoration:none;	
}

.visu_telecharge_lien:hover
{
	text-decoration:none;	
	color: white;
	font-weight: normal;
}


.calendar_bouton
{
 	text-decoration:none;	
}

.calendar_bouton:hover
{
 	text-decoration:none;	
}


.calendar_text
{
	height:20px;

	color:navy;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}



.lien_propose
{
	text-decoration: underline;
	color: #19B5C3;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	
}


.lien_propose:hover
{
	text-decoration:underline;	
	
	color: blue;
}



.lien_normal
{
	text-decoration:underline;	
	
	font-family: Arial, Verdana,Helvetica, sans-serif;
	color : black;
	font-size:14px;
	font-weight:bold;
}


.lien_normal:hover
{
	text-decoration:underline;	
	
	color: blue;
}



.div_mode_paiement table
{
	font-family: Arial, Helvetica, sans-serif;
	color : black;
	font-size:12px;
	font-weight:normal;
	font-style: normal;

}



.div_mode_paiement
{
	width : 100%;
	height : 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	color : black;
	font-size:12px;
	font-weight:normal;
	font-style: normal;
	
	background:#E9E9E9;
	border:1px solid #BBBBBB;	
}

.paiement_text1
{
	font-family: Arial, Helvetica, sans-serif;
	color : black;
	font-size:10px;
	font-weight:normal;
	font-style: normal;
}

.paiement_text2
{
	font-family: Arial, Helvetica, sans-serif;
	color : black;
	font-size:14px;
	font-weight:bold;
	font-style: normal;
}


#search-box-rounded
{
	width:195px;height:21px;border:0;
	
	background-image: url(../imagestyle/search-bg.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#search-box-rounded input
{
	width:168px;height:16px;border:0;
	 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:11px;
	 
	margin-left:20px;

}


/* Style spec's for tooltip  */
div#tipDiv 
{
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  
  
  background:url("../imagestyle/fond_tip.gif") #ffffff;
  
   border:1px solid #336; 
  
  width:480px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}

div#tipDiv a:link 
{
	color:#33b 
}


.lien_aide
{
	font-size: 10px;
	font-family:Arial,Verdana, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	
	
	/*
	border : solid 1px;
	border-color: gray;
	*/
	
	height:16px;

	padding-top:0px;
	margin-top:0px;
}


.lien_aide:hover
{
	text-decoration:none;	
	color: yellow;
}


.table_aide_recherche
{
	width:100%;
}

.table_aide_recherche_titre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style: normal;
	height:30px;
	color:black;
}

.table_aide_recherche_titre1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style: normal;
	color:black;

	padding-left:18px;

	background-image: url(../imagestyle/fleche_1.gif);
	background-position:4px 0px;
	background-repeat:no-repeat;
}

.table_aide_recherche_texte1,.table_aide_recherche_ex,.table_aide_recherche_texte2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style: normal;
	
	padding-left:24px;
	color:black;
}

.table_aide_recherche_texte2
{
	padding-left:28px;
}

.table_aide_recherche_ex
{
	color:FF9937;
	padding-left:4px;
	font-weight:bold;
}