/*-----------------------------------------------------*\
	TABLEAU PROGRAMMES / Liens PDF
\*-----------------------------------------------------*/

#laformation/* CADRE ZONE DE TEXTE "LA FORMATION"*/
{
	width:80%;
	color:#FFF;
	margin-left:1%;
	padding:0%;
	padding-left:3%;
	/*border: 3px solid blue;
	vertical-align:baseline;*/
	font-size: 4.5vw;
	vertical-align: middle;
}

.t2_300PourcWord {
	font-family: Quicksand_Light;
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(0,105,255,1), rgba(0,105,255,0.4));*/
	background: linear-gradient(to right, rgba(0,105,255,1), rgba(0,105,255,0.4));/**/
	
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}
.t2_300PourcExcel {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(0,105,0,1), rgba(0,162,146,0));*/
	background: linear-gradient(to right, rgba(0,105,0,1), rgba(0,105,0,0.5));

	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}
.t2_300PourcPPT {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(255,171,0,1), rgba(255,171,0,0));*/
	background: linear-gradient(to right, rgba(255,171,0,1), rgba(255,171,0,0.5));

	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}
.t2_300PourcAccess {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));

	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}
	
.t2_300PourcOutlook {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));

	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}
	
.t2_300PourcLotus {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));

	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}
	
.t2_300PourcPhotoshop {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300Pourcillustrator {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcInDesign {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300Pourcflash {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300Pourcquarkxpress {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300Pourcdreamweaver {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcHTML {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcPHP {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcCSS3 {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300Pourcjquery {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcOffice365 {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcSharePoint {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcSkypeEntreprise {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcWebex {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcWindows {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcServeur {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcLinux {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcMacOsx {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

.t2_300PourcGestionProjet {
	font-family: Quicksand_Light;
	/*font-size: 300%;*/
	display: inline-block;
	padding-right: 20px; 
	/*background: linear-gradient(to right, rgba(164,55,58,1), rgba(164,55,58,0.5));*/
	background: linear-gradient(to right, rgba(31,41,102,1), rgba(31,41,102,0.5));
	width:65%;
	margin-top:2%;
	margin-left:3%;
	padding-left:2%;
	text-align:left;
	vertical-align:baseline; /*Dans le cas de 2 blocs côte àc côte, aligna le texte sur une même ligne */
	color:#FFF;
	font-size: 3.5vw;
	}

#cadre_progs_word/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%; /*90 70%;*/
	font-size: 1.5vw;
    /*background-color: rgba(84,192,205,0.6);*/
}
#cadre_progs_excel/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}
#cadre_progs_ppt/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}
#cadre_progs_access/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}
#cadre_progs_Outlook/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}
#cadre_progs_Lotus/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_photoshop/* CADRE ZONE DE TEXTE BLEU TRANSPARENT*/
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_illustrator
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_InDesign
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}


#cadre_progs_flash
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_quarkxpress
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_dreamweaver
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_HTML
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_CSS3
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_PHP
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_jquery
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_Office365
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_SharePoint
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_SkypeEntreprise
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_Webex
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_Windows
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_Serveur
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_Linux
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_MacOsx
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}

#cadre_progs_GestionProjet
{  
	display:none;
	margin-left: auto;
 	margin-right: auto;
	width:70%;
	font-size: 1.5vw;
}


.img_flech_gauche_bleu_w_5pour {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_vert_excel_5pour {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_orang_ppt_5pour {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_violet_access {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Outlook {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}.img_flech_gauche_Lotus {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Photoshop {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Illustrator {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_InDesing {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Flash {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_QuarkXpress {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Dreamweaver {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_HTML {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_CSS3 {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_PHP {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Jquery {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Webex {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Office365 {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_SharePoint {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_SkypeEntreprise {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Windows {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Serveur {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_Linux {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_MacOsx {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}
.img_flech_gauche_GestionProjet {
display: inline;	
width: 6%;
text-height:10px;
vertical-align:middle;
}








/* 
<table> : le tableau en entier
 <tr> : une ligne du tableau
 <th> : un en-tête de colonne
 <td> : une cellule*/

table {
	  width: 90%; 
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  margin-top:2%;
  	  margin-left: auto;
 	  margin-right: auto;
	
}


td, th {
  padding: 1%; 
  border: 1px solid #ccc; 
  text-align: center;

}

td{
	/*width:75px;*/
	  color: white;

}
th{ /*Entete*/
  color: white;
  height:40px;
  
	/* Assombri l'entete en + du 'dnl.item(i).style.backgroundColor="rgba(x,x,x,0.6)"'; dans Code source*/
	background: linear-gradient(to right, rgba(2,28,48,1), rgba(0,162,146,0));
}

tr:nth-child(2n) {

	 /*background: linear-gradient(to right, rgba(2,28,48,1), rgba(0,162,146,0));*/
  
  
  
}
tr:nth-of-type(odd) { 
	/* Propriétés CSS assignées aux enfants  de type TR ayant une position impaire */   	
	/* Assombri une ligne sur deux en + du 'dnl.item(i).style.backgroundColor="rgba(x,x,x,0.6)"'; dans Code source
	Donne un effet plus foncé comme l'entete*/
	background: linear-gradient(to right, rgba(2,28,48,1), rgba(0,162,146,0));
}
tr:nth-child(2n+1) { 
   	/* Assombri une ligne sur deux en + du 'dnl.item(i).style.backgroundColor="rgba(x,x,x,0.6)"'; dans Code source
	Donne un effet plus foncé comme l'entete*/
}



/*-------------------------------------------------------------------------------------------------------------------------*\
/*-------------------------------------------------------------------------------------------------------------------------*\
/*-------------------------------------------------------------------------------------------------------------------------*\