/* CSS Document */
/*table {border:1px solid black}
td {border:1px dotted gray}
div {border:1px solid orange}
img, form {border:1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border:1px solid yellow}
ul {border:1px solid green}
li {border:1px solid lightgreen}
*/
* {
	padding:0px;
	margin:0px;
}

a {
 color:#0082CB;
}

body
{
	text-align:center;
	background-color:#00AAAD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

li {
	list-style:none;
}

.hr {
	clear:left;
	float:left;
	background-color:#AEAFB2;
	color:#AEAFB2;
	height:1px;
	width:550px;
	border: none;
	margin:20px 0px 0px 0px;
	padding:0px 0px;
}

#Page {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:780px;
	text-align:left;
	background:url(../images/background.gif) repeat-y top left;
	overflow:auto;
}

/* Navigation Principale */
#navigation {
	width:171px;
	margin: 0px 0px 30px 0px;
	padding:0px;
}

#navigation ul {
	width:171px;
	float:left;
	margin: 0px 0px 30px 0px;
	border-top:1px solid #AEAFB2;
}

#navigation li {
	list-style:none;
	border-bottom:1px solid #AEAFB2;
}

#navigation li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:11px 0px 11px 42px;
	background:url(../images/menu/off.gif) center left no-repeat;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background:url(../images/menu/on.gif) center left no-repeat;
}

.navig_node {
	display:block;
	color:#000;
	text-decoration:none;
	padding:11px 0px 11px 42px;
	background:url(../images/menu/off.gif) center left no-repeat;
}

.navig_node_hoover {
	display:block;
	color:#000;
	text-decoration:none;
	padding:11px 0px 11px 42px;
	background:url(../images/menu/on.gif) center left no-repeat;
}

.zonePole {
	float:left;
	width:550px;
	border-top:1px solid #AEAFB2;
	margin:20px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}

.filetBas {
	float:left;
	width:550px;
	border-top:1px solid #AEAFB2;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.zoneTexteIntro {
	float:left;
	margin:0px 0px 0px 20px;
	width:380px;
}

.zoneTexte {
	float:left;
	margin:0px 0px 0px 20px;
	width:300px;
}

.menuOn {
	display:block;
	color:#000;
	text-decoration:none;
	padding:11px 0px 11px 42px;
	background:url(../images/menu/on.gif) center left no-repeat;
}

#texteImportant {
	width:380px;
	float:left;
	display:block;
	margin: 20px 0px 0px 0px;
	padding:11px 0px 11px 170px;
	background-color:#E8EFF5;
	border-bottom:1px solid #AEAFB2;
	border-top:1px solid #AEAFB2;
}
/* Navigation outils */
#navigation-outils {
	width:579px;
	color:#fff;
}

#navigation-outils li {
	list-style:none;
	float:left;
}

#navigation-outils li a {
	color:#fff;
	text-decoration:none;
	margin:0px 10px 0px 10px;
}

#navigation-outils li a:hover, #navigation-outils li a:focus, #navigation-outils li a:active {
	color:#ccc;
}

#navigation-plan li a {
	color:#000;
	text-decoration:none;
	margin:0px 10px 0px 10px;
}

#navigation-plan li a:hover, #navigation-outils li a:focus, #navigation-outils li a:active {
	color:#666;
}
/*Liste descriptive*/
.description li {
	padding:0px 0px 0px 12px;
	background:url(../images/menu/puce.gif) no-repeat;
}
/**/
#adresseHautDePage {
	clear:left;
	height:55px;
	padding:37px 0px 0px 0px;
}
#adresseHautDePage1Ligne {
	clear:left;
	height:33px;
	padding:59px 0px 0px 0px;
}
#adresseHautDePage3Ligne {
	clear:left;
	height:47px;
	padding: 45px 0px 0px 0px;
}
#filArianne {
	font-size:10px;
	padding: 30px 0px 0px 0px;
}

#Colonne-Menu {
	float:left;
	width:171px;
}

#Colonne-Page {
	float:left;
	width:579px;
	padding:26px 0px 20px 30px;
	margin: 0px 0px 0px 0px;
	background-color:#fff;
}

#pageContenu {
	width:550px;
	padding:30px 0px 0px 0px;
}

#pageContenuAccueil {
	width:550px;
	padding:138px 0px 0px 0px;
}

#accueilColonne01{
	float:left;
	width:205px;
	padding:0px 15px 0px 0px;
}

#accueilColonne02{
	float:left;
	width:300px;
	padding:0px 0px 0px 15px;
	border-left:1px solid #AEAFB2;
}

.logo {
	float:left;
	margin:61px 0px 45px 0px;
}

#actualiteAccueil {
	float:left;
	display:block;
	border:1px solid #AEAFB2;
	padding: 0px 0px 15px 0px;
}

.actualiteAccueiltitre {
	width:300px;
	display:block;
	padding: 3px 0px 3px 9px;
	color:#FFFFFF;
	background-color:#1E64A0;
}

.actualiteImage{
	float:left;
	padding:5px 5px 5px 0px;
}

.infoPuce {
	padding: 0px 9px 0px 9px;
}

.infoDate {
	padding: 0px 0px 0px 28px;
}

.infoTitre {
	padding: 0px 0px 0px 0px;
}

.infoTexte {
	padding: 0px 0px 0px 28px;
}

.imageFloatLeft18 {
	float:left;
	margin-bottom:18px;
}

#piedDePage {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 5px 0px;
	width:780px;
	text-align:center;
}

#piedDePage a {
	text-decoration: none; 
	color:#000;
}

/* Typographies */
.arial9 {font-size:9px;}
.arial10 {font-size:10px;}
.arial11 {font-size:11px;}
.arial12 {font-size:12px;}
.arial13 {font-size:13px;}
.arial14 {font-size:14px;}
.bleu {color:#1E64A0;}
.bleuClair {color:#4CC6E1;}
.gris {color:#666;}
.rouge {color:#E60003;}
.vert {color:#00AAAD;}
.blanc {color:#fff;}
.noir {color:#000;}