html {
  background-color  : white;
  padding           : 0;
  margin            : 0;
  border            : 0;
}


body {
  padding-left    : 20px;
  padding-right   : 20px;
  margin          : 10px;
  border          : 0;
  font-family     : Arial, Verdana, Helvetica, Trebuchet, Sans-Serif;
  font-size       : 13px;
}


.blocmess {
   border            : 1px solid;
   width             : 550px;
   height            : 200px;
}


.bloccontact {
   border            : 1px solid;
   width             : 550px;
}


p {
   text-align     : justify;
}

ul {
  list-style:outside;
}

#first { float : left; width:33%;}
#second {float : left;width:33%;}
#third { float : right; width:33%;}


li {
  list-style       : none;
}


#second {
  border-style      : none dashed none dashed;
  border-width      : 2px;
  border-color      : #CCCCCC;
  padding-right     : 6px;
}



#milieu {
  background-color   : #CCCCCC;
  border-color       : #CCCCCC;
  border-style       : solid;
  border-width       : 20px;
  border-Top-width : 5px;
}


.modele {
  background-color   : white;
  width              : 500px;
  color              : black;
  text-align         : justify;
}


.menu {
  vertical-align     : bottom;
  padding            : 4px;
  margin             : 10px;
  border-color       : #9b9b9b;
  border-width       : 1px;
  border-style       : solid;
  border-radius      : 5px;
  color              : #000;
  font-family        : Arial;
  font-size          : 1.2em;
  width              : 160px;
  text-align         : center;
  background         : #fff;
  letter-spacing     : 0;
}


.menu_login {
  vertical-align     : bottom;
  padding            : 3px;
  border-color       : #CCCCCC;
  border-width       : 3px;
  border-style       : dotted;
  color              : #CCCCCC;
  font-family        : arial;
  font-size          : 18px;
  font-weight        : bold;
  width              : 150px;
}


h1 {
  text-align         : center;
}


div {
  margin             : 0;
  padding            : 0;
}


.bloc  {
  overflow:hidden;
  list-style:none;
}


.theme_modele_titre {
  color              : white;
  font-family        : Arial;
  font-size          : 20px;
  font-weight        : bold;
  padding            : 0px;
}


.slogan {
  font-style         : italic;
  margin-left        : 50px;
}


.pourquoi {
   font-style         : italic;
   font-weight        : bold;
   color              : #8F8F8F;
}


.logo {
  text-align        : center;
}


.marque {
  font-weight        : bold;
  color              : rgb(65,105,225);
}


.description {
  background-color   : white;
  padding            : 0px 15px 0px 15px;
}

description_entete {
  background-color   : white;
  padding-left       : 10px;
  padding-right      : 10px;
  border-color       : #CCCCCC;
  border-left-width  : 10px;
  border-right-width : 10px;
  border-top-width   : 4px;
  border-bottom-width : 4px;
  border-style       : solid;
  color              : #CCCCCC;
  font-family        : arial;
  font-size          : 18px;
  font-weight        : bold;
}


#signature_cadre {
  background-color   : white;
  text-align         : center;
  font-size          : 11px;
  font-weight        : bold;
  font-style         : italic;
}


#signature_logo {
  width              : 18%;
  border             : 0;
  margin-top         : 5px;
}


#fonctionnalites {
  list-style-type    : square;
  padding-left       : 20px;
}


#fonctionnalites2 {
   list-style-type   : circle;
   padding-left      : 40px;
}


a {
  text-decoration    : none;
  color              : #9b9b9b;
}


#W3CCheck {
  position          : absolute;
  bottom            : 0;
  right             : 0;
}