/* Mis à jour : 27.01.09 - sley */


/* --------------------------------------------- global */


ul {
  padding-left: 5px;
  margin-left: 20px;
}
li {
  margin-left: 0px;
  padding-left: 5px;
}
a img{
  border: none;
}



/* --------------------------------------------- gabarit principal */
body {
  /*overflow: scroll;*/
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
}

#page {
  margin-right: auto;
  margin-left: auto;
  margin:auto;
  width: 1000px;
  background-color: #ffffff;
  background-image: url(images/interface/sidebar_centre.jpg);
  background-repeat: repeat-y;
  background-position: left top;
}

#header {
  margin-right: 0;
  text-align: right;
  font-size: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  height: 55px;
  background-color: #ffffff;
  background-image: url(images/interface/header_fond.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
}

#header img {
  float: left;
}

#infos {
  height: 55px;
  padding-right: 30px;
  background-image: url(images/interface/header_arrondi.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

#main {
  background-repeat: repeat-y;
  background-image: url(images/interface/main_fond.jpg);
}

#menu {
  background-color: #ffffff;
  text-align: right;
  padding-right: 0px;
  padding-top: 18px;
}

#footer {
  margin-right: auto;
  margin-left: auto;
  clear: both;
  text-align: right;
  font-size: 8px;
  color: #c02625;
  height: 30px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(images/interface/sidebar_bas.jpg);
  background-color: white;
}
#footer #finBloc {
  float: right;
  height: 10px;
  text-align: right;
  padding-right: 2px;
  padding-top: 4px;
  color: #98bea1;
}
#footer #trait {
  clear: both;
  height: 7px;
  float: right;
  margin-right: 3px;
  width: 980px;
}
#footer a:link, #footer a:visited, #footer a:active {
  text-decoration: none;
  color: #c02625;
}
#footer a:hover {
  color: #c02625;
}

/* --------------------------------------------- Menu Principal */
#menu #menuElements {
  float: right;
  padding-top: 5px;
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 18px;
  padding-right: 9px;
  margin-right: 0px;
  background-image: url(images/interface/menu_fin.jpg);
}
#menu .normalMenu {
  text-align: left;
  background-color: #c02625;
  color: white;
  float: left;
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  height: 17px;
  margin-left: 1px;
}
#menu .normalMenu a:link {
  color: #eeeeee;
  text-decoration: none;
  background-color: #c02625;
}
#menu .normalMenu a:hover {
  color: #ffffff;
}
#menu .normalMenu a:visited {
  color: #eeeeee;
  text-decoration: none;
  background-color: #c02625;
}
#menu .normalMenuSelect {
  border: 1px solid #c02625;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: inherit;
  position: relative;
  text-align: left;
  background-color: white;
  color: #c02625;
  float: left;
  height: 17px;
  padding-top: 3px;
  margin-left: 1px;
  margin-right: 0px;
  top: 3px;
}
#menu .normalMenuSelect a:link, #menu .normalMenuSelect a:visited, #menu .normalMenuSelect a:active {
  text-decoration: none;
  color: #c02625;
}
#menu .normalMenuSelect a:hover {
  color: #c02625;
}

/* --------------------------------------------- Side bar */
#sidebar-wrapper {
  margin: 0px;
  float: left;
  text-align: justify;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  width: 280px;
  background-position: center top;
  padding-top: 20px;
  background-image: url(images/interface/sidebar_haut.jpg);
}
#sidebar p{
   margin-right: 10px;
   margin-left: 10px;
}
#sidebar h1,#sidebar h2,#sidebar h3 {
  font-size: 12px;
  font-weight: bold;
  color: #66806c;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 10px;
  padding-left: 20px;
  background-image: url(images/interface/sidebar_h1.jpg);
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom : 5px;
}
#sidebar h4 {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-align:left;

  color: #c02625;
  /*background-repeat: no-repeat;
  background-position: left center;
  background-image: url(images/interface/sidebar_h1.jpg);
  */
  margin-top:10px;
  margin-bottom : 10px;
  margin-left: 10px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 10px;
  padding-right:10px;
}
#sidebar {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
}
#sidebar .contact{
   background-image: url(images/interface/contact_fond.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   padding-bottom : 10px;
   margin-left:1px;
   margin-right:1px;
   border-top: 1px solid #95bb9e;
   border-bottom: 1px solid #95bb9e;
}
#sidebar .center {
  text-align: center;
}
#sidebar .infos{
  /*padding-bottom : 10px;*/
  padding-bottom:0px;
}
#sidebar .partenaires {
  padding-left : 30px;
  border-bottom: 1px solid #95bb9e;
  padding-bottom:10px;
}

#sidebar .partenaires img{
 border: 1px solid #66806c;
}

#sidebar a:link, #sidebar a:visited {
  text-decoration: none;
  color: #c02625;
}


#sidebar a:hover {
  text-decoration: underline;
}
#sidebar p {
  border-bottom: 1px dotted #98bea1;
  margin-top: 0px;
  padding-bottom: 10px;
  padding-top: 0px;
}

/* --------------------------------------------- Content */
#content {
  background-image: url(images/interface/contact_fond.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  border: 1px dotted #98bea1;
  padding: 10px 3px 20px 8px;
  float: left;
  text-align: left;
  margin-right: 0px;
  background-color: white;
  margin-left: 10px;
  width: 697px;
  position: relative;
  top: 2px;
  margin-top: 8px;
}

/* Bloc pour expertise métiers (images) */
#content .ligneBloc{
  width:630px;
  padding-top : 10px;
  margin-left:auto;
  margin-right:auto;
  clear:both;
  text-align:center;
  border-top: 1px dotted #98bea1;
  line-height : 50px;
}

#content .ligneBloc .bloc{
 float:left;
 width:210px;
 padding-bottom : 10px;
}

/* Blocs pour page d'accueil : */

#content .ligneBlocAccueil{
  padding-top : 10px;
  margin-left:10px;
  clear:both;
  border-top: 1px dotted #98bea1;
  padding-top:5px;
  height:110px;
  margin-bottom:15px;
 
}
#content .ligneBlocAccueil .vignette{
 float:left;
 width:160px;
 text-align:left;
}

#content .ligneBlocAccueil .titre{
 padding-top : 10px;
 padding-left : 10px;
 font-size: 12px;
 font-weight: bold;
 color: #66806c;
 float:left;
 width:180px;
 text-align:left;
}

#content .ligneBlocAccueil .texte{
 padding-top:10px;
 float:left;
 width:300px;
 text-align:left;
}

#content h1,#content h2,#content h3 {
  font-weight: bold;
  font-size: 13px;
  background-repeat: no-repeat;
  background-image: url(images/interface/sidebar_h1.jpg);
  padding-left: 10px;
  color: #66806c;
  background-position: left center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#content h5 {
  font-weight: bold;
  font-size: 12px;
 color: #66806c;
}
#content a {
  margin: 0px;
  padding: 0px;
  color: #c02625;
  text-decoration: none;
  background-color: white;
  top: 0px;
}
#content a:link, #content a:visited {
  color: #990000;
  text-decoration: none;
  background-color: white;
  padding-top: 0px;
}

#content a:hover {
  text-decoration: underline;
}




/* --------------------------------------------- Membres*/
.membre {
  border-color: #98bea1 #66806c #66806c;
  border-width: 1px;
  border-top: 1px solid #98bea1;
  border-bottom: 1px solid #98bea1;
  height: 110px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}
.membre .p1 {
  height: 80px;
}
.membre .p1 .gauche {
  border: 1px solid #98bea1;
  float: left;
  text-align: center;
  background-color: white;
  height: 70px;
  width:70px;
  margin-top: 8px;
  margin-bottom: 2px;
}
.membre .p1 .droite {
  float: left;
  margin-top: 6px;
  font-size: 11px;
  margin-left: 4px; 
}

.membre .p2 {
  border-color: #98bea1;
  border-width: 1px;
  clear: both;
  margin-left: -10px;
  padding-left: 11px;
  margin-top: 7px;
}
.membre .specialite{
  background-repeat: no-repeat;
  background-image: url(images/interface/membre_puce1.jpg);
  padding-left: 15px;
  color: #607866;
  background-position: left center;
}

.specialite_accueil{
  background-repeat: no-repeat;
  background-image: url(images/interface/membre_puce1.jpg);
  margin-left: 30px;
  padding-left: 15px;
  color: #607866;
  background-position: left center;
}

.membre .p1 .droite .membreActivite{
  margin-left:5px;
  margin-top:0px;
}
.membre .p1 .droite .nom {
  font-size: 12px;
  font-weight: bold;
  color: #66806c;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(images/interface/sidebar_h1.jpg);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:15px;
  margin-left:0px;
  
  margin-top : 0px;
}