body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	background-color:#93117e;
}
.footer {
height:29px;
background:url(/images/HP/50-bas_page.jpg ) no-repeat center ;
text-align:center;
padding:8px 0px 0px 0px ;
margin-left:1px;
}
.footer :hover {
color:#FFFFFF;
}
.imageUniver{
	border:#FFFFFF;
	border-right-style:solid;
 	border-width: 1;
}
.imageUniver img{
border:#000000;
	border-style:solid;
 	border-width: 1;
}
.noFloat {
clear:both;
line-height:0px;
margin:0px;
padding:0px;
}
.fondPage {
	width: 100%;
	height: 100%;
	background:url(/images/HP/50-fond_page.jpg) repeat-x;
	background-position:50% 0px;
	text-align:center;
}

.enteteSite{
	background-color:93117e;
}
.conteneurGeneral {
	width:755px;
	margin: 0pt auto;
	padding: 0pt;
	background-color:#FFFFFF;
}
.annonceHaut {
	background: url(/images/HP/50-fond_actu.jpg);
	color:#FFCCFF;
	background-color:93117e;
	padding:5px 0 0 10px;
	width:253px;
	height:81px;
}
.annonceHaut .titre{
color:#FFFFFF;
}
.annonceHaut p{
	margin-top:3px;
}
.pub {
	background:#333333;
	width:502px;
	height:81px;
	text-align:center;
	vertical-align:middle;
}
. archive a {
color:#666666;
background:#dbe4df;
height:20px;
}
. archive a:Hover {
color:#000000;
}
.contenu{
background:url(/images/50-fond-page.jpg) no-repeat ;
text-align:left;padding:15px;background-color:white;}
/******  Moteur  *******/
.moteur{
		/* background:url(/images/HP/fond_recherche.jpg) no-repeat;  => plutot comme la maquette, loïc border:1px solid #4F4F4F;  */
	
	color:#000000;
	width:135px;
	height:21px;
font-size:1em;
}
/**************** fils d'ariane ****************/
#filAriane{
color:#1f4772;
background:#eeeeee;
height:17;
text-align:left;

padding:2px 0 0 3px;
}
#filAriane :hover{
color:#93117;
}

#filAriane a{
color:#93117;
}
/**************** element specifique formulaire ****************/
.champ{

	border:1px solid black;
	background-color: #ffffff;
	color: #005821;
	margin:0 2px 2px 5px;

}
.bouton{
	border: 1px solid black;
	background-color: #93117e;
	font-weight: bold;
	color: White;
}
form{padding:0;margin:0;border:0;}
/****************** Boutons *****************************/
/*bord gauche du bouton*/
a.boutonOval, a.boutonOval:Hover{
	background: transparent url('/images/50-bt_gauche.jpg') no-repeat top left;
	display: block;
	float: left;
	line-height: 14px;  /*This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 22px; /* Height of button background height */
	padding-left: 20px; /*largeur de l'image de gauche*/
	text-decoration: none;
}
/*bord droit du bouton*/
a.boutonOval div, a.boutonOval:Hover div{
	padding-right: 20px;/*largeur de l'image de droite*/
	background: transparent url('/images/50-bt_droit.jpg') no-repeat top right;
}
/*fond du bouton*/ 
a.boutonOval span, a.boutonOval input{
	background: transparent url('/images/50-bt_fond.jpg') repeat-x top;
	display: block;
	font-weight: bold;
	padding: 4px 0px 4px 0px; /*Set 11px below to match value of 'padding-left' value above*/
	color: black;
}
/*style du lien par défaut*/
a:link.boutonOval, a:visited.boutonOval, a:active.boutonOval{color: black;font-weight: bold;}
a.boutonOval input{height: 22px;} /*hauteur des images divisé par 2*/
/* Hover state CSS */
a.boutonOval:hover{background-position: bottom left;}
a.boutonOval:hover div{background-position: bottom right;}
a.boutonOval:hover span, a.boutonOval:hover input{background-position: bottom;color: black;}
a.boutonOval:hover input{height: 22px;} /*hauteur des images divisé par 2*/
a.boutonOval input, a.boutonOval:Hover input{cursor:pointer;border: none;}
/**************** Actu ******************/
/****** Rub ******/
.rubrique{
	width:229px;
	height:280px;
	float:left;
	border: 1px solid gray;
	background-image:url(/images/50-FondBloc.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:white;
	margin: 5px;
}
.rubrique div.image{text-align:center;height:150px;}
.rubrique img{border: none;}
.rubrique h2{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 25px;
	text-align:left;
	background-image:url(/images/50-puce1.gif);
	background-position: 4px 4px;
	background-repeat:no-repeat;
}
.rubrique h2 span.surtitre{font-weight:bold;}
.rubrique h2.infoCadre{border: 1px solid silver;}
.rubrique h2 a{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:black;
}
.rubrique .archive{height:20px;background:#e3e3e3 url(/images/archive.jpg) no-repeat right;text-align:right;padding-right:20px;padding-top:2px;}
.rubrique .archive a:link, .rubrique .archive a:visited{color:#666666;text-decoration:none;}
.rubrique .archive a:hover{color:#000000;}
.rubrique .Entete{
	font-weight: bold;
	background: url(/images/50-enteteF.jpg) repeat-x top;
	display: block;
	text-align: left;
	height: 20px;
}
.rubrique .Entete DIV{
	background: url(/images/50-enteteG.jpg) no-repeat left top;
	height: 20px;
}
.rubrique .Entete DIV DIV{
	background: url(/images/50-enteteD.jpg) no-repeat right top;
	height: 20px;
}
.rubrique .Entete DIV DIV DIV{
	padding-left: 10px;
	height: 20px;
	color:white;
}
/*corps de bloc*/
.rubrique div.blocCadreD1{}
.rubrique div.blocCadreG{
	padding:5;
	height:240px;/*hauteur de [.rubrique] - hauteur de [.Entete1] - padding de [div.blocCadreG1]*2 - hauteur de [.rubrique .archive] + 10 pour ie...*/
}
/****** Liste ******/
.ListeActu a.image img{border: none; margin:3px 3px 3px 3px;}
.ListeActu a.image{float:left;}
.ListeActu h2 a, .ListeActu h2 .surtitre{text-decoration:none;color:#006600;font-size:16px;}
.ListeActu h3{color:black;font-size:12px;font-weight:normal;}
.ListeActu .Actu{
	border: 1px solid gray;
	background-image:url(/images/50-FondBloc.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:white;
	margin: 5px;
	padding: 5px;
}
/****** Lecture ******/
.lecture img.image{float:left; margin:3px 3px 3px 3px;}
.lecture .intro{margin-top:25px;}/*marge supérieure de l'intro*/
/**************** page clasic****************/
.actuImFond .actuTitreRub{
color:#006600;
font-size:16px;
}
a {color:#1f4772;}
a:hover {color:#93117e;}