/* -------------------- STYLE CSS --------------------- */
/* ---------------------------------------------------- */
/* En CSS, les ID sont représentés par un # (dièse) alors que les CLASS sont représentés par un . (point) ! */

/* ------ STYLE GENERAL ------ */

body
{ 
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px;
color: #000000;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: #f0f0f0;
background-image: url('images/background_header.jpg');
background-repeat: repeat-x;
background-position : top;
}

a:link
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #000000;
text-decoration: none;
}

a:visited
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #000000;
text-decoration: none;
}

a:hover
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #F5966D;
text-decoration: none;
}

a:active
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #F5966D;
text-decoration: none;
}

a:focus
{
-moz-outline-style: none;
}

textarea
{
background-color: #ffffff;
font-family: Verdana, Tahoma, sans-serif; 
font-size: 9px;
color: #2e2e2e;
border-color : #2e2e2e;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
text-indent : 2px;
}

textarea
{
background-color: #ffffff;
font-family: Verdana, Tahoma, sans-serif; 
font-size: 9px;
color: #2e2e2e;
border: 1px solid #999999;
text-indent : 2px;
-moz-border-radius: 3px 3px 3px 3px;  
-webkit-border-radius: 3px 3px 3px 3px;  
border-radius: 3px 3px 3px 3px;         
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;  
-webkit-border-bottom-left-radius: 3px; 
-webkit-border-bottom-right-radius: 3px; 
}

textarea:focus
{
background-color: #eeeeee;
}

input
{
background-color: #ffffff;
font-family: Verdana, Tahoma, sans-serif; 
font-size: 9px;
color: #333333;
border: 1px solid #999999;
text-indent : 2px;
margin: 0px;
padding: 3px;
-moz-border-radius: 3px 3px 3px 3px;  
-webkit-border-radius: 3px 3px 3px 3px;  
border-radius: 3px 3px 3px 3px;         
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;  
-webkit-border-bottom-left-radius: 3px; 
-webkit-border-bottom-right-radius: 3px; 
}

input:focus
{
background-color: #ffffff;
}

input[type=submit], input[type=button]
{
font-weight: bold;
cursor: pointer;
}

select 
{
background-color: #ffffff;
font-family: Verdana, Tahoma, sans-serif; 
font-size: 9px;
color: #2e2e2e;
}

.checkbox
{
background-color: #ffffff;
border: none;
}

td, th
{ 
font-size: 10px;
}

p
{
margin: 0px;
}

a img
{
border: 0px;
}

.clear
{
clear: both;
}

/* --- HEADER --- */

#header
{
background-image: url('images/header.jpg');
background-repeat: no-repeat;
width: 1100px;
height: 126px;
margin: auto;
padding: 0;
border: 0;
}

#headerpart1
{
width: 1100px;
height: 90px;
margin: auto;
padding: 0;
}

#titre
{
font-family: Arial, Helvetica, sans-serif;
font-size: 40px;
color: #005fb8;
padding-top: 20px;
padding-left: 20px;
}

#slogan
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #b80041;
padding-left: 20px;
}

#headerpart2
{
width: 1100px;
height: 33px;
margin: auto;
padding: 0;
}

#menu
{
text-align: right;
padding-top: 14px;
padding-bottom: 3px;
padding-right: 10px;
}

/* CORPS */

#corpspart1
{
width: 1100px;
height: auto;
margin: auto;
padding: 0;
border: 0;
}

#corpspart2
{
width: 1100px;
height: auto;
margin: auto;
padding: 0;
border: 0;
}

/* PARTIE LAST MESSAGES ET BLOCK GAUCHE */

#partforumbgauche
{
float: left;
width: 246px;
height: auto;
margin: auto;
}

/* LAST MESSAGE */

#lastmessage
{
width: 246px;
height: 134px;
background-image: url('images/last_message.jpg');
background-repeat: no-repeat;
margin: auto;
}

/* BLOCK GAUCHE */

#blockgauche
{
width: 246px;
height: auto;
margin: auto;
}

.titrebgauche
{
width: 246px;
height: 38px;
background-image: url('images/titre_bgauche.jpg');
background-repeat: no-repeat;
margin: auto;
font-size: 12px;
color: #222222;
}

.titrebgauchedisp
{
padding-top: 12px;
padding-left: 10px;
}

.corpsbgauche
{
width: 246px;
height: 38px;
background-image: url('images/corps_bgauche.jpg');
background-repeat: repeat-y;
height: auto;
overflow: auto;
margin: auto;
}

.contenubgauchedisp
{
padding-left: 8px;
padding-right: 7px;
padding-top: 2px;
}

.basbgauche
{
width: 246px;
height: 12px;
background-image: url('images/bas_bgauche.jpg');
background-repeat: no-repeat;
margin: auto;
}

/* PARTIE ACTUALITEES ET BLOCK DROITE */

#partnewsbdroite
{
float: right;
width: 854px;
height: auto;
background-image: url('images/corps_droite.jpg');
background-repeat: repeat-y;
margin: auto;
}

#baspartnewsbdroite
{
width: 854px;
height: 22px;
background-image: url('images/bas_droite.jpg');
background-repeat: no-repeat;
margin: auto;
}

/* FORUM */

#forum
{
width: 840px;
height: auto;
margin: auto;
padding-right: 1px;
}

/* NEWS */

#partnews
{
float: left;
width: 601px;
height: auto;
margin: auto;
}

#actualitees
{
width: 601px;
height: 39px;
background-image: url('images/actualitees.jpg');
background-repeat: no-repeat;
}

#archivesnews
{
text-align: right;
padding-top: 18px;
padding-right: 50px;
}

#news
{
width: 580px;
height: auto;
margin: auto;
}

.titrenews
{
text-align: left;
font-size: 14px;
color: #005fb8;
}

.infonews
{
padding: 0;
}

.contenunews
{
padding-top: 8px;
height: auto;
overflow: auto;
}

.contenunews a:link
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #7D1111;
text-decoration: none;
}

.contenunews a:visited
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #7D1111;
text-decoration: none;
}

.contenunews a:hover
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #005dac;
text-decoration: none;
}

.contenunews a:active
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #005dac;
text-decoration: none;
}

.sepnews
{
background-image: url('images/separation_news.jpg');
background-repeat: no-repeat;
width: 400px;
height: 1px;
margin-top: 6px;
margin-bottom: 6px;
}

/* BLOCK DROITE */

#blockdroite
{
float: right;
width: 253;
height: auto;
margin: auto;
}

.titrebdroite
{
width: 253px;
height: 32px;
background-image: url('images/titre_bdroite.jpg');
background-repeat: no-repeat;
margin: auto;
font-size: 12px;
color: #222222;
text-align: center;
}

.titrebdroitedisp
{
padding-top: 10px;
padding-left: 6px;
padding-right: 14px;
}

.contenubdroite
{
width: 253px;
height: auto;
overflow: auto;
}

.contenubdroitedisp
{
padding-top: 4px;
padding-left: 9px;
padding-right: 17px;
}

/* BLOCK BAS GAUCHE */

#bbgauche
{
float: left;
width: 550px;
margin: auto;
}

.titrebbgauche
{
width: 550px;
height: 36px;
background-image: url('images/titre_bbgauche.jpg');
background-repeat: no-repeat;
padding: 0;
margin: auto;
font-size: 12px;
color: #222222;
text-align: right;
}

.titrebbgauchedisp
{
padding-right: 18px;
padding-top: 10px;
}

.contenubbgauche
{
width: 550px;
height: auto;
background-image: url('images/corps_bbgauche.jpg');
background-repeat: repeat-y;
padding: 0;
margin: auto;
overflow: auto;
}

.contenubbgauchedisp
{
padding-left: 8px;
padding-right: 11px;
padding-bottom: 4px;
}

.basbbgauche
{
width: 550px;
height: 6px;
background-image: url('images/bas_bbgauche.jpg');
background-repeat: no-repeat;
margin: auto;
padding: 0;
}

/* BLOCK BAS DROITE */

#bbdroite
{
float: right;
width: 550px;
margin: auto;
}

.titrebbdroite
{
width: 550px;
height: 36px;
background-image: url('images/titre_bbdroite.jpg');
background-repeat: no-repeat;
padding: 0;
margin: auto;
font-size: 12px;
color: #222222;
text-align: left;
}

.titrebbdroitedisp
{
padding-left: 18px;
padding-top: 10px;
}

.contenubbdroite
{
width: 550px;
height: auto;
background-image: url('images/corps_bbdroite.jpg');
background-repeat: repeat-y;
padding: 0;
margin: auto;
overflow: auto;
}

.contenubbdroitedisp
{
padding-right: 8px;
padding-left: 11px;
padding-bottom: 4px;
}

.basbbdroite
{
width: 550px;
height: 6px;
background-image: url('images/bas_bbdroite.jpg');
background-repeat: no-repeat;
margin: auto;
padding: 0;
}

/* FOOTER */

#footer
{
background-image: url('images/background_footer.jpg');
background-repeat: repeat-x;
margin-top: 10px;
height: 118px;
}

#footertaille
{
width: 1100px;
height: 118px;
margin: auto;
padding: 0;
}

#footerpart1
{
float: left;
width: 500px;
height: 118px;
display: block;
}

#footerpart1 a:link
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #7D1111;
text-decoration: none;
}

#footerpart1 a:visited
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #7D1111;
text-decoration: none;
}

#footerpart1 a:hover
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #005dac;
text-decoration: none;
}

#footerpart1 a:active
{
font-family: helvetica, lucida, verdana, Tahoma, serif; 
font-size: 10px; 
color: #005dac;
text-decoration: none;
}

#footerpart1disp
{
padding-top: 24px;
padding-left: 10px;
}

#footerpart2
{
float: right;
width: 600px;
height: 118px;
display: block;
}

#footerpart2disp
{
padding-top: 24px;
padding-right: 10px;
}