@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:#EAEBEC;
color:#000;
}
/* --------------------- Structure Principale ---------------------- */
#conteneur { /* Reste ncessaire i.e. pour Opera */
width: 800px;
margin:0;
padding:0;
margin: 0 auto;
background-color:#FFF;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
}

#header {
z-index: 1; /* Pour IE sous Mac */
background-color: #FFF;
margin: 0;
padding: 10px 0 0 0px;
height: 154px;
voice-family: "\"}\""; 
voice-family:inherit;
}
#main-Menu {
 margin:0;
 padding:0;
 position: relative;
 z-index: 1;
}
#maincontent {
 margin:0;
 padding:0;
 position:relative;
 top: -2px;
 z-index: 0; /* Pour IE sous Mac */
}
.pseudo-conteneur {
/* Permet de garder une position relative de conteneur
 sans avoir le bug IE sous Mac avec les z-index sur
 les #header et #maincontent */
position: relative;
width: 800px;
margin: 0 auto;
background-color:#FFF;
}

#centre {
padding:0;
background-color:#FFF;
width: 371px;
height: auto;
min-height: 400px;
padding-right: 29px;
margin-left: 186px;
margin-right: 186px;
padding-left: 22px;
}
#centrelarge { /*Pour la partie Historique - FAB */
background-color:#FFF;
width: 550px;
height: auto;
min-height: 400px;
padding-right: 7px;
margin-left: 186px;
padding-left: 15px;
}
#gauche {
float:left;
width: 186px;
padding:0;
}
#droite {
float:right;
width: 186px;
margin:0;
padding:0;
}
#pied {
height: 15px;
background-color: #EAEBEC;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
text-align: center;
font-size: 0.8em;
}
#adresse {
height: 20px;
background-color: #FFF;
color: #999999;
text-align: center;
font-size:0.8em;
padding-top: 5px;
}
/* --------------------- END Structure Principale -------------------------- */

/* --------------------- Structure Colonne Droite FAB ---------------------- */
.awards {
width:161px;
background: #EAEBEC;
padding: 10px 10px 10px 15px;
}
/* --------------------- END Structure Colonne Droite FAB ------------------- */

/* - ------------------- Tag HTML Default ----------------------------------- */

/* --- Colonne Gauche---- */
#gauche p {
margin: 0 0 10px 15px;
font-size: 0.8em;
}
#gauche h2 {
padding-top:15px;
padding-left: 15px;
font-size: 1em;
font-weight: bold;
border-bottom:1px solid #333;
}
#gauche h3 {
padding: 3px 0 0 15px;
font-size: 1em;
font-weight: bold;
color: #333;
border-bottom:1px solid #333;
}
#gauche h4 {
font-size: 0.9em;
padding-left: 15px;
color: #EE7B1D;
}
#gauche h5 {
font-size: 0.9em;
padding-left: 15px;
color: #EE7B1D;
}
#gauche ul {
margin-top:5px;
}
#gauche ul.sponsors {
margin-top:100px;
}
#gauche li {
list-style:none;
padding: 0px 0 0 25px;
font-size:0.93em;
}
#gauche a {
color: #333;
font-weight: bold;
font-size: 0.9em;
text-decoration:none;
}
#gauche a:hover {
color: #666;
}
#gauche li.menu a {
color: #666;
font-weight: bold;
font-size: 0.9em;
text-decoration:none;
}
#gauche li.menu a:hover {
color: #333;
}
.menu {
font-size:0.93em;
color: #666;
}

/* --- Colonne Droite---- */
#droite p {
margin: 0 0 10px 0;
font-size: 0.8em;
}
#droite h2 {
padding:6px 0 0 15px;
height:25px;
font-size: 1.2em;
font-weight: bold;
border-bottom:1px solid #333;
background-color:#999;
}
#droite h3 {
margin:0;
padding:0;
font-size: 0.8em;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333;
}
#droite h4 {
margin:0;
padding:0;
font-size: 0.9em;
padding-left: 15px;
color: #EE7B1D;
}
#droite h5 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:inherit;
font-size: 0.7em;
font-style:italic;
color: #666;
}
#droite a {
color:#960028;
font-weight: bold;
font-size:1.3em;
text-decoration:none;
}
#droite a:hover {
color:#efb14b;
}
/* --- Colonne Centre---- */
#centre h1 {
padding-left: 15px;
font-size: 1.3em;
font-weight: bold;
}
#centre h2 {
padding-top:15px;
padding-left: 15px;
font-size: 1.3em;
font-weight: bold;
color:#333;
}
#centre h3 {
padding-top:8px;
padding-left: 15px;
font-size: 1.1em;
font-weight: bold;
color:#333;
}
#centre h4 {
padding-top:15px;
padding-left: 15px;
font-size: 1em;
font-weight: bold;
color:#333;
}
#centre h5 {
padding-top:5px;
padding-left:15px;
font-size: 1.1em;
font-weight: bold;
color:#333;
}
#centre h6 {
padding-top:5px;
padding-left:15px;
font-size: 1em;
color:#999;
}
#centre h5.design {
padding-top:5px;
padding-left:15px;
font-size: 1em;
font-weight: normal;
color:#333;
}
#centre h6.design {
padding-top:5px;
padding-left:15px;
font-size: 1em;
color:#666;
}
#centre p {
padding: 8px 0 0 15px;
color:#333;
font-size:1em;
text-align:justify;
}
.textindent p {
text-indent:40px;
text-align:justify;
}
#centre p.sansretrait {
padding: 8px 0 0 15px;
color:#333;
font-size:1em;
text-indent:inherit;
}
#centre p.info {
font-weight:bold;
color:#930028;
}
#centre ul {
padding-left:15px;
}
#centre li {
margin-left:15px;
}
#centre ul.doc {
list-style:none;
}
#centre li.doc {
list-style:none;
margin:0;
padding-top:5px;
}
#centre a {
font-weight:bold;
color:#003366;
font-size:1em;
text-decoration:none;
}
#centre a:hover {
color:#3399CC;
}
.assoc {
color:#333;
font-weight:bold;
}
/* --- Colonne Centre Large ---- */
#centrelarge h1 {
padding-left: 15px;
font-size: 1.3em;
font-weight: bold;
}
#centrelarge h2 {
padding-top:15px;
padding-left: 15px;
font-size: 1.1em;
font-weight: bold;
color:#333;
}
#centrelarge h3 {
padding: 8px 0 0 15px;
font-size: 1.1em;
font-weight: bold;
color:#333;
}
#centrelarge h4 {
padding-top:3px;
padding-left: 15px;
font-size: 1em;
font-weight: bold;
font-style:italic;
color:#333;
}
#centrelarge h5 {
padding-left: 15px;
font-size: 1em;
font-weight: bold;
font-style:italic;
color:#999;
}
#centrelarge h6 {
padding-top:10px;
padding-left: 15px;
font-size: 0.9em;
font-weight: bold;
color:#999;
}
#centrelarge p {
padding-left: 15px;
color:#333333;
font-size:1em;
text-indent: 40px;
}
#centrelarge p.info {
width:300px;
margin:5px 0 0 15px;
padding: 3px 0 3px 7px;
color:#333;
background-color:#EAEBEC;
border:1px dotted #333;
text-indent:0;
}
#centrelarge p.italic {
font-style:italic;
}
#centrelarge p.retrait {
padding-left: 40px;
text-indent:inherit;
}
#centrelarge cite {
padding-left: 40px;
color:#333333;
font-size:1em;
}
#centrelarge table {
width: 540px;
padding-left: 15px;
color:#666;
font-size:1em;
}
#centrelarge td.date {
width: 80px;
font-weight:bold;
text-align:right;
vertical-align:top;
}
#centrelarge td {
width: 460px;
text-align:left;
vertical-align:top;
}
#centrelarge table.conseil {
width: 540px;
padding:0;
border:1px solid #EE7B1D;
color:#666;
font-size:1em;
}
#centrelarge th.conseil {
border-bottom:1px solid #EE7B1D;
background-color:#CCCCCC;
}
#centrelarge td.conseil {
padding-left:5px;
vertical-align:top;
}
#centrelarge li {
padding-left:10px;
list-style-type:none;
font-weight:bold;
color:#666;
font-size:0.9em;
}
#centrelarge abbr {
font-weight:bold;
color:#EE7B1D;
font-size:0.9em;
}

/* --- Pied de Page ---- */
#pied a{
text-decoration:none;
color: #333;
}
#pied a:hover{
text-decoration:none;
color: #fff;
}

/* --- Les classes ---- */
img {
border:0;
}
.logoawards {
display:block;
width:578px;
height:144px;
padding-left:140px;
margin-bottom:10px;
}
/* --- Sponsors --- */
#imageContainer {
position:absolute;
margin-left:10px;
width:160px;
height:91px;
}
#imageContainer img {
cursor:pointer;
display:none;
position:absolute;
top:0;
left:0;
}
#liste_sponsors{
color:#999;
margin:91px 0 0 0;
padding:0;
}
#liste_sponsors a{
font-size:.8em;
color:#999;
}
#liste_sponsors li{
line-height:.9em;
margin:0 0 0 15px;
padding:0;
}
/* --- Collaboration --- */
#imageCollaboration {
position:absolute;
margin-left:10px;
width:160px;
height:91px;
}
#imageCollaboration img {
cursor:pointer;
display:none;
position:absolute;
top:0;
left:0;
}
#liste_collaboration {
color:#999;
margin:91px 0 0 0;
padding:0;
}
#liste_collaboration a{
font-size:.8em;
color:#999;
}
#liste_collaboration li{
line-height:.9em;
margin:0 0 0 15px;
padding:0;
}