body {
/*définition typo ,marge,fondet couleur police...*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 965px;
margin: auto;
text-align:justify;
background-color:#9185d1;
color: #333333;
/*background: transparent url(images/fd.jpg) top center repeat; */
}
#conteneur {
width: 965px;
border:0px;
margin:0px;
text-align:justify;
padding:0px;
/*background: transparent url(img/page.jpg) top center repeat-y;*/
background-color:#9185d1;
}



p.ht{
padding:0px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
width:965px;
height:122px;
}

table.haut{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:8px;
margin-right:0px;
margin-bottom:8px;
padding:0px;
width:965px;
color: #e8ecf5;
background-color:#9185d1;
}

table.contenu{
border:none;
border-collapse: collapse;
padding:0px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
width:965px;
} 

#arrondiht{
padding:0px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
width:965px;
height:15px;
background-color:#9185d1;
}


table.contenu td.gauche{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
width:322px;
color: #e8ecf5;
background-color:#373252;
}
table.contenu td.ecart{
width:3px;
border:none;
border-collapse: collapse;
margin:0px;
padding:0px;
background-color:#9185d1;
}

table.contenu td.droite{
border:none;
border-collapse: collapse;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
width:637px;
background-color:#FFFFFF;

}
table.contenu td.grand{
border:none;
border-collapse: collapse;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
width:965px;
background-color:#FFFFFF;

}
ul.carre{
list-style-type:square;
}
ul li {
margin:3px;
}
.imageflottante
{
   float: left;
   margin-right:5px;
}





}
table.agenda{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
color: #666666;
width:945px;
background-color:#FFFFFF;
}

table.agenda td{
border:none;
border-collapse: collapse;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding:10px;
}
table.vignette{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
color: #666666;
width:625px;
background-color:#FFFFFF;
}

table.vignette td{
border:none;
border-collapse: collapse;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding:5px;
}
table.droite{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
color: #666666;
width:625px;
background-color:#FFFFFF;
}

table.droite td{
border:none;
border-collapse: collapse;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding:10px;
}
/*tableau annuaire*/



table.annu
{
margin-left:5px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
width:945px;
border: 1px solide #373252;
border-collapse: collapse;
}

table.annu th
{
		padding:3px;
   background-color: #373252;
   color:#FFFFFF;
   border: 1px solid #373252;
   text-align: center;
}
table.annu  tr:hover{
background-color: #C89FF0;
color:#373252;
}

table.annu td
{ 
		padding:3px;
   border: 1px solid #373252;
   text-align:left;
}
table.annu td.center
{ 
		padding:3px;
   border: 1px solid #373252;
   text-align:center;
}

a img {border: none;}  
a
{
color:#373252;
text-decoration: none; 
border:none;
}

a:hover{
color:#C89FF0;
text-decoration: none; 
border:none;

}
#nav{
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
color:#373252;
}
#nav a{
color:#373252;
}

#nav a:hover{
color:#C89FF0;
}

ul.changement{
margin-left:15px;
padding-left:5px;
}
ul.changement li a{
color:#373252;
}
ul.changement li a:hover{
color:#C89FF0;
}
p.bot{
margin-top:3px;
margin-right:0px;
margin-bottom:0px
margin-left:10px;
padding-left:10px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
}
p{
text-align:justify;
padding:10px;
}

p.ctr{
text-align:center;
padding:10px;
}
p.center{
text-align:justify;
margin-left:50px;
margin-right:auto;

}

p.image{
margin-left:120px;
margin-right:auto;
}

#bas{
margin-top:8px;
width: 965px;
height: 50px;
/*background-color:#9185d1;*/
background: transparent url(images/bas.jpg) top center no-repeat;
}


#bas ul.horizon{
float:left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:10px;
	padding-top:20px;
	list-style-type:none;
	width:980px;
	font-size: 10px;
	}

#bas ul.horizon li {
	display:inline;
	margin:0;
	padding:0;	
	}

#bas ul.horizon li a {
	float:left;
	background:url("images/puce.jpg") no-repeat left;
	margin-right:5px;
	padding:0 0 0 20px;
	text-decoration:none;
	font-weight:bolder;
	color:#FFFFFF;
	}
#bas ul.horizon li a:hover{
  background:url("images/puce.jpg") no-repeat left;
  color:#9185d1;
  font-weight:bolder;
}


a.gris{
text-decoration:none;
color:#0d5fa8;
}
a:hover.gris{
text-decoration:none;
color:#aac820;

}


a.blanc{
padding-left:20px;
text-decoration:none;
color:#FFFFFF;
}
a:hover.blanc{
padding-left:20px;
text-decoration:none;
color:#9185d1;

}






.arrowlistmenu{
width: 322px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font-size: 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: white;
background: black url(images/titlebar.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 10px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li.titre{
padding-bottom: 10px; /*bottom spacing between menu items*/
font-size: 12px;
font-style:normal;
color: #FFFFFF;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
/*font-size: 90%;*/
}
.arrowlistmenu ul li a{
font-size: 12px;
font-style:normal;
color: #FFFFFF;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
/*font-size: 90%;*/
}

.arrowlistmenu ul li a:visited{
color: #FFFFFF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background-color: #9185d1;
border-bottom: 1px solid #000000;
background: #9185d1 url(images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
}


.arrowlistmenu ul ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin-left:15px;
}

.arrowlistmenu ul ul li a{
font-size: 12px;
font-style:normal;
color: #FFFFFF;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
/*font-size: 90%;*/
}

.arrowlistmenu ul ul li a:visited{
color: #FFFFFF;
}

.arrowlistmenu ul ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background-color: #9185d1;
border-bottom: 1px solid #000000;
background: #9185d1 url(images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
}

hr {
  border: 0;
  width: 95%;
}
strong{
color: #373252;
text-decoration:underline;
}
b{
color: #373252;
}