body {
  /*font: 12px helvetica;*/
  background-color: white;
  /*color:#7e736d;*/
  /*font-weight: bold;*/
}
a {
  color: #978981;
  border:none;
}
img {
  border:none;
}
.grasit{
  font-weight: bold;
  font-style: italic;
  /*color: black;*/
}
.grasitb{
  font-weight: bold;
  font-style: italic;
  color: #1F497D;
}
.colorqui{
  color: #1F497D;
}
.contentacc {
  font-size: 14px;
  padding-left: 30px;
}
.col1 {
  color: #F29400;
}
.col2 {
  color: #A5519C;
}
.col3 {
  color: #4460AA;
}
.nota{
  font-size: 11px;
  font-style: italic;
  margin-left: 30px;
}
#shareviadeo {
  float: left;
}
#test{
  color:green;
}
#content {
  width: 1280px;
  margin: 10px auto;
}
#banniere {
  height: 300px;
  margin: 0 auto;
  width: 1098px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#bande4 {
  font-size: 14px;
    font-style: italic;
    margin: -190px 0 0 545px;
}
#bande3 {
  height: 120px;
  margin: 70px auto;
  width: 1200px;
  background: url(../images/bandeau_accueil.jpg) repeat-x;
  background-size: auto 100%;
}
#menu {
   width: 1200px;
   height: 50px;
   margin: 0 auto;
   background-color: #7FA1B6;   
}
#menu ul {
  margin-left: -40px;
}
#menu li {
  background-color: #7FA1B6;
  float: left;
  height: 80px;
  line-height: 80px;
  list-style: none;
  text-align: center;
  font-family: helvetica;
  font-size: 24px;
  border-right: solid 1px white;
}
.lienmenu {
  text-decoration: none;
  display: block;
  height: 80px;
}
#menuaudit {
  color: #B7CAD8;
  width: 140px;
}
#menuorganisation {
  color: #FDBF76;
  width: 187px;
}
#menuadaptibilite {
  color: #A05DA6;
  width: 180px;
}
#menudeveloppement {
  color: #034EA2;
  width: 195px;
}
#menucoaching {
  color: #C51D23;
  width: 145px;
}
#menureflexion {
  color: #B7CAD8;
  width: 245px;
}
#bande1 {
  height: 70px;
  background: url(../images/barremenu.png) no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  margin: 0px auto;
  position: absolute;
  width: 1097px;
}
#bande2 {
  height: 80px;
  background: url(../images/barremenu1.png) no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  margin: 25px auto;
  position: absolute;
  width: 600px;
  line-height: 80px;
  padding-left: 80px;
}
#bande2 a {
  text-decoration: none;
  font-size: 24px;
  color: #C51D23;
}
#logo {
  width: 200px;
  height: 220px;
  position: absolute;
  margin: -20px 0 0 240px;
}
#logo img {
  width: 100%;
}
#adresse {
  margin: 35px 0 0 5px;
  position: absolute;
  width: 225px;
  height: 150px;
  color: #A05DA6;
  font-size: 16px;
}
#nom {
  height: 20px;
  margin: 75px 0 0 150px;
  position: absolute;
  width: 90px;
  font-size: 14px;
  font-weight: bold;
}
#titre {
  font-size: 25px;
  height: 50px;
  margin: 20px 0 0 700px;
  position: absolute;
  width: 250px;
  color: #034EA2;
}
/*#contact {
  background: url(../images/enveloppe.png) no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  width: 80px;
  height: 55px;
  position: absolute;
  margin: 80px 0 0 815px;
  cursor: pointer;
}*/
#contenu {
  margin: 0 auto;
  width: 1200px;
}
#pied {
  width: 1200px;
  height: 230px;
  margin: 0 auto;
  background-color: #7FA1B6;
  font: 16px helvetica;
  /*color:#7e736d;*/
  color:white;
  font-weight: bold;
}
#pied a {
  color:white;
  text-decoration: none;
  font-weight: normal;
}
/*#pied img {
  width: 40px;
}*/
#ident {
  margin: 10px 0 0 40px;
  position: absolute;
}
#ident img{
  height: 150px;
  margin-top: 30px;
}
#ident1 {
  margin: 20px 0 0 215px;
  position: absolute;
}
#ident1 ul {
  padding-left: 12px;
}
#ident1 li {
  list-style: none;
}
#ident2 {
  margin: 50px 0 0 545px;
  position: absolute;
}
#ident3 {
  margin: 50px 0 0 850px;
  position: absolute;
}
#ident3 img {
  width: 42px;
}
#colonnereseaux {
  margin-top: 30px;
}
#compteur {
  display: none;
}
#connexion {
  display: none;
  position: absolute;
  width: 630px;
  height: 80px;
  margin: 0 0 0 150px;
}
#connexion label {
  font-size: 15px; 
}
#titresession {
  margin: 5px 0 0 5px;
  font-size: 15px;
}
#log {
  margin: 20px 0 0 30px;
  position: absolute;
}
#logg {
  margin: 40px 0 0 5px;
  position: absolute;
  font-size: 15px;
}
#passe {
  margin: 75px 0 0 30px;
  position: absolute;
  width: 270px;
}
#action {
  margin: 120px 0 0 30px;
  position: absolute;
}
#clicconnexion {
  width: 75px;
  height: 80px;
  line-height: 80px;
  margin: auto 30px;
  position: absolute;
}
#clicconnexion span {
  cursor: pointer;
}
#reseaux {
  width: 280px;
  height: 80px;
  margin: 0 0 0 900px;
}
#mentions {
  width: 1200px;
  height: 30px;
  margin: 0 auto;
  background-color: #034EA2;
  text-align: center;
  font-size: 10px;
  line-height: 30px;
  color: #A05DA6;
}
#mentions a {
  color: #A05DA6;
}

/*  accueil  */

#accueil {
  margin: 0 auto;
  width: 1200px;
  height: 625px;
  color:#7e736d;
  font: 12px helvetica;
  font-weight: bold;
}
#texteaccueil {
  color: #978981;
    font-family: helvetica;
    font-size: 18px;
}
#guymoreno {
  margin: 0 auto;
  width: 1200px;
  height: 625px;
  color:#7e736d;
  font: 12px helvetica;
  font-weight: bold;
}
#bandeau {
  margin: -60px auto 5px;
  width: 1000px;
}
#bandeau img {
  width: 100%;
}
#titreaccueil {

}
#titre1 {
  font-size: 35px;
  margin-left: 70px;
}
#titre2 {
  font-size: 25px;
  color: #034EA2;
  margin-left: 145px;
}
#soustitreaccueil {
  font-size: 16px;
  font-weight: bold;
  margin-left: 195px;
  /*color: #7fa1b6;*/
}
#logohm {
  background: url(../images/logo_simplifie.jpg) no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  width: 200px;
  height: 151px;
  position: absolute;
  margin: 55px 0 0 180px;
}
#sousaccueil {
  font-size: 18px;
  line-height: 30px;
  margin: 40px 0 0 250px;
}
#sousaccueil li{
  list-style: none;
}

/*  qui  */

#qui {
  margin: 0 auto;
  font: 12px helvetica;
  color:#7e736d;
  /*font-weight: bold;*/
}
#retour {
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: bold;
}
#textequi {
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
}
#textequi img {
  float: left;
  margin: 14px;
}
#signature {
  text-align: right;
  
  margin: 0 0 20px;
}

/*  ohm  */
#ohm {
  margin: 0 auto;
  width: 1100px;
  height: 330px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#colonneohm1 {
  color: #034EA2;
  font-weight: bold;
  height: 150px;
  margin: -22px 0 0 380px;
  position: absolute;
  text-align: right;
  width: 195px;
}
#colonneohm2 {
  height: 300px;
  margin: -22px 0 0 592px;
  position: absolute;
  width: 195px;
}
#colonneohm3 {
  height: 180px;
  margin: -22px 0 0 790px;
  position: absolute;
  width: 195px;
}
#imageohm {
  margin: 170px 0 0 762px;
  position: absolute;
  width: 260px;
}
#imageohm img {
  width: 100%;
}
#logohmo {
  background: url(../images/logo_simplifie.jpg) no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  width: 200px;
  height: 151px;
  position: absolute;
  margin: 115px 0 0 75px;
}
#ohmretour {
  font-size: 16px;
    margin: 285px 0 0 380px;
    position: absolute;
}
/*  finalite  */

#finalite {
  margin: 0 auto;
  width: 1100px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#textefinalite {
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
  color: #7e736d;
}
#textefinalite img {
  float: left;
  margin: 35px;
  width: 200px;
}
#textefinalite span {
  color: #034EA2;
  font-weight: bold;
}
/*  esprit  */

#esprit {
  margin: 0 auto;
  width: 1100px;
  font: 12px helvetica;
  color:#7e736d;
  /*font-weight: bold;*/
}
#texteesprit {
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
  color: #7e736d;
}
#texteesprit img {
  float: left;
  margin: 0 35px;
  width: 290px;
}
/*#texteesprit span {
  color: #034EA2;
  font-weight: bold;
}*/
.titreesprit {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #1F497D;
}

/*  audit  */

#audit {
  margin: 0 auto;
  height: 560px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#articleaudit {
  
  position: relative;
  margin: 40px 0 0 100px;
}
#titreaudit {
  color: #4460aa;
    font-size: 22px;
    position: relative;
    text-align: center;
    width: 100%;
}
#retouraudit {
  font-size: 16px;
  font-weight: bold;
  margin: 460px 0 0 250px;
    position: absolute;
}
#colonneaudit1 {
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  width: 330px;
  margin: 20px 0 0 325px;
  position: absolute;
}
#colonneaudit2 {
  margin: -5px 0 0 654px;
  position: absolute;
  width: 445px;
}
#colonneaudit2 img {
  width: 100%;
}
#colonneaudit3 {
  color: #B7CAD8;
  font-size: 30px;
  font-weight: normal;
  margin: 290px 0 0 255px;
  position: absolute;
}
#colonneaudit4 {
  font-size: 30px;
  color: #B7CAD8;
  font-weight: normal;
  line-height: 30px;
  margin: 320px 0 0 295px;
  position: absolute;
}
#spaudit1 {
  color: #034EA2;
  font-weight: bold;
}
#spaudit2 {
  color: #B7CAD8;
  font-weight: bold;
}

/*  organisation  */

#organisation {
  margin: 0 auto;
  height: 560px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#articleorganisation {
  
  position: relative;
  margin: 40px 0 0 100px;
}
#titreorganisation {
  color: #fdbf76;
    font-size: 22px;
    position: relative;
    text-align: center;
    width: 100%;
}
#colonneorganisation1 {
  margin: -35px 0 0 300px;
  position: absolute;
  width: 780px;
}
#colonneorganisation1 img {
  width: 100%;
}
#colonneorganisation2 {
  color: #FDBF76;
  font-size: 32px;
  font-weight: normal;
  line-height: 30px;
  margin: 180px 0 0 225px;
  position: absolute;
}
#colonneorganisation3 {
  color: #FDBF76;
  font-size: 30px;
  line-height: 32px;
  margin: 240px 0 0 224px;
  position: absolute;
}
#colonneorganisation4 {
  font-size: 16px;
  font-weight: normal;
  width: 330px;
  margin: 335px 0 0 660px;
  position: absolute;
}
#sporganisation1 {
  color: #034EA2;
  font-weight: bold;
}
#sporganisation2 {
  
}

/*  adaptabilite  */

#adaptabilite {
  margin: 0 auto;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
  height: 605px;
}
#articleadaptabilite {
  
  position: relative;
  margin: 40px 0 0 100px;
}
#titreadaptabilite {
  color: #A05DA6;
    font-size: 22px;
    position: relative;
    text-align: center;
    width: 100%;
}
#retouradaptabilite {
  font-size: 16px;
  font-weight: bold;
  margin: 460px 0 0 950px;
    position: absolute;
}
#colonneadaptabilite1 {
  font-size: 16px;
  font-weight: normal;
  margin: 30px 0 0 440px;
  position: absolute;
  width: 375px;
}
#colonneadaptabilite2 {
  margin: -40px 0 0 800px;
  position: absolute;
  width: 300px;
}
#colonneadaptabilite2 img {
  width: 100%;
}
#colonneadaptabilite3 {
  color: #A05DA6;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  margin: 200px 0 0 435px;
  position: absolute;
}
#colonneadaptabilite4 {
  color: #A05DA6;
  font-size: 32px;
  line-height: 32px;
  margin: 300px 0 0 432px;
  position: absolute;
}
#spadaptabilite1 {
  color: #034EA2;
  font-weight: bold;
}
#colonneadaptabilite5 {
  margin: 300px 0 0 210px;
  position: absolute;
  width: 445px;
}
#colonneadaptabilite5 img {
  width: 100%;
}

/*  developpement  */

#developpement {
  margin: 0 auto;
  height: 580px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#articledeveloppement {
  
  position: relative;
  margin: 40px 0 0 100px;
}
#titredeveloppement {
  color: #034ea2;
    font-size: 22px;
    position: relative;
    text-align: center;
    width: 100%;
}
#colonnedeveloppement1 {
  font-size: 16px;
  font-weight: normal;
  margin: 60px 0 0 295px;
  position: absolute;
  text-align: right;
  width: 330px;
}
#colonnedeveloppement2 {
  margin: -35px 0 0 654px;
  position: absolute;
  width: 355px;
}
#colonnedeveloppement2 img {
  width: 100%;
}
#colonnedeveloppement3 {
  color: #034EA2;
  font-size: 32px;
  font-weight: normal;
  line-height: 30px;
  margin: 280px 0 0 230px;
  position: absolute;
}
#colonnedeveloppement4 {
  color: #034EA2;
  font-size: 32px;
  font-weight: bold;
  line-height: 30px;
  margin: 315px 0 0 265px;
  position: absolute;
}
#spdeveloppement1 {
  color: #034EA2;
  font-weight: bold;
}

/*  coaching  */

#coaching {
  margin: 0 auto;
  height: 605px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#titrecoaching {
  color: #c51d23;
    font-size: 22px;
    position: relative;
    text-align: center;
    width: 100%;
}
#retourcoaching {
  font-size: 16px;
  font-weight: bold;
  margin: 460px 0 0 400px;
    position: absolute;
}
#articlecoaching {
  position: relative;
  margin: 40px 0 0 20px;
}
#colonnecoaching1 {
  font-size: 16px;
  font-weight: normal;
  margin: 65px 0 0 500px;
  position: absolute;
  width: 365px;
}
#colonnecoaching2 {
  margin: -6px 0 0 800px;
  position: absolute;
  width: 360px;
}
#colonnecoaching2 img {
  width: 100%;
}
#colonnecoaching3 {
  color: #C51D23;
  font-size: 32px;
  line-height: 30px;
  margin: 233px 0 0 385px;
  position: absolute;
  text-align: right;
}
#spcoaching1 {
  color: #034EA2;
  font-weight: bold;
}

/*  page contact  */

#contact {
  margin: 0 auto;
  height: 540px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#articlecontact {
  position: relative;
  margin: 0 0 0 320px;
}
#colonnecontact1 {
  margin: 10px 0 0 60px;
  position: absolute;
}
#colonnecontact2 {
  margin: 45px 0 0 295px;
  position: absolute;
}
#colonnecontact3 {
  font-size: 18px;
  margin: 305px 0 0 70px;
  position: absolute;
}
#colonnecontact4 {
  margin: 365px 0 0 100px;
  position: absolute;
}
#colonnecontact4 img {
  width: 50px;
}
#colonnecontact4 a {
  margin-left: 5px;
}
#nomcontact {
  font-size: 18px;
}
/*#contact1 {
  background-color: #B7CAD8;
  border-radius: 10px;
  height: 600px;
  margin: -620px 0 0 485px;
  position: absolute;
  width: 400px;
  font: 20px helvetica;
  color:#034EA2;
  border:solid 1px #034EA2;
  z-index: 5;
}
#fermer {
  float: right;
  font-size: 15px;
  margin-right: 25px;
  margin-top: 5px;
}
#fermer u {
  cursor: pointer;
}
.sub {
  margin: 45px 0 0 90px;
}
.sub input {
  font-size: 15px;
}
#code {
  font-size: 14px;
    margin: 35px 0 0 41px;
}
#tapcode {
  font-size: 15px;
  margin: -35px 0 0 180px;
  text-align: center;
  width: 153px;
}
#nom1 {
  margin: 35px 0 0 37px;
  width: 335px;
}
#nom1 input {
  width: 255px
}
#prenom {
  margin: 30px 0 0 37px;
  width: 340px;
}
#prenom input {
  width: 225px
}
#mail {
  margin: 30px 0 0 37px;
  width: 335px;
}
#mail input {
  width: 245px
}
#message {
  margin: 39px 0 0 38px;
}*/

/*  reflexion  */

#reflexion {
  margin: 10px auto;
  /*width: 1100px;*/
}
#barrereflexion {
  width: 300px;
  height: 95%;
  float: left;
  position: relative;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
  
}
#articlereflexion {
  height: 95%;
  position: relative;
  margin: 0 0 0 315px;
}
#clear {
  clear: both;
}
.separationmod {
  width: 100%;
  background: url(../images/tirett.png);
  height: 5px;
}
.module {
  margin: 10px auto;
  width: 95%;
}
.titremod {
  color: #4460aa;
  font: 16px helvetica;
  padding-left: 10px;
  margin: 0 0 15px;
  font-weight: bold;
}
.titremod a {
  color: #4460aa;
  font: 16px helvetica;
  text-decoration: none;
  font-weight: bold;
}
.contentmod {
   margin: 5px 0 0 25px;
}
#module1 {
  height: 75px;
}
#search {
  height: 35px;
  width: 210px;
  background: url(../images/input.png);
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
#search img {
  margin: 7px 0 0 7px;
}
#search input {
  background: url(../images/input.png);
  border: 1px solid white;
  color: white;
  font: 13px "Comic sans MS";
  
  padding-left: 7px;
  position: absolute;
}
#search form {
  margin: -22px 0 0 35px;
}
.cat {
  margin: 5px 0;
}
.cat a {
  text-decoration: none;
}
.catvide {
  color: grey;
}
.article {
  margin: 10px auto;
  width: 95%;
}
.titreart {
  background: url(../images/search-bar.png);
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  color: white;
  font: 18px helvetica;
  padding-left: 10px;
  font-weight: bold;

}
.texteart {
  margin: 20px 10px;
  text-align: justify;
}
.footerart, #footer1 {
  font: italic 10px calibri;
}
.commentaire {
  margin: 10px auto;
  width: 95%;
}
.poub {
  margin-left: 30px;
}
.poub2 {
  margin-left: 0px;
}
.poub3 {
  margin-left: 20px;
}
.poub1 {
  margin-right: 10px;
}
.modif {
  margin-right: 10px;
  cursor: pointer;
}
#ajoutcom {
  margin: 10px 0 0 0px;
}
.ajoutcomtitre {
  font: 20px "Comic sans MS";
  margin-bottom: 15px;
}
.separationcom {
  width: 100%;
  background: url(../images/footer-title-border.png);
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  height: 2px;
  margin: 15px 0 15px 0;
}
.listeart {

}
.listeart a {
  color:#4460aa;
  font-weight: bold;
  text-decoration: underline;
  font-size: 20px; 
  padding-right: 50px;
}
.apercuart {
  margin: 5px 0 0 30px;
}

/*page membre*/

#membre {
  margin: 0 auto;
  height: 770px;
  font: 12px helvetica;
  color:#7e736d;
  font-weight: bold;
}
#articlemembre {
  position: relative;
  margin: 0 0 0 320px;
}
#colonnemembre1 {
  font-size: 22px;
  margin: 10px 0 0;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #7fa1b6;
}
#colonnemembre2 {
  margin: 70px 0 0 20px;
  position: absolute;
  width: 100%;
}
#colonnemembre3 {
  margin: 220px 0 0 20px;
  position: absolute;
  font-size: 15px;
}
#colonnemembre4 {
   margin: 250px 0 0 20px;
  position: absolute;
}
#listeproduits td, #listeproduits tr, #listeproduits th{
  border:solid 1px black;
  font-size: 12px;
  
}
#listeproduits {
  border-collapse: collapse;
  width: 90%;
}
.dataTables_filter {    
    margin-bottom: 10px;    
}
#listeproduits_paginate {
  margin-top: 10px;
}