@charset "utf-8";
/* CSS Document */

/*****************************************************
/*				Styles principaux 
/*****************************************************/

body
{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
	color: #003366;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	_text-align:center;
}
table
{
	/*border: 1px solid grey;*/
}
table, tr, td 
{
	/*border: 1px solid black;*/
	font-size: 9pt;
	vertical-align: top;
	border-spacing:0px;
	padding:0px;
}

thead, th
{
	text-align:center;
	padding:3px;
}

thead, th, .fond1
{
	background-color: #EEEEEE;
}

h1,h2,h3, h1 a, h2 a, h3 a
{
	color: #C66B20;/* Orange : couleur "pas de rubrique" standard*/
	text-align:left;
}

h1
{
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
}
h2
{
	font-size: 13pt;
	font-weight: bold;
	color: #44A02B;
}

h3
{
	font-size: 10pt;
}

h3, h4
{
	margin-bottom:2px;
}
p
{
	text-align: justify;
}

p.grand
{
	color: #C66B20;
	font-size: 18pt;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
}


em, i {
    font-style: italic;
}

b, strong {
    font-weight: bold;
}

sup {
      line-height: 0px;
      font-size: 0.75em;
      vertical-align: super;
    }

sub {
      line-height: 0px;
      font-size: 0.75em;
      vertical-align: sub;
    }
p img /*toutes les images DANS un paragraphe auront une marge (les 4 cotés)*/
{
	margin:0.5em; /* la marge est proportionnelle à la taille de caractère*/
	
}

a
{
	font-weight: bold;
	color: #003366;
}

a:hover
{
	text-decoration: underline;
	color: #C66B20;/* Orange : couleur "pas de rubrique" standard*/;
}
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

a.block
{
	display:block; 
}

a.none
{
	text-decoration: none;
}

li
{
	 list-style-position: outside;
}
ul.inside li  
{
	 list-style-position: inside;
}
/*****************************************************
/*		sructure de la page
/*****************************************************/

#main_frame
{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	height: 600px;
	background-image:url("./fond_body.jpg");
	background-repeat:repeat-y;
	_border-collapse:collapse;
}

#banner
{
	background-image: url(./header.png);
	background-repeat:no-repeat; 
	background-position:310px 9px ;
	padding-left:10px;
	vertical-align: middle;
	width:100%;
	background-color:white;
	border-left: 1px solid #EEEEEE;
	_border-collapse:collapse;
}

#breadcrumb 
{
	_border-collapse:collapse;
}
#breadcrumb  tr
{
	background-color:#E8E8E8;	
}
#breadcrumb  p
{
	vertical-align: middle;
}
#breadcrumb  a
{
	text-decoration:none;
}
#breadcrumb  td
{
	height:26px;
	padding-left:5px !important;
	padding-left:5px;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: middle;
}

#gauche_et_central
{
	background-color: White;
	border-left: 1px solid #EEEEEE;
	_border-collapse:collapse;
}
#corps_page 
{
	/*border-style: solid;
	border-width: 1px;*/
		background-color: White;
	background-image: url('./fond_page.png');
	background-repeat:no-repeat; 
	background-position:top center ;
	width: 100%;
	height:768px;
	padding: 10px !important;	
	padding: 5px;	
}
#corps_page td
{
	padding:5px !important;	
	padding:2px;	
}

#menu_h 
{
	vertical-align:middle;
	margin: 0px;
	padding: 0px;
	border-spacing:1px;
	width:100%;
	background-color:white;
	_border-collapse:collapse;
	
}
#menu_h a
{
	background-color: #003366;
	text-decoration: none;
	height: 20px;
	display:block; 
	text-align:center;
	vertical-align:middle;
	color: #FFFFF0;
	font-size: 10pt;
	padding-top:3px !important;
	padding-top:1px;
}
#menu_h a:hover
{
	background-color: silver;
}


#left_menu_body {

	background-color:white;
	_border-collapse:collapse;
}
#left_menu_body p
{
	text-align: center;
}

#left_menu_body a.produits,#left_menu_body a.formations
{
	font-variant: small-caps ; 
	text-transform:capitalize;
}

#left_menu_body a.produits
{
	color:#C66B20;
}

#left_menu_body a.formations
{
	color:#814290;
}

#menu_gauche_prod, .menu_gauche
{
	margin: 0px 4px 0px 0px;/* rattrape le décalage de la cellule*/
	padding: 0px;
	border-spacing:1px;
	_border-collapse:separate;
	_border: 1px, solid, white;
}
#menu_gauche_prod td, td.menu_gauche
{
	margin: 0px;
	padding: 0px;
	border-spacing:0px;
	_border-collapse:collapse;
}
#menu_gauche_prod a, .menu_gauche a
{
	background-color: #5787B7;
/*	background-color: #d79863;*/
	text-decoration: none;
	height: 20px;
	display:block; 
	text-align:left;
	vertical-align:middle;
	color: white;
	/*font-size: 9pt;*/
	padding-top:3px !important;
	padding-top:1px;
	padding-left:4px !important;
	padding-left:4px;

}

#menu_gauche_prod a:hover, .menu_gauche  a:hover
{
	/*background-color: silver;*/
	background-color: #C66B20;
}

#menu_gauche_formations
{
	margin: 0px;
	padding: 0px;
	border-spacing:1px;
	_border-collapse:separate;
	_border: 1px, solid, white;

}
#menu_gauche_formations td
{
	margin: 0px;
	padding: 0px;
	border-spacing:0px;
	_border-collapse:collapse;
}
#menu_gauche_formations a
{
	/*background-color: #814290;*/
	background-color: #5787B7;
	text-decoration: none;
	height: 20px;
	display:block; 
	text-align:left;
	vertical-align:middle;
	color: #FFFFF0;
	/*font-size: 9pt;*/
	/*padding-top:3px;
	padding-left:4px*/
	padding-top:3px !important;
	padding-top:1px;
	padding-left:4px !important;
	padding-left:4px;
}

#menu_gauche_formations a:hover
{
/*	background-color: silver;*/
	background-color: #814290;
}

/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");

}

/* pull-down mainmenu css */

.mainmenu{

	margin: 0px;
	padding: 0px;
	border-spacing: 1px;
	_border-collapse:separate;
	_border: 1px, solid, white;
	width: 12em;
	padding: 0;
	float: left;

}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	/*line-height: 1;*/
	color:#FFFFFF;
	background: #5787B7;
	padding: 0;
	border: solid #FFFFFF;
	border-width: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	z-index:100;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
	text-decoration: none;
	/*padding: 0em 0em;
	text-indent:1em;*/
	margin: 0;	
	height: 20px;
	text-align:left;
	vertical-align:middle;
	color: white;
	/*font-size: 9pt;*/
	padding-top:3px !important;
	padding-top:1px;
	padding-left:4px !important;
	padding-left:2px;
	z-index:100;
}
.mainmenu li li a{padding:0em;text-indent:0;
	z-index:100;}
.mainmenu ul ul a{
	width:100%;
	height:20px;
	z-index:100;
		
}
.mainmenu ul a{
		width: 100%;
	z-index:100;
		
}


.mainmenu li  {
	float: left;
	width:100%;
	margin:0;
	padding:0;
	border: solid #FFFFFF;
	/*				H D    B	G*/
	border-width: 0px 0px 1px 0px;
	z-index:100;

}

.mainmenu ul li {float:left; position:relative;
	z-index:100; }
.mainmenu ul li  {width:100%;
	z-index:100;} /* !!!!! */
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	background: #5787B7;
	font-weight: normal;
	border-width: 0px;
	margin: 0;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2);
    zoom: 1;
	box-shadow: 1px 1px 2px #555;
	*/
}

.mainmenu li li {
	width: 100% ; 
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -1.95em 0 0 0.45em;
}
.mainmenu li ul ul {
	margin: -1.9em 0 0 0.1em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #C0C0C0;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#FFFFFF;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #C0C0C0;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #FFFFFF; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #FFFFFF;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFFFF;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #FFFFFF;
}

#pieds_de_page
{
	background-color: white;
		border-left: 1px solid #EEEEEE;
}
#footer
{
	background-image: url("./footer.png");
	background-repeat:repeat-x; 
	background-position:bottom ;
	height:25px;
	width :100%;
}


/*alignements*/
.justify
{
	text-align: justify;
}
.left
{
	text-align: left;
}
.right, .prix
{
	text-align: right;
}
.center
{
	text-align: center;
}

.top
{
	vertical-align: top;
}
.middle
{
	vertical-align: middle;
}

.warning
{
	color: #C60A27;
	font-weight: bold;
}



/* style de tableau pour les pages du premier niveau d'une rubrique*/
table.niveau_1
{
	border-spacing:5px;
	margin-left: auto; 
	margin-right: auto; 
/*	border: 1px solid green;*/
}

table.produits
{
	border-spacing:10;
	padding:5px
}

td.center
{
	text-align: center;
	vertical-align: middle;
}
td.produits
{
	padding-top: 2px;
	padding-bottom:2px;
	padding-right: 5px;
	padding-left: 5px;
	border-spacing:1px;
	
}

.produits h1, .produits h2, .produits h3
{
	text-align:left;
}


table.table_produits , #tab_rss/* tableau de synthèse */
{
	padding-top: 2px;
	padding-bottom:2px;
	padding-right: 5px;
	padding-left: 5px;
	border-spacing:1px;
	margin-left: auto;
	margin-right: auto;
}


.nobg
{
	background-color:transparent;
}

/*Effet de pliage dépliage sur éléments*/
.clic
{
	cursor:  pointer;
}

#liste.pliage
{	
	background-color: #EEEEEE;
	border:1px solid #DDDDDD;
	padding-top:10px;
	padding-bottom:10px;
}
.pliage, .apparentee
{
	display:none;

}
.bouton_collapse
{
	font-weight: bold; 
/*	background-image:url('./images/collapse.png'); 
	background-repeat:no-repeat; 
	background-position:center center;*/
	text-align:center;
}
#Formations_apparentees_plus, #Formations_apparentees_minus
{
	color:#003366;
}

/************************************************
/*	Style des rubriques de niveau1
/************************************************/

#intro
{
	vertical-align: middle;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index:0;
}
#intro td
{
	width:100%
}

#intro_slice, #intro_slice td
{
	vertical-align: top;
	border-spacing:0px;
	
		_border-collapse:collapse;
	padding:0px;
}
#formation h1,#formation h2,#formation h3, 
h2.formation, a.formation, 
#formation a:hover, 
table.show a:hover, table.show h1, table.show h2, table.show h3,
.formation h1, .formation h2, .formation h3


{
	color: #814290; /*violet*/
}


#developpement h1,#developpement h2,#developpement h3, h2.developpement, a.developpement, #developpement a:hover
{
	color: #CF1625;
}

#produits h1,#produits h2,#produits h3, h2.produits, a.produits, #produits a:hover, .produits a:hover
{
	color: #c66b20;
}


#produits a.block:hover
{
	/*background-color: #003366;*/
}

#liste_produits a /*tableau de la page "produits" avec toutes les rubriques et toutes les marques */
{
	text-decoration:none;
}

#reference
{

}
#reference_logos td
{
	vertical-align: middle;
	text-align:center;
}

#adresse p
{
	text-align:center;
}


#rss_deroulant
{
	margin: 0 10 0 10;
	border-spacing:2;
	margin-left:auto; margin-right:auto;
}

a.rss
{
	color: #C66B20;/* Orange */
}

a.rss:hover
{
	color: #003366;/* Bleu CénoSYS */
}

#tab_rss p
{

	margin-bottom: 0px;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}

/*#tab_rss
{
		/*background-image: url('./fond_actu.png');*/
	/*	width:100%;
		padding:5px;
		
	margin-left:auto; margin-right:auto;
}*/
#deroulant
{
	/*background-image: url('./fond_actu.png');*/
	/*background-color:#F4F4F4;*/
	padding:5px;
	
	margin-left:auto; margin-right:auto;
}
#deroulant a.block
{
	padding:5 0 5 0;
}

h1 a:hover, h2 a:hover, h3 a:hover
{
	color:#003366;
}



/*texte de présentation du déroulant*/
.bandeau_titre 
{
/*	color:red;*/
	text-decoration: underline;
	text-align:center;
}

.bandeau_elem
{
	text-decoration: underline;
}

/*style du déroulant, l'id est l'id dans le fichier .js*/
#docFraBande #docBande
{
}


.fond2
{
	background-color: #C66B20;/* Orange */
}

.border
{	
	border-style: solid;  
	border-width: 1px; 
	border-color: #DDDDDD;
}

.legal
{
	text-decoration: none;
	text-align: center;
	color: #5787B7;
	font-size: 8pt;
	font-weight: normal;
	padding-top:3px;
}


/************************************************************************************/
/*				Style pour les listes de formation					*/
/************************************************************************************/
table.show
{
	padding-top: 2px;
	padding-bottom:2px;
	padding-right: 5px;
	padding-left: 5px;
	border-spacing:1px;
	margin-left: auto;
	margin-right: auto;
}

table.show td, table.show th/* liste des formations */
{
	font-size: 8pt;
}

table.show thead, table.show th, table.show .fond1
{
	background-color: #E5E5E5;
}

.border-top
{
	border-top: 1px solid #DDDDDD;
}

/**********************************************************************************/
/*				Style pour le guide dif												
/**********************************************************************************/
#guide_dif h2, #guide_dif h3 
{
		text-align: left;
}


/************************************************************************************/
/*				Style pour les fiches de formation					*/
/************************************************************************************/

#fiche_formation h1, #fiche_formation h2, #fiche_formation h3, #guide_dif h2, #guide_dif h3
{
	text-align: left;
	color: #C66B20;
}

#fiche_formation h1, #fiche_formation h2
{
	display: block;
	border-bottom: 4px solid #C66B20;
}


.objectif_formation, td.objectif_formation h2
{
	padding-bottom:0; 
	margin-bottom:0
}
td.objectif_formation p
{
	background-image: url('./fond_actu.png');
	padding:10 5 10 5; 
	margin:0
}
td.objectif_formation ul
{
	background-image: url('./fond_actu.png');
	padding:10 5 10 45; 
	margin:0
}

#fiche_formation h3.jour
{
	/*color:red;*/
	color:#814290;
}

#fiche_formation h4.chapitre
{
	/*color:#AAAAAA;*/
	font-weight: bold;
	color:#003366;
}

/************************************************************************************/
/*				Style pour les news letter											*/
/************************************************************************************/
#news h1
{
	color: #814290;/* violet*/
}

h1.petit
{
	font-size: 14pt;
}
#news h2, #news h3
{
	color: #C66B20;/* Orange : couleur "pas de rubrique" standard*/
	text-align: left;
}
h2.news
{
	font-size: 12pt;
	font-weight: bold;
	display: block;
	border-bottom: 4px solid;
	text-align: left;
}


/************************************************************************************/
/*				Style pour le formulaire d'inscription								*/
/************************************************************************************/
#inscription h2,#inscription h3, #validation h2,#validation h3
{
	text-align: left;
	
}
#inscription h2, #validation h2
{
	display: block;
	border-bottom: 4px solid #C66B20;
}