/* Structure générale du site */
html { height:100%; font-size:62.5%; margin:0; padding:0; }
body { height:100%; color:#3399CC; font-family: Arial, "Trebuchet MS"; font-size: 1.1em; text-align:center; margin:0px; padding:0px; }
.standard { color:#333333; font-size:1.2em; }
.standard a { color:#1B9DC6; }
div,p,ul,form,span,dd,dt,img { margin:0; padding:0; border:0; }
li { list-style-type:none; padding:0; margin:0; }
hr { border:none; background-color:#0099FF; width:450px; height:1px; margin:12px auto; }
h1 { font-size:2.4em; color:1B9DC6; width:750px; height:auto; text-align:center; line-height:36px; margin:0; padding:0; margin-top:18px; padding-top:110px; padding-bottom:10px; background-image:url(../images/toit.gif); background-repeat:no-repeat; }
h2 { color:#0FAADF; font-size:1.4em; width:auto; margin: 0 120px 0 120px; border-bottom:solid 1px #0FAADF; }
h3 { width:auto; height:auto; color:#FF9900; font-size:1.4em; margin:15px 15px 7px 15px; padding:0; border-bottom:solid 1px #1B9DC6; text-align:left;  }
#conteneur { width:960px; height:auto; text-align:left; margin:0 auto; position:relative; }
#gauche { width:190px; height:auto; float:left; position:relative; }
#centre { width:750px; height:auto; float:left; text-align:center; margin:0; padding:0; }
#entete { width:750px; height:270px; margin:0; padding:0; }
#pied { line-height:19px; width:750px; margin-top:30px; height:auto; text-align:center;  }

a { color:#FFFFFF; text-decoration:none; }
a:hover { color:#F2C863; background:none;}
a span { display: none; }
a:hover span { display:inline; }


/* menu de gauche */
dt { width:140px; height:26px; line-height:26px; background-image:url(../images/bouton-normal.gif); background-repeat:no-repeat; display:block; position:relative; margin:2px 0 2px 23px; }
dt a {  font-size:1.2em; font-weight:bold; padding-left:15px; width:140px; height:26px; display:block;  }
dd {  position:absolute; left:163px; display:none; }
#gauche ul { width:153px; height:auto; margin-top:20px; }
#gauche li { width:151px; height:auto; background-color:#1B9DC6; border-left:solid 1px #F3C962; border-right:solid 1px #F3C962;  }
#gauche li a { font-weight:bold; width:auto; height:19px; line-height:19px; margin:0 3px; padding-left:4px; display:block; }
#gauche li a:hover { color:#F3C962; background-color:#1184A9;}
.deroulant { background-image:url(../images/bouton-deroulant.gif); background-repeat:no-repeat; }
.deroulant a:hover {  background-image:url(../images/bouton-deroulant-over.gif); background-repeat:no-repeat; }

/* Les formulaires */
form {width:auto; height:auto; border:solid 1px #E2E1E1; background-color:#F7F5F5; }
label { font-size:10px; color:#666666; width:90px; height:auto; text-align:right; float:left; margin:0 7px 0 0; }
input { font-size:10px; width:120px; height:17px; border:solid 1px #E2E1E1; margin:0; padding:0; margin-bottom:5px; }
select { font-size:10px; width:120px; height:17px; border:solid 1px #E2E1E1; margin:0; padding:0; margin-bottom:5px; }
textarea {  border:solid 1px #E2E1E1; }
.input { float:left; margin-right:5px; }
.inputen { float:left; background-color:#FFCC66; margin-right:5px;	 }

/* tableau détail */
#tableau-d { width:615px; height:auto; border-right:1px solid #41ACCB; border-top:1px solid #41ACCB; margin:15px auto; }
#tableau-d li { height:20px; line-height:20px; vertical-align:middle; display:block; float:left; border:none; border-bottom:solid 1px #41ACCB; border-left:solid 1px #41ACCB; }
.designation { width:78px; padding-right:3px; color:#3399CC; background-color:#EEF4F7; text-align:right; }
.valeur { width:122px; color:#000000; background-color:#FFE7B8; }

/* tableau admin */
#tableau { border:1px solid #41ACCB; border-bottom:none; width:594px; margin:0 auto; }
#tableau ul { width:auto; height:auto; text-align:center; }
#tableau li { width:99px; height:33px; vertical-align:middle; display:block; float:left; border-bottom:solid 1px #41ACCB; }

.cellule1 { line-height:32px; background-color: #EEF4F7; }
.cellule2 { line-height:15px; background-color: #FFFFFF; }
.en { width:98px; height:15px; border:none; background-color:#FFCC66; margin:0; float:none; } 
.fr { width:98px; height:15px; border:none; background-color:#FFFFFF; margin:0; float:none; } 

/* admin */
#listing-admin { width:553px;; text-align:center; border:solid 1px #FFCC00; border-left:none; border-bottom:none; margin:15px auto 30px auto;  }
#listing-admin li { height:23px; line-height:20px; vertical-align:middle; padding-top:3px; padding-left:3px; display:block; border-left:solid 1px #FFCC00; border-bottom:solid 1px #FFCC00; float:left; }