body { font-family: Calibri, Arial, Helvetica, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; background-color: #59b1ce; }
/*styles HEADER */
#conteneur { position: relative; width: 1024px; margin-left: auto; margin-right: auto; text-align: left; }
#global { margin-right: 0px; width: 1024px; }
#header { height: 209px; color: #000000; font-size: 12px; width: 1024px; background-image: url( ../images/css/fond-header.jpg ); background-repeat: no-repeat; }
.HeaderRecherche { float: left; margin: 0px 0px 0px 290px; }
.HeaderAccueil { float: right; margin: 0px 50px 0px 0px; }
.HeaderAccueil a { margin: 0px; color: #000000; text-decoration: none; }
.HeaderAccueil a:hover { text-decoration: underline; }
.champRecherche { background-color: #C1BDBD; border: 1px solid #000000; height: 16px; font-size: 11px; vertical-align: baseline; }
#kw {height: 15px; width: 1086px;font-size:10px;text-align:center;padding:3px;margin-left:auto;margin-right:auto;}
#contenu { width: 1024px; background-image: url( ../images/css/fond-gauche1.jpg ); background-repeat: no-repeat; background-position: bottom left; }
#contenuIndex { width: 1024px; height: 580px; background-image: url( ../images/css/fond-gauche.jpg ); background-repeat: no-repeat; background-position: bottom left; }
#contenuAgenda { width: 1024px; background-image: url( ../images/css/conteneur-fondA.gif ); background-repeat: repeat-y; }

a img { border: 0 none; }
/*styles CENTRE */
#centre { padding: 0px 0px 0px 0px; }

.theme p { padding: 0px 10px 0px 20px; margin: 0px; }
.actu p { padding: 0px 10px 0px 20px; margin: 0px; }

#centre h1 { font-weight: bold; font-family: Calibri; font-size: 17px; padding: 10px 0px 0px 0px; margin: 0px; color: #57ACD4; }

#centre h2 { color: #3385D5; font-weight: normal; letter-spacing: -1px; font-style: italic; font-size: 18px; padding: 15px 0px 10px 0px; margin: 0px; border-bottom: 1px solid #3385D5; }
#centre h3 { font-weight: bold; font-size: 15px; padding-top: 20px; margin: 0px; }
#centre h4 { color: #FFFFFF; font-weight: normal; font-size: 20px; padding: 10px 0px 5px 40px; margin: 0px;  }
#centre h5 { font-weight: bold; font-size: 11px; padding-left: 20px; margin: 0px; }

#centre h5 a {text-decoration:none;color:#000;}

.cellule { float: left; margin: 30px 0px 0px 0px; padding: 0px; }
.celluleP { visibility: hidden; float: left; width: 1px; height: 1px; margin: 0px; font-size: 11px; }
.celluleP p { margin: 0px; padding-left: 20px; padding-right: 5px; }

.celluleHaute {  visibility:hidden; }
.celluleLarge { font-family:Calibri; font-size: 14px; width: 639px; float: left; height: 500px;  background-image: url( ../images/css/fond-accueil1.jpg ); background-repeat:no-repeat; overflow: auto; margin: 0px; padding: 20px 10px 0px 10px; text-align: justify; background-color: #FFFFFF; }
.celluleLarge p { font-family:Calibri; font-size: 14px;  }
.celluleLargeAgenda { width: 531px; float: left; padding-bottom: 10px; background-color: #FFFFFF; text-align: justify; }



.theme { width: 302px; height:300px; background-color: #CDD969; float: left; margin-left: 30px; font-size: 12px; background-image: url( ../images/css/theme.jpg ); }
.actu { width: 302px; height:300px; background-color: #CDD969;  float: left; font-size: 12px; background-image: url( ../images/css/fond-actu.jpg ); }
.presentation { height: 228px; width: 640px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; color: #000000; text-align: justify; background-image: url( ../images/css/fond-accueil.jpg ); background-repeat: no-repeat; }
.presentation p { width: 400px; margin: 0px; padding: 0px 0px 5px 35px; font-size: 12px; }
.titreClinique { font-size: 15px; font-weight:bold; text-transform:uppercase; }
.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 { color: #FFFFFF; }

.lienBLEUdroit { float: right; font-size: 10px; text-align: right; color: #007BBD; padding-bottom: 10px; padding-right: 15px; }
.lienBLEUdroit1 { float: right; font-size: 10px; text-align: right; color: #007BBD; padding-bottom: 10px; padding-right: 0px; }

.imageCentre { margin: 20px 0px 10px 8px; float: right; }
.imageCentre1 { margin-bottom: 10px; float: right; }
.imageCentre2 { float: right; margin-right: 10px; }
.imageCentre2 a { color: #1B62B2; }
.imageCentre2 a:hover { text-decoration: none;}

.imageGauche { margin: 20px 0px 0px 10px; float: left; }
table { margin-left: 0px; font-size: 12px; }
table td { font-size: 12px; vertical-align: top; }


/*styles GAUCHE*/
/***************/
#gauche { float: left; margin: 0px 0px 0px 40px; padding: 0px 0px 0px 0px; width: 290px; 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: repeat-y; padding-bottom: 25px; }
.actuVert h1 { color: #FFFFFF; }

.actuBleu { height: 1px; visibility: hidden; background-image: url(../images/css/gauche-fond-bleu.gif); background-repeat: repeat-y; margin: 0px; padding-bottom: 25px; }
.actuBleu h1 { color: #FFFFFF; }

.actuBlanc { background-image: url(../images/css/gauche-fond-vert.gif); background-repeat: repeat-y; margin: 0px; padding-bottom: 10px; }
.actuBlanc h1 { color: #FFFFFF; }
#zoneLogin {width: 1px; color: #FFFFFF; padding: 0px; margin: 0px; display: none; }
.zoneLogin {width: 230px; height: 35px; color: #FFFFFF; padding: 0px; margin: 0px; }
.zoneLoginI {width: 230px; height: 35px; color: #FFFFFF; padding: 0px; margin: 0px; }
.zoneLogin a { color: #FFFFFF;  }
.zoneLoginI a { color: #FFFFFF;  }

.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; }
.Menu4 li a, li a:hover, li a:visited { color: #3385D5; }


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


#gauche h1 { color: #FFFFFF; width: 210px; border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF; font-weight: normal; letter-spacing: -1px; font-style: italic; font-size: 18px; padding: 0px 0px 0px 20px; margin: 10px 0px 10px 0px; }
#gaucheAgenda h1 { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; font-weight: normal; letter-spacing: -1px; font-style: italic; font-size: 18px; padding: 20px 0px 10px 20px; margin: 0px; }
#gaucheCLIENT h1 { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; font-weight: normal; letter-spacing: -1px; font-style: italic; font-size: 18px; padding: 20px 0px 10px 20px; margin: 0px; }

#gauche h2 { font-size: 12px; 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; 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; }
.coordonnees { color: #FFFFFF; margin: 0px; padding: 0px; clear: both; }


#pied { clear:both; color: white; height: 131px; font-size: 14px; padding: 65px 0px 0px 300px; text-align: center; background-image: url(../images/css/fond-pied.jpg); background-repeat: no-repeat; }
#pied a { font-size: 14px; color: white; text-decoration: underline; }
#pied a:hover { font-size: 14px; color: white; text-decoration: none; }
#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; }
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; }

.menuT { padding: 0px; margin: 0px; height: 26px; }
.menuH1 { display:block; color: #FFFFFF; font-weight: bold; font-family: Trebuchet MS;  font-size: 15px; margin: 5px 0px 5px 0px; padding: 0px; }
.menuH1 a {  width: 190px; padding: 2px 0px 0px 25px; margin: 0px 0px 0px 0px; color: #FFFFFF; background-image: url(../images/css/menu1.gif); background-repeat: no-repeat; }
.menuH1 a:hover { color: #57ACD4;  background-image: url(../images/css/menu.gif); background-repeat: no-repeat; }
.menuH1sub {  width: 190px; padding: 2px 0px 0px 25px; margin: 0px 0px 0px 10px; color: #FFFFFF; background-image: url(../images/css/menu1.gif); background-repeat: no-repeat; }

.menuH2 { color: #000000; background-color: #FFFFFF; margin: 0px; padding: 5px; background-color: #FFFFFF; border: 1px solid #57ACD4;}
.menuH2 a:hover { color: #57ACD4; background-color: #FFFFFF; margin: 0px; padding: 5px; }
.menuH2sub { color: #42A5C5; background-color: #FFFFFF; margin: 0px; padding: 5px; }

.menuH3 { color: #000000; background-color: #FFFFFF; padding: 5px; background-color: #FFFFFF; border: 1px solid #57ACD4; }
.menuH3 a:hover { color: #57ACD4; background-color: #FFFFFF; margin: 0px; padding: 5px;}



/* themes détail*/
.introThemeDetail{font-weight:bold}
.contenuThemeDetail{}
.textContenuThemeDetail{}
.imgContenuThemeDetail{float:left;margin:10px}

/* themes catégorie */
.miniDescThemeCat{width:270px; margin:15px}
.titreThemeCat{margin-bottom:10px;}
.imgContenuThemeCat{float:left;margin:3px;width:50px;}
.introThemeCat{margin-left:60px;}
.miniDescTheme{float:left;width:270px; margin:15px; height:150px;}

/* services */
.miniDescServCat{width:270px; margin:15px}
.titreServCat{margin-bottom:10px;}
.imgContenuServCat{float:left;margin:3px;width:220px;}
.introServCat{margin-left:60px;}
.miniDescServ{float:left;width:270px; margin:15px; height:180px;}