<!--
/* Définitions globales **************************************************************************** */

#pageOut {
	background-image: url(../imagesDesign/th3_intermediaire_pageBg.gif);
	background-repeat: repeat-y;
}

#page {
	width: 100%;
	min-height: 80%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
}

/* Colonne de gauche (menu + liste) **************************************************************** */

#leftCol {
	width: 280px;
	float: left;
}

#leftCol #leftColMenu {
	margin: 10px;
	font-size: 11px;
	/*color: #E2001A;*/
	color: #FFFFFF;
}
#leftCol #leftColMenu h2 {
	margin-top: 18px;
	font-size: 18px;
}
#leftCol #leftColMenu p {
	margin: 2px;
	text-align: justify;
}
#leftCol #leftColMenu a:link, #leftCol #leftColMenu a:visited { font-weight: bold; text-transform: uppercase; color: #FFFFFF; text-decoration: none}
#leftCol #leftColMenu a:hover, #leftCol #leftColMenu a:active { color: #000000; text-decoration: none}

#leftCol #leftColList {
	margin: 10px;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#leftCol #leftColList p {
	margin: 5px 2px;
}
#leftCol #leftColList a:link { color: #FFFFFF; text-decoration: none}
#leftCol #leftColList a:visited { color: #FFFFFF; text-decoration: none}
#leftCol #leftColList a:hover { color: #000000; text-decoration: none}
#leftCol #leftColList a:active { color: #000000; text-decoration: none}


/* Colonne de droite (corps de page) *************************************************************** */

#pageIn {
	margin: 0px 0px 0px 300px;
	padding: 0px;
	font-size: 0.9em;
	color: #333333;
	text-align: left;
	/*background-color: #fee;*/
}


/* définitions propres à l'administration et aux parties dynamiques (listes...) ******************** */

#pageIn .button a {
	padding: 2px 5px;
	background-color: #868789;
	border: #000000 1px solid;
	font-size: 12px;
	font-weight: bold;
}
#pageIn .button a:link, #pageIn .button a:visited { color: #FFFFFF; text-decoration: none } 
#pageIn .button a:hover, #pageIn .button a:active { color: #E2001A; text-decoration:none }


#pageIn #listes {
	margin: 20px 0px;
}
#pageIn #listes img {
	border: #333333 1px solid;
}
#pageIn #listes table {
	width: 95%;
	border-collapse: collapse;
	font-size: 12px;
}
#pageIn #listes td {
	margin: 0px;
	padding: 3px;
	vertical-align: top;
}
#pageIn #listes .listTop {
	background-color: #868789;
	font-weight: bold;
	color: #FFFFFF;
}
#pageIn .listTop a:link, #pageIn .listTop a:visited { color: #FFFFFF; text-decoration: none } 
#pageIn .listTop a:hover, #pageIn .listTop a:active { color: #E2001A; text-decoration:none }

#pageIn #listes .list1 {
	background-color: #FFFFFF;
	color: #333333;
}
#pageIn .list1 a:link, #pageIn .list1 a:visited { color: #333333; text-decoration: none } 
#pageIn .list1 a:hover, #pageIn .list1 a:active { color: #E2001A; text-decoration:underline }

#pageIn #listes .list2 {
	background-color: #F0F0F0;
	color: #333333;
}
#pageIn .list2 a:link, #pageIn .list2 a:visited { color: #333333; text-decoration: none } 
#pageIn .list2 a:hover, #pageIn .list2 a:active { color: #E2001A; text-decoration:underline }


/* Définition de balises *************************************************************************** */

#pageIn a:link { color: #E2001A; text-decoration: none}
#pageIn a:visited { color: #E2001A; text-decoration: none}
#pageIn a:hover { color: #E2001A; text-decoration: underline}
#pageIn a:active { color: #E2001A; text-decoration: underline}

#pageIn h2{
	display: inline-block;
	width: 98%;
	margin: 20px 0px 0px 0px;
	padding-top: 20px;
	font-size: 12px;
	color: #E2001A;
	text-transform: uppercase;
	clear: both;
}

#pageIn h3{
	display: inline-block;
	width: 98%;
	margin: 0px 0px 10px 0px;
	padding-top: 20px;
	font-size: 11px;
	color: #868789;
	text-transform: uppercase;
	clear: both;
}


/* grilles (listes) ******************************************************************************** */

#pageIn .grille {
	width: 501px;
	height: 110px;
	margin: 10px 10px 2px 0px;
	padding: 0px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}
#pageIn .grille a:link { color: #AAAAAA; text-decoration: none}
#pageIn .grille a:visited { color: #AAAAAA; text-decoration: none}
#pageIn .grille a:hover { color: #333333; text-decoration: none}
#pageIn .grille a:active { color: #333333; text-decoration: none}

#pageIn .grillePictos {
	width: 501px;
	height: 88px;
	margin: 0px;
	padding: 0px;
	background-color: #19171A;
}
#pageIn .grillePictos img {
	margin: 0px 38px;
}
-->