body {
	margin: 8px 0;
}
body, td, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666460;
}

h1 {
	font-family: Verdana;
	margin-top:10px;
	margin-bottom: 25px;
	line-height: 30px;
	font-size: 28px;
	color: #8E0321;
	text-align:left;
}
h1 span{
font-weight: normal;
}
h2 {
	font-family: Verdana;
	font-weight: bold;
	text-align:left;
	font-size: 18px;
	line-height: 20px;
	color: #263e74;
	margin: 0 0 15px 0;
	margin-bottom: 25px;
	margin-top: 20px;
}


.gris_bg {
	background-color: #888783;
	color: white;
}
.bordeau_bg {
	background-color: #8e0322;
	color: white;
}


#colgauche div {
	width: 220px;
	margin-top: 8px;
	line-height: 14px;
	font-weight: bold;
}
#colgauche ul {
	margin: 8px 0 0 0px;
	padding: 0 0 0 8px;
}
#colgauche ul.ssmenu {
	margin-top: 0;
	padding-left: 20px;
}
#colgauche li {
	list-style-image: url(/images/commun/menu_rubriques/puce.gif);
	list-style-type: none;
}
#liNone {
	list-style-type:square;
}
#colgauche div a, #footer a {
	color: #898783;
	text-decoration: none;
}
#colgauche div a:hover, #footer a:hover {
	color: #8E0321;
}
.ssmenu {
	display: none;
	font-weight: normal;
}
.menugris a {
	text-decoration:none;
}
.menugris form {
	margin: 0;
	padding: 0;
}
.menugris input {
	border: 0 none;
}
#flash, #entete {
	width: 756px;
	height: 169px;
	background-image: url(/images/accueil/noflash.gif) no-repeat left top;
}
#affiche {
	background-image: url(/images/accueil/vague.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 8px;
}
#affiche td {
	font-size: 9px;
	line-height: 12px;
	color: white;
}
#affiche a {
	text-decoration: none;
}
#affiche td .titre {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
#actus, #actus td {
	line-height: 12px;
}
#actus a {
	text-decoration: none;
}
#footer {
	text-align: center;
	font-size: 9px;
	line-height: 15px;
	font-weight: bold;
}

div.video {
	width: 500px;
}
div.video p {
	margin-top: 20px;
}

div#galerie {
	text-align: left;
}
div#galerie img {
	margin: 0 20px 20px 0;
}
div#galerie a {
	background: 0 none;
	padding: 0;
}


/*//////////////////////////////////////*/

/* CSS pour les pages qui ont le corps court (CAD avec cadre à droite) */
/* Proriété du cadre de gauche, le corps du document */
#corps_court {
width: 502px;
min-height: 530px;
margin-left: 35px;
margin-right: 30px;
margin-bottom: 50px;
float: left;
color : #666460;
text-align:justify;
line-height: 14px;
font-size: 10px;
}

/* Proriété du cadre de droite */
#cadreDroite {
margin-top: 30px;
width: 178px;
float: right;
}

/* Proriété du cadre de droite, l'entête, CAD l'arrondi (image en background) */
#cadreDroite .cadreHaut {
width: 178px;
height: 32px;
background-image: url(/images/commun/cadreDroite/cadreDroiteHaut.jpg);
}
/* Proriété du cadre de droite, le titre en blanc sur le fond bleu */
#cadreDroite .cadreHautTitre {
color: #FFF;
font-family: Verdana;
font-weight: bold;
line-height: 15px;
font-size: 14px;
padding: 7 0 0 20;
}
/* Proriété du cadre de droite, contenu d'un cadre */
.cadreContenu {
width:136px;
_width:178px;
padding: 20 20 20 20;
border-left: 1px solid #263E74;
border-right: 1px solid #263E74;
line-height: 12px;
font-size: 9px;
color: #666460;
}
/* Proriété du cadre de droite, class cadreLink pour les liens */
#cadreDroite .cadreLink {
margin-top:20px;
}
/* Proriété du cadre de droite, l'image arrondi en bas */
#cadreDroite .cadreBas {
width: 178px;
height: 17px;
background-image: url(/images/commun/cadreDroite/cadreDroiteBas.jpg);
margin-bottom: 20px;
}
/* Proriété du cadre de droite, propriété sur les images */
#cadreDroite img {
margin-left: 5px;
margin-bottom: 20px;
width: 127px;
border: 0;
width:127px;
}

/* Proriété du lien 'Haut de la page' */
.haut_page a, #corps_large .haut_page a , #corps_court .haut_page a {
	font-family: Verdana;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	vertical-align:middle;
	font-size:12px;
	color: #8e0321;
	background-image: url(/images/commun/btns-fond-rouge/puce_up.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

.haut_page a:hover {
	color: #888;
	background-image: url(/images/commun/btns-fond-gris/puce_top_on.gif);
}

/* CSS pour les pages qui ont le corps large (CAD sans cadre à droite) */
/* Proriété d'une page sans cadre à droite, le corps de la page */
#corps_large {
min-height: 530px;
margin-left: 35px;
margin-bottom: 50px;
color : #666460;
text-align:justify;
font-size: 10px;
line-height: 14px;
}
#corps_large td, #corps_court td {
color : #666460;
}
#corps_large img, #corps_court img {
width: 137px;
border:0;
}

#corps_large a, #corps_court a, .cadreAgenda a, .link {
font-weight:bold;
color: #666460;
text-decoration: none;
background-image: url(/images/commun/menu_rubriques/puce.gif);
background-repeat:no-repeat;
padding-left:7px;
margin-left:0px;
}

#corps_large a:hover, #corps_court a:hover, .cadreAgenda a:hover, .link:hover {
color: #8E0321;
}

#corps_large .MainLink , #corps_court .MainLink , #cadreDroite .MainLink {

font-family: Verdana;
font-weight: bold;
line-height: 13px;
text-decoration: none;
vertical-align:middle;
font-size:11px;
color: #8e0321;
background-image: url(/images/commun/btns-fond-blanc/puces_off1.gif);
background-repeat:no-repeat;
padding-left:20px;
margin-left: 0;
}

#corps_large .MainLink:hover , #corps_court .MainLink:hover, #cadreDroite .MainLink:hover {
color: #888;
background-image: url(/images/commun/btns-fond-blanc/puces_on1.gif);
}

b, #corps_large .important, #corps_court .important {
font-family: Verdana;
font-weight: bold;
color: #263e74;
}

#corps_large ul, #corps_court ul {
	margin-top: 0;
	padding-left: 10px;
}

#corps_large li, #corps_court li {
	list-style-image: url(/images/commun/menu_rubriques/puce_gris.gif);
	list-style-type: none;
	list-style-position: inside;
}
.intertitre {
font-family: Verdana;
font-weight: bold;
font-size:18px;
line-height: 20px;
color: #263e74;
margin-top:20px;
}

.agenda table {
border-collapse: collapse;
width:100%;
}
.agenda th {
text-align:left;
font-weight: bold;
color: #263e74;
font-size: 10px;
}
.agenda .trth {
border-top:0;
border-bottom:1px solid #263e74;
}
.agenda .trthrouge {
border-top:0;
border-bottom:1px solid #8E0321;
}
.agenda .trthrouge th {
color: #8E0321;
}
/*.agenda .backblue {
background-color: #e1eefe;
}
.agenda .backred {
background-color: #E3C0C7;
}*/
.agenda tr {
border-top:1px solid #263e74;
border-bottom:1px solid #263e74;
}
.agenda tr.rouge {
border-top:1px solid #8E0321;
border-bottom:1px solid #8E0321;
}

.agenda td {
padding-top: 10px;
padding-bottom: 10px;
}
#ariane {
  font-size:12px;
  
}

#ariane a {
  font-weight:bold;
  font-style: italic;
  color: #666460;
  text-decoration: none;
  background-image:none;
  margin:0px;
  padding:0px;
}

#ariane a:hover {
  color: #8E0321;
}