/* CSS Document */

	/**	
		CFI Web Agency
		http://www.cfiweb.fr
		>> 5 sur 5 - Connect Assitance
		
	**/
	html{background:#fff; margin-top:-180px;}
	img {border:0px;}
	
	
	#header{display:none;}
	#nav{display:none;}
	#ssnav{display:none;}
	#formation_list{width:100%;}
	
	.formation_list{width:90%;}
	#infobulle_123{display:none;}
	#offre_list{display:none;}

	/* Styles TXT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
	.txt18b {font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#b91d72;}
	.txt16b {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#b91d72;}
	.txt14b {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#b91d72;}
	.txt12b {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#b91d72;}
	.txt11 {font: 16px Verdana, Arial, Helvetica, sans-serif; color:#b91d72;}
	.txt9 {font: 16px Verdana, Arial, Helvetica, sans-serif; color:#363636;}
	
	
	/* Infobulle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
	.Infobulle {
		background: url(../img/bulle_background.gif) top right no-repeat;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-align:right;
		padding:2px 4px 0px 4px;
		height:22px;
	}	

/*  CONTENU Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenu_container {
		float:left;		
		background-color: #fff;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		padding:0px 20px 0px 20px;
	}
	#contenu_container a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
		text-decoration:none;
	}
	#contenu_container a:hover{color: #b91d72; text-decoration:underline;}	
/*  Fin CONTENU Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  CONTENU Image ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenu_img {float:left; padding-left:30px;}
	#contenu_img img{padding:8px; border: 1px solid #d2d2d4;}
/*  Fin CONTENU Image ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  CONTENU Txt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenu_txt {
		float:left;		
		width:480px;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		padding-left:50px;
	}
	#contenu_txt .fichier {
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color:#363636;
		padding-top: 4px;
		padding-bottom: 6px;
	}
	#contenu_txt .fichier a{
		padding-bottom: 4px;
		padding-right: 10px;
		text-decoration:none;
		border-bottom:1px dotted #9a9a9a;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color:#363636;				
	}
	#contenu_txt .fichier a:hover{color: #8d8d90;}
	
	.chargement{
	margin-left:30px;
	color:#999999;
	}
/*  Fin CONTENU Txt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */










html{height:100%;}
	
	body {
		background: #1b9b9e url(../img/int_background.gif) repeat-x;
		margin:0;
		padding:0;
		min-width: 1000px;
		height:100%;
	}	
	#container_container {	
		float:left;	
		width:1000px;
		height:100%;
		background:#fff;
	}

/*  Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#header {
		float:left;			
		width:1000px;
		height:106px;
		background: #000 url(../img/header_background.jpg);
	}
/*  Fin Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/*  Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#nav {
		float:left;			
		width:1000px;
		height:24px;
		background: #000 url(../img/menu_background.jpg);
	}	
	#menu {margin:0 auto; padding:0; padding-left:20px;}
	
	#menu li {
		float:left;
		margin-right:2px;
		list-style-type:none;
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#fff; 
	}
	#menu a {
		display:block;	  
		background-color:#363636;		
		padding:6px 10px 5px 10px;
		text-align:center; 		
		text-decoration:none;
		color:#fff; 
	}
	#menu a:hover {background-color:#5c5c5c; color:#fff; }
	
	#menu li .menuactive{
		float:left;
		margin-right:2px;
		list-style-type:none;
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#fff; 
	}
	#menu .menuactive a  {
		display:block;	  
		background-color:#b91d72;		
		padding:6px 10px 5px 10px;
		text-align:center; 		
		text-decoration:none;
		color:#fff; 
	}
	#menu .menuactive a:hover{background-color:#b91d72; color:#fff;}
/*  Fin Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/*  SSMenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#ssnav {
		float:left;			
		width:1000px;
		height:50px;
		background-color: #fff;
	}	
	#ssmenu {
		float:left;			
		width:730px;
		height:50px;		
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #5b5b60;
		padding:10px 0px 0px 30px;
	}
	#ssmenu a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #5b5b60;
		text-decoration:none;
		padding-right:6px;
	}
	#ssmenu a:hover{color: #b91d72;}
	
	#ssmenu .ssmenuactive {
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
		text-decoration:none;
		padding-right:6px;
	}
	#ssmenu .ssmenuactive a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
		text-decoration:none;
		padding-right:6px;
	}
	#ssmenu .ssmenuactive a:hover{color: #b91d72;}
	
	/* Fonction */		
	#fonction {
		float:right;			
		width:200px;	
		height:50px;		
		text-align:right;
		padding:24px 25px 0px 0px;
	}	
	#fonction a {font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none;}
	#fonction a:hover {}
/*  Fin SSMenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/*  CONTENU Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenu_container {width:960px;}
/*  Fin CONTENU Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/*  CONTENU LIST Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenuList_container {
		float:left;			
		width:960px;
		background-color: #fff;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		padding:0px 20px 0px 20px;
	}
	#contenuList_container a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
		text-decoration:none;
	}
	#contenuList_container a:hover{color: #b91d72; text-decoration:underline;}
/*  Fin CONTENU LIST Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  CONTENU LIST Txt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenuList_txt {
		float:left;			
		width:960px;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		padding-left:20px;
		padding-bottom:35px;
	}
	#contenuList_txt .contenuList_select {
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		border: 1px solid #9f9e9e;
	}
/*  Fin CONTENU LIST Txt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  CONTENU LIST Table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#contenuList_table {
		float:left;			
		width:980px;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
	}
	
	#contenuList_table #contenuList_table_cadre {

	}
	
	#contenuList_table table tr td{
		border-bottom:2px solid #fff;
	}
	/* Pagination */
	#contenuList_table .pagination {
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color:#696969;
		padding:0 10px;
		border:1px solid #d6d6d6;
	}
	#contenuList_table .paginationAv {
		border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;
		background-color:#f3f3f3;
	}
	#contenuList_table .paginationAv_on {
		border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;
		background-color:#ffedf7;
	}	
	#contenuList_table .paginationAp {
		border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6;
		background-color:#f3f3f3;
	}
	#contenuList_table .paginationAp_on {
		border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6;
		background-color:#ffedf7;
	}
/*  Fin CONTENU LIST Table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/*  E-FORMATION Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#formation_container {
		float:left;			
		width:960px;
		background-color: #fff;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		padding:0px 20px 0px 20px;
	}
	#formation_container a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
		text-decoration:none;
	}
	#formation_container a:hover{color: #b91d72; text-decoration:underline;}
/*  Fin E-FORMATION Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  E-FORMATION Video ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#formation_video {
		float:left;			
		width:480px;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
	}
/*  Fin E-FORMATION Video~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  E-FORMATION Txt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#formation_txt {
		float:left;			
		width:390px;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
	}
	
	#formationList_table_cadre {
		float:left;	
		padding:6px 15px 6px 15px;
		border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8;
		border-right:2px solid #d8d8d8; border-bottom:3px solid #d8d8d8;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #5c5c5c;
		margin-bottom:30px;
	}
	/* Chapitre*/
	#formationList_table_cadre .chapitre a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #5c5c5c;
		text-decoration:none;
	}
	#formationList_table_cadre .chapitre a:hover{color: #b91d72;}
	
	#formationList_table_cadre .chapitreactive{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
	}
	#formationList_table_cadre .chapitreactive a{
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #b91d72;
		text-decoration:none;
	}
	#formationList_table_cadre .chapitreactive a:hover{color: #b91d72;}
	/* Fin Chapitre*/
	
	/* Pagination Chapitre*/
	#formationList_table_cadre .chapitrepaginationAv {background-color:#f3f3f3;	}
	#formationList_table_cadre .chapitrepaginationAv_on {background-color:#ffedf7;}	
	#formationList_table_cadre .chapitrepaginationAp {background-color:#f3f3f3;}
	#formationList_table_cadre .chapitrepaginationAp_on {background-color:#ffedf7;}
	/* Fin Pagination Chapitre*/
	/* Contenu txt */
	#formation_txt_contenu {
		float:left;			
		width:390px;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
	}
	/* Fichier */
	#formation_txt .fichier {
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color:#363636;
		padding-top: 4px;
		padding-bottom: 6px;
	}
	#formation_txt .fichier a{
		padding-bottom: 4px;
		padding-right: 10px;
		text-decoration:none;
		border-bottom:1px dotted #9a9a9a;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color:#363636;				
	}
	#formation_txt .fichier a:hover{color: #8d8d90;}
	
	#pagination{
	display:none;
	}
	
	#formationList_table_cadre{
	display:none;
	}
	/* Fin Fichier */
/*  Fin E-FORMATION Txt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */