body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   background: #CCC;
   margin: 0px;
   padding: 0px;
   color: #666;
}
body.blanc {
   background: white;
}
a {
   color: #C00;
   text-decoration: none;
}
a:hover {
   color: #C00;
   text-decoration: underline;
}
#page {
   margin: 0px auto;
   width: 832px;
}
#ombreGauche {
   background: url(../images/degradegauche.jpg) repeat-y right;
   width: 15px;
}
#ombreDroite {
   background: url(../images/degradedroite.jpg) repeat-y left;
   width: 15px;
}
#centre {
   vertical-align: top;
   width: 800px;
   border: 1px #C70122;
   border-style: none solid;
   background: white;
}
#entete {
   background: url(../images/bandeau.jpg) no-repeat top center;
   height: 156px;
   position: relative;
}
#entete a#logo {
   text-decoration: none;
   position: absolute;
   top: 0px;
   left: 0px;
}
#entete a#logo img {
   border: none;
}
#entete a#logo:hover {
   text-decoration: none;
}
#entete a#logoUT1 {
   text-decoration: none;
   position: absolute;
   top: 70px;
   left: 473px;
}
#entete a#logoUT1 img {
   border: none;
}
#entete a#logoUT1:hover {
   text-decoration: none;
}
#entete #menuInscription {
   position: absolute;
   top: 128px;
   left: 105px;
   height: 28px;
   width: 289px;
}
#entete #menuInscription img {
   float: left;
}
#entete #menuInscription a#inscription {
   display: block;
   background: url(../images/ins-etudiant.jpg) no-repeat;
   text-decoration: none;
   width: 120px;
   height: 28px;
   float: left;
}
#entete #menuInscription a#inscription:hover {
   background: url(../images/ins-etudiant2.jpg) no-repeat;
   text-decoration: none;
}
#entete #menuInscription a#inscripEntreprise {
   display: block;
   background: url(../images/ins-entreprise.jpg) no-repeat;
   text-decoration: none;
   width: 101px;
   height: 28px;
   float: left;
}
#entete #menuInscription a#inscripEntreprise:hover {
   background: url(../images/ins-entreprise2.jpg) no-repeat;
   text-decoration: none;
}
#gauche {
   width: 140px;
   float: left;
   margin: 10px 10px;
}
#menu {
   border: solid #6C93A2;
   border-width: 0px 1px 1px;
}
#menu a {
   display: block;
   position: relative;
   width: 128px;
   padding: 3px 5px;
   color: #666;
   text-decoration: none;
   background: url(../images/fondMenu.jpg) repeat-x;
   border-top: 1px solid #6C93A2;
}
#menu a.menuActif, #menu a:hover {
   color: white;
   text-decoration: none;
   background: url(../images/fondMenu2.jpg) repeat-x;
}
#menu a.sousMenu {
   display: block;
   position: relative;
   width: 118px;
   padding: 3px 5px 3px 15px;
   color: #666;
   text-decoration: none;
   background: url(../images/fondSousMenu.jpg) repeat-x;
   border-top: 1px solid #6C93A2;
}
#menu a.sousMenu.menuActif, #menu a.sousMenu:hover {
   color: #333;
   text-decoration: none;
   background: url(../images/fondSousMenu2.jpg) repeat-x;
}
#menu a img {
   border: none;
   position: absolute;
   top: 50%;
   margin-top: -6px;
   left: 125px;
}
#menu a.sousMenu img {
   margin-top: -2px;
}
#autresLiens {
   margin: 20px 0px 10px;
}
#contenus {
   margin-left: 175px;
   width: 622px;
   position: relative;
   background: url(../images/persos.gif) no-repeat right 60px;
}
.contenuBodyFCK {
   padding: 5px;
   background: white;
}
.cacherLienImage {
   display: none;
}
.contenuBodyFCK .cacherLienImage {
   display: inline;
}
#flecheHaut {
   background: url(../images/angle-h-g.gif) no-repeat left;
   width: 7px;
   height: 7px;
   top: 60px;
   position: absolute;
}
#flecheBas {
   background: url(../images/angle-b-d.gif) no-repeat right;
   height: 7px;
   margin: 10px;
}
#popup a.fermer {
   padding-right: 15px;
   margin-right: 2px;
   color: black;
   background: url(../images/fermer.gif) no-repeat right center;
}
.action {
   height: 22px;
   margin: 0px 0px 10px auto;
}
.basAction {
   margin: 10px 0px 0px auto;
}
#popup .action {
   margin: 10px 0px 10px auto;
}
.action a {
   display: block;
   height: 22px;
   text-decoration: none;
}
.action a:hover {
   text-decoration: none;
}
.action a.augmenter {
   background: url(../images/textePlus01.jpg) no-repeat;
   width: 37px;
}
.action a.augmenter:hover {
   background: url(../images/textePlus02.jpg) no-repeat;
}
.action a.diminuer {
   background: url(../images/texteMoins01.jpg) no-repeat;
   width: 35px;
}
.action a.diminuer:hover {
   background: url(../images/texteMoins02.jpg) no-repeat;
   width: 35px;
}
.action a.recommander {
   background: url(../images/mail01.jpg) no-repeat;
   width: 53px;
}
.action a.recommander:hover {
   background: url(../images/mail02.jpg) no-repeat;
}
.action a.imprimer {
   background: url(../images/imprimer01.jpg) no-repeat;
   width: 42px;
}
#popup a.imprimer {
   width: 40px;
}
.action a.imprimer:hover {
   background: url(../images/imprimer02.jpg) no-repeat;
}
.action a.favoris {
   background: url(../images/favoris01.jpg) no-repeat;
   width: 33px;
}
.action a.favoris:hover {
   background: url(../images/favoris02.jpg) no-repeat;
}
.action a.haut {
   margin-right: 15px;
   display: inline;
   padding-left: 15px;
   text-decoration: underline;
   background: url(../images/flechHaut.gif) no-repeat left center;
}
.action a.haut:hover {
   text-decoration: none;
}
h1, h2, h3 {
   color: #C00;
   margin: 0px;
   padding: 0px;
}
h1 {
   font-size: 15px;
   font-weight: bold;
}
h2 {
   font-size: 13px;
   font-weight: bold;
}
h3 {
   font-size: 13px;
   font-weight: normal;
}
.legende {
   font-size: 12px;
   font-style: italic;
   color: black;
   margin-top: 10px;
}
.cadre {
   border: 1px solid #999;
   padding: 5px;
   margin: 10px;
}
#pied {
   background: url(../images/menu-bas.jpg) no-repeat bottom center;
   height: 59px;
}
#piedAP {
   text-align: center;
   font-size: 11px;
   font-style: italic;
   margin-top: 5px;
}
#piedAP a {
   color: #333;
}
#piedAP a:hover {
   color: #C00;
}
div#menuContact {
   text-align: center;
   margin: 25px auto 15px;
   padding-bottom: 5px;
   clear: both;
   width: 529px;
   background: url(../images/trait.jpg) no-repeat bottom;
}
div#menuContact a {
   border-bottom: 3px solid transparent;
   padding: 1px 2px;
   margin: 5px;
   color: #666;
   text-decoration: none;
}
div#menuContact a.actif {
   border-bottom-color: #CCC;
}
div#menuContact a:hover {
   border-bottom-color: #666;
   text-decoration: none;
}
div.nomEntreprise {
   font-weight: bold;
   font-size: 18px;
   text-align: center;
   margin-top: 10px;
}
div.activitesEntreprise {
   text-align: right;
   text-align: center;
}
.jourHoraires {
   font-weight: bold;
   padding-right: 25px;
}
.heureHoraires {
   padding: 0px 4px 0px 0px;
}
.commentaireHoraires {
   font-style: italic;
}
.carteFiche {
   height: 500px;
   width: 80%;
   margin: 0px;
}
input.champsTexte, textarea.champsTexte {
   border: 1px solid #999;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
td.titre {
   text-align: center;
   font-size: 14px;
   padding-bottom: 10px;
}
td.commandes {
   text-align: center;
   padding-top: 10px;
}
td.commandes input {
   border: 1px solid #999;
   background-color: #EBEBEB;
   cursor: pointer;
   padding: 0px 1px 4px;
   height: 20px;
}
td.commandes input.over {
   background-color: #D9D9D9;
}
div.erreur {
   background-color: #F4D9D7;
   border: 1px solid red;
   font-weight: bold;
   color: red;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
div.reussi {
   background-color: #DFF1D6;
   border: 1px solid #006400;
   font-weight: bold;
   color: #006400;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
td.infosTitre {
   font-weight: bold;
}
table.recommander {
   margin-top: 30px;
}
table.recommander .fondGris {
   background-color: #EFEFEF;
}
table.recommander #amis {
   height: 83px;
   border: 1px solid #999;
   background-color: White;
   overflow: hidden;
}
table.recommander #amis div {
   cursor: default;
   height: 16px;
   overflow: hidden;
   border-bottom: 1px solid #D0D0D0;
}
table.recommander .flecheGrise {
   background: url(../images/fleche.gif) no-repeat;
   width: 48px;
}
h1.enConstruction {
   text-align: center;
   margin-top: 20px;
}
p.enConstruction {
   margin: 20px;
   text-align: center;
}
.rechImgAS {
   font-size: 11px;
   font-style: italic;
}