* {font-family: Arial,Verdana,Helvetica,sans-serif;}

body { color: #2C2F22; background: #000; padding: 0px; font-size: 12px; margin:0; margin-top: 10px; }
body.admin {background-color: #fff; padding: 10px; }
a, a:hover, a:focus { color: #000; }
a img {border: none;}
.l1, .even { background-color: #fff }
.l2, .odd { background-color: #ddd }

.error h1 { color: red; }
.error p {color:red; font-weight: bold; }
a.groupe { text-decoration:none;}
a.delete {padding: 0 10px;}
.chapo a.toggle { font-weight:normal; font-size: 0.9em; line-height:2em; background-image:url("/images/menu.gif");background-position:left 4px; background-repeat: no-repeat; padding-left: 10px; font-weight: bold; color: #1111CC; }
a.legal {font-size: 12px; display: block;  text-decoration:none; color: #666; clear: both; text-align: center; margin: 50px 0px 5px 0px; }

#global { width: 1000px; margin: auto; }

#centre-bis { width: 100%; overflow: hidden; background-color: #fff;  }
hr { border:none; border-top:1px  solid #ccc; padding:0; margin: 0}
p.date { font-weight: bold; font-size: 0.9em; color: #999; }
div.user_name { color: red; font-size: 11px; font-weight: bold; margin-bottom: 10px; text-align: center;}

#menugauche { background: #fff; width: 160px;	float: left; padding: 0px;  }
#menudroite { background: #fff; width: 160px;	float: right; padding: 0px;  }
#contenu { color: #000; background: #fff; margin-left: 170px; margin-right: 0px; padding: 10px;}
#contenu_admin { color: #000; background: #fff; margin-left: 0px; margin-right: 0px; padding: 10px;}
#contenu2 { color: #000; background: #fff; margin-left: 170px; margin-right: 170px; padding: 10px; border-right:1px solid #ccc}
#contenu p, #contenu2 p, #contenu_admin {text-align: justify;}  
#entete { background-color: #fff; width: 1000px;   }

#pied { margin: 10px 0 0 0; padding: 5px 0;  text-align: center; }

div.lang {text-align: center; padding: 5px; padding-right: 8px;}
div.lang a img{border:1px solid #ddd; padding:0; margin:0}
div.lang a:hover img {border:1px solid #999; }

#pied div.droite {margin-left: 200px; margin-right: 0px; padding: 10px ; }
#pied div.gauche {width: 200px; margin-right: 0px; padding: 10px 0 ; float:left; }

#contenu h1, #contenu2 h1 ,#contenu_admin h1 { font-size: 2em; margin: 5px 5px 0px 5px; padding-bottom:0; }
#contenu h2, #contenu2 h2 ,#contenu_admin h2 { font-size: 1em; margin: 5px 5px 20px 5px; color: #999;}

ul.checkbox_list { margin: 0; padding:0; list-style: none; }

ul.error_list { margin: 0; padding:0; list-style: none; float: right;}
ul.error_list li { color: red; font-size: 11px; font-weight: bold;  }

ul.menu {list-style: none; padding: 0px 0px 10px 0 ; font-size: 12px;  }
ul.menu li {padding: 5px 0 0 5px; }
ul.menu a {  background-image:url("/images/menu.gif");background-position:left 4px; background-repeat: no-repeat; padding-left: 10px; text-decoration: none; font-weight: bold;color: #666; }
ul.menu ul a {  background-image:url("/images/sousmenu.gif");}
ul.menu ul {list-style: none; padding: 0 0 10px 10px; font-size: 11px; }
ul.menu ul li.actif a{ font-style: italic;  }
ul.menu li.titre {background-color: #999; margin-top: 10px; padding: 2px; text-align:center; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold;}

ul.reportages {  }
ul.reportages li {padding: 5px  }

ul.reportages li.titre {background-color: #999; margin-bottom:10px; padding: 2px; text-align:center; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold;}
ul.reportages li.petit {color: #666; text-align:center; font-size: 0.9em;font-weight: bold;}
ul.reportages li.titregalerie {background-color: #C9D100; margin-bottom:10px; padding: 2px; text-align:center; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold; color: #333;}

ul.reportages li.titreanniv {background-color: #C9D100; margin-bottom:10px; padding: 2px; text-align:center; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold; color: #333}
ul.reportages a {  text-decoration: none; font-weight: bold;color: #666; font-size: 12px;  }
ul.reportages a:hover {  text-decoration: underline; }


ul {list-style: none; margin: 0; padding: 0}
ul.footer ul {list-style: none; margin: 0; padding: 0}
ul.footer li {float: left; width: 149px; text-align: left;margin: 0; padding: 0 0 5px 5px; text-align: center;}
ul.footer li a { text-decoration: none; color: #AAA;}

ul#oeuvres_bo { width: 1010px; }
ul#oeuvres_bo li { float: left; margin: 1px; width: 200px; height: 100px; border: 1px dashed #666; padding: 2px; text-align: center; background-color : #fff}

/** Menu General Admin **/

ul.menu_general { margin: 10px; padding:10px; list-style: none; width: 800px; }
ul.menu_general li { margin:3px; list-style: none; border:1px solid #666; width: 200px; float: left;}
ul.menu_general li a { padding: 50px; list-style: none; display: block; text-align: center; background-color: #eee; font-size: 20px;   }
ul.menu_general li a:hover { background-color: #ddd; }


/** Liste  **/
table { border-collapse: collapse; border-spacing: 0; font-size: 12px;}
table.liste { margin: 5px;; border: 1px solid #666; width: 600px;}
table.liste th { text-align: left; color: #fff; background: #666; padding: 5px;}
table.liste td {  border-bottom: 1px solid #666; padding: 3px 5px;}

/** Saisie **/
table.fiche caption {text-align:left; font-size: 20px; padding-top: 20px; }
table.fiche {border: 1px solid #666; margin: 5px; }
table.fiche th {text-align: right; color: #fff; background: #999; width: 150px; padding: 5px;}
table.fiche td {text-align: left;  width: 450px; padding: 5px;}
.top {vertical-align: top;}
input[type=text] , textarea { width: 400px;  font-size: 12px; border: 1px solid #999; padding: 2px;}
textarea {height: 200px; } 

table.login { margin: 50px}
table.login td { padding: 10px ;}
table.login input[type=text] ,.login input[type=password ] { width: 200px;  font-size: 12px; border: 1px solid #999; padding: 2px;}


img.artisteSite { float:left; margin: 5px; border:1px solid #666;}

div.oeuvre { margin: 30px; }
ul.vignettes { width: 350px; float: right; }
ul.vignettes li {float: left; padding: 8px; font-size: 10px; text-align:center; }

div.fiche_auteur {width: 440px; float: left; padding: 10px;}

/** Actu **/
div.actu {margin-bottom: 0px;}
div.actu p {text-align:justify; margin: 5px; }
div.actu p.chapo {  font-weight: bold; margin-bottom: 30px;}
div.actu p.chapo img {  float:left; margin: 0 10px 10px 0;}
div.actu p.contenu { font-weight: normal; }
div.actu p.lienartiste {}
div.actu p.lienartiste a { display:block; text-align: right; margin-left: 200px; font-weight: bold; color: #999; }


ul.archives li {padding: 5px;  background-image:url("/images/menu.gif");background-position:left 8px; background-repeat: no-repeat; padding-left: 10px;}
span.date {color:#999;}

.newslettersite {font-size: 0.9em; font-weight: bold; color:#333; padding: 10px;margin-left: 10px; background-color: #c9d100; }
.newslettersite * { padding:0;  font-size: .9em; } 
.newslettersite input[type=text] {width: 100px; padding: 0; font-size: .9em;}
.newslettersite ul.error_list { margin: 0; padding:0; list-style: none; float: none;}