body { font-family: Arial, Verdana, Helvetica, sans-serif; color: #333333;  margin: 0; padding: 0; text-align: center; background-color: #c8708f; }
/*styles HEADER */
#conteneur { position: relative; width: 1064px; margin-left: auto; margin-right: auto; text-align: left;  }
#global { margin-right: 0px; width: 1064px; }
#header { width: 1064px; height: 220px; }
#contenu { width: 1064px; background-image: url( ../images/css/conteneur-fondC.gif ); background-repeat:repeat-y; }
#contenuIndex { width: 1064px; background-color: #FFFFFF; background-image: url( ../images/css/conteneur-fond.gif ); background-repeat:repeat-y; }
#contenuAgenda { width: 1064px; background-image: url( ../images/css/conteneur-fondA.gif ); background-repeat:repeat-y; }

a img { border: 0 none; }
/*styles CENTRE */
#centre { padding: 0px; }
#centre h1 { font-weight:normal; color: #4CADE1; letter-spacing: 0px; font-style:italic; font-size: 20px; padding: 0px; margin: 0px; }
#centre h2 { color: #4CADE1; font-weight:normal; letter-spacing: -1px; font-style:italic; font-size: 18px; padding: 15px 0px 10px 0px; margin: 0px; }
#centre h3 { font-weight:bold; font-size: 15px; padding-top: 20px; margin: 0px; }
#centre h4 { font-weight:normal; color: #000000; letter-spacing: -1px; font-style:italic; font-size: 18px; padding: 10px; margin: 0px; }
#centre h5 { font-weight:bold; color: #104A84; font-size: 11px; padding-left: 20px; margin: 0px; }
.cellule { float: left; width: 600px; margin: 0px 0px 0px 10px; padding: 0px; }
.celluleP { float: left; width: 220px; padding: 0px 0px 0px 3px; margin-left: 5px; font-size: 11px; }
.celluleP p { margin: 0px; padding-left: 10px; padding-right: 5px; }

.celluleHaute { float: left; width: 1px; height:500px; }
.celluleLarge { width: 763px; font-family: Calibri; font-size: 15px; float: left; font-family: Calibri; margin: 0px 25px 0px 20px; padding: 0px 10px 0px 0px; text-align:justify;  }

.celluleLargeAgenda { width: 531px; float: left; padding-bottom: 10px; background-color: #FFFFFF; text-align:justify; }



.theme {width: 282px; border: solid 1px #C07E95; float:left; font-size: 11px; }
.actu {width: 282px; border: solid 1px #C1D5DE; margin-left: 15px; float:left; font-size: 11px; }
.theme p { padding: 0px 10px 0px 20px; margin: 0px; }
.actu p { padding: 0px 10px 0px 20px; margin: 0px; }
.cadre2 { margin:5px; background-image: url('../images/css/theme.gif'); background-repeat:repeat-x; background-color: #DED6D6; }
.cadre3 { margin:5px;  background-image: url('../images/css/actu.gif'); background-repeat:repeat-x; background-color: #E7E7EF; }

.presentation { color: #1D1D1D; margin: 0px; padding-right: 20px; text-align:justify; }
.presentation p { font-size: 12px; }

.texteminiature { font-size: 8px; margin-top: 0px; }
.textGrand { text-align: left; padding: 0px 20px; }
.textGrandClair p { text-align: justify; color: #000000; }
.petitcentre { font-size: 9px; text-align: justify; padding-left: 0px; padding-right: 0px; padding-top: 5px; padding-bottom: 15px; color: #606060; }
.rouge { font-size: 11px; text-align: center; color: #990000; }
.liendroit { text-align: right; }
.liendroitrouge { text-align: right; color: #990000; }
.liencentrerouge { text-align: center; color: #990000; }
.lienBLEU { text-align: center; color: #000000; }
.lienVert { color: #4CADE1; }

.lienBLEUdroit { float:right; font-size: 10px; text-align: right; color: #782B5F; padding-bottom: 10px;padding-right: 15px; }
.lienBLEUdroit1 { float:right; font-size: 10px; text-align: right; color: #782B5F; padding-bottom: 10px;padding-right: 0px; }
.lienblanc  { float:right; font-size: 10px; text-align: right; color: #FFFFFF; padding-bottom: 10px;padding-right: 15px; }
.lienblanc a { color: #FFFFFF; }
.lienblanc a:hover; a:visited  { color: #FFFFFF; text-decoration: none; }
.imageCentre { margin: 20px 0px 10px 8px; float: right; }
.imageCentre1 { margin-bottom: 10px; float: right; }
.imageCentre2 { margin: 0px; padding: 0px;  }

table { margin-left: 10px; }
table td { vertical-align: top;}
a:hover { text-decoration: none; }


/*styles GAUCHE*/
/***************/
#gauche { float: left; margin: 0px; padding: 0px; width: 219px; font-size: 11px; }
#gaucheAgenda { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 250px; font-size: 11px; }
#gaucheCLIENT { float: left; left: 0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 219px; font-size: 11px; }
#gauche p { margin: 0px 0px 0px 0px; padding: 0px 20px; text-align:justify; }
#gaucheAgenda p { margin: 0px 0px 0px 0px; padding: 0px 20px; color: #565656; text-align:justify; }

#gaucheCLIENT p { margin: 10px 0px 0px 0px; width:140px; }
#gaucheCLIENT a { color: White; }
.actuVert { background-image: url( ../images/css/gauche-fond-vert.gif ); background-repeat:no-repeat; padding-bottom: 25px;}
.actuVert h1 { padding-top: 10px; margin: 0px 0px 10px 0px; }
.actuBleu { margin:0px; padding-bottom: 25px; background-image: url( ../images/css/gauche-fond-bleu.gif ); background-repeat:no-repeat;}
.actuBleu h1 { padding-top: 10px; margin: 0px 0px 10px 0px; }

.actuBlanc { margin:0px; padding-bottom: 10px;}
#zoneLogin { margin: 5px 5px 0px 10px; border: solid 1px #F5F3E9;  }
#zoneConnecte { margin: 5px 5px 0px 10px; border: solid 1px #F5F3E9;  }
.cadre1 { margin:5px; padding: 0px 0px 5px 0px; background-color: #F5F3E9; }

.Menu { margin: 0px; padding: 0px 0px 5px 20px; }
.Menu ul { margin: 0px; padding: 0px; }
.Menu li { list-style: none; margin: 0px; padding: 0px 0px 5px 0px; }
.Menu li a { color: #000000;  }
.Menu1 { list-style: none; margin: 0px 0px 0px 10px; padding: 10px 0px 0px 10px; text-decoration: none; width:140px; }
.Menu1 ul { list-style: none; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-decoration: none; }
.Menu1 li { list-style: none; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 0px; text-decoration: none; }
.Menu2 { list-style: none; margin: 0px 0px 0px 15px; padding: 5px 0px 0px 0px; text-decoration: none; }
.Menu2 ul { list-style: none; margin: 0px 0px 0px 15px; padding: 5px 0px 0px 0px; text-decoration: none; }
.Menu2 li { list-style: none; margin: 0px 0px 0px 15px; padding: 5px 0px 0px 0px; text-decoration: none; }
.Menu3 { list-style: none; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 15px; text-decoration: none; }
.Menu3 ul { color:White; list-style: none; padding: 0px 0px 0px 5px;  text-decoration: none; }
.Menu3 li {  color:White; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; text-decoration: none; }
.Menu4 { color: #4368B4; margin: 0px; padding: 10px 0px 0px 40px; }
.Menu4 ul { color: #4368B4; padding: 0px 0px 3px 30px; }
.Menu4 li { color: #4368B4; list-style: square; margin: 0px; padding: 0px 0px 3px 0px; }
.Menu4 li li { color: #4368B4; list-style: circle; margin: 0px; padding: 0px 0px 3px 0px; }
.Menu5 { color: #4368B4; margin: 0px; padding: 0px 0px 0px 20px; }
.Menu5 ul { color: #4368B4; margin: 0px; padding: 0px; }
.Menu5 li { color: #4368B4; list-style: square; margin: 0px; padding: 0px 0px 3px 0px; }
.Menu5 li li { color: #4368B4; list-style: circle; margin: 0px; padding: 0px 0px 3px 0px; }

#gauche h1 { color: #4CADE1; font-weight:normal; letter-spacing: -1px; font-style:italic; font-size: 18px; padding-left: 20px;  }
#gaucheAgenda h1 { color: #606060; font-weight:normal; letter-spacing: -1px; font-style:italic; font-size: 18px; padding: 20px 0px 10px 20px; margin: 0px; }
#gaucheCLIENT h1 { color: #606060; font-weight:normal; letter-spacing: -1px; font-style:italic; font-size: 18px; padding: 20px 0px 10px 20px; margin: 0px; }

#gauche h2.titrebleu { color: #333333;font-size: 10px; font-weight:normal; margin-top: 0px; margin-bottom: 0px; padding-left: 20px; width: 180px; }


#gauche h3 { color: #FFFFFF; background-color: #666666;border-bottom: 2px solid #222222; font-size: 12px; margin:0px; padding-right: 5px; padding-left: 15px; padding-top: 4px; padding-bottom: 4px; font-weight: bolder; }
.titre { 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; }
.imagegauche { margin-left: 15px; margin-bottom: 15px; margin-right: 15px; float: left; }

.imageGauche1 { float: left; margin: 0px; padding: 0px;  }
.petitgauche { font-size: 10px; padding-left: 30px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #606060; }
.petitgauche1 { font-size: 9px; text-align: justify; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #606060; }


#pied { width: 1064px; font-size: 10px; background-color: #c8708f; padding-top: 3px; text-align: center;/* background-image: url(../images/css/pied-fond.gif); background-repeat: repeat-y;*/  }
#pied a { color: #000000; font-size: 10px; text-decoration: none; }
#pied a:hover { font-size: 10px; text-decoration: underline; }
#pied a:visited { color: white; }
#pied p { margin: 0px; padding: 0px; }


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/css/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/css/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/css/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/css/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/css/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/css/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/css/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: #E8E8E8; }