.red
{
    color:red;
    font-weight:bold;
}

body
{
background: url(design/body.png) repeat-x top center #a10004;
margin:0;
padding:0;
font-family:Verdana, Geneva, Alba, sans-serif;
font-size:14px;
color:#000;
}

#contenant
{
width:952px;
margin:-40px auto 0 auto;
}


/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////                            HEADER                              ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/
#header
{
width:952px;
height:162px;
background:url(design/header.png) no-repeat top left;
margin:auto;
padding:0 0 0 19px;
}


#diapo_flash
{
margin:0 0 0 600px;
}


/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////                            MENU                                       ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#menu
{
margin:0;
margin:auto;
}

#menu ul
{
padding:0;
margin:0;
}

#menu ul li
{
list-style:none;
float:left;
padding:0;
}

#menu ul li a.accueil
{
display:block;
background:url(design/accueil.png) no-repeat ;
height:43px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#ffffff;
line-height:44px;
margin: 0 0 0 18px;
font-weight:bold;
}

#menu ul li a.presentation
{
display:block;
background:url(design/accueil.png) no-repeat;
height:43px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#ffffff;
line-height:44px;
margin: 0 0 0 39px ;
font-weight:bold;
}

#menu ul li a.presentation_deuxL
{
display:block;
background:url(design/accueil.png) no-repeat;
height:38px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#ffffff;
line-height:17px;
margin: 0 0 0 38px ;
padding:5px 0 0 0;
font-weight:bold;
}

#menu ul li a.presentation_deuxL div
{
display:none;
background:url(design/accueilhover.png) no-repeat;
height:38px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#ffffff;
line-height:17px;
margin: -39px 0 0 0 ;
padding:5px 0 0 0;
font-weight:bold;
}


#menu ul li a.presentation_contact
{
display:block;
background:url(design/accueil.png) no-repeat;
height:43px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#ffffff;
line-height:44px;
margin: 0 0 0 32px ;
font-weight:bold;
}

#menu ul li a.presentation_contact div
{
display:none;
background:url(design/accueilhover.png) no-repeat;
height:43px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#fff;
line-height:44px;
font-weight:bold;
margin:-44px 0 0 0;
cursor:pointer;
} 


#menu ul li a div
{
display:none;
background:url(design/accueilhover.png) no-repeat;
height:43px;
width:122px;
text-decoration:none;
font-size:14px;
text-align:center;
color:#fff;
line-height:44px;
font-weight:bold;
margin:-44px 0 0 0;
cursor:pointer;
}

#prive a
{
color:#fff;
}



/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      CONTENU                                       ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#contenu
{
background:url(design/contenu.png) repeat-y top center;
width:952px;
padding:0;
margin:0 0 0 2px;
}




/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      FOOTER                                           ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#footer
{
background:url(design/footer.png) repeat-y top left;
width:952px;
height:20px;
margin: 0 0 0 13px;
}

 #prive
{
height:30px;
width:400px;
margin: auto;
color:#ec5028;
}

 #prive a
{
width:100px;
margin: auto;
color:#ec5028;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      ACCUEIL                                          ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#arriere_planete
{
background:url(design/arriere_planete.png) no-repeat top left;
width:855px;
height:127px;
margin:50px auto auto auto;
}

#planete
{
display:block;
width:184px;
float:right;
height:186px;
margin:-65px 15px 200px 0;
}

#planete_texte
{
color:#fff;
font-size:20px;
font-weight:bold;
display:block;
float:left;
margin:15px 0 0 35px;
}

#activite_principale
{
color:black;
width:800px;
}

#puce
{
margin:50px 0 0 100px;
}

#diaporama
{
float:right;
margin:-190px 30px 20px 0;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      IMPLANTATION                           ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#agences
{
width:920px;
margin:10px auto 10px auto;
}

.cliquer_agence
{
position:absolute;
margin:30px 0 0 30px;
}

.levest-logo
{
display:block;
margin:30px 0 0 30px;
}

#bouton_agence
{
display:block;
background:url(design/elingue_bouton_agence.png) no-repeat ;
height:163px;
width:169px;
margin:-17px auto auto auto;
text-decoration:none;
text-align:center;
color:#fff;
line-height:290px;
font-weight:bold;
}

#photo_agence
{
display:block;
position:relative;
margin:0;
top:-150px;
left:600px;
}

#photo_agence_imp
{
display:block;
position:relative;
margin:0;
top:-150px;
left:570px;
}



#photo_agence_est
{
display:block;
position:relative;
margin:0;
top:-150px;
left:600px;
}

#photo_agence_lux
{
display:block;
position:relative;
margin:0;
top:-150px;
left:620px;
}

#imp-block
{
margin:-140px 0 0 0;
}

#photo_agence img
{
margin:0;
}

#agences ul
{
padding:0;
margin:0;
}

#agences ul li
{

list-style:none;
float:left;
padding:0;
}



#agences ul li a
{
display:block;
background:url(design/bouton_agence.png) no-repeat top left;
height:33px;
width:169px;
text-decoration:none;
text-align:center;
color:#fff;
line-height:33px;
margin: 0 8px 0 7px;
font-weight:bold;
}



#agences ul li a:hover
{
font-size:15px;
}

/* hover pour l'effet supprimé de l'implantation */
.hover
{
display:block;
display:none;
background:url(design/bouton_agence.png) no-repeat bottom left;
height:33px;
width:169px;
text-decoration:none;
text-align:center;
color:#fff;
line-height:32px;
margin:-33px 0 0 0;
cursor:pointer;
}



#bouton_agence
{
display:block;
background:url(design/elingue_bouton_agence.png) no-repeat ;
height:163px;
width:169px;
margin:-17px auto auto auto;
text-decoration:none;
text-align:center;
color:#fff;
line-height:290px;
font-weight:bold;
}

#bouton_agence a:hover
{
font-size:15px;
}

#href_agence
{
text-decoration:none;
color:#fff;
}

#implantation
{
width:900px;
margin:40px 0 0 60px;
height:375px;
}

#agences_ra
{
margin:-10px 0 0 205px;
}

#agences_ra ul
{
padding:0;
margin:0;
}

#agences_ra ul li
{

list-style:none;
float:left;
padding:0;
}

#agences_ra ul li a
{
display:block;
background:url(design/bouton_agence.png) no-repeat;
height:33px;
width:169px;
text-decoration:none;
text-align:center;
color:#fff;
line-height:33px;
margin: 0 0 20px 18px;
font-weight:bold;
}

#r_alpes
{
background:url(design/r_alpes.png) no-repeat top left;
width:245px;
height:103px;
display:block;
position:relative;
top:-40px;
left:-30px;
}

.st_helene_bidon
{
display:block;
width:92px;
height:16px;
position:relative;
top:74px;
left:25px;
}

.st_helene_bidon a
{
text-decoration:none;
border:none;
}
.st_helene_bidon a img
{
text-decoration:none;
border:none;
}

.voreppe_bidon
{
display:block;
width:92px;
height:16px;
position:relative;
top:55px;
left:150px;
}

.voreppe_bidon a
{
text-decoration:none;
border:none;
}
.voreppe_bidon a img
{
text-decoration:none;
border:none;
}



.map
{
color:#000;
display:block;
float:left;
margin:0 0 0 40px;
}


#map
{
width:400px;
height:400px;
margin:0 0 18px 30px;
float:left;
}

#desc_implantation
{
color:#000;
margin:20px 0 0 30px;
float:left;
}

#desc_implantation_chacun
{
color:#000;
margin:75px 0 0 90px;
float:left;
}

#desc_implantation_avec_photo
{
margin:-5px 0 0 90px;
float:left;
}

.decalage-photo
{
margin:0 0 0 60px;
}

.lien_rhone
{
display:block;
background:url(design/bouton_agence.png) no-repeat ;
height:33px;
width:169px;
text-decoration:none;
text-align:center;
color:#fff;
line-height:33px;
margin: 0 18px;
font-weight:bold;
}

.puce_est
{
list-style:url(design/est-cable-imp.png);
}

.puce_champ
{
list-style:url(design/champenois-imp.png);
}

.puce_calais
{
list-style:url(design/calais-imp.png);
}

.puce_lux
{
list-style:url(design/lux-imp.png);
}
.puce_ra
{
list-style:url(design/calais-imp.png);
}

.puce_voreppe
{
list-style:url(design/voreppe-imp.png);
}
.puce_mont
{
list-style:url(design/mont-imp.png);
}

.puce_levest
{
list-style:url(design/levest-imp.png);
}
/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////       CATALOGUE     SEARCH                           ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/
.catalogue_recherche
{
margin: 0 0 0 45px;
}

.lienssmenu
{
	list-style:url(design/puce+.png);
	padding:0 5px 0 0 ;
}

.lienssmenu span:hover
{
color:red;
}

#conteneur_liste_cat_recherche
{
width:890px;
margin: 5px 0 0 80px;
padding:0;
}


#liste4
{
width:280px;
float:left;
}

#liste5
{
margin:0 0 0 10px;
width:310px;
float:left;
}

#liste6
{
width:280px;
float:left;
}

#conteneur_liste_cat
{
margin:-20px 0 0 0;
padding:0;
}



#liste1
{
width:280px;
float:left;
}

#liste2
{
margin:0 0 0 10px;
width:310px;
float:left;
}

#liste3
{
width:280px;
float:left;
}




#cataloguesearch_solution
{
width:600px;
margin:auto;
}

#catalogue_all
{
float:left;
width:250px;
height:325px;
margin:40px 40px;
}

#catalogue_all h1
{
font-size:12px;
margin:0;
padding:0;
}

#catalogue_all a img
{
border:0;
}

#catalogue_all a:hover
{
color:#a10004;
}

#catalogue_image a:hover
{
color:#a10004;
}

#catalogue_image
{
float:left;
width:250px;
height:325px;
margin:40px 10px;
}

#catalogue_image h1
{
font-size:12px;
margin:0;
padding:0;
}

#catalogue_image a img
{
border:0;
margin: 0 0 0 7px;
}

#effet-top-recherche
{
background:url(design/effet-top-recherche.jpg) no-repeat top left;
width:900px;
height:19px;
margin: 0 0 0 25px;
}

#body-recherche
{
background:url(design/body-recherche.jpg) repeat-y top left;
width:880px;
margin: 0 0 0 25px;
padding:0 0 0 20px;
}

#effet-foot-recherche
{
background:url(design/effet-foot-recherche.jpg) no-repeat top left;
width:900px;
height:17px;
margin: 0 0 0 -20px;
}

#form_recherche
{
float:right;
margin:-20px 40px 0  0;
}

#recherche_form
{
background:url(design/recherche-gauche-form.jpg) no-repeat top left;
width:180px;
height:20px;
border:0;
padding:9px 0 0 10px;
margin:0 0 0 -6px;
float:right;
}

#recherche_submit
{
background:url(design/recherche-droite-form.jpg) no-repeat bottom left;
width:33px;
height:29px;
border:0;
margin: 0 -15px 0 0;
float:right;
}

#recherche_submit:hover
{
background:url(design/recherche-droite-form.jpg) no-repeat top left;
width:33px;
height:29px;
border:0;
margin: 0 -15px 0 0;
float:right;
cursor:pointer;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////       CATALOGUE     SEARCH  IMG                  ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#liste_photo
{
padding: 2px 0 2px 27px;
}

#liste_photo a img
{
border:0;
}


/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////       CATALOGUE / TARIF                                             ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#deco_tarif
{
position:relative;
top:0;
left:915px;
}

#page_catalogue
{
width:710px;
margin:auto;
}

#form_catalogue
{
width:350px;
margin:auto;
}

.form_input_cata
{
display:block;
float:left;
margin:15px 50px 0 50px;
}

.fleche_droite
{
display:block;
float:left;
background:url(design/fleche_droite.png) no-repeat top left;
width:100px;
height:55px;
}

.fleche_gauche
{
display:block;
float:left;
background:url(design/fleche_gauche.png) no-repeat top left;
width:100px;
height:55px;
}


/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      CONTACT                            ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

/* FORMULAIRE */

#form_contact
{
margin-top:-20px;
}

#formulaire_contact input[type=submit]{
margin: 0 0 0 7px;
cursor:pointer;
color:#000;
font-weight:bold;
padding:0 8px 0 0;
}

#formulaire_contact input[type=submit]{
background:url(design/submit.png) no-repeat top left;
width:140px;
height:34px;
border:0;
}

#formulaire_contact input[type=submit]:hover{
cursor:pointer;
}

#formulaire_contact input[type=text]{
border:0;
background:url(design/input-texte.png) no-repeat top left;
width:256px;
height:23px;
padding:10px 30px 0 13px;
margin: 0 5px 10px 10px;
}

#formulaire_contact textarea
{
border:0;
background:url(design/area.png) no-repeat top left;
width:734px;
font-size:12px;
height:148px;
padding:13px 26px 3px 13px;
margin: 0 5px 10px 10px;
}

#formulaire_contact .error-message{
color:red;
}

#formulaire_contact #adresse
{
display:none;
}

#formulaire_contact label
{
margin:0 0 0 10px;
color:#000;
}

#formulaire_contact
{
width:800px;
margin:-40px 0 0 50px;
}

#form_contact #contact
{
color:#000;
width:820px;
margin:auto;
margin-top:30px;
}

#form_contact #contact hr
{
width:100%;
color:#000;
margin:0 -20px 0 0;
}

#form_contact #here
{
display:block;
width:275px;
height:50px;
position:relative;
left:400px;
top:20px;
}

.noir
{
display:block;
color:#000;
margin: 0 0 0 40px;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////     CONSTRUCTION METALLIQUE/CONTROLE QUALITE   ///////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#diapo
{
margin:175px 0 0 0;
}



/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////              PRIVE                      ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/


/* prive */
#partie_gauche
{
float:left;
padding:0 0 0 20px;
margin:20px 0;
}

#partie_droite_connexion
{
float:right;
padding:0 110px 0 0;
margin:25px 0;
}

#partie_gauche_consult
{
float:left;
padding:0 0 0 20px;
margin:20px 0;
}

#partie_droite_consult
{
float:right;
padding:0 50px 0 0;
margin:25px 0;
}

.barre
{
height:95px;
width:4px;
margin:0 0 0 30px;
}

/* prive-index */
#choix 
{
width:900px;
margin:0 0 0 30px;
padding:30px 0 0 0;
}



#choix #menu_rep
{
margin:0 0 0 14px;
}

#choix #menu_rep ul
{
padding:0;
margin:0;
}

#choix #menu_rep ul li
{
list-style:none;
float:left;
padding:0;
}

#choix #menu_rep ul li a
{
display:block;
background:url(design/bouton_rep.jpg) no-repeat top left;
width:122px;
height:30px;
margin: 0 3px 0 0 ;
padding:10px 0 0 0;
text-align:center;
font-size:12px;
line-height:25px;
}

.decalage
{
display:block;
margin:0 0 0 60px;
}

#choix #corps
{
background:url(design/body_rep.jpg) repeat-y top left;
width:900px;
margin:auto;
padding: 0 0 0 30px;
}

#choix ul li
{
list-style-type:none;
}

#choix ul li a
{
outline: none;
}

#choix ul li a:hover
{
color:#fff;
}

#choix #footer_rep
{
background:url(design/footer_rep.jpg) no-repeat top left;
width:900px;
height:29px;
margin:auto;
}

/* nom - prenom */

#form_nom_prenom
{
float:left;
}

#choix #trait_sep
{
float:left;
background:url(design/barre.png)top left;
height:185px;
width:4px;
margin:-50px 30px 0 30px;
}

#choix #tableau_nom
{
float:left;
margin:-20px 0 0 -10px;
}

#choix a img
{
border:0;
}

#tableau_nom table 
{
   margin: auto; 
   border: 4px outset #c4bcba; 
   border-collapse: collapse;
   width:50px;
   }

#tableau_nom th 
{
   background-color: #c4bcba;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   border:1px solid black; 
}

#tableau_nom td 
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; 
   padding: 5px; 
}

#form_agence
{
float:left;
}

#choix #tableau_agence
{
float:left;
margin:-20px 0 0 -10px;
width:525px;
}

#tableau_agence table 
{
   margin: auto; 
   border: 4px outset #c4bcba; 
   border-collapse: collapse;
   }

#tableau_agence th 
{
   background-color: #c4bcba;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   border:1px solid black; 
}

#tableau_agence td 
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; 
   padding: 5px; 
}

#at
{
width:800px;
margin: 0 0 0 -30px;
}

#at table 
{
   margin: auto; 
   border: 4px outset #c4bcba; 
   border-collapse: collapse;
   width:700px;
   }

#at th 
{
   background-color: #c4bcba;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   border:1px solid black; 
}

#at td 
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; 
   padding: 5px; 
}

#contact_rep #adresse
{
display:none;
}

#deconnexion_rep
{
position:relative;
left:915px;
}



/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      ADMINISTRATION                                   ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#connection
{
margin:0 0 0 30px;
}

#bouton
{
margin:0 0 0 30px;
}

#menu_admin
{
margin: 0 0 0 30px;
}

#secu_left
{
float:left;
margin:8px 10px 0 0 ;
}

#boutonrond
{
background:url(admin/design/rondrouge.jpg) no-repeat top left;
width:50px;
height:32px;
padding:5px 0 0 12px;
float:left;
}
#textemenu
{
float:left;
margin:8px 10px 0 0;
}

#modification
{
margin:0 0 0 30px;
}
a img
{
border:none;
}


#bouton_choixcat
{
background:url(admin/design/boutonrouge.jpg) no-repeat top left;
width:147px;
height:28px;
float:left;
margin:50px 100px 0 64px;
font-size:11px;
padding:8px 0 0 0;
text-align:center;
font-weight:bold;
}
#bouton_choixcat:hover
{
background:url(admin/design/boutonrouge.jpg) no-repeat bottom left;
}

#fond_admin
{
background:url(admin/design/fond.jpg) no-repeat top left;
width:918;
height:259px;
margin:-17px 0 0 -13px;
padding:0;
}
#form_img
{
margin:10px 0 10px 40px;
}
#menu_admin a
{
color:red;
}

#menu_admin caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #a10004;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#menu_admin table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset #a10004; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#menu_admin th /* Les cellules d'en-tête */
{
   background-color: #a10004;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#menu_admin td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
#menu_admin input[type=submit]:hover
{
	background-position:left bottom;
	cursor:pointer;
}
#menu_admin input[type=submit]
{
	background:url(admin/design/boutonrouge.jpg) top left no-repeat;
	border:0;
	width:152px;
	height:36px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:0 0 3px 0;
}
#formulaire input[type=text]
{
	background:url(admin/design/formulaire.jpg) top left no-repeat;
	border:0;
	width:287px;
	height:38px;
	padding:7px 0 16px 10px;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      DIVERS                                           ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

.center
{
display:block;
margin:21px 0 0 0;
text-align:center;
}

.decale
{
margin:0 0 0 40px;
}

#desc_implantation .rh
{
list-style:url(design/puce.png);
}

a
{
color:#000;
text-decoration:none;
}

a:visited:
{
color:#000;
}

.erreur
{
display:block;
margin:0 0 0 66px;
}

p .justify
{
text-align:justify;
}

hr
{
width:90%;
margin:10px 0 0 45px;
padding:0;
}

.left
{
display:block;
text-decoration:underline;
margin:-25px 60px 0 0;
text-align:right;
}

#clear
{
clear:both;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      MARJORIE maintenance interventions                                   ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#form_controle
{
float:left;
}
#form_controlearticle
{
float:left;
}
#formnumpiece
{
float:left;
}
#formcodeclient
{
float:left;
}

#formlieu
{
float:left;
}

#formdate
{
float:left;
}

#formcodearticle
{
float:left;
}

#avecRempli span:hover
{
cursor:pointer;
text-decoration:underline;
}

#trait_interfacesalarie
{
float:left;
margin:25px 20px 0 -10px;
}

#trait_interfaceclient1
{
float:left;
margin:35px 30px 0 0;
}

#trait_interfaceclient2
{
float:left;
margin:35px 20px 0 -25px;
}

#form_controlearticle td
{
display:block;
margin:-5px 0 0 0;
line-height:20px; /* hauteur de la ligne*/
}

.formqte
{
line-height:20px; /* hauteur de la ligne*/
}

table
{
border:2px outset black;
border-collapse:collapse;/*fusionne les cellules du tableau*/
}

table th
{
border:2px outset black;
}

table td
{
border:2px outset black;
}
#tableauformclient
{
border:none;
}
#tableauformclient tr
{
border:none;
}
#tableauformclient td
{
border:none;
}
#tab_main_oeuvre
{
display:block;
float:left;
margin:0 15px 0 0;
border:1px outset black;
}
#tab_heure
{
border:1px outset black;
display:block;
float:left;
}
#tableau_historique
{
width : 889px;
font-size:12px;
text-align:center;
}
#bouton_vider_chaine
{
float:left;
margin:0 192px 0 0;
}
#hidden
{
display:none;
}

#infoclient
{
float:left;
width:250px;
}

#infogeneral
{
float:left;
}

#partie_gauche_trait_intervclient
{
float:left;
margin: 0 25px 0 0;
}

#infoclient_certificat
{
float:left;
width:250px;
margin: 0 0 0 50px;
}

#infoclient_certificat2
{
float:left;
width:250px;
margin: 0 0 0 150px;
}

#corpintervention
{
width : 900px;
margin : 0 0 0 -12px;
padding : 10px 0 0 0;
}
#corpformclient
{
width : 800px;
margin : 0 0 0 30px;
padding : 10px 0 0 0;
}

#tableauformclient #libelle
{
margin:0 300px 0 0px;
}

#corpintervention_client
{
width : 895px;
padding : 10px 0 0 0;
}

#corpintervention_client table
{
width : 855px;
}

#message
{
margin : 0 0 0 30px;
padding : 5px 0 0 0;
width: 850px;
}
#message_connexion
{
float:left;
margin:30px 10px 0 0;

}
#partie_gauche_maintenance
{
float:left;
padding:0 0 0 20px;
margin:20px 0 0 0;
width:500px;
}

#partie_droite_connexion_maintenance
{
float:right;
padding:0 110px 0 0;
margin:25px 0;
}

#partie_gauche_trait_maintenance
{
float:left;
margin:40px 0 0 0;
height:200px;
}

#bouton_choix_maintenance
{
background:url(admin/design/boutonrouge.jpg) no-repeat top left;
}

#logo
{
margin: 0 0 0 24px;
}

#logo_recapitulatif
{
margin: 0 0 0 -5px;
}

.exemple
{
font-size:11px;
color:green;
}

.exemple_date
{
font-size:12px;
color:green;
margin: -10px 0 1px 0;
}

#bouton_maintenance input[type=submit]:hover
{
	background-position:left bottom;
	cursor:pointer;
}
#bouton_maintenance input[type=submit]
{
	background:url(page/design/boutonrougepetit.jpg) top left no-repeat;
	border:0;
	width:100px;
	height:25px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:0 0 10px 0;
}
#tableau_historique a:hover
{
	text-decoration:underline;
}

#notice
{
	float:left;
	margin:25px 0 0 370px;
	text-decoration:underline;
}

#corp_notice h1
{
	font-size:20px;
	text-align:center;
	border:1px black solid;
}

#corp_notice h2
{
	font-size:15px;
	text-decoration:underline;
}

#corp_notice
{
	width:900px;
	text-align:justify;
}

.corp_certificat
{
	width:890px;
	text-align:justify;
}

.corp_certificat_recapitulatif
{
	width:980px;
	text-align:justify;
}

#corp_certificatimp
{
font-weight:bold;
font-size:19px;
}



.corp_certificatimp
{
	width:1000px;
	text-align:justify;
}

#ie7
{
	display : none;
	color : red; 
	font-weight : bold;
}
#ie6
{
	display : none;
	color : red; 
	font-weight : bold;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      MARJORIE maintenance appareils                 ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////
//////////////////      Intervention        ////////////////////////
//////////////////////////////////////////////////////////*/
#signature1
{
float:left;
margin:0 450px 0 50px;
}

#signature1imp
{
float:left;
margin:0 550px 0 50px;
}

#signature2
{
float:left;
}

.message_intervapp
{
	margin:0 0 0 11px;
	width:857px;
	text-align:justify;
}

.message_intervappimp
{
	width:1000px;
	text-align:justify;
}

.message_recapitulatifimpapp
{
	width:985px;
	text-align:justify;
}

#corp_intervimp 
{
width:1020px;
font-weight:bold;
}

#corp_intervimp table
{
width:980px;
}

#corp_intervimp fieldset
{
margin:0 550px 0 0;
}

#tableauAppareil td
{
height:20px;
}

/*//////////////////////////////////////////////////////////
//////////////////      Certificat        //////////////////////////
//////////////////////////////////////////////////////////*/

#corp_certificat h1
{
	font-size:20px;
	text-align:center;
	font-family:Geneva, Alba, sans-serif;
}

#corp_certificat h2
{
	font-size:15px;
	text-align:center;
	font-weight:normal;
}

#corp_certificat
{
	text-align:justify;
}

#tab_certificat
{
	text-align:justify;
}

#tab_certificat th
{
height: 30px;
}

#tab_certificat td
{
height: 25px;
}

#titre_tab
{
	text-align:center;
	font-style:italic; 
	height: 30px;
}

#gauche_tab
{
	text-align:center;
}

#retrait_gauche_tab
{
	margin: 0 0 0 60px;
}

/*//////////////////////////////////////////////////////////
//////////////////      historiquesalarieapp        /////////////////
//////////////////////////////////////////////////////////*/

#titre_historiquesalarie
{
	font-size:15px; 
	height: 30px;
}

/*//////////////////////////////////////////////////////////
//////////////////      CM01     ///////////////////////////////
//////////////////////////////////////////////////////////*/

#contour1
{
border: 1px solid #000;
}

#contour3
{
border: 1px solid #000;
width:360px;
margin:0 0 0 50px;
}

#contour3imp
{
border: 1px solid #000;
width:410px;
margin:10px 0 0 35px;
}

#cm01_bas_contour
{
border: 2px solid #000;
width: 600px;
font-weight:bold;
font-size:18px;
}

#cm01_bas
{
 text-align: center;
}

#retrait_gauche
{
margin: 0 0 0 50px;
width:840px;
font-size:16px;
} 

#retrait_gaucheimp
{
font-size:20px;
font-weight:bold;
} 

#retrait_gauche td
{
height:25px;
}

#retrait_gaucheimp td
{
height:25px;
}

#retrait_gauche h2
{
	margin:auto;
	padding:auto;
} 

#retrait_gauche h3
{
font-style:italic; 
font-weight:normal;
text-decoration:underline;
} 

#retrait_gauche h4
{
text-align:center;
margin: 0 0 0 -80px;
font-size:15px; 
font-weight:normal;
}

#retrait_gaucheimp h4
{
text-align:center;
margin: 0 0 0 -80px;
font-size:15px; 
font-weight:normal;
}

#retrait_gauche table tr
{
font-weight:bold;
}


#cm01_bas_gauche
{
float:left;
margin: 20px 0 0 0;
text-decoration:underline;
font-size:18px; 
}

#cm01_bas_gaucheimp
{
float:left;
margin: 20px 0 0 0;
text-decoration:underline;
font-size:20px; 
}

#cm01_bas_droite
{
float:left;
margin: 20px 20px 20px 100px;
}

#logo_lortel
{
width:300px;
float:left;
margin:30px 20px 0 0;
}

#logo_lortelimp
{
width:300px;
float:left;
margin:40px 0 0 -8px;
}

#contour2
{
width:232px;
border: 1px solid #000;
font-size:15px;
float:left;
margin :10px 5px 0 0;
height:80px;
}

#contour3
{
width:232px;
border: 1px solid #000;
font-size:15px;
float:left;
margin :10px 0 0 5px;
height:80px;
}

#droite_logo
{
width:480px;
float:left;
text-align:center;
margin : 20px 0 0 50px;
}

/*//////////////////////////////////////////////////////////
//////////////////      CM03    ///////////////////////////////
//////////////////////////////////////////////////////////*/

#cm03 h2
{
text-align:center;
font-weight:bold;
}

/*//////////////////////////////////////////////////////////
//////////////////      CM04    ///////////////////////////////
//////////////////////////////////////////////////////////*/

#cm04 h2
{
text-align:center;
font-weight:bold;
}

#cm04imp table
{
width:815px;
}

#cm04imp h2
{
text-align:center;
font-weight:bold;
}
/*//////////////////////////////////////////////////////////
//////////////////          CM05        ///////////////////////////////
//////////////////////////////////////////////////////////*/

#cm05imp
{
width:815px;
}

#cm05
{
margin:0 0 0 30px;
width:900px;
}

#cm05 table
{
width:850px;
}

#operation_maintenance tr
{
height:23px;
}

#operation_maintenance th
{
text-align :center;
}

#ligne
{
margin: 0 0 0 20px;
}

#contour_prix_controle
{
border:1px solid #000;
}

#droite_logoimp
{
width:480px;
float:left;
text-align:center;
margin : 20px 0 0 170px;
}

/*//////////////////////////////////////////////////////////
//////////////////  Autre     /////////////////////////////////
//////////////////////////////////////////////////////////*/

#gauche_logo
{
float:left;
}

#trait_interfaceclient
{
float:left;
margin:45px 50px 0 25px;
}

#tab_droite
{
float:left;
width:360px;
margin: -20px 0 0 0;
}

#tab_droite2
{
float:left;
width:300px;
margin:0 0 0 0;
}

#tab_droite3
{
float:left;
width:270px;
margin: -20px 0 0 80px;
border: 1px dotted #000;
padding:5px 0 5px 6px;
}

#tab_droite3 select {
width:250px;
}

#tab_droite p
{
margin:0 0 20px 0;
text-align: center;
}

#tab_gauche
{
float:left;
width:460px;
}

#tab_gauche2
{
float:left;
width:450px;
}

#tab_gauche td
{
width:50px;
}

.tab_droite 
{
display:block;
width:130px;
}

#tab_gauche tr
{
width:50px;
}

#tab_droite tr
{
display:block;
width:380px;
}

#corpformarticle
{
width : 850px;
margin : 0 0 0 30px;
padding : 10px 0 0 0;
}

/*//////////////////////////////////////////////////////////
//////////////////          BL        ///////////////////////////////
//////////////////////////////////////////////////////////*/

#marge
{
font-size:16px;
}

#texte_bas_bl
{
font-size:8px;
margin: 0 20px 0 20px;
text-align:justify;
width:835px;
}

#texte_bas_blimp
{
font-size:11px;
margin: 0 20px 0 20px;
text-align:justify;
width:930px;
}

#contour_bl
{
border: 1px solid #000;
float:left;
width:390px;
margin: 0 0 0 98px;
}

#contour_blimp
{
border: 1px solid #000;
float:left;
width:390px;
margin: 0 0 0 165px;
}

#bas_bl
{
float:left;
}

#titre
{
font-size:15px;
font-style:italic; 
text-decoration:underline;
}

#adresse_lortel
{
margin: 0 0 0 140px;
}

#corp_bl
{
font-weight:bold;
}

#corp_bl table
{
width:870px;
}

#corp_blimp
{
font-weight:bold;
}

#corp_blimp table
{
width:980px;
}

#infoclient_bl
{
float:left;
width:250px;
margin: 0 0 0 50px;
}

#infoclient_blimp
{
float:left;
width:250px;
margin: 0 0 0 50px;
}

#infogeneral_bl
{
float:left;
margin: 0 50px 0 0;
}

#libelle
{
margin: 0 300px 0 -50px;
}

#corp_bl fieldset
{
margin:0 550px 0 0;
}

#corp_blimp fieldset
{
margin:0 550px 0 0;
}

#trait_blimp
{
float:left;
margin: 0 50px 0 25px;
}

#signature1_intervclientimp
{
float:left;
margin:0 500px 0 50px;
}


/*//////////////////////////////////////////////////////////
//////////////////récapitulatif///////////////////////////////
//////////////////////////////////////////////////////////*/

#marge_recapitulatif
{
font-size:16px;
width:965px;
}

#marge_recapitulatif table
{
font-size:16px;
width:965px;
}

#signature1_recapitulatif 
{
float:left;
margin:0 350px 0 50px;
}

#cm05_recapitulatif
{
width:980px;
}

#droite_logo_recapitulatif
{
width:480px;
float:left;
text-align:center;
margin :0 0 0 170px;
}

#corp_certificatimp fieldset
{
margin:0 0 0 0;
}

#tableau_ce td
{
height:19px;
}

/*//////////////////////////////////////////////////////////
//////////////////      DEVIS   ///////////////////////////////
//////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////
//////////////////      DEVIS   ///////////////////////////////
//////////////////////////////////////////////////////////*/

#bouton_interface
{
background:url(admin/design/boutonrouge.jpg) no-repeat top left;
width:147px;
height:28px;
float:left;
margin:30px 100px 0 64px;
font-size:11px;
padding:8px 0 0 0;
text-align:center;
font-weight:bold;
}

#bouton_interface:hover
{
background:url(admin/design/boutonrouge.jpg) no-repeat bottom left;
}

#carre_gauche
{
background:url(admin/design/carre.png) no-repeat;
width:38px;
height:38px;
float:left;
margin: 10px 0 0 20px;
}

#carre_droite
{
background:url(admin/design/carre.png) no-repeat;
width:38px;
height:38px;
float:left;
margin: 10px 0 0 211px;
}

#carre_gauche_imp
{
width:38px;
height:38px;
float:left;
margin: 10px 0 0 20px;
}

#carre_droite_imp
{
width:38px;
height:38px;
float:left;
margin:10px 0 0 202px;
}

#accord2
{
float:left;
margin: 16px 0 0 20px;
}

#accord1
{
float:left;
margin: 16px 0 0 20px;
}

#accord2_imp
{
float:left;
margin:19px 0 0 20px;
}

#accord1_imp
{
float:left;
margin:19px 0 0 20px;
}

#signature
{
float:left;
margin: 30px 0 0 365px;
}

#date_devis
{
float:left;
margin: 30px 0 0 20px;
}

#titre_devis
{
margin:0 0 15px 0;
text-align:center;
font-size:20px;
font-weight:bold;
text-decoration:underline;
}

#forfait_devis
{
float:left;
margin: 0 0 0 302px;
}

#forfait_devis2
{
margin: 0 0 0 487px;
}

#forfait_devisimp
{
float:left;
margin: 0 0 0 296px;
}

#forfait_devisimp2
{
margin: 0 0 0 497px;
}

#ref_cmd_devis
{
float:left;
margin: 0 0 0 79px;
}

#prix_net
{
font-weight:bold;
text-decoration:underline;
}