/* 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;
}

#accueilColonne00
{
    
	float:left;
	padding:50px 15px 0px 0px;
	width:100%;
	
}
#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;
}
.myDatagrid0
{
    
    text-indent:5px;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:5px;
    text-decoration:none ;
    line-height:18px;
    padding-right:0px;
  }
.myDatagrid
{
    padding-left:5px;
    padding-right:0px;
    margin-bottom:1px;
    text-decoration:none ;
    line-height:18px;
    
}
.myItem
{
    display:block;
    text-indent:5px;
    text-decoration:none ;
    line-height:18px; 
    border-bottom:1px;
    font-size:11px;
    color:Navy;
    font-weight:400;
    margin-top:1px;
    margin-left:0;
    border-collapse: collapse;

    
}
.myItemEspace
{
    display:block;
    text-indent:5px;
    top:15px;
    bottom:15px;
    margin-top:6px;
    text-decoration:none ;
    line-height:18px;
    border-bottom:1px;
    font-size:11px;
    font-weight:400;
     color:Navy;
     border-collapse: collapse;

}
.myRow
{
   text-decoration:none ;
   text-align:left;
   vertical-align:top;
   margin-left:5px;
   margin-top:5px;
   font-size:11px;
   font-weight:700;
   color:Navy;
 }
 
 .myLableGauche
{
   max-width:40% ;
 }
  .myLableDroite
{
   max-width:60% ;
 }

.myPresentation
{
    margin-top:3px;
    margin-bottom:3px;
    margin-left:5px;
    text-decoration:none ;
    line-height:18px;
    padding-right:0px;
  }
/* 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;}
.ItemStyle{padding-left:3px;padding-right:3px;}
