body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size:10px;
}
a:link {color: #0131b4; text-decoration: none;font-weight:bold;}
a:visited {color: #0131b4; text-decoration: none;font-weight:bold;}
a:active {color: #0131b4; text-decoration: none;font-weight:bold;}
a:hover {color: #008000; text-decoration: none;font-weight:bold;}

a img {
  border-width: 0;
  text-decoration: none; 
}

   a.qop2:link {color:#ffffff;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   a.qop2:visited {color:#ffffff;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   a.qop2:active {color:#ffffff;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   a.qop2:hover {color:#ffff00;text-decoration: none; font-weight:bold;font-size: 1.2em;}    
   
   .navig a:link{color: #ffffff;text-decoration: none;font-size: 0.9em;}
   .navig a:visited{color: #ffffff;text-decoration: none;font-size: 0.9em;}
   .navig a:active{color: #ffffff;text-decoration: none;font-size: 0.9em;}
   .navig a:hover{color: #ffff00;text-decoration: none;font-size: 0.9em;}  
   
   .navig2 a:link{color: #ffffff;text-decoration: none;font-size: 1.3em;}
   .navig2 a:visited{color: #ffffff;text-decoration: none;font-size: 1.3em;}
   .navig2 a:active{color: #ffffff;text-decoration: none;font-size: 1.3em;}
   .navig2 a:hover{color: #ffff00;text-decoration: none;font-size: 1.3em;}   
     
   .lien3:link{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.3em;}
   .lien3:visited{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.3em;}
   .lien3:active{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.3em;}
   .lien3:hover{color: #9683EC;text-decoration: none; font-weight:bold;font-size: 1.3em;}

   .lien2:link{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   .lien2:visited{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   .lien2:active{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   .lien2:hover{color: #9683EC;text-decoration: none; font-weight:bold;font-size: 1.2em;}

   .lientext:link{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.1em;}
   .lientext:visited{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.1em;}
   .lientext:active{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.1em;}
   .lientext:hover{color: #9683EC;text-decoration: none; font-weight:bold;font-size: 1.1em;}   

   .Hautpage a:link{color: #ffffff;background-color: #9683ec;text-decoration: none;font-size: 1.2em;}
   .Hautpage a:visited{color: #ffffff;background-color: #9683ec;text-decoration: none;font-size: 1.2em;}
   .Hautpage a:active{color: #24c4ec;background-color: #003366;text-decoration: none;font-size: 1.2em;}
   .Hautpage a:hover{color: #24c4ec;background-color: #003366;text-decoration: none;font-size: 1.2em;}
   
#conteneur {
   width: 985px;
   padding:0px;
   background-color: #ccccff;
}
.tbb {
  font-size: 1.2em;
  line-height:13pt; 
  color:#00CCCB;
  font-weight:bold;
  text-align:justify;
}
.tj {
  font-size: 1.2em;
  line-height:13pt; 
  color:#ff6600;
  font-weight:bold;
  text-align:justify;
}

/* Header
----------------------------------------------- */

#header {
  clear: both;
  width: 985px;
  height:130px;
  margin-left:0px;
  background-image:url("head_marseille.jpg");
  background-repeat:no-repeat;
  float : left;
  text-align:center;
  color: #ffffff;
}

h1.title {
  padding-top: 34px;
  margin: 0 50px;
  font-size: 3em;
  color: #ffffff;
  font-weight:bold;
}
h1.title2 {
  padding-top: 8px;
  margin: 0 50px;
  font-size: 2em;
  color: #ffffff;
  font-weight:bold;
}

/* Content
----------------------------------------------- */
.clear { 
  clear: both;
}

/* Header2
----------------------------------------------- */
#header2 {
  float: left;
  width: 795px;
  text-align: center;
  background-color: #ccccff;
 }

/* Header3
----------------------------------------------- */

#content-wrapper {
  width: 985px;
  margin-left:5px;  
  margin: 0 0;
  padding: 0 0 0px;
  text-align: left;
  background-color: #CCCCFF;
  border-top: 0;
  float : left;
}

#main-wrapper {
  width: 815px;
  float : left;
  background-color: #CCCCFF;
  border: 0px;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

h1.accueil {
padding:0;
margin:0;
font-size:1.5em;
font-weight:bold;
color:#ffffff;
}

.main-wrapper h1 {
  font-size:1.3em;	
  font-weight:bold;
  color:#ffffff;
}

#sidebar-wrapper {
  width: 170px;
  float : left;
  background-color: #CCCCFF;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

h1.droite {
  font-size:1.2em;	
  font-weight:bold;
  color:#ffffff;
  line-height:12pt;
}
h1.montagne {
  font-size: 1.6em;
  color:#149414;
  font-weight:bold;
  text-align:center;
}

/* Header4
----------------------------------------------- */
#footer {
  clear: both;
  width: 985px;
  margin-left:0px;
  background-color: #9683EC;
  text-align:center;
}

/* Headings
----------------------------------------------- */
h1 {
  font-size: 1.6em;
  color:#9900CC;
  font-weight:bold;
  text-align:center;
}

/* Main Content
----------------------------------------------- */
.main h1 {
padding:0;
margin:0;
background-color:#318ce7;
font-size:1.5em;
font-weight:bold;
color:#ffffff;
}