/* ------------------------------ RESET STYLE --------------------------------- */
* {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0px;
}

br {
line-height:14px;
margin:0;
padding:0;
}

ol, ul {
  list-style: none;
}

body {
  line-height:1;
  font-size:11px;
  background-color:#CCCCCC;
  color:#FFFFFF;
  margin:10px 0;
}

a {
cursor:pointer;
cursor:hand;
color:#FFFFFF;
}

h1 {
background: url(../images/interface/h1.png) left top no-repeat;
font-size:16px;
margin:0;
color:#333333;
height:35px;
text-align:center;
width:710px;
color:#FFFFFF;
font-family:Georgia;
padding:15px 0 0 0;
font-weight:bold;
}




/* ------------------------------ TABLEAU --------------------------------- */
table {
  border-collapse: collapse;
  border:1px solid #ff8400;
  text-indent:5px;
  border-spacing: 0px;
  background:#ff8400;
  margin:0;
  width:710px;
  margin:0;
}

th {
text-align:left;
height:25px;
font-weight:bold;
color:#FFFFFF;
}


td {
height:50px;
color:#333333;
}

caption {
text-transform:uppercase;
text-align:right;
font-weight:bold;
line-height:30px;
color:#333333;
}

/* ------------------------------ FORMULAIRE --------------------------------- */

input {
background-color:#ffffff;
margin:0 0 0 155px;
color:#333333;
width:190px;
border:1px solid #c3c3c3;
font-size:12px;
padding:0;
height:15px;
}

textarea {
border:1px dashed #c3c3c3;
overflow:auto;
background-color:#FFFFFF;
width:533px;
height:150px;
margin:0 0 0 155px;
color:#333333;
font-size:12px;
}

select {
border:1px solid #c3c3c3;
background-color:#FFFFFF;
margin:0 0 0 155px;
height:21px;
color:#000000;
width:190px;
}


.parcourir {
height:21px;
}

.case_cocher {
width:18px;
border:none;
}

label {
width:145px;
text-align:right;
position:absolute;
height:17px;
color:#666666;
font-weight:bold;
}

.bouton {
height:42px;
width:185px;
border:0;
cursor:pointer;
background: url(../images/bouton/valider.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
margin:0 0 10px 160px;
position:relative;
}

.bouton:hover {
background-position: 0 -42px;
}

#bouton_sauvegarde_base {
height:47px;
width:213px;
border:0;
cursor:pointer;
background: url(../images/bouton/sauvegarde_base.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
margin:0 0 10px 160px;
position:relative;
}

#bouton_sauvegarde_base:hover {
background-position: 0 -47px;
}

#bouton_telecharger_base {
height:47px;
width:213px;
border:0;
cursor:pointer;
background: url(../images/bouton/telecharger_sauvegarde.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
position:absolute;
display:block;
top:68px;
right:130px;
z-index:500;
}

#bouton_telecharger_base:hover {
background-position: 0 -47px;
}


.autre_imput {
background-color:transparent;
border:0;
}

.etoile {
color:#FF9900;
}

.message {
color:#FF0000;
text-align:center;
margin:10px 0 10px 0;
font-weight:bold;
}

.message_log {
color:#FF0000;
text-align:center;
position:absolute;
font-weight:bold;
left:140px;
top:530px;
}

.texte_droite {
color:#333333;
position:absolute;
}

.color_droite {
position:absolute;
left:220px;
width:30px;
height:15px;
border:#999999 1px solid;
}

form {
background:#e8e7e7;
padding:0 0 20px 0;
width:710px;
margin:0 0 20px 0;
position:relative;
}

#colorform {
border:solid 1px #e7e7e7;
background: url(../images/interface/ligne_form.png) left top repeat-y;
margin:0 0 20px 0;
padding:20px 0 0 0;
}

/* ------------------------------ MOTEUR DE RECHERCHE --------------------------------- */
.form_recherche {
background: url(../images/interface/bg_recherches.png) 0 0 no-repeat;
padding:60px 0 0 0;
margin:0 0 10px 0;
position:relative;
height:50px;
}

.bouton_recherche {
height:44px;
width:44px;
border:0;
cursor:pointer;
background: url(../images/bouton/ok_recherches.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
position:absolute;
top:45px;
left:350px;
margin:0;
}

.bouton_recherche:hover {
background-position: -44px 0px;
}

/* ------------------------------ PAGINATION --------------------------------- */
.page {
height:40px;
width:30px;
cursor:pointer;
background:#ffffff;
color:#ff8400;
display:block;
font-size:11px;
text-decoration:none;
font-weight:bold;
text-align:center;
float:left;
margin:0 0 0 3px;
line-height:35px;
border:1px solid #ff8400;

}

.page:hover {
border:1px solid #ff8400;
background:#ff8400;
color:#ffffff;
}

.page_hover {
height:40px;
width:30px;
border:1px solid #ff8400;
background:#ff8400;
margin:0;
color:#ffffff;
display:block;
font-size:11px;
text-align:center;
float:left;
margin:0 0 0 3px;
font-weight:bold;
line-height:35px;
}





/* ------------------------------ LOGIN --------------------------------- */

#form_log {
background: url(../images/interface/bg_connexion.png) 0 0 no-repeat;
margin:-265px 0 0 -245px;
height:530px;
width:490px;
top: 50%; 
left: 50%;
position:absolute;
border:none;
}

#logo_accueil {
position:absolute;
top:110px;
left:47px;
width:390px;
height:120px;
}

#logo_interface {
position:absolute;
margin:0 0 0 -82px;
width:165px;
height:88px;
top:0;
left:50%;
}


.champ_log {
background-color:#FFFFFF;
position:absolute;
left:180px;
margin:0;
width:100px;
height:18px;
color:#000000;
font-size:12px;
font-weight:bold;
}

.bouton_log {
position:absolute;
left:194px;
top:350px;
width:115px;
height:115px;
border:0;
background: url(../images/bouton/ok.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
cursor:pointer;
}

.bouton_log:hover {
background-position: 0 -115px;
}


/* ------------------------------ ARCHITECTURE --------------------------------- */
#contenu {
margin:0 auto;
width:960px;
position:relative;
background:#ffffff url(../images/interface/bg_body.png) repeat-y 0 0;
}

#header {
height:90px;
position:relative;
background:#ff8400;
}


#menu_gauche {
left:0;
top:90px;
width:205px;
height:530px;
z-index:850;
position:absolute;
}

#milieu {
position:relative;
width:730px;
margin:0 0 0 200px;
padding:15px;
z-index:20;
height:auto !important;
height:300px;
min-height:300px;
}

#milieu p{
color:#333333;
}


#footer {
background:#ff8400;
height:22px;
padding-top:8px;
text-align:center;
color:#333333;
position:relative;
}


/* ------------------------------ MENU --------------------------------- */
#menu{
	display:inline;
	position:relative;
	z-index:900;

}

#menu div{
	width:200px;
	text-align:left;
	text-indent:10px;
}
.menu{
	position:relative;
    float:left;
}
#menu div a:link, #menu div a:visited, #menu div a:hover{
	font-size:11px;
	text-decoration:none;
	height:25px;
	display:block;
	font-weight:bold;
	line-height:25px;

}
.menu a:link, .menu a:visited{
	background:#dfdfdf url(../images/commun/bouton/categorie.png) no-repeat 0 0;
    color:#000000;
}
.menu a:hover, .menu a:active, #menu div a:focus{
	background:#ff8400 url(../images/commun/bouton/categorie.png) no-repeat 0 -40px;
    color:#ffffff;
}
.sousmenu{
	position:absolute;
	left:205px;
	top:0;
	z-index:10000;
    color:#FFFFFF;
}

.sousmenu div a:link, .sousmenu div a:visited{
	background:#dfdfdf url(../images/commun/bouton/categorie.png) no-repeat 0 -80px;
    color:#000000;
}
.sousmenu div a:hover, .sousmenu div a:active, .sousmenu div a:focus{
	background:#ff8400 url(../images/commun/bouton/categorie.png) no-repeat 0 -120px;
    color:#FFFFFF;
}

.fleche_menu {
position:absolute;
right:5px;
top:8px;
}



/* ------------------------------ MENU --------------------------------- */
#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding-top: 8px;
	width: 195px;
	background: #E9E6E6;
	color: #333333;
	height:20px;
	text-indent:10px;
}

#idList li a {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}




/* ------------------------------ INTERFACE --------------------------------- */
.gestion_photo {
margin: 15px 0 25px 25px;
float:left;
text-align:center;
width:102px;
background:#efeeec;
height:112px;
padding:4px;
position:relative;
}

.titre_vert {
color:#006600;
margin:0 0 20px 160px;
font-weight:bold;
text-decoration:underline;
}

#titre2 {
color:#666666;
font-size:18px;
font-weight:bold;
position:absolute;
top:90px;
}

.cadre_photo {
border:1px #acacac solid;
text-indent:-99999px;
font-size:0px;
letter-spacing:-100px;
margin-left: auto; 
margin-right: auto; 
}

a#voir_site {
right:35px;
top:50px;
height:51px;
width:185px;
background: url(../images/bouton/voir_site.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:absolute;
z-index:50;
}

a#voir_site:hover {
background-position: 0 -51px;
}


a#retour {
right:40px;
height:60px;
width:70px;
background: url(../images/bouton/retour.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:absolute;
z-index:20;
}

a#retour:hover {
background-position: 0 -60px;
}

a#ajout_projet {
height:51px;
width:185px;
background: url(../images/bouton/ajout_projet.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_projet:hover {
background-position: 0 -51px;
}

a#ajout_avoir {
height:51px;
width:185px;
background: url(../images/bouton/ajout_avoir.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_avoir:hover {
background-position: 0 -51px;
}

a#ajout_maquette {
height:51px;
width:185px;
background: url(../images/bouton/ajout_maquette.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_maquette:hover {
background-position: 0 -51px;
}

a#ajout_reference {
height:51px;
width:185px;
background: url(../images/bouton/ajout_ref.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_reference:hover {
background-position: 0 -51px;
}

a#ajout_facture {
height:51px;
width:185px;
background: url(../images/bouton/ajout_facture.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_facture:hover {
background-position: 0 -51px;
}

a#ajout_article {
height:51px;
width:185px;
background: url(../images/bouton/ajout_article.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_article:hover {
background-position: 0 -51px;
}

a#ajout_societe {
height:51px;
width:185px;
background: url(../images/bouton/ajout_societe.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_societe:hover {
background-position: 0 -51px;
}

a#ajout_devis {
height:51px;
width:185px;
background: url(../images/bouton/ajout_devis.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_devis:hover {
background-position: 0 -51px;
}

a#ajout_mail {
height:51px;
width:185px;
background: url(../images/bouton/ajout_mail.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_mail:hover {
background-position: 0 -51px;
}


a#ajout_domaine {
height:51px;
width:185px;
background: url(../images/bouton/ajout_domaine.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_domaine:hover {
background-position: 0 -51px;
}


a#ajout_commentaires {
height:51px;
width:185px;
background: url(../images/bouton/ajout_commentaire.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_commentaires:hover {
background-position: 0 -51px;
}

a#ajout_groupe {
height:51px;
width:185px;
background: url(../images/bouton/ajout_groupe.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_groupe:hover {
background-position: 0 -51px;
}

a#ajout_emailing {
height:51px;
width:185px;
background: url(../images/bouton/creer_emailing.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_emailing:hover {
background-position: 0 -51px;
}




a#ajout_destinataire {
height:51px;
width:185px;
background: url(../images/bouton/ajout_destinataire.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#ajout_destinataire:hover {
background-position: 0 -51px;
}


a#liste_complete {
height:51px;
width:185px;
background: url(../images/bouton/retour_liste.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#cccccc;
position:relative;
z-index:20;
margin:0 0 10px 525px;
}

a#liste_complete:hover {
background-position: 0 -51px;
}


a#photo_retour {
left:30px;
top:120px;
height:25px;
width:113px;
background: url(../images/bouton/photo.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
color:#cccccc;
position:absolute;
z-index:50;
}

a#photo_retour:hover {
background-position: 0 -25px;
}

.premier_plan {
position:absolute;
right:0;
top:0;
}

#legende {
position:absolute;
bottom:0;
left:0;
}

#zone_pdf {
width:200px;
height:30px;
background:#CCCCCC;
border:1px solid #999999;
padding:20px;
margin:0 0 20px 160px;
position:relative;
}