body { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fafafa; background-image: url(../images/main/background.jpg); background-repeat: repeat; min-width:640px     }
a {	text-decoration: none; color: #afafaf; background-color: transparent}
a:hover { color: #6b0000;}
#mainHeader,#mainContent,#mainPiture,#mainMenu,#mainFooter {overflow:hidden; display:block}
/* safari and opera need this */
#wrapper{ background-color: #fff; background-image: url(../images/main/bkgWrapper.jpg); background-repeat: repeat-y; margin-left: -347px; position: absolute; top: 10%; left: 50%; width: 694px; }
#mainHeader,#mainFooter {width:694px}
#mainHeader { background-image: url(../images/main/bkgHeader.jpg); background-repeat: no-repeat; height: 84px; margin-right: -379px; padding-top: 6px; padding-left: 379px; }
#mainContent,#mainContentXL,#mainMenu {float:left}
#mainContent { width: 335px; overflow: hidden; }
#mainContentXL { width: 509px; overflow: hidden; border-right: 2px solid #1c191d;}
#mainPicture { background-color: #fff; margin-top: 12px; width: 174px; height: 340px; border-right: 2px solid #1c191d; }
#mainMenu { width:180px ; height: 340px; margin-right: -5px; padding-bottom: 12px; padding-left: 5px; }
#mainFooter { color: #afafaf; font-size: 10px; line-height: 10px; background-image: url(../images/main/bkgFooter.jpg); background-repeat: no-repeat; text-align: center; height: 40px; clear:left            ; margin-bottom: -10px; padding-top: 10px; }
#content { position: relative; top: 12px; left: 25px; width: 300px; overflow: hidden; margin: 0 0 15px; padding: 0; border: solid 2px #e5e5e5; }
#contentXL { position: relative; top: 12px; left: 25px; width: 474px; overflow: hidden; margin: 0 0 10px; padding: 0; border: solid 2px #e5e5e5; }
#memberLoginBox{ color: #000; font-size: 12px; line-height: 14px; background-color: #fff; background-image: url(../images/main/membersLogin.jpg); background-repeat: no-repeat; vertical-align: middle; height: 56px; margin: 12px 5px 10px; padding-left: 132px; display: block; }
#memberLoginBox a{ color: #000;}
#memberLoginBox a:hover{ color: #afafaf;}
/* Dividers */
.menuDivider { background-image: url(../images/main/menuDivider.jpg); background-repeat: no-repeat; width: 155px; height: 11px; margin-top: 8px; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
.contentDivider{ color: #afafaf; font-size: 20px; font-weight: bold; background-color: #fff; background-image: url(../images/main/contentDivider.jpg); background-repeat: no-repeat; background-position: 0 10px; vertical-align: top; width: 280px; margin-top: 5px; margin-left: 5px; padding-left: 25px; }

.contentTitle{ background-color: #fff; padding-right: 2px; padding-left: 2px; }
.contentText{ font-size: 12px; line-height: 12px; text-align: justify; padding: 10px 10px 10px 5px; }
/* Fonts */
h1 { color: #000; font-size: 30px; font-family: Arial; font-weight: bold; line-height: 24px; margin: 2px 0 8px; }
h2 { color: #afafaf; font-size: 18px; line-height: 12px; margin: 9px 0 8px; }
h3 { color: #6b0000; font-size: 10px; line-height: 12px; margin: 7px 5px; padding: 0 14px; border-right: 10px solid #6b0000; border-left: 10px solid #6b0000; }
h3 a { color: #6b0000; }
h3 a:hover{color: #afafaf;}
#mainMenu ul { color: #afafaf; font-size: 16px; font-weight: bold; line-height: 16px; margin-top: 2px; margin-bottom: 8px; list-style-type: none; }
.miniLogo { vertical-align: -3px; }
.signupLink{ color: #000; }
/*Pictogrammes*/
#picto1,#picto2,#picto3,#picto4,#picto5,#picto6,#picto7,#picto8,#picto9,#picto10,#picto11,#picto12,#picto13,#picto14,#picto15,#picto16,#picto17,#picto18,#picto19,#picto20,#picto21,#picto22,#picto23,#picto24,#picto25,#picto26,#picto27,#picto28 { background-color: #fff; background-repeat: no-repeat; width: 176px; height: 340px; float: left; margin-top: 12px; border-right: 2px solid #1c191d; }
#picto1 { background-image: url(../images/pictograms/picto001.jpg) }
#picto2 { background-image: url(../images/pictograms/picto002.jpg) }
#picto3 { background-image: url(../images/pictograms/picto003.jpg) }
#picto4 { background-image: url(../images/pictograms/picto004.jpg) }
#picto5 { background-image: url(../images/pictograms/picto005.jpg) }
#picto6 { background-image: url(../images/pictograms/picto006.jpg) }
#picto7 { background-image: url(../images/pictograms/picto007.jpg) }
#picto8 { background-image: url(../images/pictograms/picto008.jpg) }
#picto9 { background-image: url(../images/pictograms/picto009.jpg) }
#picto10 { background-image: url(../images/pictograms/picto010.jpg) }
#picto11 { background-image: url(../images/pictograms/picto011.jpg) }
#picto12 { background-image: url(../images/pictograms/picto012.jpg) }
#picto13 { background-image: url(../images/pictograms/picto013.jpg) }
#picto14 { background-image: url(../images/pictograms/picto014.jpg) }
#picto15 { background-image: url(../images/pictograms/picto015.jpg) }
#picto16 { background-image: url(../images/pictograms/picto016.jpg) }
#picto17 { background-image: url(../images/pictograms/picto017.jpg) }
#picto18 { background-image: url(../images/pictograms/picto018.jpg) }
#picto19 { background-image: url(../images/pictograms/picto019.jpg) }
#picto20 { background-image: url(../images/pictograms/picto020.jpg) }
#picto21 { background-image: url(../images/pictograms/picto021.jpg) }
#picto22 { background-image: url(../images/pictograms/picto022.jpg) }
#picto23 { background-image: url(../images/pictograms/picto023.jpg) }
#picto24 { background-image: url(../images/pictograms/picto024.jpg) }
#picto25 { background-image: url(../images/pictograms/picto025.jpg) }
#picto26 { background-image: url(../images/pictograms/picto026.jpg) }
#picto27 { background-image: url(../images/pictograms/picto027.jpg) }
#picto28 { background-image: url(../images/pictograms/picto028.jpg) }