/*  CORPS PRINCIPAL
*/

* {
border: 0;
margin: 0 auto;
padding: 0;
font-size: 13px;
font-family: trebuchet ms;
text-shadow: #000;
text-align: justify;
text-decoration: none;
list-style-type: none;
}

body {
background: #ccccff;
color: #666;
}

/* STRUCTURE
*/

#site, #banniere, #bas {
width: 840px;
background: #fff;
}

#marge_haut, #contenu {
width: 800px;
}

#site, #banniere, #marge_haut, #contenu, #bas {
font-size: 1px;
}

/* SITE
*/

#site {
background-image: url('img/bg/bg.gif');
}

/* BANNIERE
*/

#banniere {
height:181px;
border: 0px solid black;
background-image:url("img/bg/ban_unie_blanche.gif");
background-repeat : no-repeat;
z-index:2;
}

#flash{
width: 770px;
height: 150px;
position:relative; /* position relative de la banniere flash par rapport au background derriere */
top:23px;
left:0px; /* 335 px */
z-index:10;
/*
border: 2px solid red;
*/
text-align:center;
}

/* MARGE HAUT, FOND ROSE PEU OPAQUE
*/

#marge_haut {
height: 32px;
background-image: url('img/bg/mh_bleu_test.gif');
}

#marge_haut .gauche {
float: left;
width: 80%;
}

#marge_haut .droite {
float: right;
width: 20%;
text-align: right;
}

#marge_haut .droite img {
margin: 3px 5px 0 0;
}

#marge_haut li {
display: inline;
}

#marge_haut .gauche li a, #marge_haut .gauche li p{
float: left;
margin: 1px 5px 1px 4px;
padding: 0 0 0 12px;
font-size: 11px;
color: #666;
display: block;
background: url("img/liste.gif") left center no-repeat; 
}

#marge_haut .gauche li a:hover {
color: #000;
}

/* CONTENU
*/

#contenu {
background-image: url('img/bg/cont.gif');
}

/* CONTENU GAUCHE
*/

#gauche {
float: left;
width: 200px;
padding: 10px 0;
text-align: center;
}

#gauche p, #gauche p.trait_tire {
font-size: 11px;
margin: 3px 10px;
}

#gauche .trait_tire, #gauche .trait_plein {
margin: 0 auto;
}

#gauche .trait_tire {
padding-bottom: 3px;
background: url(img/bg/bdt.gif) left bottom repeat-x;
}

#gauche .trait_plein {
padding-bottom: 7px;
background: url(img/bg/bdp.gif) left bottom repeat-x;
}

#gauche img {
margin-top: 10px;
}

#gauche #pub_menu {
position:relative;
bottom:-120px;
left:20px;
}

/* CONTENU GAUCHE MENU
*/

#menu {
margin-top: 15px;
margin-bottom:80px;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #fdfdfd;
}


#menu li, #menu li span, #menu li a {
zoom: 100%; /* 1 */
}


#menu li a, #menu dt a {
font-size: 12px;
color: #333;
padding: 1px 0 1px 30px;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #d5d5d5;
display: block;
}

#menu dd{ display:none; }

#menu li span a {
font-size: 12px;
background-color: #f7f7f7;
border-top: 1px solid #fdfdfd;
border-bottom: none;
}

#menu li ul , #menu dt{
border-bottom: 1px solid #d5d5d5;
}

#menu li li a, #menu dd li a {
font-size: 11px;
color: #666;
text-indent: 15px;
border-top: 1px solid #d5d5d5;
border-bottom: none;
padding: 1px 0 1px 30px;
}

#menu a:hover {
background: #f7f7f7;
}

.maj {
color: #666;
font-size: 11px;
text-align:right;
}

/* CONTENU DROITE
*/

#droite {
float: left;
width: 570px;
padding: 10px 5px 10px 15px;
text-align: left;
}

#droite h1 {
font-size: 17px;
font-weight: bold;
margin: 10px 0;
color: #333;
}

#droite h2, #droite h2 a {
font-size: 15px;
font-weight: bold;
margin: 8px 0;
color: #666;
}

#droite h3, #droite h3 a {
font-size: 14px;
margin: 10px 0;
color: #5b5bf7;
}

#droite h4 {
font-size: 13px;
color: #5b5bf7;
}

#droite p {
margin: 5px 0;
}

#droite p span.erreur {
color: #cc0000;
}

#droite p span.evidence {
font-weight: bold;
}

#droite li {
line-height: 24px;
}

#droite li span.erreur {
color: #cc0000;
}

#droite .demi li img {
margin: 5px 0;
}

#droite a {
color: #e25f9c;
}

#droite a:hover {
color: #5b5bf7;
}

#droite .box, #droite .bouton {
width: 150px;
margin: 5px 0 10px 0;
cursor: pointer;
border: 1px solid #666;
}

#droite .bouton {
background-color: #f8f8f8;
text-align: center;
}

#droite .mbox {
cursor: pointer;
border: 1px solid #666;
}

#droite .area {
margin-right: 5px;
border: 1px solid #666;
}

#droite .box:focus, #droite .area:focus, #droite .bouton:focus, #droite .mbox:focus, #droite .date:focus {
border: 1px solid #cc0000;
}

#droite .trait_tire, #droite .trait_plein {
margin: 0 auto;
}

#droite .trait_tire {
padding-bottom: 5px;
background: url(img/bg/bdt.gif) left bottom repeat-x;
}

#droite .trait_plein {
margin: 5px 0 10px 0;
padding-bottom: 10px;
background: url(img/bg/bdp.gif) left bottom repeat-x;
}

#droite .demi {
float: left;
width: 50%;
}

#droite .demi ul li {
text-align: center;
}

#droite .tier {
float: left;
width: 30%;
padding: 0 0 1px 5px;
}

#droite .gauche {
float: left;
margin: 10px;
text-align: left;
}

#droite .galerie_gauche {
float: left;
margin: 10px;
text-align: left;
width: 300px;
}

#droite .galerie_droite {
float: right;
margin: 10px;
text-align: left;
width: 190px;
}

#droite .galerie_image {
margin: 0;
}

#droite .galerie_supprimer {
vertical-align: top;
margin: 0 10px 0 0;
}

#droite .galerie {
width: 100px;
height: 80px;
float: left;
}

#droite .galerie_boutons {
float: left;
}

#droite .msg_error{
	font-weight: bold;
	color: #EA5200;
}

#droite .success_msg {
  font-weight: bold;
  color: #0060BF;
}

#droite .centre {
text-align: center;
}

#droite .droite {
float: right;
margin: 10px;
text-align: left;
}

#droite ul {
list-style-type:circle;
}

.edit {
float: left;
width: 110px;
}
.edit, .editd {
background-color:#F8F8FF;
}

#liste_fichiers, #liste_fichiers_fr, #liste_fichiers_de, #liste_images, #liste_images_fr, #liste_images_de, #liste_musique, #liste_musique_fr, #liste_musique_de, #lien, #lien_fr, #lien_de, #couleur, #couleur_fr, #couleur_de {
padding: 5px;
width: 510px;
background-color: #ddd;
position: absolute;
visibility: hidden;
opacity: 0.95;
filter: alpha(opacity=95);
-moz-opacity: 0.95;
}

#droite .quart {
float: left;
width: 25%;
margin: 10px auto 10px auto;
text-align: center;
}

/* BAS
*/

#bas {
height: 121px;
background-image: url('img/bg/bas.gif');
}

#bas p {
color: #666;
padding-top: -2px;
margin-right: 25px;
font-size: 11px;
text-align: right;
}

#bas p a {
color: #666;
font-size: 11px;
}

#bas p a:hover {
color: #333;
}

#pub_google {
position:relative;
top:10px;
left:190px;
z-index:30;
}

/* ICONES
*/

#icones {
text-align: center;
}

/* TABLEAUX
*/

#upload {
width: 100%;
}

#upload .td_taille {
width: 100px;
}

#upload .td_format {
width: 100px;
}

/* DIVERS
*/

.espace {
clear: both;
}