* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background:#DFF8FD url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }


/***** LISTE SOIREES *****/

table#liste_soirees {
width:100%;
border-collapse:collapse;
background-color:#fff; }

table#liste_soirees tr.entete {
text-align:center;
text-transform:uppercase;
height:25px;
color:#fff;
font-weight:bold;
background-color:#89BFFF; }

table#liste_soirees tr td {
padding:2px 5px;
border:1px solid #89BFFF; }

table#liste_soirees tr td.bouton {
text-align:center;
font-size:80%;
width:60px; }

table#liste_soirees tr td.photo {
text-align:center;
 }

table#liste_soirees tr td.ss_rubrique {
background-color:#edf5ff; }

table#liste_soirees tr td.nom_prod {
font-size:95%;
padding-left:30px; }


/***** LISTE PRODUITS *****/

table#liste_produits {
width:100%;
border-collapse:collapse;
background-color:#fff; }

table#liste_produits tr.entete {
text-align:center;
text-transform:uppercase;
height:25px;
color:#fff;
font-weight:bold;
background-color:#89BFFF; }

table#liste_produits tr td {
padding:2px 5px;
border:1px solid #89BFFF; }

table#liste_produits tr td.bouton {
text-align:center;
font-size:80%;
width:60px; }

table#liste_produits tr td.ss_rubrique {
background-color:#edf5ff; }

table#liste_produits tr td.nom_prod {
font-size:95%;
padding-left:30px; }

/***** PAGE INTERFACE COLONNE DROITE *****/

div#colonne_droite {
width:678px;
margin-left:225px; }

div#ariane {
overflow:hidden;
width:658px; /*678*/
height:50px;
padding-left:20px;
line-height:53px;
background:transparent url(img/interface/ariane_fond.png) no-repeat; }

div#ariane h2 {
color:#89BFFF;
font-size:100%; }

div#presentation_texte {
width:638px; /*678*/
padding:0 20px;
padding-top:20px;
font-size:80%;
color:#2D8BFF; }

div#presentation_texte p {
margin-bottom:10px; }

/***** PAGE INTERFACE COLONNE GAUCHE *****/

div#contenu_interface {
width:904px; /*974*/
padding:0 35px;
padding-bottom:40px;
overflow:hidden; }

div#colonne_gauche {
overflow:hidden;
width:208px;
float:left; }

div#colonne_gauche h2 {
padding-bottom:8px;
text-align:center; }

div#colonne_gauche h2 a {
font-size:75%;
text-decoration:none;
color:#89BFFF;
text-align:center; }

div#colonne_gauche h2 a:hover {
color:#157EFF; }

div.img_fond {
margin-bottom:5px;
width:100%;
background:transparent url(img/interface/boite_cg_milieu.png) repeat-y; }

div.img_haut {
width:100%;
background:transparent url(img/interface/boite_cg_haut.png) no-repeat top; }

div.img_bas {
width:208px;
padding-bottom:5px;
font-size:75%;
background:transparent url(img/interface/boite_cg_bas.png) no-repeat bottom; }

div.img_bas ul {
padding:10px 20px; }

div.img_bas ul li {
padding-left:15px;
text-align:left;
background:transparent url(img/interface/puce_1.png) no-repeat left 15%; }

div.img_bas ul li a {
text-decoration:none;
color:#2487FF; }

div.img_bas ul li a:hover {
text-decoration:underline; }

div.img_bas h3 {
font-size:120%;
letter-spacing:0.3px;
text-align:center;
color:#fff;
padding-top:7px;
height:39px;
line-height:39px; }

div.img_bas h4 {
color:#fff;
margin-top:1px;
margin-left:5px;
background:transparent url(img/interface/puce_2.png) no-repeat 5px center;
text-transform:uppercase;
width:178px; /*198*/
height:23px;
padding-left:20px;
line-height:23px;
background-color:#66ABFF; }

div.outil {
width:208px;
height:60px; }

div.outil a {
text-indent:-9999px;
display:block;
width:208px;
height:60px; }

div#statistiques {
background:transparent url(img/interface/bouton_stats.png) no-repeat; }

div#users {
background:transparent url(img/interface/bouton_users.png) no-repeat; }

div#guide {
background:transparent url(img/interface/bouton_guide.png) no-repeat; }

/***** PAGE CONNEXION *****/

div#contenu_connexion {
padding:20px 0;
text-align:center; }

div#contenu_connexion h2 {
font-size:120%;
letter-spacing:0.3px;
font-weight:normal;
color:#89BFFF;
padding-bottom:10px; }

form input {
padding:2px; }

form#connexion {
width:298px;
margin:0 auto; }

form#connexion p {
position:relative;
height:60px; }

form#connexion p.log {
width:298px;
background:transparent url(img/connexion/login_fond.png) no-repeat; }

form#connexion p.motdepasse {
width:298px;
background:transparent url(img/connexion/mdp_fond.png) no-repeat; }

form#connexion input.txt {
width:140px;
height:17px;
font-size:90%;
background-color:#B8D9FF;
border:1px solid #fff;
position:absolute;
top:17px;
right:18px; }

form#connexion input.txt:hover {
background-color:#D7EAFF; }

form#connexion input.sub {
border:0;
cursor:pointer;
color:#fff;
letter-spacing:0.3px;
font-weight:bold;
width:208px;
height:60px;
background:transparent url(img/connexion/bouton_connexion.png) no-repeat; }

form#connexion input.sub:hover {
color:#608000; }

div#pied {
text-align:right;
padding-right:20px;
color:#3266CC;
font-size:60%; }

div#pied p a {
color:#3266CC;
text-decoration:none; }

div#pied p a:hover {
text-decoration:underline; }

/***** Stylage contenu *****/

h1, .invis {
position:absolute;
top:-9999px; }

a.lien_1 {
color:#66abff; }

a.lien_1:hover {
text-decoration:none; }

/***** Layout *****/

div#global {
width:974px;
margin:0 auto; }

div#entete {
position:relative;
width:100%;
height:123px;
background:transparent url(img/design_haut.png) no-repeat; }

div#logo_client {
width:330px;
height:108px;
background:transparent url(img/emplacement_logoclient.png) no-repeat;
position:absolute;
top:0;
left:0;
text-align:center; }

div#coordonnees_imnalys {
line-height:1.3;
width:330px;
color:#fff;
font-size:70%;
position:absolute;
top:3px;
right:0;
text-align:center; }

div#design_fond {
width:100%;
background:transparent url(img/design_fond.png) repeat-y; }

div#design_bas {
min-height:300px;
width:100%;
background:transparent url(img/design_bas.png) no-repeat bottom; }

/***** #logo_client *****/

div#logo_client img {
width:280px;
height:70px;
background:transparent url(img/logo_client.jpg) no-repeat;
margin-top:19px; }

/***** #coordonnees_imnalys *****/

div#coordonnees_imnalys dl dd.mev {
font-weight:bold;
font-size:110%; }

/***** #formulaires *****/

h2.titre_niv2 {
color:#333;
font-weight:normal;
font-size:120%;
padding-bottom:20px; }

input, textarea {
padding:3px;
vertical-align:middle; }

table.modele_1 {
color:#333;
padding-bottom:30px; }

table.modele_1 tr td {
padding:5px 20px; }

select, input.txt, textarea {
border:1px solid #68abfe; }

textarea {
font-family:Arial, sans-serif;
font-size:100%; }

input.sub {
border:1px solid #888; }

input.txt_obl {
border:1px solid #ff0000; }

label.lab_obl, p.lab_obl {
color:#ff0000; }

p.note_obl {
border:1px solid #ff0000;
padding:10px;
font-size:80%; }