html{
padding: 0;
margin:0 ;
}
body {
font-family: Helvetica,  Arial, sans-serif;
font-size:12px;
background: #ECECEC;
padding: 0;
margin:0 ;
}
/*INFOS GENERALES */
#conteneur{
width:900px;
margin:10px auto 0 auto;
padding: 0;
background: #fff url(../images/fond-conteneur.png) repeat-y ;
}
#conteneur a{
color:#7e786b;
text-decoration: none;
}
#conteneur a img{
border:0;
}
#conteneur a:visited{
color:#7e786b;
text-decoration: none;}
#conteneur a:hover{
text-decoration: underline;
}
/*MENU*/
#menu{
float:right;
width:450px;
margin: 0 5px 0 0;
text-align:center;
}
#menu  li{
/*border-left:1px solid #7e786b;*/
list-style-type: none;
display:block;
float:left;
margin: 0;
padding: 0 10px;
}
#menu  li.actif a{
border-bottom:2px solid #d6d1c9;
}
/*ENTETE */
#login {
float:right;
}
#login input{
float:left;
margin:0 4px ;
width:55px;
font-size:11px;
border:1px #d1d6c9 solid;
padding:2px;
}
#login  input.envoi{
padding:0;
margin:0 4px ;
width:29px;
border:0;
}
#conteneur #entete {
margin:0;
padding:15px;
background: transparent url(../images/bandeau.png) no-repeat;
height:60px;
}
#conteneur #entete  p{
display:inline;
border:0;
padding-bottom:5px;
margin:0 4px ;
color:#0E2F8C;
font-size:13px;
font-weight:bold;
}
#conteneur #entete  h1{
margin:45px 0 0 200px;
color:#888;
font-size:18px;
text-align:right;
}
#conteneur #entete  img{
float:left;
margin:10px 15px;
}

/*ACCROCHE */
#conteneur #accroche {
margin:0;
padding:15px;
background: transparent url(../images/fond-accroche.jpg) no-repeat;
height:125px;
}
#conteneur #accroche  h2{
line-height:150%;
width:400px;
margin: 20px 0 25px 360px;
color:#f58c13;
font-size:18px;
}
#conteneur #accroche  p{
margin: 15px;
}
table#contenu{
margin-top:0;
background:transparent url(../images/trame_circulaire.png) no-repeat right bottom;
}
table#contenu td{
background:transparent;
}
/*GESTION DU DÉFILEMENT  PRINCIPAL*/
#stage{
cursor:pointer;
width:600px; 
overflow: auto;
overflow-x:hidden; 
overflow-y:hidden;  
margin:10px auto;
}
#myList{
width:2400px; 
border:0; 
margin:0; 
padding:0; 
}
#myList li{
list-style:none; 
margin:0 25px 0 0; 
padding:0; 
border:0; 
padding:0; 
float:left;
width:575px;
height:360px;
background:transparent url(../images/fond-paragraphe.png) no-repeat;
}
#myList li h2{
font-size:24px;
color:#0E2F8C;
margin:20px 30px 10px 30px;
}
#myList li p{
line-height:150%;
text-align:justify;
color:#333;
margin:20px 30px 10px 30px;
}
#myList li span{
display:block;
padding-left:30px;
margin-bottom:10px;
background:transparent url(../images/apply.png) no-repeat left 5px;
}
#slider-buttons{
width:600px; 
margin:0 auto 15px auto;
text-align:center;
padding:15px 0 15px 0;
color:#95A296;
}
a.direct{
background:#f4f4f4;
padding:4px;
border:1px solid #d6d1c9;
}
#slider-buttons span.direct{
background:#f4f4f4;
padding:4px;
border:1px solid #d6d1c9;
cursor:pointer;
}
#slider-buttons span.direct:hover{
text-decoration:underline;
}

/* QUI SOMMES NOUS */
#contenu  h2{
color:#f58c13;
font-size:18px;
margin:0 10px 10px 0;
}
#contenu h3{
color:#0E2F8C;
margin:15px 40px 10px 50px;
font-size:14px;
}
#contenu p{
line-height:150%;
text-align:justify;
margin:5px 40px 10px 50px;
}

/* NOS REFERENCES */
#contenu   #logos_clients{
margin:10px 10px 10px 25px ;
}

/*TOUS LES MODULES */
#contenu .introduction {
margin:15px 10px 10px 50px;
}
#contenu .introduction h1{
font-size:22px;
color:#f58c13;
margin:0 10px 10px 0;
}
#contenu .introduction p{
line-height:150%;
text-align:justify;
margin:0 60px 10px 0;
font-weight:bold;
}
#contenu .bloc {
margin:0 20px 20px 50px;
padding-bottom:20px;
border-bottom:2px #d6d1c9 dotted;
}
#contenu .bloc h1{
color:#f58c13;
font-size:18px;
margin:0 10px 10px 0;
}
#contenu .bloc  table td{
padding: 0;
}
#contenu .bloc h2{
color:#0E2F8C;
margin:10px 40px 0 0;
font-size:12px;
}
#contenu .bloc p{
line-height:150%;
text-align:justify;
margin:5px 40px 0 0;
}
#contenu .bloc p.lien_module{
font-weight:bold;
line-height:100%;
margin:5px 40px 20px 0;
text-align:right;
}
#contenu .bloc p.lien_module a.details{
padding-right:13px;
background: url(../images/puce_lien.png) no-repeat right 1px;
}



/*FORMULAIRES ET COLONNE DE DROITE*/
#droite #service, #droite #temoignage, #droite #concept, #droite #demo{
width:208px;
margin:10px 0;
padding:5px 0;
background-color:transparent;
background-image: url(../images/fond-generique.png);
background-repeat: no-repeat;
background-position:left top;
border:1px solid #ddd;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px; 
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px; 
}
#droite #service{
height:360px;
}
#droite #demo{
height:334px;
}
#droite #concept{
height:510px;
}
#droite #temoignage{
height:600px;
background-position:left bottom;
}
#droite #demo input{
display:block;
margin:8px auto;
width:140px;
border:1px #ccc solid;
padding:2px;
}
#droite #demo input.envoi{
width:29px;
border:0;
}
#droite #demo input.cache{
margin:0;
width:0;
border:0;
padding:0;
}
#droite #demo .sml{
font-size:10px;
text-align:center;
margin:5px;
margin:10px 15px;
}
#droite #demo .normal{
margin:10px 20px 15px 20px;
}
#droite #demo .extra{
line-height:150%;
margin-top:15px;
font-size:14px;
font-weight:bold;
color:#0E2F8C;
}

#droite #service h4, #droite #concept h4, #droite #demo h4, #droite #temoignage h4{
font-size:18px;
color:#0E2F8C;
margin:20px 10px 20px 35px;
}
#droite #temoignage h4{
font-size:15px;
margin:25px 15px 5px 15px;
}
#droite #demo h4{
font-size:18px;
margin:20px 10px 0 10px;
text-align:center;
}
#droite #demo h5{
color:#0E2F8C;
font-size:14px;
text-align:center;
}
#droite #service ul, #droite #concept ul{
margin:0;
padding:0;
}
#droite #service li, #droite #concept li{
line-height:150%;
margin:5px 10px 5px 15px;
list-style-type:none;
padding:5px 0 5px 20px;
background:transparent url(../images/apply_2.png) no-repeat left 8px;
font-weight:bold;
color:#444;
}
/**/
#droite #temoignage p{
margin:5px 15px;
text-align:left;
font-size:12px;
font-weight:bold;
}
#droite #temoignage p.citation{
font-size:14px;
margin:10px 15px;
font-style:italic;
font-weight:normal;
}

/*FOOTER*/

#footer {
width:900px;
margin:0 auto;
padding: 0;
background: transparent url(../images/footer.png) no-repeat;
height:50px;
}
p#pied_page{
color:#7e786b;
text-align:center;
width:900px;
margin:0 auto 40px auto;
}
p#pied_page a{
color:#7e786b;
text-decoration: none;
}
p#pied_page a:visited{
color:#7e786b;
text-decoration: none;}
p#pied_page a:hover{
text-decoration: underline;
}

/*FICHE MODULES */
body#fiche_mod {
background: transparent;
}
#fiche_mod #titre_mod{
background: transparent url(../images/fond-titre-mod.png) no-repeat;
padding:5px 10px;
margin-bottom:20px;
}
#fiche_mod #titre_mod h3{
margin:5px;
font-size:16px;
color:#0E2F8C;
}
#fiche_mod #titre_mod h1{
margin:5px;
font-size:22px;
color:#f58c13;
}
#fiche_mod p.p_mod{
line-height:140%;
font-size:14px;
margin:5px 30px 10px 25px;
padding-left:20px;
background: url(../images/puce_mod.png) no-repeat left top;
}