body { font-family: Arial, Calibri, Helvetica, Verdana, Helvetica, sans-serif; color: #000000;  margin: 0; padding: 0; text-align: center; background-color: #FFFFFF; background-image: url( ../images/css/fond.jpg ); background-repeat: no-repeat; background-position: top center; }
/*styles HEADER */
#conteneur { position: relative; width: 1068px; margin-left: auto; margin-right: auto; text-align: left; }
#totem { position: absolute; width: 150px; text-align:right; top: 0px; right: 0px; }
.imagetotem { margin-right: 0px; }
#global { margin-right: 0px; width: 1068px; }
#header { height: 249px; width: 1068px; }
#contenu { width: 1068px; background-image: url( ../images/css/conteneur-fondC.gif ); background-repeat:repeat-y; }
#contenuIndex { width: 1068px; background-image: url( ../images/css/conteneur-fond.gif ); background-repeat: no-repeat; }
#contenuAgenda { width: 1068px; background-image: url( ../images/css/conteneur-fondA.gif ); background-repeat:repeat-y; }

a img { border: 0 none; }
/*styles CENTRE */
#centre { padding: 0px; margin: 0px; font-size: 12px;  }


#centre h1 { font-weight:normal; letter-spacing: 0px; font-size: 20px; padding: 15px 0px 0px 0px; margin: 0px; color: #33B1E6; }

#centre h2 { color: #33B1E6; font-weight:normal; letter-spacing: -1px; 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 { color: #1E201A; font-weight:700; letter-spacing: -1px; font-style:italic; font-size: 16px; padding: 10px 0px 10px 20px; margin: 0px; }
#centre h5 { font-weight:bold; font-size: 11px; padding: 0px 0px 0px 20px; margin: 40px 0px 0px 0px; text-transform: uppercase;  }
.cellule { float: left; width: 601px; margin: 0px 0px 0px 20px; padding: 0px; }
.celluleP { float: left; width: 211px; padding: 0px; margin: 0px; font-size: 11px; }
.celluleP p { margin: 0px; padding-left: 20px; padding-right: 0px; }

.celluleHaute { float: left; width: 1px; height:500px; }
.celluleLarge { width: 800px; float: left; margin: 0px 10px 0px 20px; padding: 0px 10px 0px 0px; text-align:justify; }

.celluleLargeAgenda { width: 531px; float: left; padding-bottom: 10px; text-align:justify; }
.zoneLogin { padding: 20px 0px 0px 20px; margin-left: 5px; height:160px; background-image: url(../images/css/fond-login.jpg); background-repeat:no-repeat; }


.theme {width: 284px; clear:both; height: 238px; background-image: url(../images/css/fond-theme.gif); background-repeat:no-repeat; float:left; font-size: 11px; margin: 0px; padding: 0px; }
.actu {width: 282px;  height: 238px; background-image: url(../images/css/fond-actu.gif); background-repeat:no-repeat; margin-left: 10px; padding: 0px; float:left; font-size: 11px;}

.theme p { padding: 0px 20px 0px 20px; margin: 0px; }
.actu p { padding: 0px 20px 0px 20px; margin: 0px; }
.theme a { color: #000000; text-decoration: none; }
.theme a:hover { color: #000000; text-decoration: underline; }
.actu a { color: #000000; text-decoration: none;  }
.actu a:hover { color: #000000; text-decoration: underline;  }


.presentation { margin: 0px; padding: 0px; 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: #007BBD; }
.lienVert a { color: #7EAC48; }
.liennews { clear:both; margin: 0px; padding-left: 120px; }
.lienBLEUdroit { float:right;  font-size: 10px; text-align: right; color: #000000; padding-bottom: 10px;padding-right: 15px; }
.lienBLEUdroit1 { float:left; font-size: 10px; text-align: right; color: #000000; padding: 10px 0px 0px 0px; }

.imageCentre { margin: 0px; padding: 0px; float: right; }
.imageCentre1 { margin-bottom: 10px; float: right; }
.imageCentre2 { float: left; padding-left: 30px;  }
.imageGauche { margin: 20px 0px 0px 10px; float: left; }
.imageDroite { margin: 0px 0px 0px 13px;  }
.imageDroiteV { margin: 10px 0px 10px 20px;  }

table { margin-left: 2px; font-size:12px;}
table td { font-size:12px; vertical-align: top;}


/*styles GAUCHE*/
/***************/
#gauche { float: left; margin: 0px 0px 0px 0px; padding: 60px 0px 0px 0px; width: 219px; font-size: 11px; }

#gaucheIndex { float: left; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; width: 219px; font-size: 11px; }
#gaucheAgenda { float: left; margin: 0px 0px 0px 0px; padding: 30px 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; }
#gaucheIndex p { margin: 0px 0px 0px 0px; padding: 0px 22px; 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 { margin: 0px; background-image: url(../images/css/gauche-fond-vert.gif); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 25px; }
.actuVert h1 { height: 25px; background-image: url(../images/css/gauche-fondH1-vert.gif); background-repeat: no-repeat; margin: 0px; }

.actuBleu { margin: 0px; background-image: url(../images/css/gauche-fond-bleu.gif); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 25px; }
.actuBleu h1 { height: 25px; background-image: url(../images/css/gauche-fondH1-bleu.gif); background-repeat: no-repeat; margin: 0px; }

.actuClinique { margin: 0px; background-image: url(../images/css/gauche-fond-actuN.gif); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 25px; }
.actuClinique h1 { height: 25px; background-image: url(../images/css/gauche-fondH1-clinique.gif); background-repeat: no-repeat; margin: 0px; }

.actuBlanc { margin: 0px; padding-bottom: 10px; }
.actuBlanc h1 { color: #4CADE1; }

.Menu { margin: 0px; padding: 0px 0px 5px 25px; }
.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; }


ul { margin: 0px; padding-left: 20px; }
li { list-style: square; margin: 0px; padding: 0px 0px 3px 0px; }


#gauche h1 {background-image: url(../images/css/fond-gaucheh1.gif); background-repeat:no-repeat; font-weight:bold; color: #000000; font-size: 14px; padding: 4px 0px 8px 30px; margin: 10px 0px 5px 0px; }
#gaucheIndex h1 {  font-weight:bold; color: #33B1E6; font-size: 14px; padding: 10px 0px 8px 20px; margin: 0px 0px 5px 0px;  }

#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: #3385D5;font-size: 11px; font-weight:bold; margin-top: 0px; margin-bottom: 0px; padding-left: 20px; width: 180px; }
#gaucheIndex h2.titrebleu { color: #46A9F9;font-size: 11px; font-weight:700; 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; }
#gaucheIndex 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; width: 178px; }

.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: 1068px; color: #000000; font-size: 10px; padding-top: 3px; text-align: center;/* background-image: url(../images/css/pied-fond.gif); background-repeat: repeat-y;*/  }
#pied a { font-size: 10px; color:#000000; text-decoration: none; }
#pied a:hover { font-size: 10px; color: #000000; text-decoration: underline; }
#pied a:visited { color: #000000; }
#pied p { margin: 0px; padding: 0px; }
#piedIndex { width: 1068px; color: #000000; font-size: 10px; padding-top: 3px; text-align: center; background-image: url(../images/css/fond-pied-index.jpg); background-repeat: no-repeat;  }
#piedIndex a { font-size: 10px; color:#000000; text-decoration: none; }
#piedIndex a:hover { font-size: 10px; color: #000000; text-decoration: underline; }
#piedIndex a:visited { color: #000000; }
#piedIndex 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; }

.titreEquipe { color: #000000; font-weight:bold;  }
.carteIdentite { height: 241px; padding: 20px 10px 10px 10px; background-image: url(../images/css/fondID.gif); background-repeat: no-repeat; }
.carteIdentiteBlanc { height: 35px;  }
.carteIdentiteGris { font-size: 11px; background-color: #C0C0C0; width: 165px; height: 157px; }
.carteIdentiteI { padding-top: 34px; }