/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0em; /* Remettre à zéro si nécessaire. */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: .9em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: #282828;
    background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
    color: #FF0000;
}
h1 {
    font-size: 1.4em;
}
h2 {
    font-size: 1em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}
.important{
    border-bottom : 2px solid #CCC;
}
/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: #000;
}
a:visited {
    color: #000;
}
a:hover, a:focus, a:active {
    color: #000;
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
#header {
    padding:0;
    margin:0;
    height:190px;
}
#conteneur {
    width: 970px;
    margin: 0 auto;
    padding: 0px;
    z-index:1;
    background-color:#FFF;
    border:0;
}
#content{
 margin           : 0 auto;
 display          : block;
 width            : 964px;
 overflow         : hidden;
 border           : 3px solid #FF0000;
 border-top       : none;
}
#footer{
 display          : block;
 width            : 970px;
 height           : 60px;
 padding          : 5px 0px 0px 0px;
 text-align       : right;
 margin           : 5px auto;
}
#menu1 {
  background-color: #FF0000;
  color           : #FFF;
  padding         : 5px;
  padding-left    : 215px;
}
#col_menu{
 display          : block;
 float            : left;
 color            : white;
 margin           : 8px 0 10px 5px;
 padding          : 0px;
 width            : 190px;
}
#col_menu h1{
 color            : #000;
 font-size        : 1em;
}
#col_menu a {
    text-decoration: none;
    font-weight:normal;
}
#col_menu a:link {
    color: #000;
}
#col_menu a:visited {
    color: #000;
}
#col_menu a:hover, a:focus, a:active {
    color: #000;
}
.menu{
 display          : block;
 float            : left;
 color            : white;
 margin           : 5px 0 0 5px;
 padding          : 0px;
 width            : 200px;
 font-size        : 11px;
}
.menu ul{
  clear           : both;
  margin          : 0px;
  font-weight     : bold;
  padding         : 0;
  list-style-type :none;
}
.menu li{
  display         : block;
  padding         : 0.1em 0em 0.1em 0.5em;

}
#page{
 display          : block;
 float            : right;
 padding          : 2px;
 margin           : 0;
 width            : 740px;
}

.encart{
  clear           :both;
}
.encart h1{
  font-size        : 14px;
  color            : #737373;
  border-top       : 3px solid #FF0000;
  padding-top      : 3px;
}
.bloccadre{
  padding         : 0 0 20px 20px;
}
.bloccadre ul{
  margin          : 0px 5px 0 0px;
  padding         : 0px;
}
.bloccadre li{
  margin           : 0;
  font-size        : 11px;
  padding          : 0px 0 0 0;
  list-style-image : url(../img/encart_coche.gif);
}
.box {color:#333;padding: 15px 20px 20px;border-top: 1px solid #ff0000;border-bottom: 1px solid #ff0000;border-right: 1px solid #ff0000;border-left: 1px solid #ff0000;margin: 0 0 1.5em;background: #f6f6f6;}
    .box p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #FF0015;color:#FF0015}
    .box p {border:none;margin: 0 0 1em;color:#444}
    .box a {font-weight:bold}

#searchGoogle{
    display: block;
    position:absolute;
    top:110px;
    left:250px;
}

.membre{
      display : block;
      float   : left;
      height  : 250px;
      width   : 150px;
      text-align : center;
      margin : 5px 5px 5px 5px;
      padding : 5px 5px 5px 5px;
      border-color : #C7C7C7;
      border-width : 1px;
      border-style : solid;
      position    : relative;
      z-index     : 1;
    }
    .membre img{
      float : none;
    }
    .membre ul{
      margin   : 0;
      padding  : 1em 0 0 0;
      list-style-type : none;
    }
    .membre a:hover {
      text-decoration : none;
      color       : #FF9900;
      background  : none;
      z-index     : 1;
    }
    .membre span{
      display     : none;
      position    : relative;
    }
    .membre a:hover span{
      display     : inline;
      position    : absolute;
      z-index     : 500;
      top         : -3px;
      left        : -3px;
      background  : #FFFFFF;
      text-align  : left;
      color       : black;
      padding     : 5px;
      text-decoration : none;
      font-size   : 10px;
      width       : 150px;
      border-color : black;
      border-width : 3px;
      border-style : solid;
    }
    .membre h2{
      font-size   : 12px;
    }

.ligne{
      padding : 15px 0 15px 0;
      border-bottom-color : black;
      border-bottom-width : 3px;
      border-bottom-style : solid;
    }
    .sponsor{
      margin : 5px 0 5px 0;
      height : 180px;
      border-bottom-color : #737373;
      border-bottom-width : 1px;
      border-bottom-style : dotted;
    }
    .sponsor img{
      float : right;
    }
    .sponsor ul{
      margin   : 0;
      padding  : 1em 0 0 0;
      list-style-type : none;
    }

table.info {
    border: 2px solid #FF0000;
    border-collapse:collapse;
}
.info caption {
    padding     : 5px;
    color       : #000;
}
.info th{
    background  : #FF0000;
    color       : #FFF;
}
.info th, td{
    padding     : 5px;
}

/******************************************************************************
* BANNIERE FONDU
******************************************************************************/
#imageContainer {
	height:190px;
    position:relative;
	margin:0 0 0 215px;
    background: transparent url(../img/hp_solidair.jpg) 0 no-repeat;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/******************************************************************************
* AGRANDISSEMNT IMAGES
******************************************************************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }