* { margin: 0 0 0 0; padding: 0 0 0 0; border-collapse:collapse;}

body {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse:collapse;

background: #000000 url('images/skin-01-fnd.jpg') center top no-repeat;
}

@font-face {
font-family: '28_days_laterregular';
src: url('fontes/28_days_later-webfont.eot');
src: url('fontes/28_days_later-webfont.eot?#iefix') format('embedded-opentype'),
url('fontes/28_days_later-webfont.woff') format('woff'),
url('fontes/28_days_later-webfont.ttf') format('truetype'),
url('fontes/28_days_later-webfont.svg#28_days_laterregular') format('svg');
font-weight: normal;
font-style: normal;
}

.img {border-collapse:collapse;}

/* TEXTE GLOBAL DU SITE */

html, input, textarea, p, td, li {
font-family:Lucida Grande,Tahoma,Verdana,Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.333em;
color:#eeeeee;
}

.small {
font-size: 10px;
font-family: Lucida Grande,Tahoma,Verdana,Arial, Helvetica, sans-serif; font-weight: normal;
}

/* LIENS */

a:link {color: #ffffff; text-decoration: none; font-family: 28_days_laterregular;}
a:visited {color: #ffffff; text-decoration: none; font-family: 28_days_laterregular;}
a:hover {color: gold; text-decoration: underline; font-family: 28_days_laterregular;}
a:active {color:#ffffff; text-decoration: none; font-family: 28_days_laterregular;}

/* ------------------------------------ */
/* TABLE GLOBALE */

.tableGlobale {
width:100%;
height:100%;
border-collapse=collapse;
}

/* ------------------------------------ */
/* TABLE HEADER */

.tableHeader {
width:960px;
height:160px;
padding:auto;
margin:auto;
background-image: url('images/header.jpg');
vertical-align: top;

}

.tableHeaderMenu {
font-size: 32px;
font-weight: normal;
color: #333333;
margin-top:92px;
background-image: url('');
text-align:center;
}




/* ------------------------------------ */
/* MENU HAUT */

.menuHaut {
background-color:#333333;
background-image: url('images/fnd-menu-haut.jpg');
width:960px;
height:40px;
padding:7px 7px 7px 7px;
vertical-align: middle;
}

.tdMenuHaut {
background-color:#333333;
background-image: url('images/fnd-menu-haut.jpg');
padding-left:10px;
padding-right:10px;
}

a.liensTop:link { 
color: white; 
text-decoration: none;
padding: 2px 2px 2px 2px;

font-family: "28_days_laterregular";
}
a.liensTop:visited { 
color: white; 
text-decoration: none;
padding: 2px 2px 2px 2px;
font-family: "28_days_laterregular";
}
a.liensTop:hover {
color: gold; 
text-decoration: none;
padding: 2px 2px 2px 2px;
font-family: "28_days_laterregular";
}


/* ------------------------------------ */
/* TABLE CONTENU */

.tableContenu {
width:960px;
height:480px;
background-color:#000000;
background-image: url('images/font-contenu.jpg');
padding:0 0 0 0;
vertical-align: top;
}


/* CELLULE DU MENU */

.tdMenu {
width:240px;
padding: 0 8px 8px 8px;
border-right:1px solid #555555;
}

.tableDuMenu {
padding:7px 7px 7px 7px;
display:inline-block;
vertical-align:top;
width:240px;
}

.tableTitreDuMenu {
background-color: #333333;
background-image: url('images/fond-menu.jpg');
border-bottom: solid #000000 1px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
margin: 0 0 0 0;
margin-top: 8px;
margin-bottom: 8px;
width: 240px;
}

.titresMenu {font-size: 22px;
font-family: "28_days_laterregular";
font-weight: normal;
color: #ffffff;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;}

.liensMenu {font-size: 15px;
font-family: Verdana;
font-weight: normal;
color: #eeeeee;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
}

a.liensMenu:link {color:#eeeeee; text-decoration: none;}
a.liensMenu:visited {color:#eeeeee; text-decoration: none;}
a.liensMenu:hover {color:gold; text-decoration: none;}
a.liensMenu:active {color:#eeeeee; text-decoration: underline;}

a.liensMenuTop:link {color:#445E60; text-decoration: none;}
a.liensMenuTop:visited {color:#445E60; text-decoration: none;}
a.liensMenuTop:hover {color:#444444; text-decoration: underline;}
a.liensMenuTop:active {color:#445E60; text-decoration: underline;}

.tableListeDuMenu {
/* background-color: #eeeeee; */
/* background-image: url(''); */
margin: 3px 3px 15px 3px;
padding: 3px 3px 3px 3px;
width: 100%;
border: solid #dddddd 0px;
}

/* CELLULE DU CONTENU */

.tdContenu {
padding: 15px 15px 15px 15px;
width:720px;
}



/* ------------------------------------ */
/* TITRES RUBRIQUES (BIENVENUE, ACTUALITE, PAGES) */

.tableTitreRubriques {
background-color: #333333;
background-image: url('images/fond-titre-rubrique.jpg');
border-bottom: solid #000000 1px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
width: 100%;
border: solid #dddddd 0;
margin-bottom: 10px;
}

.titreRubriques {
font-size: 16px;
font-family: Verdana;
font-weight: bold;
color: #dddddd;
margin-left: 0;
margin-top: 5px;
margin-bottom: 5px;
}



/* ------------------------------------ */
/* ARTICLES */

.tableTitreArticle {
background-color: #eeeeee;
background-image: url('images/fnd-menu.jpg');
margin-top: 10px;
margin-bottom: 10px;
padding: 1px;
width: 100%;
border: solid #dddddd 0;
}

.titreArticle {
font-size: 16px;
font-family: Verdana,Courier,Tahoma;
font-weight: normal;
color: #555555;
--
}

.tableArticle {
/* background-color: #DeDeDe;
background-image: url(''); */
margin: 0px;
padding: 3px 3px 3px 3px;
border: solid #dddddd 0px;
width: 100%;
font-size: 14px;
font-family: Lucida Grande,Verdana,Courier,Arial;
font-weight: normal;
color: #eeeeee;
}


/* ------------------------------------ */
/* PAGE CONTACT */

.tableContact {
background-color: #eeeeee;
background-image: url('images/fnd-contact.jpg');
margin: 0px;
padding: 7px;
width: 100%;
border: solid #dddddd 0px;
font-size: 14px;
font-family: Verdana,Courier,Arial;
font-weight: Bold;
color: #eeeeee;
}







/* ------------------------------------ */
/* IMAGES */

img {vertical-align:top; border:0;}
a img { border:0;}

/* HEADERS */

h1 {color: #555555;
font-size: 32px;
font-family: Verdana;
line-height: 1.166em;
font-weight: bold;
letter-spacing:-1px;
margin:3px 0 6px 0;
}

h2 {color: #555555;
font-size: 16px;
font-family: Verdana;
line-height: 1.166em;
font-weight: normal;
letter-spacing:-1px;
margin:3px 0 6px 0;
margin-left: 10px;
}

h3 {color: #1d1d1d;
font-size: 14px;
font-family: Verdana;
line-height: 1.166em;
font-weight: normal;
letter-spacing:-1px;
margin:3px 0 6px 0;
}

/* ------------------------------------ */
/* FORMULAIRES */

input, select {vertical-align: middle; font-weight: normal;}

.input {
width:203px;
height:21px;
border:1px solid #cfcfcf;
background:#ffffff;
padding:0 0 0 5px;
font-size: 14px;
}

.select {
border:1px solid #cfcfcf;
background:#eeeeee;
padding:0 0 0 3px;
font-size: 14px;
}

.textarea {
width:600px;
height:172px;
border:1px solid #b4b4b4;
background:#ffffff;
padding:0 0 0 5px;
overflow:auto;
font-size:18px;
}


/* ------------------------------------ */
/* TEXTE DU PIED DE PAGE */

.z {font-size: 10px; font-family: Verdana; font-weight: normal; color: #777777;}

a.z:link {color:#777777; text-decoration: underline;}
a.z:visited {color:#777777; text-decoration: underline;}
a.z:hover {color:#555555; text-decoration: underline;}
a.z:active {color:#777777; text-decoration: underline;}

.copyright {font-size: 10px; font-family: Verdana; font-weight: normal; color: #777777;}