/* Basic Elements du 23.04.2010*/

body         {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005e2e;
	background-color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	list-style-type: disc;
	margin: 2px;
	padding: 2px;
	/*list-style-position: inside; This caused the bug of non aligment of submenu in IE !!*/ 
	/*ci-dessous fichier pour corriger IE*/
	behavior: url("csshoverIE6.htc");
}
#conteneurPrincipal{
	margin: auto;
	width: 894px;
}
#global {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;
	
}
/* Additional styles */
p {
	margin: 0;
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	}
img {
	border: 0;
	}
	/*liens*/
	a  { color: #820338; text-decoration: none }
	a:hover {
	text-decoration: none;
	color: #F00;
}
h1     		{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; 
               font-style: normal; font-size: 16pt; color: #005e2e}
h2           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14pt;
	color: #005e2e;
	line-height: normal;
	text-indent: 7pt;
	
}
h3           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
	color: #005e2e;
	line-height: normal;
	text-indent: 5pt;
}
h4           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
	color: #005e2e;
	margin: 1px;
	padding: 1px;
	
}
h5           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #005e2e;
	
}
h6           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;
	color: #fff;
	line-height: 12px;
	/*valign: top;  /*peut être égal à "middle" pour centrer le text verticalement */
	margin:auto;  /*rajouter pour pouvoir bien positionner le texte dans IE */
	}
	
#header {
	text-align: right;
	height: 111px;
	width: 894px;
	background-image: url('img/home/logo.jpg');
}
/* menu en haut a droite, galerie - liens - contacts */
#header p{
	padding: 13px 12px 0px 0px;
}
div .conteneurImage{
		line-height: 0px; /* Pour eviter la bordure blanche */
	}
/*-- Menus --*/	
#conteneurMenu{
	background-color: #005e2e;
	height: 24px;
	width: 100%;
}

/* calcul de la largeur :
[longueur a (80px)]+[padding a]*nombre elements (et de meme pour la version "longue" de 120 px)
7x(84+4+4) + (pour Admionistration) 120+4+4 = 772
*/

	
/* MENU */	
/* pour le debug */
/*div{border: 1px solid black;}
ul{border: 1px solid yellow;}
li{border: 1px solid red;}
a{border: 1px solid blue;}*/

/* barre des menus */
#menu {
	display: block;
	font-size: 1.4em;
	/*width: 774px;*/
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#menu li {
	float:left;
	margin:auto;
	padding: 0;
	margin: 0;
}

/* liens de la barre des menus et des sous-menus */
#menu li a:link, #menu li a:visited {
	display: block;
	width: 82px;
	color: white;
	background-color: #005e2e;
	text-decoration:none;
	padding: 0px 4px 4px 4px; /* haut, droite, bas, gauche */
	margin: 0;
}

#menu li.long a{
	width: 120px;
}
/*#menu li.long li a{
	width: 120px;
}*/

#menu li a:hover {
	color:#F00;
}
/* remplace #menu li ul { */
#menu .sousMenu {
	position:absolute;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display:none;
}
/* #menu li ul li {*/
#menu .sousMenu li {
	border-bottom: 1px solid white;
}
#menu li:hover ul {
	display:block;
}
#menu li:hover ul li {
	float:none;
}
#menu .sousMenu li a:link, #menu .sousMenu li a:visited{
	font-size: 0.8em;
	margin-bottom: 0px;
	margin: 0px;
	padding: 6px 4px; /* 6=haut et bas - 4=gauche et droite */
}

/* DERNIERES NOUVELLES */
#nouvelles{
	background-color: #DEFFD5;
	padding: 15px;
}
#nouvelles a {
	color: #005E2E; 	/* (x) couleur du lien du footer */
	font-weight: bold;
}
#nouvelles a:hover {
	color:red;
}

#nouvelles table{
	width: 860px;
	border-collapse: collapse;
	margin: 5px auto 5px auto;
}

td.col1, td.col2, td.col3, td.col4{
	background-color: #FFFFEA;
	padding: 1px;
}
td.col1{ 
	text-align: center;
	background-color: #FFFFFF;
	width: 280px;
	border-bottom: solid;
	border-bottom: 1px;
	border-bottom-color: #96CA9E;
}
td.col2{
	text-align: right;
	width: 90px;
	background-color: #F0FFEC;
}
td.col3b{
	text-align: left;
	width: 155px;
	background-color: #FFFFFF;
	padding-left: 8px;
}
td.col3{
	text-align: left;
	width: 155px;
	padding-left: 8px;
}
td.col4{
	text-align: left;
	background-color: #F0FFEC;
	width: 320px;
}

#connaitreFusion{
	width: 100%;
	background-color: #005E2E;
}

#derniereModification {
	vertical-align: bottom;
}
#derniereModification h6{
	font-style: italic;
	padding: 5px;
	color: black;
	visibility: hidden;
}
#connaitreFusion td{
	text-align: right;
	padding: 10px;
}

#footer {
	border-top: 1px solid white;
	text-align: center;
	padding: 6px 0px 7px 0px;
	background-color: #005E2E;
	font-size: 0.67em;
	color: white;
	}
#footer a {
	color: #EEEEEE; 	/* (x) couleur du lien du footer */
	font-weight: bold;
}
#footer a:hover {
	color:red;
}

.BLANC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14 px;
	font-weight: bold;
	color: #FFF;
}
.rouge {
	color: #F00;
}