/**/
body {
  font:12px Arial, Helvetica, sans-serif;
  background-color:#eaeff2;
  margin:20px 0 0 0;
  color:#6E8688;
  padding: 0;
}
#page {
  border:1px solid #cfcfcf;
  background-color:#fff;
  width:940px; 
  margin:0 auto;
  padding:0;
}
#page-gauche {
  margin:5px;
  padding:0;
  background:url(images/img_gauche.jpg) no-repeat;
  width:362px;
  height:540px;
  text-indent:-9999px;
  float:left;
}
#page-droite {
  margin:0;
  padding:15px;
  width:530px;
  float:left;
}
h1 {
  text-indent:-9999px;
  background:url(images/bandeau.jpg) no-repeat;
  height:154px;
  margin:0;
  padding:0;
}
h2 {
  text-indent:-9999px;
  width:530px;
  height:32px;
  margin:0;
  padding:0;
}
.h2-1 {
  text-indent:0;
  font-size:16px;
}
iframe {
  border:1px solid #d8e037;
}
h2#titre-accueil {
  background:url(images/titre_accueil.gif) no-repeat;
}
h2#titre-presentation {
  background:url(images/titre_presentation.gif) no-repeat;
}
h2#titre-demo {
  background:url(images/titre_demo.gif) no-repeat;
}
h2#titre-tarifs {
  background:url(images/titre_tarifs.gif) no-repeat;
}
h2#titre-contact {
  background:url(images/titre_contact.gif) no-repeat;
}
h3 {
  color:#6E8688;
  letter-spacing:1px;
}
.center {
  text-align:center;
}
.orange {
  color:#FCC743;
}
/*::::::::::::::::::::::::Menu:::::::::::::::::::::::*/
ul#menu {
  margin:0;
  padding:0;
  list-style-type:none;
}
ul#menu li {
  margin:0 0 0 8px;
	padding:0;
  float:left;
}
ul#menu li a {
  display:block;
  width:176px;
  line-height:25px;
  text-indent:-9999px;
}
li#accueil a {
  background:url(images/accueil.gif) no-repeat 0 0;
}
li#accueil a:hover {
	background: url(images/accueil.gif) no-repeat 0 -25px;
}
li#presentation a {
  background:url(images/presentation.gif) no-repeat 0 0;
}
li#presentation a:hover {
	background: url(images/presentation.gif) no-repeat 0 -25px;
}
li#demo a {
  background:url(images/demo.gif) no-repeat 0 0;
}
li#demo a:hover {
	background: url(images/demo.gif) no-repeat 0 -25px;
}
li#tarifs a {
  background:url(images/tarifs.gif) no-repeat 0 0;
}
li#tarifs a:hover {
	background: url(images/tarifs.gif) no-repeat 0 -25px;
}
li#contact a {
  background:url(images/contact.gif) no-repeat 0 0;
}
li#contact a:hover {
	background: url(images/contact.gif) no-repeat 0 -25px;
}
.ol-1 {
  margin:0 0 0 25px;
  padding:0;
  list-style:none;
}
.ol-1 li {
  margin:0 0 10px 0;
  padding:0 0 0 25px;
  background-repeat:no-repeat;
  background-position:left top;
  line-height:22px;
}
#puce1 {
  background-image:url(images/1.gif);
}
#puce2 {
  background-image:url(images/2.gif);
}
#puce3 {
  background-image:url(images/3.gif);
}
#puce4 {
  background-image:url(images/4.gif);
}
#puce5 {
  background-image:url(images/5.gif);
}
#puce6 {
  background-image:url(images/6.gif);
}
.ol-2 {
  margin:20px 0 0 25px;
  padding:0;
  text-align:justify;
}
.ol-2 li {
  margin:0 0 10px 0;
  padding:0;
  line-height:1.5em;
}
/*::::::::::::::::::::::Base Line::::::::::::::::::::*/
#fbtech {
  margin:0;
  padding:0;
  text-align:center;
}
#fbtech a {
  height:5px;
  text-decoration:none;
  font-size:10px;
  color:#797577;
}
#fbtech a:hover {
  text-decoration:underline;
  color:#585555;
}
.clear {
	clear:both;
}
/*::::::::::::::::::::::tarif page::::::::::::::::::::*/
.tarif{
  border-collapse: collapse;
  padding: 0;
  margin: 20px auto;
  width:400px;
}
.tarif td, .tarif th{
  border: 1px solid #EDEDED;
  padding: 5px;
}
p.p_center{
  text-align: center;
  margin: 5px 0;
  padding: 0;
}
.commander{
  padding: 20px 0 0 0;
  margin: 0;

}
.commander fieldset{
  border: 1px solid #EDEDED;
  margin: 10px 0;
}
.commander fieldset legend{
  font-weight: bold;
}
.commander p{
  padding: 0;
  margin: 0 0 10px 0;
}
.commander label{
  float: left;
  padding: 5px 10px 0 0;
  margin: 0;
  width:200px;
  text-align: right;
}
.commander input, .commander textarea ,  .commander select{
  width:200px;
}
.commander input.normal{
  width:auto;
}
fieldset.f_right{
  float: right;
  height: 110px;
  margin: 10px 0 0 20px;
  width:43%;
  padding: 0 10px 10px 10px;
}
fieldset.f_right p, fieldset.f_left p{
  margin: 5px 0;
}
fieldset.f_left{
  margin: 10px 0 0 0;
  padding: 0 10px 10px 10px;
  height: 110px;  
}
legend {
  margin:0;
  padding:0;
}
/*::::::::::::::::::::::login clients::::::::::::::::::::*/
#login_clients {
  padding: 0;
  margin: 10px 0 0 840px;
  position: absolute;
}
#login_clients a {
  background: url(images/user.gif) no-repeat left;
  padding: 0 0 0 22px;
  color:#405E66;
  text-decoration:none;
}
#login_clients a:hover {
  text-decoration:underline;
}
/*:::::::::::::::::::::: presentation ::::::::::::::::::::*/
h3.presentation{
  font-size:13px;
  font-style: italic;
}
p.errors{
  color: Red;
  font-size: 9px;
  text-align: center;
  border: 1px solid Red;
  width:350px;
  margin:10px auto;
  padding: 10px 5px;
}
#p_ok{
  border: 1px solid Green;
  color:Green;
  text-align: center;
  padding: 10px;
}
.warn {
  color:red;
}

/*::::::::::::::::::::: Gestionnaire de fichier ::::::::::::::::::::::*/
.nav {
  background:url(images/network.gif) no-repeat left center;
  font-weight:normal;
  padding:0 0 0 20px;
  margin:15px 0 10px 15px;
  font-size:12px;
}
.nav a {
  color:#000;
  text-decoration:none;
}
#filemanager {
  border-collapse:collapse;
  width:95%;
  margin:0 auto;
}
#filemanager a {
  display:block;
  text-decoration:none;
  color:#000;
  outline:none;
  padding-left:2px;
}
#filemanager a:hover {
  background-color:#3875d7;
  color:#FFF;
}
#filemanager th {
  background:url(images/th-bkg.gif) repeat-x;
  line-height:16px;
  height:16px;
  color:#000;
  font-weight:normal;
  border-left:1px solid #bababa;
  border-right:1px solid #bababa;
}
#filemanager td {
  line-height:16px;
  color:#000;
}
.folder {
  background:url(images/folder.gif) no-repeat 5px center;
  padding-left:25px;
}
.file {
  background:url(images/file.gif) no-repeat 6px center;
  padding-left:25px;
}
.trash {
  background:url(images/trash.gif) no-repeat left center;
  text-indent:-9999px;
  width:25px;
}
.trash:hover {
  background:#FFF url(images/trash.gif) no-repeat left center !important;
}