/* CSS Document */
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: justify;
background-color: #91c3ee;
}

table {
padding: 0;
margin: 0;
border: none;
}

a img {border: none;}

a:link {
text-decoration: none;
color: #E6E035;
border: none;
}

a:visited {
text-decoration: none;
color: #E6E035;
border: none;
}

a:hover {
text-decoration: none;
color: #000000;
border: none;
}

a:active {
text-decoration: none;
color: #000000;
border: none;
}

h1 {
font-size: 14px;
color: #000000;
text-decoration: underline;
font-weight: normal;
margin-bottom: 30px;
font-family: "Times New Roman", Times, serif;
}

h2 {
font-size: 14px;
color: #000000;
text-decoration: underline;
font-weight: normal;
margin-top: 30px;
margin-bottom: 30px;
font-family: "Times New Roman", Times, serif;
}


/* ######################### SPAN ######################### */


.bleu {
color: #2948CF;
}

.vert {
color: #156603;
}

.rouge {
color: #9F0101;
}

.orange{
color: #ff9900;
}

.violet{
color: #221357;
}

.noir{
color: #000000;
}

.souligner {
text-decoration: underline;
}

.gras {
font-weight: bold;
}

.italique {
font-style: italic;
}

.px16 {
font-size: 16px;
}

.line-height16 {
line-height: 11pt;
}


/* ######################### CLASS ######################### */


.marge10 {
margin-top: 10px;
}

.marge20 {
margin-top: 20px;
}

.marge25 {
margin-top: 25px;
}

.marge30 {
margin-top: 30px;
}

.marge40 {
margin-top: 40px;
}

.marge60 {
margin-top: 60px;
}

.border {
border: 1px solid #000000;
}

.marge-left120 {
margin-left: 120px;
}

.marge-left73 {
margin-left: 73px;
}

.centré {
text-align: center;
}

.hidden {
visibility: hidden;
}

.clear {
clear: both;
}

.display-celltable {
display: table-cell;
vertical-align: middle;
}


/* ######################### TEMPLATE ######################### */


#main {
position: relative;
margin-left: auto;
margin-right: auto;
top: -1px;
width: 936px;
}

#header {
position: relative;
left: -24px;
width: 968px;
height: 232px;
background-image: url(../image/template/header.jpg);
background-repeat: no-repeat;
}

#corps {
position: relative;
width: 936px;
background-color: #696969;
}

#barre-gauche {
position: absolute;
top: 0px;
left: 0px;
width: 20px;
height: 100%;
background-image: url(../image/template/barre-gauche.jpg);
background-repeat: repeat-y;
}

#barre-droite {
position: absolute;
top: 0px;
right: 0px;
width: 20px;
height: 100%;
background-image: url(../image/template/barre-droite.jpg);
background-repeat: repeat-y;
}

#page {
position: relative;
margin-left: auto;
margin-right: auto;
top: 20px;
width: 528px;
}

#pagehaut {
width: 528px;
height: 9px;
background-image: url(../image/template/pagehaut.jpg);
background-repeat: no-repeat;
}

#pagemid {
width: 528px;
background-image: url(../image/template/page.jpg);
background-repeat: repeat-y;
}

#txt {
width: 496px;
min-height: 788px;
padding-left: 15px;
padding-right: 17px;
padding-top: 1px;
padding-bottom: 1px;
}

#pagebas {
width: 528px;
height: 11px;
background-image: url(../image/template/pagebas.jpg);
background-repeat: no-repeat;
margin-bottom: 42px;
}

#bas {
position: relative;
left: -6px;
width: 947px;
height: 84px;
background-image: url(../image/template/bas.jpg);
background-repeat: no-repeat;
}

#bas-compteur {
position: absolute;
top: 44px;
left: 47px;
}

#bas-w3c {
position: absolute;
top: 43px;
right: 48px;
}


#menu1 {
position: absolute;
top: 266px;
left: 19px;
width: 153px;
height: 158px;
background-image: url(../image/template/menus/accueil.jpg);
background-repeat: no-repeat;
}

#menu2 {
position: absolute;
top: 449px;
left: 19px;
width: 153px;
height: 194px;
background-image: url(../image/template/menus/contenu.jpg);
background-repeat: no-repeat;
}

#menu3 {
position: absolute;
top: 667px;
left: 19px;
width: 153px;
height: 159px;
background-image: url(../image/template/menus/disque.jpg);
background-repeat: no-repeat;
}

#menu4 {
position: absolute;
top: 850px;
left: 19px;
width: 153px;
height: 82px;
background-image: url(../image/template/menus/livre.jpg);
background-repeat: no-repeat;
}

#menu5 {
position: absolute;
top: 265px;
left: 764px;
width: 153px;
height: 159px;
background-image: url(../image/template/menus/commande.jpg);
background-repeat: no-repeat;
}

#menu6 {
position: absolute;
top: 449px;
left: 764px;
width: 153px;
height: 158px;
background-image: url(../image/template/menus/mot.jpg);
background-repeat: no-repeat;
}

#menu7 {
position: absolute;
top: 632px;
left: 764px;
width: 153px;
height: 158px;
background-image: url(../image/template/menus/activites.jpg);
background-repeat: no-repeat;
}

#menu8 {
position: absolute;
top: 815px;
left: 764px;
width: 153px;
height: 121px;
background-image: url(../image/template/menus/extraits.jpg);
background-repeat: no-repeat;
}

#m1 {
position: absolute;
font-size:14px;
width: 131px;
height: 50px;
top: 320px;
left: 27px;
}

#m2 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 506px;
left: 27px;
}

#m3 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 685px;
left: 800px;
}

#m4 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 867px;
left: 800px;
}

#m5 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 320px;
left: 800px;
}

#m6 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 503px;
left: 800px;
}

#m7 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 723px;
left: 27px;
}

#m8 {
position: absolute;
font-size:14px;
width: 131px;
height: 150px;
top: 899px;
left: 27px;
}