body {margin:0px; background-color: #FDFFF0; font-family: verdana, Arial, Helvetica, sans-serif; text-align:center}
img{border: 0px; margin: 0px;}
a, a:hover {text-decoration: none;}

#principal {position: relative;margin-left: auto; margin-right: auto; margin-top: 5px; width: 756px; text-align:left;}
#mention {position: relative; margin-left: auto; margin-right: auto; margin-top: 5px; width: 756px; text-align: center; font-family:verdana,Arial,Helvetica,sans-serif;color:#70AA4C;font-size:11px;}
#mention .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#70AA4C;font-size:11px;}
#fd_accueil {position: relative; background-image: url(../images/fond_accueil.gif); width: 756px; height: 445px;background-repeat: no-repeat; }
#logo_cr {position: absolute; top: -5px; left: -5px; width: 189px; height: 75px; z-index: 10;}
#logo_bl {position: absolute; top: 70px; left: 0px; width: 155px; height: 61px; z-index: 10;}
#menu_gauche {position: relative; padding-top: 130px; margin-left: -6px; width: 163px; float: left;}

#ssmenu_gauche {position: relative; padding-left:15px;padding-top: 20px;}
#menu_top {position: relative; padding-top: 25px; margin-left:410px; width: 315px; height: 24px;}

#contenu {position: relative; padding-top: 9px; width: 599px; float: left;}


table a, .lienContenu {color: #DAE23D;text-decoration: none;font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
table a:hover, .lienContenu:hover {color: #DAE23D;text-decoration: underline;font-family:verdana,Arial,Helvetica,sans-serif}

#fd_cafeteria {position: relative; background-image: url(../images/fond_cafeteria.gif); width: 756px; min-height: 668px; background-color: #D70004; background-repeat: no-repeat;}
#fd_cafeteria #contenu {padding-top: 15px}

#mention_1, #mention_2, #mention_3, #mention_4, #mention_5, #mention_6, #mention_7, #mention_8, #mention_9, #mention_10, #mention_11 {position: relative; margin-left: auto; margin-right: auto; width: 756px; text-align: right; font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_1 {position: relative; background-image: url(../images/fond_1.gif); width: 756px; min-height: 668px; background-color: #C40009; background-repeat: no-repeat; }
#fd_1 #contenu {padding-top: 13px}
#mention_1 {background-image: url(../images/fond_pied_1.gif); width: 756px;}
#mention_1 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_2 {position: relative; background-image: url(../images/fond_2.gif); width: 756px; min-height: 668px; background-color: #D70004; background-repeat: no-repeat;}
#fd_2 #contenu {padding-top: 15px}
#mention_2 {background-image: url(../images/fond_pied_2.gif); width: 756px;}
#mention_2 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_3 {position: relative; background-image: url(../images/fond_3.gif); width: 756px; min-height: 668px; background-color: #568738; background-repeat: no-repeat;background-position: top left;}
#fd_3 #contenu {padding-top: 15px}
#mention_3 {background-image: url(../images/fond_pied_3.gif); width: 756px;}
#mention_3 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_4 {position: relative; background-image: url(../images/fond_4.gif); width: 756px; min-height: 668px; background-color: #C40009; background-repeat: no-repeat; }
#fd_4 #contenu {padding-top: 13px}
#mention_4 {background-image: url(../images/fond_pied_4.gif); width: 756px;}
#mention_4 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_5 {position: relative; background-image: url(../images/fond_5.gif); width: 756px; min-height: 668px; background-color: #7AB27A; background-repeat: no-repeat;}
#fd_5 #contenu {padding-top: 15px}
#mention_5 {background-image: url(../images/fond_pied_5.gif); width: 756px;}
#mention_5 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_6 {position: relative; background-image: url(../images/fond_6.gif); width: 756px; min-height: 668px; background-color: #E84505; background-repeat: no-repeat;}
#fd_6 #contenu {padding-top: 15px}
#mention_6 {background-image: url(../images/fond_pied_6.gif); width: 756px;}
#mention_6 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_7 {position: relative; background-image: url(../images/fond_7.gif); width: 756px; min-height: 668px; background-color: #BDCD00; background-repeat: no-repeat;}
#fd_7 #contenu {padding-top: 15px}
#mention_7 {background-image: url(../images/fond_pied_7.gif); width: 756px;}
#mention_7 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_8 {position: relative; background-image: url(../images/fond_8.gif); width: 756px; min-height: 668px; background-color: #70AA4C; background-repeat: no-repeat;}
#fd_8 #contenu {padding-top: 15px}
#mention_8 {background-image: url(../images/fond_pied_8.gif); width: 756px;}
#mention_8 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_9 {position: relative; background-image: url(../images/fond_9.gif); width: 756px; min-height: 668px; background-color: #E84505; background-repeat: no-repeat;}
#fd_9 #contenu {padding-top: 15px}
#mention_9 {background-image: url(../images/fond_pied_9.gif); width: 756px;}
#mention_9 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_10 {position: relative; background-image: url(../images/fond_10.gif); width: 756px; min-height: 668px; background-color: #BCD5BC; background-repeat: no-repeat;}
#fd_10 #contenu {padding-top: 15px}
#mention_10 {background-image: url(../images/fond_pied_10.gif); width: 756px;}
#mention_10 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

#fd_11 {position: relative; background-image: url(../images/fond_10.gif); width: 756px; min-height: 668px; background-color: #BCD5BC; background-repeat: no-repeat;}
#fd_11 #contenu {padding-top: 15px}
#mention_11 {background-image: url(../images/fond_pied_10.gif); width: 756px;}
#mention_11 .lien_mention {font-family:verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;font-size:11px;}

.back{background-color: #000000; height: 27px; padding-top: 5px; padding-left: 5px;}
.nofloat{clear: both;}

#carte_cafeteria {width: 330px; height: 330px; margin-top: 15px; margin-bottom: 16px;}
#carte_cafeteria_big {width: 600px; height: 600px; margin-top: 15px; margin-bottom: 16px;}

/* FIDELITE */
.errMsg {color: #DC001A; font-size: 11px;}
#retour {position: absolute; top: 33px; left: 530px;}

#login {height: 545px; background-image: url(../images/fid_accueil.jpg); background-repeat: no-repeat; border-top: 1px solid #FFFFF2}
#loginForm {position: absolute; top: 160px; left: 360px; width: 370px; font-family: Helvetica, Arial; font-size: 13px; color: #153204; font-weight: bold;}
#loginForm label {float: left; width: 115px; text-align: right; margin-right: 15px;}
#loginForm input {float: left; width: 155px; border: 1px solid #DC001A; background-color: #D4E28D}
#loginForm .btn {float: left; width: 30px; text-align: center; color: #FFFFFF; background-color: #DC001A; font-weight: bold; border: none;}
#loginForm a {font-size: 11px; color: #153204; text-decoration: underline; font-weight: normal;}

#portail {height: 692px; background-image: url(../images/fid_portail.jpg); background-repeat: no-repeat; border-top: 1px solid #FFFFF2}
#identite {position: absolute; top: 80px; left: 230px; color: #446A2C; font-family: Arial; font-size: 13px; font-weight: bold}
#menu {position: absolute; top: 140px; left: 230px; color: #DA0011; font-family: Arial; font-size: 11px; font-weight: bold}
#menu a {color: #446A2C ; text-decoration: none;}
#menu a:hover {text-decoration: underline;}
#promo {position: absolute; top: 295px; left: 15px;}
#releve {position: absolute; top: 189px; left: 300px; width: 390px; height: 305px; font-family: Arial; font-size: 11px; font-weight: bold; }
#releve .titre {color: #DE1128; font-size: 13px; height: 30px;}
#releve .date {float: left; width: 70px; color: #446A2C; font-size: 11px; margin-bottom: 8px;}
#releve .resto {float: left; width: 250px; color: #446A2C; font-size: 11px; }
#releve .montant {float: left; width: 70px; color: #446A2C; font-size: 11px; text-align: right; }
#releve .solde {color: #E54453; font-size: 13px;}

#pwd .titre {color: #446A2C; font-size: 13px; height: 30px;}
#pwd {position: absolute; top: 189px; left: 270px; font-family: Arial; font-size: 11px; font-weight: bold; width: 440px; height: 305px}
#pwd .solde {color: #E54453; font-size: 13px;}
#pwd label {float: left; color: #133101; width: 100px; text-align: left;}
#pwd input {float: left; width: 140px; border: 1px solid #DC001A; background-color: #D4E28D}
#pwd .btn {float: left; width: auto; text-align: center; color: #FFFFFF; background-color: #DC001A; font-weight: bold; border: none;}
#pwd .check {width: 10px; border: 1px solid #DC001A; background-color: #D4E28D}
.decalage {padding-left: 10px}

#historique {min-height: 480px; background-image: url(../images/fid_top_histo.jpg); background-repeat: no-repeat; border-top: 1px solid #FFFFF2}
#histoListe {position: relative; margin-top: 189px; margin-left: 250px; width: 480px; font-family: Arial; font-size: 11px; font-weight: bold; }
#histoListe .degrade {background-color: #9DB758; min-height: 300px;_height: 300px; background-image: url(../images/fid_degrade_milieu.png); background-repeat: no-repeat;}
#histoListe .titre {padding-left: 10px; color: #DE1128; font-size: 13px; height: 30px;}
#histoListe .date {padding-left: 10px; float: left; width: 70px; color: #446A2C; font-size: 11px; margin-bottom: 8px;}
#histoListe .resto {float: left; width: 250px; color: #446A2C; font-size: 11px; }
#histoListe .montant {float: left; width: 70px; color: #446A2C; font-size: 11px; text-align: right;}
#histoListe .solde {color: #E54453; font-size: 13px;}

#modifInfo {position: relative; min-height: 692px;  background-image: url(../images/fid_modifinfo.jpg); background-repeat: no-repeat; border-top: 1px solid #FFFFF2}
#enregistrement {position: relative; min-height: 692px;  background-image: url(../images/fid_formulaire.jpg); background-repeat: no-repeat; border-top: 1px solid #FFFFF2}
#modifInfo small, #enregistrement small {font-size: 9px; font-color: #ffffff; font-family: Arial; }

#questionnaire {position: relative;margin-top: 150px;}
#questionnaire #info {position: relative;  padding-left: 330px; font-family: Arial; font-size: 11px; font-weight: normal; width: 300px; _width: 700px; text-align: left;}
#questionnaire .titre {color: #133101; font-size: 13px;}
#info label {float: left; width: 100px; color: #133101;}
#info input, #info select, #info textarea {float: left; width: 170px; border: 1px solid #DC001A; background-color: #D4E28D; font-size: 11px;}
#questionnaire .btn {float: left; width: auto; text-align: center; color: #FFFFFF; background-color: #DC001A; font-weight: bold; border: none;}
#questionnaire #situPerso {position: relative; float: left; padding-left: 50px; font-family: Arial; font-size: 11px; font-weight: normal; width: 300px; _width: 350px; text-align: right;}
#questionnaire #mktg {position: relative;float: left; padding-left: 50px; font-family: Arial; font-size: 11px; font-weight: normal; width: 310px; _width: 360px; text-align: left;}
#situPerso label {float: right; color: #133101; text-align: right;}
#situPerso input, #situPerso select {float: right; width: 100px; border: 1px solid #DC001A; background-color: #D4E28D; font-size: 11px;margin-right: 5px;margin-left: 2px;}
#situPerso table {font-size: 11px;}
#mktg label {float: left;  color: #133101; text-align: left;}
#mktg input, #mktg select {float: left;width: 100px; border: 1px solid #DC001A; background-color: #D4E28D; font-size: 11px;}
#mktg select {width: 200px;}
#mktg textarea {width: 300px; border: 1px solid #DC001A; background-color: #D4E28D; font-size: 11px;}
#questionnaire .titre {font-weight: bold;}
#questionnaire .rouge {font-weight: bold; color: #DC001A}
#questionnaire a.rouge:hover {text-decoration: underline;}
#newPwd .check, #questionnaire .check {width: 15px; border: none; background-color: transparent;margin-right: 5px;margin-left: 2px;}

span.b {font-weight: bold; font-size: 15px;}

/*VALIDATION */
.validation-failed {background-color: #F75959 !important; color : #ffffff;}
.validation-advice { float: left; color : #DC001A; font-weight: bold; width: 20px; margin-left: 5px;}
.nofloat5 {clear: both; height: 5px;}

#listeResto .btn {text-align: center; color: #FFFFFF; background-color: #DC001A; font-weight: bold; border: none;}

#cgu, #cgu a{text-align: right; font-size: 9px; color: #133101;text-decoration: none;}

#popup_div { border: 1px solid #000000; z-index: 1002; background: #ffffff url(/themes/commun/images/spacer.gif); -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#popup_div handle { cursor: move }
#popup_div_mask { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; background-color :#000000; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50) }

/* FIN DE FIDELITE*/