/**************************************
*                                     *
*   Fichier de styles                 *
*   Dernières modifications :         *
*   05-11-2006                        *
*   Création Designific               *
*   http://www.designific.com         *
*                                     *
**************************************/


/**************************************
*                                     *
*              General                *
*                                     *
**************************************/


body { margin: 0; padding: 0; font: normal 0.70em Verdana, sans-serif; color: #505050; background-color: #fff; line-height: 1.6em; }

a:link, a:visited { color: #b80000; text-decoration: none; }
a:hover { color: #ff3333; text-decoration: underline; }
a:active { color: #ff3333; text-decoration: none; }

a:link img, a:visited img { border: 1px solid #505050; }
a:hover img { border: 1px solid #ff3333; }

p { margin: 0 0 10px 0; }


/**************************************
*                                     *
*             Interface               *
*                                     *
**************************************/


#global { position: absolute; width: 760px; left: 50%; margin-left: -380px; background: #fff url('../img/bg_page.jpg') repeat-y 50% 0;}
#header { height: 162px; background: url('../img/header.jpg') no-repeat; margin: 0; }
#content { margin: 15px 40px 10px 40px; text-align: justify; }
#content p { text-align: justify; }
#content ul { font-size: 1.2em; line-height: 1.5em; }

/* Menu */
#menu { height: 20px; background: url('../img/bg_menu.jpg') no-repeat; margin: 0; font-weight: bolder; line-height: 20px; font-size:9px; text-align: center; }
#menu ul { list-style: none; padding: 0; margin: 0 0 0 18px; }
#menu h2 { font-size: 1em; }
#menu li { display: inline; padding: 0; margin: 0 8px 0 0; }
#menu a:link { color: #505050; text-decoration: none; }
#menu a:visited { color: #ff3333; text-decoration: none; }
#menu a:hover { color: #ff3333; text-decoration: underline; }
#menu ul h2 {margin:0; padding:0; font-size:1em;}

/* Footer */
#footer { clear: both; height: 33px; background: url('../img/bg_footer.jpg') no-repeat; margin: 0; font-weight: bolder; line-height: 20px; font-size:10px; text-align: center; }
#footer ul { list-style: none; padding: 0; margin: 0 0 0 25px; }
#footer li { display: inline; padding: 0; margin: 0 15px 0 0; }
#footer a:link { color: #ccc; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

/* Zone Illustration */
#illustration {
  float: right;
  margin: 0;
  padding: 5px;
  text-align: center;
}

.photo {
  margin: 0;
  padding: 2px;

}

.photo img {
  padding: 2px;
  margin: 5px;
  text-align: center;
  border: 2px solid #ccc;
}


/**************************************
*                                     *
*           Mise en forme             *
*                                     *
**************************************/


ul { list-style-image: url('../img/li.gif'); }

h1 { font-size: 140%; font-weight: bold; color: #ff0000; }
h2 { font-size: 125%; font-weight: bold; }
h3 { font-size: 115%; font-weight: bold; }


#content table {
  width: 500px;
  margin: 15px auto;
  border-collapse: collapse;
  text-align: center;
  font-size: 10px;
  border: 1px solid #ccc;
}

#content table .highlight {
  background-color: #ccc;
}

#content table .dark_highlight {
  background-color: #707070;
  color: #fff;
}

#content table tr {
  border-bottom: 1px solid #ccc;
}


#contact {
  width: 650px; 
  border: 1px dashed #ccc;
  background-color: #f0f0f0;  
  margin: 15px auto;
  padding: 5px; 
  color: #505050;
  font-size: 1.4em;
  text-align: center;  
  line-height: 1.4em;
  clear: both; 
}

#contact p {
  text-align: center;
}

#contact a:link { color: #820201; text-decoration: none; }
#contact a:hover { color: #f90403; text-decoration: underline; }


#info_contact {
  width: 100%;
  margin: 25px 0;
  text-align: center;
}

.marque {
  float: left;
  width: 150px;
  height: 30px;
  margin: 10px;
}

.marque img {
  width: 120px;
  height: 24px;
}

.imageCentre{
  width: 100%;
  text-align: center;
}

.red {
  font-weight: bolder;
  color: #ff0000;
}