/*
	Generalites
*/

/* vire les marges */
html, body {
  margin: 0;
  padding: 0;
}

/* compatibilite pour le forum */

BODY, TD, TR, P, UL, OL, LI, INPUT, SELECT, DL, DD, DT, FONT
{
    font-family: sans-serif;
    font-size: 12px;
}

a {
color: #32336D;
}

a:visited {
color: #555555;
}

/* 
	Style et positionnement de
	Printer Friendly - Abo - Recherche - Email
*/

a.TopMenu {
position: relative;
top: 3px;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
color: #F9A749;
text-decoration: none;
text-align: right;
}

a.TopMenu:visited {
position: relative;
top: 3px;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
color: #F9A749;
text-decoration: none;
text-align: right;
}

a.TopMenu:hover {
position: relative;
top: 3px;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
text-decoration: none;
}

/* 
	Positionnement et style des menus (texte + images)
	scoop - journal - hors-serie - forum - liens
	Distinction actif / inactif
*/

/* positionnement */

#MenuPos {
position: relative;
top: -62px;
left: 40px;
z-index: 10;
}

/* styles + positionnement scoop + journal */

a.MenuActive {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -40;
z-index: 20;
}

a.MenuActive:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -40;
z-index: 20;
}

a.MenuActive:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -40;
z-index: 20;
}

a.Menu {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -40;
z-index: 20;
}

a.Menu:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -40;
z-index: 20;
}

a.Menu:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -40;
z-index: 20;
}

/* styles + positionnement hors serie */

a.MenuHSActive {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -50;
z-index: 20;
}

a.MenuHSActive:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -50;
z-index: 20;
}

a.MenuHSActive:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -50;
z-index: 20;
}

a.MenuHS {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -50;
z-index: 20;
}

a.MenuHS:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -50;
z-index: 20;
}

a.MenuHS:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -50;
z-index: 20;
}

/* styles + positionnement forum */

a.MenuFActive {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -45;
z-index: 20;
}

a.MenuFActive:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -45;
z-index: 20;
}

a.MenuFActive:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -45;
z-index: 20;
}

a.MenuF {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -45;
z-index: 20;
}

a.MenuF:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -45;
z-index: 20;
}

a.MenuF:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -45;
z-index: 20;
}

/* styles + positionnement liens */

a.MenuLActive {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -33;
z-index: 20;
}

a.MenuLActive:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9A749;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -33;
z-index: 20;
}

a.MenuLActive:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -33;
z-index: 20;
}

a.MenuL {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -33;
z-index: 20;
}

a.MenuL:visited {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #A6743F;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -33;
z-index: 20;
}

a.MenuL:hover {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-decoration: none;
position: relative;
top: 36;
left: -33;
z-index: 20;
}

/*
	Differents types de liens / styles
	utilises dans les textes
*/

a.link {
font-family: sans-serif;
font-size: 12px;
color: #777777;
text-align: justify;
font-weight: normal;
}

.titre {
font-family: sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
}

#standard {
font-family: sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: justify;
}

a.biglink {
font-family: sans-serif;
font-size: 14px;
color: #777777;
text-align: justify;
font-weight: normal;
}

.biglink {
font-family: sans-serif;
font-size: 14px;
text-align: justify;
font-weight: bold;
}

/* table des matiere des journaux inferieurs au no 100 */

.nro { 
font-family:  sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
font-weight: bold;
vertical-align: top;
}

.cat { 
font-family: sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
font-weight: bold;
vertical-align: top;
}

.tit { 
font-family: sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
font-weight: normal;
vertical-align: top;
}

/*
	Position des tables de navigation
	page precedente / suivante / haut / bas
	et du copyright Association CD
*/

.BottomNav {
position: relative;
top: -70px;
z-index: 10;
}

.TopNav {
position: relative;
top: -10px;
z-index: 10;
}

#copyright {
position: relative;
left: -250px;
}

/* positionnement des autres images */

.LogoChaback {
position: relative;
top: 15px;
z-index: 10;
}

.umbrella {
position:relative;
top: -50px;
left: 30px;
z-index: 10;
}

.coeur {
position: relative;
top: -65px;
z-index: 10;
}

/*
	Les fonts standard
*/

H1{
font-family: sans-serif;
font-size: 20px;
font-weight: bold;
color: #000000;
text-align: center;
}

H2 {
font-family: sans-serif;
font-size: 15px;
color: #000000;
text-align: left;
}

H3 {
font-family: sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
font-weight: normal;
}

H4{
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
text-align: justify;
}

H5{
font-family: sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-align: right;
}

/* 
	la ligne brune 
	pour chaque choix de couleurs
*/

.MenuLineScoopOne {
background-image: url(./images/menubar/MenuScoopOne.png);
background-repeat: repeat-x;
background-position: bottom left;
z-index: -20;
}

.MenuLineScoopTwo {
background-image: url(./images/menubar/MenuScoopTwo.png);
background-repeat: repeat-x;
background-position: bottom left;
z-index: -20;
}

.MenuLineScoopThree {
background-image: url(./images/menubar/MenuScoopThree.png);
background-repeat: repeat-x;
background-position: bottom left;
z-index: -20;
}

.MenuLineJournalOne {
background-image: url(./images/menubar/MenuJournalOne.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineJournalTwo {
background-image: url(./images/menubar/MenuJournalTwo.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineJournalThree {
background-image: url(./images/menubar/MenuJournalThree.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineHorsSerieOne {
background-image: url(./images/menubar/MenuHorsSerieOne.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineHorsSerieTwo {
background-image: url(./images/menubar/MenuHorsSerieTwo.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineHorsSerieThree {
background-image: url(./images/menubar/MenuHorsSerieThree.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineForumOne {
background-image: url(./images/menubar/MenuForumOne.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineForumTwo {
background-image: url(./images/menubar/MenuForumTwo.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineForumThree {
background-image: url(./images/menubar/MenuForumThree.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineLienOne {
background-image: url(./images/menubar/MenuLienOne.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineLienTwo {
background-image: url(./images/menubar/MenuLienTwo.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineLienThree {
background-image: url(./images/menubar/MenuLienThree.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineAboOne {
background-image: url(./images/menubar/MenuAboOne.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineAboTwo {
background-image: url(./images/menubar/MenuAboTwo.png);
background-repeat: repeat-x;
background-position: bottom left;
}

.MenuLineAboThree {
background-image: url(./images/menubar/MenuAboThree.png);
background-repeat: repeat-x;
background-position: bottom left;
}