/* --------------------------- */
/*  style général */

body
{ 
font-family: Tahoma, verdana, serif;
font-size: 14px;
color: #1b1b1b;
background-color: #080853;
background-image: url('../images/bg.jpg');
background-repeat: repeat-x;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
}

a:link
{
font-family: Arial, verdana, serif;
font-size: 18px; 
color: white;
text-decoration: none;
font-weight: bold;
margin:0px;
padding:0px;
}

a:visited
{
font-family: Arial, verdana, serif;
font-size: 18px; 
color: white;
text-decoration: none;
font-weight: bold;
margin:0px;
padding:0px;
}

a:hover
{
font-family: Arial, verdana, serif;
font-size: 18px; 
color: white;
text-decoration: underline;
font-weight: bold;
margin:0px;
padding:0px;
}

a:active
{
font-family: Arial, verdana, serif; 
font-size: 18px; 
color: white;
text-decoration: none;
outline: none;
font-weight: bold;
margin:0px;
padding:0px;
}

a:focus
{
-moz-outline-style: none;
}

p
{
margin-top: 0px;
margin-bottom: 10px;
}

a img
{
border: 0px;
}

.clear
{
clear: both;
}



/* ----------------------- */
/*  Styles définis */

#SITE
{
width: 983px;
margin: auto;
}

#haut
{
width: 983px;
height: 142px;
background-image: url('../images/bg-header.jpg');
background-position: top right;
background-repeat: no-repeat;
}

.banniere
{
width: 983px;
height: 117px;
margin-top: 17px;
}

#corps
{
width: 900px;
background-color: #0d0d0d;
}

#footer
{
width: 900px;
text-align: center;
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#logo
{
float: left;
margin-top: 25px;
}
 
#langues
{
width: 138px;
height: 18px;
float: right;
padding-top: 5px;
background-image: url('../images/bg-langues.jpg');
text-align: center;
}

#menu
{
margin-top:1px;
width: 1000px;
height: 51px;
background-image: url('../images/bg-menu.jpg');
}

.coin
{
font-size: 20px;
font-family: Arial, verdana, serif;
float: right;
margin-right:100px;
margin-top:25px;
color:#080853;
}

#corps-haut
{
background-image: url('../images/corps-haut.jpg');
width: 983px;
height: 30px;
}

#corps-centre
{
background-image: url('../images/corps-centre.jpg');
width: 883px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
}

#corps-bas
{
background-image: url('../images/corps-bas.jpg');
width: 928px;
height: 51px;
padding-top: 38px;
font-size: 10px;
padding-left: 55px;
margin-bottom: 100px;
}

#gauche
{
float: left;
width: 700px;
}

#milieu
{
float: left;
width: 282px;
background-color: #151515;
}

#droite
{
margin-left: 700px;
}

#gauche h1
{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 22px;
color: #002454;
text-align:justify;
margin-right:20px;
}

#gauche h2, #gauche h3
{
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
font-size: 18px;
color: #002454;
text-align:justify;
margin-right:20px;
}

#gauche-entier h1
{
margin-top: 0px;
margin-bottom: 30px;
padding: 0px;
font-size: 20px;
color: #002454;
text-align:justify;
margin-right:20px;
}

#gauche-entier h2, #gauche-entier h3
{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 16px;
color: #002454;
text-align:justify;
margin-right:20px;
}

#droite h2
{
margin-top: 30px;
margin-bottom: 10px;
padding: 0px;
font-size: 16px;
color: #002454;
border-bottom: 1px solid #002454;
}

#droite h3
{
margin-top: 30px;
margin-bottom: 10px;
padding: 0px;
font-size: 14px;
color: #002454;
border-bottom: 1px solid #002454;
}

.service
{
width: 588px;
height: 42px;
background-image: url('../images/bg-service.jpg');
margin-bottom: 10px;
padding: 0px;
font-size: 15px;
color: #002454;
text-indent: 60px;
padding-top: 24px;
}

.nouveaute
{
margin-bottom: 10px;
}

.nouveaute em
{
display: block;
background-color: #ededed;
margin-bottom: 3px;
}

.ref
{
float: left;
margin-bottom: 0px;
padding: 20px;
width: 400px;
}

.ref p
{
background-color: #ededed;
margin-bottom: 0px;
padding: 20px;
border: 1px solid #d0d0d0;
}

.ref p img
{
margin-bottom: 10px;
}

.comp
{
float: left;
margin-bottom: 0px;
padding: 0px;
width: 200px;
}

.comp p
{
background-color: #ededed;
margin-bottom: 0px;
padding: 10px;
border: 1px solid #d0d0d0;
}

.comp p img
{
margin-bottom: 0px;
}


/* menu */

.lien_liste
{
color: white;
padding-top: 18px;
padding-bottom: 0px;
display: block;
float: left;
width: 200px;
text-align: center;
}

.liste_de_liens

{
color: white;
padding:0px;
margin:0px;
display:inline-block;
}

.lien_liste_spe
{
color: white;
padding-top: 5px;
padding-bottom: 0px;
margin: 0px;
display: block;
float: left;
width: 200px;
text-align: center;
}

/*Sous menu*/

#menu ul li ul 
{
display:none;
}

#menu ul li:hover ul
{
display:block;
text-align: center;
background-image: url('../images/bg-menu.jpg');
width:180px;
height:153px;
}

#menu li:hover ul li 
{
float:none;
}

#menu li ul 
{
position:absolute;
}

.sous_lien_liste
{
padding-top: 13px;
padding-bottom: 0px;
display: block;
width: 180px;
text-align: center;
font-size:20px;
}

.sous_lien_liste_t
{
padding-top: 18px;
padding-bottom: 0px;
display: block;
width: 180px;
text-align: center;
font-size:20px;
}

#menu .liste_de_liens .lien_liste:hover .lsl4
{
display:block;
text-align: center;
background-image: url('../images/bg-menu.jpg');
width:180px;
height:102px;
}

.lsl
{
color: white;
margin:0px;
padding:0px;
}

.lsl4
{
color: white;
margin:0px;
padding:0px;
}

/*entrée de l'utilisateur*/

.entree
{
font-family: Arial, verdana, serif;
float: right;
margin-right:100px;
}

.lentree
{
font-size:17px;
font-family: Arial, verdana, serif;
font-weight: bold;
color: #080853;
}

.rentree
{
font-size:17px;
font-weight: bold;
font-family: Arial, verdana, serif;
margin-right:100px;
float:right;
}

.rentree2
{
font-size:17px;
font-weight: bold;
font-family: Arial, verdana, serif;
margin-right:40px;
float:right;
}

/* champ devis */
.devis
{
font-size:14px;
color: #080853;
font-family: Arial, verdana, serif;
float:left;
}

/* champ devis */
.titredevis
{
font-size:16px;
font-weight:bold;
color: #080853;
font-family: Arial, verdana, serif;
float:left;
}

/*Connexion*/

a.lien_menu_conn, a:link.lien_menu_conn, a:visited.lien_menu_conn, a:active.lien_menu_conn
{
font-family: Arial, verdana, serif;
color: #080853;
font-weight: bold;
font-size:26px;
}

a:hover.lien_menu_conn
{
font-family: Arial, verdana, serif;
color: #305070;
font-weight: bold;
font-size:26px;
}

/*Déconnexion*/

a.lien_menu_deconn, a:link.lien_menu_deconn, a:visited.lien_menu_deconn, a:active.lien_menu_deconn
{
font-family: Arial, verdana, serif;
color: #080853;
font-weight: bold;
font-size:20px;
}

a:hover.lien_menu_deconn
{
font-family: Arial, verdana, serif;
color: #305070;
font-weight: bold;
font-size:20px;
}


/*Taille des selecteurs et des zones de textes présent dans toutes les pages*/

select
{
width:155px;
}

textarea
{
width:149px;
}


/*Lien de connexion dans la page index.php*/

.lien_conn
{
font-family: Arial, verdana, serif;
color: #080853;
font-weight: bold;
font-size:18px;
}

a.lien_conn, a:link.lien_conn, a:visited.lien_conn, a:active.lien_conn
{
font-family: Arial, verdana, serif;
color: #080853;
font-weight: bold;
font-size:18px;
}

a:hover.lien_conn
{
font-family: Arial, verdana, serif;
color: #305070;
font-weight: bold;
font-size:18px;
}


/*Lien des devis*/

.devislien
{
font-family: Arial, verdana, serif;
color: #080870;
font-size:10px;
}

a.devislien, a:link.devislien, a:visited.devislien, a:active.devislien
{
font-family: Arial, verdana, serif;
color: #080870;
font-size:10px;
}

a:hover.devislien
{
font-family: Arial, verdana, serif;
color: #085070;
font-size:10px;
}

/*Mise en forme des boutons*/

.annul
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width: 120px;
height:30px;
float:right;
margin-right:100px;
}

.annul:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.annul:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}

.annul2
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width: 120px;
height:30px;
float:right;
margin-right:100px;
}

.annul2:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.annul2:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}

.valider
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width: 120px;
height:30px;
float:left;
margin-left:250px;
}

.valider:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.valider:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}

.retour
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width:300px;
height:30px;
float:right;
margin-right:100px;
}

.retour:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.retour:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}

.connexion
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width: 155px;
height:30px;
float:right;
margin-right:100px;
}

.connexion:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.connexion:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}

.connexion2
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width: 155px;
height:30px;
float:right;
margin-right:100px;
}

.connexion2:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.connexion2:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}

.view
{
background: #080853;
border: 1px solid #050570;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
color: #fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 12px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
width: 120px;
height:30px;
float:left;
margin-left:230px;
}

.view:hover
{
-moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
}

.view:active
{
background: #080853;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111;
margin-top:2px;
}