html, body {

	background-color : #EAEAEA;
	height : 100%;


}

.Erreur {

color: red;
font-style: italic;
font-family: arial;
font-size: 10pt;

}

#conteneur {
	width : auto;
  background-color : #EAEAEA;
  height: 100%;
	
}
#header {

	width : auto;
	height : 80px;
	background-color: #1F2B36; 
	text-align: right;
	border-bottom: 10px solid #2A3F56;
	vertical-align: middle;
	opacity: 0,5;	
}

#espace {

  float:right;
  display:block;
  color:white;
  font-family : arial;
  padding:5px;
  margin-top: 1px;
  margin-right: 10px;
  margin-left : 2px;
  font-weight: bold;


}

#espace a {
  text-decoration: none;
  color : #345670;
}
#espace a:hover {
  color: white;
}
#menu {

	width : auto;
	height : 30px;
	background-color: #9FABB7;
	opacity: 1,8;
  font-size: 12pt;
}
#corps {

	min-height : 100%;
	background-color : #E8E9EA; 
	background-repeat: repeat-y;
	margin-top: none;
}
#HEADTITRE {


  margin-left:auto;
  margin-right:auto;
  position:relative;
  top:30%;
  margin-top:-25px;
  color : white;
  font-size : 50px;
  font-family: verdana;
  font-variant: small-caps;
}

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;

 }
#menu .menu-titre {
 display:block;
 width:100px;
 color:white;
 font-family : verdana;
 border-bottom : 3px solid #345670;
 padding:5px;
 margin-left : 2px;
 font-variant: small-caps;
 font-weight: bold;
 text-decoration: none;

 }
.menu-titre a {
 text-decoration: none;
 color : white;
  
 }
#menu li .menu-titre:hover {

 text-decoration: none;

 }

 #menu .menu-titre:hover {


 border-bottom : 3px solid white;
 }

 #menu ul li ul {
 display:none; text-decoration: none;

 }

 #menu ul li:hover ul {
 display:block; text-decoration: none;

 }
#menu li:hover ul li {
 float:none;
 background-color: white;
 color : black;
 border-bottom : 0px;
 width:100px;
 font-family : verdana;
 padding:5px;
 margin-left : 2px;
 font-variant: small-caps;
 text-decoration: none;
 margin-top: 1px;
 width : 200px;
 }

 #menu  li:hover a.sous-menu {
 
 color : black;
 border-bottom : 0px;
 font-family : verdana;
 padding:5px;
 text-decoration: none;
 color : #345670;

 }
 #menu li ul {
 position:absolute;
 }
#contenu {

	width: 95%;
	margin-left: 20px;
	margin-top: 20px;
	float : left;
	vertical-align: middle;
}
.bouton {

	display : block;
	width: 30%;
	height : 30px;
	border-bottom : 1px dotted #345670;

}
.bouton a {

  margin-left: 10px;
  position:relative;
  top:10%;
  text-decoration: none;
  font-family: verdana;
  color : #345670;
  font-variant: small-caps;
  font-size: 15pt; 
}


 <!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]--> 



input, textarea { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    width: 200px; 
    background: #FFFFFF; 
    } 

select { 
    border: solid 1px #E5E5E5; 
    width: 200px; 
    } 

textarea { 
    width: 400px; 
    max-width: 400px; 
    height: 150px; 
    line-height: 150%; 
    } 
input:hover, textarea:hover, 
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    } 
.form label { 
    margin-left: 10px; 
    color: #999999; 
 
    } 

    .form a{ 
    
    text-decoration: none;
    color : #555555;
    } 

     .form a:hover{ 
   
    text-decoration: none;
    color : #999999;
    } 
.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px; 
    color: #FFFFFF; 
    }
.submit input { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    }
#formStats {

  font-size: 12pt;
  color: #213348;
  padding : 10px;
  font-family: arial;

}
.inputStats  { 
    width: auto; 
    padding: 4px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 12px; 
    color: #FFFFFF; 
    }
.inputStats { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    }
input, textarea { 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    }

#formCreerCompte {

  padding-bottom : 50px;

}
#cadreInfo {

width : 400px;
padding : 10px;
border : 1px dotted #E5E5E5;
background-color: #D8DEDE;
font-style: italic;
font-size: 12px;
color : #345670;

}

#tabfichier {

width : 600px;
border : 1px solid #1D2933;
margin-top: 20px;
margin-left: 20px;
border-collapse: collapse;
text-align: center;


}

#tabmail {

width : 700px;
border : 1px solid #1D2933;
margin-top: 20px;
margin-left: 20px;
border-collapse: collapse;
text-align: center;


}

.creerMail {

 margin-bottom: 40px;

}


.creerMail a {

  font-size: 10pt;
  margin-left: 20px;
  padding-left: 5px ;
  width: 695px;
  height : 30px;
  text-decoration: none;
  color : #304A60;

}

#tabfichier th, #tabmail th{

border-bottom : 1px solid #1D2933;
border-top : 1px solid #1D2933;
background-color: #304A60;
color : white; 
height : 30px;
font-variant: small-caps;
font-family: arial;
margin-top: 20px;
margin-left: 20px;

}

#tabfichier td, #tabmail td{

border-bottom : 1px solid #BBC9D6;
height : 34px;
font-size: 12px;
font-family: arial;
background-color: #FFFFFF;

}

#login {
 background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 240px;
    width: 400px;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#login:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
}

#log {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

#log
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

#log:after, #log:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

#log:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

#log:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/

#inputs input
{
    background: #f1f1f1 url(http://www.red-team-design.com/wp-content/uploads/2011/09/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}

#submit
{   
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{   
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
} 

#submit:active
{   
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}

#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}

.fichier {

  float : left;
  margin-top: 10px;
  text-align: center;
  margin-left : 20px;
  color: #3151A2;
  width: 140px;
  margin-bottom: 20px;
  text-decoration: none; 
}

.titreFichier {

  font-family: arial;
  font-size: 14px;
  font-weight: bold;


}


#formProspectDiv H2 {

  width : auto;
  background-color: #D9DEE3;
  height : 20px;
  padding-top: 10px;
  padding-left: 8px;
  position: relative;
  font-variant: small-caps;
  color : #465969;

}

#droitFloat {

  border-left : 4px solid #345670;
  width : 345px;
  height : 425px;
  float : right;
  background-color: #DBE5EA;
  opacity : 0.5;
  overflow: auto;

}

#droitFloat table {

  width : 310px;
  margin-top: 20px;
  margin-left: 15px;
  border-collapse: collapse;

}
#droitFloat th {

border-bottom : 1px solid #1D2933;
border-top : 1px solid #1D2933;
background-color: #304A60;
color : white; 
height : 20px;
font-variant: small-caps;
font-family: arial;
font-size: 12px;
text-align: left;
padding-left: 5px;padding-right: 5px;
}
#droitFloat td {

border-bottom : 1px solid #1D2933;
border-top : 1px solid #1D2933;
background-color: #FFFFFF;

height : 20px;

font-family: arial;
font-size: 10px;
text-align: left;
padding-left: 5px; padding-right: 5px;
}



#relanceTab {

  width : 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-family: Arial;
  color : #293C4D;
}



#relanceTab tr {

  height : 40px;
  border-top : 1px solid #D6D6D6;
  border-bottom : 1px solid #D6D6D6;

}

.footerRelanceTab {

  display: block;
  height : 20px;
  border-bottom : 1px solid #D6D6D6;
  width : 100%;
  font-size: 12px;
  font-family: Arial;
  color : #293C4D;
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 10px;
  background-color : #EBEBEB;

}

.footerRelanceTab a{

  text-decoration: none;
  color: #273643;

}

.footerRelanceTab a:hover{

  text-decoration: none;
  color: #4F6A82;

}

#relanceTab .dernierAppel {

  font-style: italic;

}

#relanceTab .nomEntreprise {

  font-weight: bold;


}

#relanceTab .heureRel {

  width : 50px;



}