/* ------------------------------------------------------------ FONCTIONS DE BASE ---------------------------------------------------*/

/* Présentation générale 5 Zones définies*/

	body {
		background-color: #000066;
		background-image: none;
		font-family: sans-serif;
		font-size: small;
		color: #000000;
		margin: 0px;
	}
	
	h1 {
		background-color: transparent;
		background-image: none;
		font-size: small;
		margin: 0px;
	}
	
	h2, h3, h4, h5, h6 {
		font-size: small;
		padding: 3px 0px;
		font-weight: bold;
	}
	
	S1 {
		font-size: medium;
	
	}
	
	p2{  
		margin: 2px 0px;
	}
	
	p {
		margin: 8px 0px;
	}
	
	table {
		border-width: 0px;
		border-collapse: collapse;
	}
	
	td {
		border-width: 0px;
	}

	a {
		color: #000000;
		background-color: transparent;
		background-image: none;
		text-decoration: none;
	}
	
	a:hover {
		color: #666666;
		background-color: transparent;
		background-image: none;
		text-decoration: underline;
	}
	
	img {
		border: 0px;
	}
	
	table.page {
/* N'enlevez pas la taille definie ci-dessous et n'en augmentez pas la valeur (scroll horizontal!!!). */
    width: 1000px;
	}

/* Definition Zone En tête */
	td.headerPlaque {
		background-color: #000066;
		background-image: none;
		color: #000000;
		text-align: center;
		padding-top: 5px;
	}

/* Definition Menu Gauche + Boutons de menu Standarts - possibilité d'utiliser le menu avec images */

	td.menu {
		background-color: #000066;
		background-image: none;
		text-align: center;
		color: #000000;
		font-weight: normal;
		width: 200px;
		vertical-align: top;
		border: 1px solid #000066;
	}
	
	a.actButton {
		background-color: #660066;
		background-image: none;
		color: #FFFFFF;
		padding: 3px;
		display: block;
		border: 2px solid #660066;
		border-style: outset;
		margin: 10px 20px;
	}
	
	a.actButton:hover {
		background-color: #3b80cd;
		background-image: none;
		color: #FFFFFF;
		text-decoration: none;
		border: 2px solid #000066;
		border-style: inset;
	}
	
	.inacButton {
		background-color: #FFFFFF;
		background-image: none;
		color: #000000;
		padding: 3px;
		display: block;
		border: 2px solid #FFFFCC;
		border-style: ridge;
		margin: 10px 20px;
	}

	ul {
		margin-top: 0px;
	}

	li {
		margin: 2px;
	}

/* --- Definition Colonne d'information à droite --- */

	/*définition du champ*/
		td.sideCol {
			vertical-align: top;
			width: 200px;
			border-bottom: 1px solid #CCCCCC;
			background-color: #FFFFCC;
			background-image: none;
			color: #000066;
			padding-top: 10px;
		}

	/*Définition des titres*/
		div.artTitle {
			background-color: #FFFFFF;
			background-image: none;
			color: #000066;
			border-bottom: 2px solid #0000CC;
			padding: 0px 5px;
	}
	
	/*Définition du texte*/
		div.sideArt {
			font-size: small;
			background-color: #FFFFCC;
			background-image: none;
			text-align: left;
			color: #000066;
			padding: 0px 5px 30px 5px;
}

/* --- Definition du Texte principal - au centre --- */

	/*définition du champ*/
		td.middleCol {
			background-color: #ECE9D8;
			background-image: none;
			text-align: left;
			color: #000000;
			vertical-align: top;
			width: 600px ;
			border-bottom: 1px solid #CCCCCC;
			padding: 10px;
		}

	/*Définition des titres*/
		
		
		/* Bleu foncé*/
		div.middleArt {
			font-size: small;
			background-color: #ECE9D8;
			background-image: none;
			text-align: left;
			color: #000066;
		}

		/* Rouge foncé*/
		div.middleArt_S1 {
			font-size: medium;
			padding: 3px 0px;
			color: #CC0000;
			text-align: center;
		}

		/* Italic Rouge foncé*/
		div.middleArt_S2 {
			font-size: medium;
			padding: 3px 0px;
			color: #CC0000;
			text-align: center;
			font-style: italic;
}

/* --- Definition du Bas de Page --- */

		td.pageBot {
			vertical-align: top;
			width: 80%;
			background-color: #FFFFCC;
			background-image: none;
			text-align: center;
			color: #000066;
			font-size: x-small;
		}
:* ---Définition de la palette sous menu (compteur ?) ---*/
		table.palette {
			background-color: #FFFFCC;
			background-image: none;
			border: 1px solid #000066;
			text-align: center;
			color: #000066;
		}
		
		table.palette td {
			width: 15%;
			border: 1px solid #000000;
	}
	
/* --- Paramètres Formulaire --- */

	.formLabel {
			text-align: right;
			vertical-align: top;
	}
	
	.formContentLeft1 {
		text-align: left;
	}
	
	.formContentLeft2 {
		text-align: left;
		background-color: #FFFFCC;
		background-image: none;
		color: #000000;
		vertical-align: top;
		font-size: small;
		font-family: sans-serif;
		border: 1px solid #666666;
	}
	
	.formContentCenter {
		background-color: #FFFFFF;
		background-image: none;
		color: #000000;
		vertical-align: top;
		font-size: small;
		font-family: sans-serif;
		border: 1px solid #666666;
	}
	
	.formulaire {
		text-align: center;
		margin: 20px 5px;
	}

/* ------------------------------------------------------------ FONCTIONS ADDITIONNELLES --------------------------------------------*/

/* Fonction Onglets*/

	 #header {
		float:left;
		width:100%;
		background:#DAE0D2 url("./bg.gif") repeat-x bottom;
		font-size:93%;
		line-height:normal;
    }
	  
    #header ul {
		margin:0;
		padding:10px 10px 0;
		list-style:none;
    }
	  
    #header li {
		float:left;
		background:url("./left.gif") no-repeat left top;
		margin:0;
		padding:0 0 0 9px;
    }
	  
    #header a {
		float:left;
		display:block;
		background:url("./right.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		text-decoration:none;
		font-weight:bold;
		color:#765;
    }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    
	#header a:hover {
		color:#333;
		}
	
    #header #current {
		background-image:url("./left_on.gif");
		border-width:0;
	}
	  
    #header #current a {
		background-image:url("./right_on.gif");
		color:#333;
		padding-bottom:5px;
	}

  

/* Fin Fonction Onglets*/



/*--- Menu avec Images en fond ---*/

	#menu_i {
		width: 175px;
		margin: 10px;
	}

	#menu_i ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#menu_i li a {
		height: 48px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 32px;
		text-decoration: none;
	} 

	#menu_i li a:link,  #menu_i li a:visited {
		color: #FFFFFF;
		display: block;
		background: url("./menu.gif") 0 -48px;
		padding: 15px 0 0  20px;
	}

	#menu_i li a:hover {
		color: #660066;
		background: url("./menu.gif") 0 -96px;
		padding: 15px 0 0  20px;
	}

	#menu_i #current_i a {
		color: #660066;
		background: url("./menu.gif");
		padding: 15px 0 0  20px;
	}


/* Fin  Menu avec Images en fond */

/* Fonction Animations photos */

	ul.thumb {
		float: left;
		list-style: none;
		margin: 0; padding: 10px;
		width: 840px;
	}

	ul.thumb li {
		margin: 0; padding: 5px;
		float: left;
		position: relative; 
		width: 110px;
		height: 110px;
	}

	ul.thumb li img {
		width: 100px; height: 100px;
		border: 2px solid #000066;
		padding: 5px;
		background: #ffffcc;
		position: absolute;
		left: 0; top: 0;
		-ms-interpolation-mode: bicubic; 
	}

	ul.thumb li img.hover {
		background:url(thumb_bg.png) no-repeat center center;
		border: 2px solid #660066;
	}

	#main_view {
		float: left;
		padding: 9px 0;
		position: relative; 
		float: left;
		margin-left: 20px;
	}

/* Fin Fonction Animations photos */