body {
    margin:0px;
	background-color: #333333;
}   

#header {
    margin:0px;
	width: 100%;
	height: auto;
    text-align: center;
    background-position: center;
    background-color: #ffffff;
	vertical-align:top;
    display: block;
}

#menu{
  font-family: Calibri,Cambria,Arial;
  font-size: 90%;
  color: #555555;
  text-align: RIGHT;
  vertical-align:top;
  display: block;
}

#menu ul {
    list-style-type: none;
    overflow: hidden;
    text-align: center;
}

#menu li {
    float: left;
}

#menu li a {
    display: block;
    color: #0066cc;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

#menu li a:hover {
    color: #555555;
    text-decoration: none;
	font-style: bold;
}
   
#pub1 {
    margin:0;
 	width: 80%;
	height: auto;
    padding: 0;
	border: 1px solid #eeeeee;
    background-color: #dddddd;
    display: block;
}

#menu2{
  margin: 0;
  width: 100%;
  height: 60px;
  padding: 10 px;
  font-family: Tahoma,Cambria,Calibri,Arial;
  font-size: 90%;
  text-align: center;
  vertical-align:top;
  background-color: #222222;
  background-position: center;
  color: #888888;
  display: block;
}

#menu2 a {
    color: #888888;
    text-decoration: none;
}

#menu2 a:hover {
    color: #eeeeee;
    text-decoration: underline;
}

#menu3{
  margin: 0;
  width: 80%;
  height: 80px;
  padding: 10 px;
  font-family: Tahoma,Cambria,Calibri,Arial;
  font-size: 90%;
  text-align: center;
  vertical-align:top;
  background-color: #eeeeee;
  background-position: center;
  color: #888888;
  display: block;
}

#menu3 a {
    color: #222222;
    text-decoration: none;
}

#menu3 a:hover {
    color: #4444ee;
    text-decoration: underline;
}


#tables{
font-family: Calibri,Tahoma,Cambria,Arial;
font-size: 85%;
color:#004477;
}

#tables a{
color:#1155FF;
text-decoration:none;
}

#tables a:hover{
 color: #0066ff;
 text-decoration: underline;
 font-weight:bold;
}


#soft {
    margin:0;
 	width: 100%;
	height: auto;
    padding: 0;
    background-color: #dddddd;
    display: block;
    font-family: Calibri,Tahoma,Cambria,Arial;
    font-size: 85%;
    color: #111111;
 }

#soft a {
    color: #111111;
    text-decoration: none;
}

#soft a:hover {
    color: #11aaff;
    text-decoration: underline;
}


    .table {
      display: table;
      height: 200px;
      width: 100%;
    }

    .celx {
      display: table-cell;
      height: 180px;
      width:16.666%;
	  padding: 10px;
      vertical-align: center;
 	  background-color:#FFffff;
      box-shadow: 0 0 0px #ffffff;
	  font-size: 14px;
      color: #fff;
      font-family: "Calibri", Helvetica, Arial, sans-serif;
    }

    .cell1 {
      display: table-cell;
	  margin: 0;
	  padding: 0;
      border:1px solid #6d7673;
    }

    .cell2 {
      display: table-cell;
      height: 160px;
      padding: 20px;
	  background-color:#ffffff;
      border:1px solid #6d7673;
      border-radius:0px;
      box-shadow: 8px 8px 0px black;
	  font-size: 14px;
      color: #fff;
      font-family: "Calibri", Helvetica, Arial, sans-serif;
    }

    .cell3 {
      display: table-cell;
      height: 160px;
      padding: 20px;
	  background-color:#ffffff;
      border:1px solid #6d7673;
      border-radius:0px;
      box-shadow: 8px 8px 0px black;
	  font-size: 14px;
      color: #fff;
      font-family: "Calibri", Helvetica, Arial, sans-serif;
    }

#pagesoft{
width: 80%;
margin-top: 10px;
margin-left:auto;
margin-right:auto;
padding-top: 1px;
padding-bottom: 20px;
background-position: center;
background-color:#ffffff;
vertical-align: center;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #999999;
-webkit-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #cccccc;
display: block;
}


#Telecharger{
background-position: center;
margin-top:20px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:20px;
width: 80%;
height:30px;
text-align:center;
font-family: Calibri,Tahoma,Cambria,Arial;
font-size: 85%;
color:#bbbbbb;
display: block;
}

#telecharger a{
font-family: Calibri,Tahoma,Cambria,Arial;
font-size: 85%;
color:#ffffff;
text-decoration:none;
}

#telecharger a:hover{
color:#ffff00;
}

#formail_contact{
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-left:10px;
padding-right:10px;
height:260px;
width:660px;
text-align:justify;
font-family:'Calibri',Trebuchet ms, Helvetica, sans-serif;
font-size:85%;
color:#333333;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #999999;
-webkit-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #cccccc;
background-color:#dddddd;
background-position: center; 
display:block;
}

#formail_demo{
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-left:10px;
padding-right:10px;
height:200px;
width:660px;
text-align:justify;
font-family:'calibri',Trebuchet ms, Helvetica, sans-serif;
font-size:95%;
color:#444444;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #999999;
-webkit-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #cccccc;
background-color:#eeeeee;
background-position: center; 
}

#formail_devisweb{
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-left:10px;
padding-right:10px;
height:260px;
width:660px;
text-align:justify;
font-family:'Calibri',Trebuchet ms, Helvetica, sans-serif;
font-size:90%;
color:#eeeeee;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #999999;
-webkit-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #cccccc;
background-color:#22569A;
background-position: center; 
}

#contact_coord{
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-top:10px;
font-family:'Calibri', Helvetica, sans-serif;
font-size:80%;
color:#eeeeee;
background-position: center;
display:block;
}

#retour_index{
background-position: center;
margin-top:20px;
margin-left:auto;
margin-right:auto;
width: 80%;
height:40px;
text-align:center;
}

#retour_index a{
font-family:'calibri',trebuchet ms, Helvetica, sans-serif;
color:#ff9900;
font-size:90%;
text-decoration:none;
}

#retour_index a:hover{
font-weight:bold;
color:#00ccef;
}

#footer{
height: 100px;
width: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
background-position: center;
background-color: #222222;
font-family: Calibri,Tahoma,Cambria,Arial;
font-size: 80%;
color:#777777;
display: block;
}

#footer a{
color:#888888;
padding-top:10px;
text-decoration:none
}

#footer a:hover{
color:#ffffff;
font-weight:bold
}