/* ********* */

* {
  margin: 0;
  padding: 0;
}

a { outline: none; }

img { border: none; }

body {
  font-size: 70%;
  font-family: Verdana, Arial, Tahoma, 'Arial Black', Helvetica, 'Century Gothic', 'Lucida Sans Unicode', Impact, sans-serif;
  color: #000;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, ul, ol, table, form, fieldset { margin: 1em 0 0; }

li, dd, blockquote { margin-left: 30px; }

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

.clearfix:after{content:".";display:block;height:0;clear:both;} .clearfix{display:inline-table;} /* Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* End hide from IE-mac */

/***************************************************************/

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin: 0;
  list-style: none;
}

li {
  margin: 0;
}

#movingHome {
  position: absolute;
  top: 100px;
  left: -233px;
  width: 233px;
  width/**/: 231px/**/;
  border: 1px #ccc solid;
  background: url(../images/bgColorMovingHome.gif) repeat-y;
  color: #000;
  padding: 0;
}

  #movingHome p {
padding: 0 10px 0 35px;
  }

#wrapper {
  position: relative;
  margin: 0 auto;
  width: 980px;
}

#haut {
position: relative;
margin: 0;
background-repeat: no-repeat;
width: 980px;
height: 140px;
  }

#haut h1 {
  position: absolute;
  bottom: 16px;
  right: 30px;
  font-size: 20px;
  color: #E50036;
}

#haut h2 {
  position: absolute;
  bottom: 35px;
  left: 450px;
  color: #fff;
  font-size: 34px;
}

#milieu {
  position: relative;
  margin: 0;
  width: 980px;
  visibility: visible;
}

.gri {
  position: relative;
  color: #5d5c5c;
  padding:1px;
}

#contenu1Colonne {
  position: relative;
  margin: 16px 5px 0 40px;
}

#gauche {
  position: relative;
  float: left;
  width: 230px;
  background-repeat: no-repeat;
  padding-top: 70px;
}

.menuGauche {
  position: relative;
}

.menuGauche li {
  position: relative;
  margin: 0;
  background: url(../images/bgMenuGauche.gif) repeat-y;
  padding: 11px 0 11px 49px;
  font-size: 1.2em;
  font-weight: bold;
  /*overflow: hidden;*/
}

  .menuGauche li a.selection {
color: #ffa400;
  }

ul#menuGaucheServices {
  position: relative;
  background: url(../images/bgServices.gif) repeat-y;
/*  height: 160px;*/
  padding-bottom:10px;
}

ul#menuGaucheServices li {
  position: relative;
  margin: 0 0 0 25px;
  padding: 0 0 0 0;
  font-size: 1em;
  font-weight: bold;
  list-style: disc;
  list-style-position: ins ide;
  color: #ffa400;
}

ul#menuGaucheServices li a {
  color: #ffa400;
}

ul#menuGaucheServices li a.selection {
  color: #fff;
}
#contenu {
  position: relative;
  float: left;
  width: 750px;
}

#contenu b {
color: #e50036;
}

.colonneContenu {
  position: relative;
  width: 370px;
  width/**/: 320px/**/;
  float: left;
  padding-left: 40px;
  text-align: justify;
}

#contenuImage {
  position: relative;
  margin: 10px 0 0px -35px;
}

.colonneContenu h3, .colonneContenu h4 {
  position: relative;
  margin-top: 5px;
  color: #E50036;
  font-weight: bold;
}

.colonneContenu h4 {
  font-size: 1em;
}

#contenu h1 {
  position: relative;
  margin-top: 5px;
  text-align: right;
}


#bas {
  position: relative;
  width: 980px;
}

ul#pub, ul#menuBas {
  position: relative;
  float: left;
}

ul#pub {
  width: 230px;
  height: 55px;
}

ul#pub li {
  position: relative;
  display: inline;
  margin: 0 0 0 2px;
}

ul#menuBas {
  width: 750px;
  height: 18px;
  text-align: center;
}

ul#menuBas li {
  position: relative;
  display: inline;
}

ul#menuBas li a {
  position: relative;
  color: #F43058;
  font-size: 1.1em;
  margin: 0 10px;
  font-family: arial;
  text-align: center;
  font-weight: bold;
}

ul#menuBas li a.selection {
  color: #FFA400;
}

#bas h4 {
  position: absolute;
  bottom: 20px;
  right: 5px;
  color: #999;
  font-size: 10px;
  margin: 0;
  clear: both;
}

#bas h4 a {
  color: #999;
}

.actu {
  font-family: arial;
  font-size: 12px;
  text-decoration: none;
  color: #666;
  padding-left:20px;
}

.sans{color:#5d5c5c;cursor:text}
.sans2{color:#000;cursor:text}
a.sans2:hover, a.sans:hover{text-decoration:none;}

li.hide *{display:none;}
h1.hide {display:none;}

/* avantage financier */

#logoCesu{
 position:absolute;
 margin:-57px 0 0 525px;
}
h4.pucePetite{
 background:url(../images/flechePetite.gif) no-repeat top left;
 padding:1px 0 3px 20px;
}

.retourAccueil{
 position:absolute;
 margin:24px 0 0 10px;
 color:#000;
 font-weight:bold;
}