body {
   background-color:#fff; /*Couleur de fond de la page Web*/
   color:#003890; /*Couleur du texte*/
   font-family:Arial, Verdana, Helvetica, sans-serif; /*Polices d’écriture*/
   font-size:13px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   background-image:url('../images/fondinterieur.jpg');
   background-repeat:no-repeat;
   background-position:50% 0%;
   }
   
div#contenu {
   width:900px; /*Largeur du design*/
   margin:0 auto 0 -450px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   position:absolute;
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/
   left:50%;/*50% de marge ( cela centrera le design )*/
   }
   
/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#003890; text-decoration:none; outline: none; }/*Paramètres des liens*/
a:hover { color:#64A2EC; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
h2{margin-bottom:10px;
  margin-top:15px;}

p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block; border:0; }/*Aucune bordure sur les <img>*/

#logoemployeur{
  display: block; 
	width: 249px ;
	height: 40px;
	position:absolute;
	right:0px;
	background: url('../images/boutonemployeur.jpg') no-repeat 0 0 ;
}

#logoemployeur:hover{
	background: url('../images/boutonemployeur.jpg') no-repeat 0 -40px ;
}

#logo{
  position:absolute;
  margin-top:71px;
  margin-left:285px;
}

#menus{
  float:left;
  margin-top:194px;
  padding-top:64px;
  width:249px;
  height: 466px;
  background: url('../images/imagefondmenudemandeur.jpg') no-repeat 0 0 ;
}

#menus li{
  width:202px;
  float:left;
  padding-left:33px;
}

#menu1{
	display: block; 
	width: 202px ;
	height: 87px;
	background: url('../images/menudemandeur1.jpg') no-repeat 0 0 ;
}

#menu1:hover{
	background: url('../images/menudemandeur1.jpg') no-repeat 0 -87px ;
}

#menu2{
	display: block; 
	width: 202px ;
	height: 87px;
	background: url('../images/menudemandeur2.jpg') no-repeat 0 0 ;
}

#menu2:hover{
	background: url('../images/menudemandeur2.jpg') no-repeat 0 -87px ;
}

#menu3{
	display: block; 
	width: 202px ;
	height: 87px;
	background: url('../images/menudemandeur3.jpg') no-repeat 0 0 ;
}

#menu3:hover{
	background: url('../images/menudemandeur3.jpg') no-repeat 0 -87px ;
}

#menu4{
	display: block; 
	width: 202px ;
	height: 87px;
	background: url('../images/menudemandeur4.jpg') no-repeat 0 0 ;
}

#menu4:hover{
	background: url('../images/menudemandeur4.jpg') no-repeat 0 -87px ;
}

#logocycle{
  position:absolute;
  top:670px;
  left:80px;
  height:79px;  
  width:100px;  
}

#logocycleinterieur{
  margin-left:91px;
  position:relative;
  height:79px;  
  width:100px;  
}

/*MENU DROITE*/
#divmenu{
  float:left;
  width:249px;
  margin-top:194px;
  padding-top:63px;
  background: url('../images/imagefondmenuapropos1.jpg') no-repeat 0 0 ; 
}

#menus1 ul{
  width:230px;
  margin-left:-14px;
  margin-top:-1px;
  position:relative;
  background: url('../images/imagefondmenuapropos3.png') repeat-y 0 0;
}

#menus1 li{
  float:left;
  list-style-type:none;
  margin: 0;
  padding: 0;
  padding-left:0px;
}

ul#menus1 li a {
  display: block;
  text-decoration: none;
  padding:0px;
  margin:0px;
}

ul#menus1 li ul{
  margin-top:0px;
}

ul#menus1 li ul li {
  float:none;
}


#imageactualite{
  display: block; 
  margin-left:19px;
  position:relative;
  width:221px;
  height:44px;
  background: url('../images/menuapropos1bis.jpg') no-repeat 19px 0 ; 
}

#imageactualite:hover{
  background: url('../images/menuapropos1b.png') no-repeat 19px 0 ;
}

#imagepresentation{
  display: block; 
  width:249px;
  height:44px;
  background: url('../images/menuapropos2a.png') no-repeat 0 0 ; 
}

#imagepresentation:hover{
  background: url('../images/menuapropos2b.png') no-repeat 0 0 ;
}

#imagenouscontacter{
  display: block; 
  width:249px;
  height:44px;
  background: url('../images/menuapropos3a.png') no-repeat 0 0 ; 
}

#imagenouscontacter:hover{
  background: url('../images/menuapropos3b.png') no-repeat 0 0 ;
}

















div#basmenuaccordeon{
  margin-left:-4px;
  background: none;
}

div#basmenuaccordeon img{
  width:249px;
  height:50px;
  margin-top:0px;
  display:inline;
}

#temoignage{
  float:left;
  margin-top:-5px; 
  margin-left:5px;
}

#hauttemoignage{
  width:230px;
  height:74px;
  background: url('../images/imagefondtemoignage.png') no-repeat 0 0 ; 
}

.interieurtemoignage{
  width:230px;
  background: url('../images/imagefondtemoignagepixel.png') repeat-y 0 0 ; 
}

.interieurtemoignage img{
  display:inline;
}

.interieurtemoignage p{
  margin-left:33px;
  width:170px;
  padding-bottom:8px;
  padding-top:5px;
}

.interieurtemoignage1{
  background: url('../images/traitorange.gif') no-repeat 0 bottom ;
}

.interieurtemoignage a{
  color:black;
  margin-top:10px;
}

.interieurtemoignage a:hover{
  text-decoration:underline;
}

.interieurtemoignage span{
  color:#E9622A;
  font-style: italic;
}

p.boutontemoignage{
  padding-bottom:0px;
  padding-top:0px;
  position:relative;
  left:36px;
  margin-top:5px;
  display: block; 
  color:white;
  font-size:11px;
  width:147px;
  height:13px;
  background: url('../images/boutonproposition.gif') no-repeat 0 -13px ;
}

p.boutontemoignage:hover{
  /*background: url('../images/boutonproposition.gif') no-repeat 0 0px ;*/
}

.boutontemoignage a{
  color:white;
  padding-left:10px;
}

.boutontemoignage a:hover{
  text-decoration:none;
}

#bastemoignage{
  width:230px;
  height:52px;
  background: url('../images/imagefondtemoignage2.png') no-repeat 0 0 ;
}

#actualitecote{
  margin-top:-65px; 
  margin-left:23px;
}

#hautactualitecote{
  width:221px;
  height:48px;
  background: url('../images/hautactu2.png') no-repeat 0 0 ; 
}

.interieuractualitecote{
  width:221px;
  background: url('../images/pixelactu2.png') repeat-y 0 0 ; 
}

.interieuractualitecote img{
  display:inline;
}

.interieuractualitecote p{
  margin-left:30px;
  width:163px;
  padding-bottom:8px;
  padding-top:5px;
  border-bottom:1px solid #8fa9d0;
  /*background: url('../images/ligne.png') no-repeat 0 bottom;*/
}

.interieuractualitecote a{
  color:black;
  margin-top:10px;
}

.interieuractualitecote a:hover{
  text-decoration:underline;
}

.interieuractualitecote span{
  color:#003890;
  font-weight:bold;
}

p.boutonactualitecote{
  padding-bottom:0px;
  padding-top:0px;
  position:relative;
  left:36px;
  margin-top:5px;
  display: block; 
  color:white;
  font-size:11px;
  width:147px;
  height:13px;
  background: url('../images/boutonproposition.gif') no-repeat 0 -13px ;
}

p.boutonactualitecote:hover{
  background: url('../images/boutonproposition.gif') no-repeat 0 0px ;
}

.boutonactualitecote a{
  color:white;
  padding-left:10px;
}

.boutonactualitecote a:hover{
  text-decoration:none;
}

#basactualitecote{
  width:221px;
  height:52px;
  background: url('../images/basactu2.png') no-repeat 0 0 ;
}

div#texteindex {
  float:left;
  width :402px ;
  margin-top:260px;
  /*height:580px;*/
  min-height:550px;
}

div#texteindex img{
  display:inline;
}

div#texteindex p{
  color:#000000;
  margin-top:10px;
  padding-left:34px;
  padding-right:30px;
  line-height:130%;
}

div#texteindex h1{
  font-family:Helvetica;
  margin-top:15px;
  padding-left:34px;
  text-align:left;
  line-height:95%;
  font-size:140%;
}

div#texteindex h2{
  font-family:Helvetica;
  padding-left:34px;
  text-align:left;
  font-size:135%;
  line-height:100%;
}

div#texteindex ul{
  padding-left:34px;
  color:#000000;
}

div#texte {
  float:left;
  width :402px ;
  margin-top:273px;
  /*height:580px;*/
  min-height:550px;
}

div#texte img{
  display:inline;
  margin-left:35px;
}

div#texte p{
  color:#000000;
  margin-top:10px;
  padding-left:34px;
  padding-right:30px;
  line-height:130%;
}

div#texte h1{
  font-family:Helvetica;
  margin-top:15px;
  padding-left:34px;
  text-align:left;
  line-height:95%;
  font-size:140%;
  margin-bottom:8px;
}

div#texte h2{
  font-family:Helvetica;
  padding-left:34px;
  text-align:left;
  font-size:150%;
  line-height:100%;
  margin-bottom:8px;
}

div#texte ul{
  padding-left:34px;
  color:#000000;
  width:345px;
}

div#texte b{
  color:#003890;
}

div#texte strong{
  color:#003890;
}

div#actualite{
  margin-top:15px;
  margin-left:21px;
}

div#actualite p{
  padding-left:0px;
  margin-top:0;
}

#hautactualite{
  width:357px;
  height:48px;
  background: url('../images/actualite1.png') no-repeat 0 0 ; 
}

.interieuractualite{
  width:357px;
  background: url('../images/actualite2.png') repeat-y 0 0 ; 
}

.interieuractualite img{
  display:inline;
}

div.interieuractualite p{
  padding-left:16px;
  padding-bottom:5px;
  padding-top:2px;
  margin-left:28px;
  background: url('../images/traitbleu.gif') no-repeat 0 bottom ; 
}

.interieuractualite a{
  color:black;
}

.interieuractualite a:hover{
  text-decoration:underline;
}

.interieuractualite span{
  color:#003890;
  font-weight:bold;
}

.boutonactualite{
  position:absolute;
  right:284px;
  margin-top:2px;
  display:block; 
  color:white;
  font-weight:bold;
  font-size:11px;
  width:13px;
  height:13px;
  background: url('../images/boutonplus.gif') no-repeat 0 -13px ;
}

.boutonactualite:hover{
  background: url('../images/boutonplus.gif') no-repeat 0 0px ;
}

.boutonactualite a{
  color:white;
}

#basactualite{
  width:357px;
  height:26px;
  background: url('../images/actualite3.png') no-repeat 0 0 ;
}

#service{
  margin-left:50px;
  color:black;
}

div#footer {
  width:900px;
  height:50px;
} 

p.copyright {
  margin-top:30px;
  text-align:center;
}

p.copyright1 {
  margin-top:5px;
  text-align:center;
}

#formcontact{
  margin-left:32px;
  margin-top:10px;
  width:80%;
}

table#formcontact textarea{
  border:1px solid #003890;
}

table#formcontact select{
  border:1px solid #003890;
  width:230px;
}

.inputcontact{
  border:1px solid #003890;
  width:228px;
}

.titreBleu {
  color:#003890;
}

.titreJaune {
  color:#FFBF26;
}

.titreOrange {
  color:#D7551D;
}

.titreViolet {
  color:#BF467D;
}

#mFormSubmit {
   width: 134px;
   height: 50px;
   margin:-10px 0 0 16px;
   padding: 0;
   border: 0;
   background: transparent url('../images/boutonenvoyer2.jpg') no-repeat top left ;
   /*text-indent: 3000px;*/
   cursor: pointer; 
}
#mFormSubmit:hover {
   background-position: 0 -50px;
}

#mFormSubmitContact {
   width: 134px;
   height: 50px;
   margin:-10px 0 0 16px;
   padding: 0;
   border: 0;
   background: transparent url('../images/boutonenvoyer.jpg') no-repeat top left ;
   /*text-indent: 3000px;*/
   cursor: pointer; 
}
#mFormSubmitContact:hover {
   background-position: 0 -50px;
}

.lirelasuite{
  color:#000000;
}

.divbleu{
  color:#000000;
  background-color:#c8e9fc;
  margin:10px 30px 10px 35px;
  padding:10px;
}

#texte li{
  /*list-style-type:disc;*/
  list-style-image: url('../images/fleche.gif') ;
  margin-left:25px;
  margin-bottom:4px;
}

.puceList{
  /*list-style-type:disc;*/
  list-style-image: url('../images/fleche.gif') ;
  margin-left:25px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size:11px;
}
#tooltip h3, #tooltip div { margin: 0;font-size:11px; }

.B_crumbBox{
  color:#003890;
}

#ticker01{
  width:2000px;
}

.boutonpart{
  color:white;
  font-size:11px;
  position:absolute;
  margin-left:287px;
  margin-top:-23px;
}

.boutonpart a{
  color:white;
}

.tickercontainer { /* the outer div with the black border */
  width: 343px; 
  height: 125px; 
  margin: 0; 
  padding: 0
  overflow: hidden;
  background: transparent url('../images/fondlogo.png') no-repeat top left ;
  margin-left:19px;
  padding-left:33px;
}

.tickercontainer .mask {
  position: relative;
  width: 300px;
  overflow: hidden;
  padding-top:20px;
}

ul.newsticker {
  position: relative;
  left: 350px;
  font: bold 11px Arial;
  list-style-type: none;
  color: #004999;
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-image:none;
}

ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  color: #004999;
  font: normal 11px Arial;
  margin: 0 50px 0 0;
  text-decoration:none;
}

ul.newsticker span {
  margin: 0 7px 0 0;
  padding-left:9px;
}