/* auteur: Eric Guénard */
/* Date de création: 2015-02-28 */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-size:10pt;
}

/* Liens */
A:link {color: #0033FF; text-decoration:none;}
A:visited {color: #0033FF; text-decoration:none;}
A:hover {color: #cf3c3c; text-decoration:none;}
A:active {color: #CC0066; text-decoration:none;}

/* Partie des menus */
nav {margin: 0 auto;
	width: 100%;
}


/* Partie texte sous menu */
div { 
	margin: 0 auto;
	width: 80%;
}
	
table {
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
 }
 
table.menuHaut {
	width: 840px;	
}

table.menuBas {
	width: 100%;
	height: 40px;
	background-image: url(../Image/menuTop.png);
	background-repeat: repeat-x;
}

/*définitions des tables*/
table.sommaire {width: 860px;}
table.detailHaut{width: 940px}
table.detailBas{width: 700px} 
table.donnees {border: 1px solid black;}

/*largeur de colonne sommaire*/
.sommaire_c1{width: 170px;}
.sommaire_c3{width: 120px;}

/*largeur de colonne sommaire détail*/
.sommaire_detail_c1{width: 200px;}
.sommaire_detail_c3{width: 120px;}

/*largeur de colonne sommaire détail bas*/
.detail_bas_c1{width: 210px;}
.detail_bas_c2{width: 70px;}

/*largeur de colonne sommaire détail haut*/
.detail_haut_c1{width: 80px;}
.detail_haut_c2{width: 180px;}
.detail_haut_c3{width: 150px;}
.detail_haut{
	background-color: #DDDDDD;
	vertical-align: middle;
	margin: 5px;
	padding: 15px;
	height: 20px;
/* Partie en arriere du logo*/
.back_haut { 
	margin: 0 auto;
	width: 100%; 
	background-color: #FFFFFF;
}
}

.bold{font-weight:bold;}

.CHOIX_MENU {
	font-weight: bold;
	color:#FFFFFF;
	width: 75%;
	vertical-align: middle;
}

h1{
	font-size:20pt;
	font-weight: bold;
	color:#000000;
	padding-left: 40px;
	vertical-align: middle;
}		


/*Éléments de titre T1, T2, T3, T4, T5*/
.T1{
	font-size:17pt;
	color:#000000;
	font-weight:bold;
	font-variant: normal;
	font-style: normal;
	font-weight:bold;
	background-color: #FFFFFF;
	margin: 5px;
	height: 35px;
	vertical-align: bottom;
	padding-left: 15px;
}

.T2{
	font-size:14pt;
	color:#000000;
	font-weight:bold;
	font-variant: normal;
	font-style: normal;
	font-weight:bold;
	background-color: #FFFFFF;
	margin: 5px;
	height: 35px;
	vertical-align: bottom;
	padding-left: 15px;
}



.T4{
	color:#000000;
	font-weight:normal;
	font-variant: normal;
	background-color: #FFFFFF;
	background-position: center;
	margin: 5px;
	height: 25px;
	vertical-align: top;
	padding-left: 15px;
	font-style: italic;
}

.T3{
	font-size:12pt;
	color:#000000;
	font-weight:bold;
	font-variant: normal;
	background-position: center;
	left: 10%;
	font-style: normal;
	border-bottom: 1px solid #000000;
	background-color: #DDDDDD;
	vertical-align: middle;
	margin: 5px;
	padding: 5px;
	height: 45px;
	text-align: center;
}

.T5{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	font-variant: normal;
	background-position: center;
	margin: 15px;
	height: 40px;
	vertical-align: bottom;
	padding-left: 15px;
}

.CELCGP {
	color:#000000;
	background-color: #F7F7F7;
	border 0px;
	height: 30px;
	vertical-align: middle;
	padding-left: 15px;
	margin-right: 15px;
	padding-right: 15px;
}

.CELCGI {
	color:#000000;
	background-color: #FFFFFF;
	height: 30px;
	border 0px ;
	vertical-align: middle;
	padding-left: 15px;
	margin-right: 15px;
	padding-right: 15px;
}

/*Éléments des cellules de tableau*/
.CELL_MENU_HAUT {  
	font-size:21pt;
	margin: 0 auto;
	padding: none;
	text-align: left; 
	vertical-align: middle;
	font-weight:bold;
}

.GAUCHE{text-align: left;}
.DROITE{text-align: right;}
.MONTANT{padding-right: 15px;}


/*#id_sommaire.tr:nth-child(odd) {
  background: #eee;
}
#id_sommaire.tr { /* th:hover also if you wish 
  background: white;
}
#id_sommaire.tr:hover {  th:hover also if you wish 
  background: yellow;
}*/