﻿body {
	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background-color:white;
}
/*styles HEADER */

#header { height: 200px; color:white; font-size: 15px; }
.texteheader { margin-left: 220px; font-size: 24px; font-weight: bold;}

a img {	border: 0 none;}


#conteneur { position: relative; background-image:url('../images/header_fond1.gif'); background-repeat:no-repeat; background-position: 0px 0px; width: 800px; margin: 0 auto; background-color:white; }

/*styles CENTRE */
#centre { font-size: 13px; margin-left: 204px; margin-right: 120px; padding-left: 12px; padding-right: 12px; margin-top: 10px; }
#centre h1 { font-size: 25px; font-weight: bolder; margin-top: 0px; margin-bottom: 5px; color:red; }
.news { background-image: url(../images/centre-news.gif); color: #000000; padding-right: 40px; padding-top: 3px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px; background-color: #DAC87C; text-align:right; }
#centre a { font-size: 11px; font-weight:bold; color: #000000; display: block; padding-left: 1px; margin: 0px 0px 0px 1px; text-decoration: none; height:16px; }
#centre a:hover { color: #C31135; text-decoration: underline; padding-left: 1px; }


#centre hr { height: 1px; margin: 0; padding: 0; color: #DAC87C; background-color: #DAC87C; border: 0;}

.texteminiature { font-size: 8px; margin-top: 0px;}
.imageCentre { margin-right: 3px; float: right; }
.imageCentre1 { margin-right: 3px; float: left; }
.imageCentre2 { margin: 10px 0px 10px 10px ; float: right; }

/*Gauche*/
#gauche { position: absolute; margin-top: 5px;  margin-left: 5px; left: 0; width: 200px; font-size: 11px; text-align:justify; }
#gauche h1 { font-size: 35px; font-weight: bolder; margin-top: 0px;  margin-bottom: 0px }
#gauche h2 { font-size: 23px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px }
.titrerouge { font-size: 14px; width: 80px; color: #FFFFFF; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px; background-color: #C31135; }
ul#menugauche {
	list-style-type: none;		margin-left: 0px;
		padding-left: 0px;
margin-bottom: 0px;

}
ul#menugauche li {
	margin-bottom: 5px;
		margin-left: 0px;
		padding-left: 0px;
}
ul#menugauche a {
	height: 18px;
	display: block;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	text-decoration: none;
	color: #FFF; background-color:#1C5CDA;
	background-image: url('../images/centre-filInfos-fond.gif');
}
ul#menugauche a:hover {
	background-image: url('../images/centre-filInfos-fond1.gif');
	text-decoration: underline;
	color: white; background-color: #292163;}

.imageGauche { margin-left: 3px; float: right}

#droite { position: absolute; height:500px; margin-top: 55px; right: 0; width: 130px; background-image:url('../images/gauche_fond.gif'); background-repeat:no-repeat;}
#droite h1 { font-size: 25px; font-weight: bolder; margin-top: 0px; margin-bottom: 5px; padding-left: 5px; }
#droite h2 { font-size: 14px; width: 202px; color: #000; padding-left: 15px; padding-top: 1px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px; margin-left: 1px; background-color: #DAC87C; }
#droite h3 { font-size: 12px; font-weight: bolder; margin-top: 0px; margin-bottom: 5px; padding-left: 5px; }
.imageDroite { margin-left: 3px; margin-right: 3px; margin-bottom: 3px; float: left;}
.imageDroite1 { margin-left: 3px; margin-right: 3px; margin-bottom: 3px; float: right;}

.agenda { background-image: url(../images/droite-agenda.gif); }
.celluleD { width: 198px; border: 1px solid #DAC87C; padding-top: 2px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; margin-top: 5px; margin-left: 5px; background-color:white; }
.imageparution { margin: 0px 0px 10px 10px ;}
.parution { background-image: url(../images/droite-parution.gif); color: #000000; padding-right: 40px; margin-top: 0px; margin-bottom: 5px; background-color: #DAC87C; text-align:right; }
#droite a { font-size: 11px; font-weight:bold; color: #000000; display: block; padding-left: 1px; margin: 0px 0px 0px 1px; text-decoration: none; height:16px; }
#droite a:hover { color: #C31135; text-decoration: underline; padding-left: 1px; }



#pied {	height: 55px; color:white; text-align:left; }
.imagepied { margin-left: 3px; margin-right: 3px; margin-top: 8px; }
.cellule1 { float:left; font-size: 12px; height: 55px; width: 509px; padding-left: 2px; padding-right: 5px; background-color:#1C5CDA; text-align:right; }
.cellule2 { float:left; font-size: 11px; text-align:center; height: 55px; width: 149px; left: 435px; background-color:#27276A; }
.gros { font-size: 14px; font-weight:bold; }
.lienpied { display:none; }

#gauche hr { height: 1px; margin: 0; padding: 0; color: #BDE3E2; background-color: #BDE3E2;  border: 0;}
p {margin: 0 0 1px 2px; }
a { color: #C31135; display: block; padding-left: 1px; margin: 0px 0px 0px 1px; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; padding-left: 1px; }



input[type="password"] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; }



input[type=text] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; }
input[type=button] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
input[type=submit] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.precedent { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.suivant { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.bouton { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
label {display:inline-block; width: 100px; color:#5E5E5E; margin: 0 0 1px 2px; color:black; }
select {font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; font-family: Verdana, Arial, sans-serif;}
textarea {font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; font-family: Verdana, Arial, sans-serif;}
.alerte { background-image: url(../images/pictos/alerte.gif); background-repeat: no-repeat; background-position: top,left; display:block; padding-left:20px; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #A6B126; }
.erreur { background-image: url(../images/pictos/erreur.gif); background-repeat: no-repeat; background-position: top,left; display:block; padding-left:20px; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }


input.codePro  { border-width:0px; width:50px; background-color:#ffffff;}
