@import "/css/formulaire-artotheque.css";
@import '/javascript/thickbox.css';
@import '/css/datepicker.css';
html, body {height: 100%; }
body {font-size:0.8em; margin:0; text-align:center; background:#FDFDFD url(/charte/artotheque/fond_body.jpg) repeat-x left top; font-family:Verdana, Arial, Helvetica, sans-serif; }
html>body .page {height: auto; }
.page {margin: 0 auto; width: 985px; text-align:left; background:url(/charte/artotheque/fond_page.jpg) repeat-y; position:relative  }
.page2, .zone_centrale, .courbe_zone_centrale{float:left; width:925px; }
.ombreG{float:left; width:30px; }
.ombreD{float:right; width:30px; padding-top:85px; background:url(/charte/artotheque/ombreD.jpg) no-repeat left top; height:430px; }

p, td, li, a{font-size:12px; }
img {border: 0;  }
h1{font-size:18px; color:#1B5F91; margin-bottom:0; }
h2{color:#1B5F91; font-size:15px; }
h3{font-size:13px; font-weight:bold; }
h4{font-size:13px; }
a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; }
.contenu_modifiable a{text-decoration:underline; color:#127113;}
li{background-repeat:no-repeat; }
.invisible{display:none; }
.width100pc{width:100%;}
.float_left{float:left; }
.clear_left{float:left; clear:both;}
.float_right{float:right; }
#div_lien_yahoo, .lien_yahoo{font-size:11px; color:#000000; }
.lien_menu, .user_courant{color:#000; }
ul.enligne, #nuagedetags ul{	margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }

/* ombre image */
.ombre_image_haut{background:url(/charte/ombres/rpt_haut.gif) repeat-x; }
.ombre_image_bas{background:url(/charte/ombres/rpt_bas.gif) repeat-x; }
.ombre_image_colG{background:url(/charte/ombres/rpt_colG.gif) repeat-y; }
.ombre_image_colD{background:url(/charte/ombres/rpt_colD.gif) repeat-y; }
.ombre_image_bordure img{border:1px solid #CCCCCC; background-color:#FFFFFF; }

/*header*/
#malvoyant{position:absolute; right:5px; top:60px; z-index:10;}
#header{width:925px; height:190px;  float:left; }
#logo, #bandeau{ width:auto; float:left;}
.menuH{text-align:right; height:32px; background:url(/charte/artotheque/rpt_menuH.jpg) left top; float:left; width:100%; }
#repere{float:left; width:15px; height:32px; }
.menu{float:left; width:auto; height:32px;  }
.menu img{margin-left:1px; margin-top:1px; }
.pictos{float:right; width:140px; padding-top:10px; text-align:center; background-image:url(/charte/artotheque/fond_pictos.jpg); }
.pictos img{margin-left:3px; }
#drapeaux img{margin:4px 0 0 5px;}
#drapeaux{display:none;}
/*zc*/
.zone_centrale{text-align:left; background:url(/charte/artotheque/rpt_z-centrale.jpg) repeat-x #F6FAF9; float:left; }
.courbe_zone_centrale{background:url(/charte/artotheque/courbe-z-centrale.jpg) no-repeat; float:left; }

#zc{float:left; width:690px}
.haut-zc{background:url(/charte/artotheque/haut-zc.jpg) no-repeat left top; float:left; width:100%; height:10px;}
.fond-zc{background:url(/charte/artotheque/fond-zc.jpg) repeat-y left top; float:left; width:100%;}
.bas-zc{background:url(/charte/artotheque/bas-zc.jpg) no-repeat left top; float:left; width:100%; height:10px;}

#div_lien_yahoo{margin:10px; }
.colG{float:left; width:180px; margin-left:30px; }
.titre_rubrique{background-image:url(/charte/lmts_couleurs/fond_titre-rub_rose.jpg); height:40px; color:#333333; font-size:15px; width:180px; }
#div_titre_rub{position:relative; top:10px; width:160px; left:10px; }

.contenu_modifiable{float:left; /*width:670px; margin:0 10px;*/ width:650px; margin:0 20px; }

.colD{float:right; width:210px; clear:right; }
.colD img{margin-bottom:10px; }

.bas_page{clear:both; width:985px; background:url(/charte/artotheque/bas.png) no-repeat left top; height:100px; }
#liens-bas{clear:both; float:right; margin:15px 30px 15px 0; font-size:11px;}
#liens-bas a{font-size:11px;}


/* MENUH */
.menu0_, .menu0active_, .menu0_bleu, .menu0active_bleu, .menu0_marron, .menu0active_marron, .menu0_orange, .menu0active_orange, .menu0_violet, .menu0active_violet, .menu0_rose, .menu0active_rose, .menu0_vert, .menu0active_vert {font-family: "Opel Sans", Verdana, Arial, sans-serif; width:144px; height:16px; color:#FFFFFF; font-size:15px; padding:22px 5px 10px 3px; display:block; line-height:15px; background-image:url(/charte/t1-marron.jpg); text-align:right; }
* html .menu0_, * html .menu0active_, * html .menu0_bleu, * html .menu0active_bleu, * html .menu0_marron, * html .menu0active_marron, * html .menu0_orange, * html .menu0active_orange, * html .menu0_violet, * html .menu0active_violet, * html .menu0_rose, * html .menu0active_rose, * html .menu0_vert, * html .menu0active_vert{width:152px; height:48px; }

/* menuLat */
.menuLat{width:180px; }
.menuLat table{width:180px; }
.menuG-2{border-bottom:1px solid #D8B8CA; font-size:13px; color:#323232; padding:2px 2px 2px 15px; display:block; background-image:url(/charte/lmts_couleurs/puce-ronde_rose.gif); background-repeat: no-repeat; background-position: 3px 7px; }
.menuGactive-2{font-size:13px; color:#323232; padding:2px 2px 3px 15px; display:block; background-image:url(/charte/lmts_couleurs/puce-chevron_noir.gif); background-repeat: no-repeat; background-position: 3px 7px; background-color:#D8B8CA; }
.menuG-3, .menuGactive-3{font-size:12px; color:#323232; padding:2px 2px 2px 24px; display:block; background-image:url(/charte/lmts_couleurs/puce-carre_rose.gif); background-repeat: no-repeat; background-position: 15px 7px; background-color:#F1E5EC; }
.menuGactive-3{background-image:url(/charte/lmts_couleurs/puce-carre_noir.gif); background-color:#E8D4DF; }
.menuG-4, .menuGactive-4{font-size:11px; color:#323232; padding:2px 2px 2px 34px; display:block; background-image:url(/charte/lmts_couleurs/puce-carre_rose.gif); background-repeat: no-repeat; background-position: 25px 7px; background-color:#E8D4DF; }
.menuGactive-4{background-image:url(/charte/lmts_couleurs/puce-carre_noir.gif); }

/* plan du site */
a.PLAN0{font-size: 14px; font-weight:bold; color:#FF6600; text-decoration: none; }
a.PLAN0:hover{color:#000000; }
a.PLAN1{font-size: 11px; font-weight:bold; color:#323232; text-decoration: none; }
a.PLAN1:hover{color:#000000; }
a.PLAN2{font-size: 10px; font-weight:bold; color:#323232; text-decoration: none; background:url(/charte/lmts_couleurs/puce-carre_orange.gif) no-repeat 3px; padding-left:12px; }
a.PLAN2:hover{color:#000000; }
a.PLAN3{font-size: 10px; font-weight:bold; color:#323232; text-decoration: none; background:url(/charte/lmts_couleurs/puce-carre_orange.gif) no-repeat 3px; padding-left:12px; }
a.PLAN3:hover{color:#000000; }

/* MENU HAUT */
#menu dl, #menu dt, #menu dd, #menu ul, #menu li, .menuLat ul, .menuLat li { margin: 0;  padding: 0;  list-style-type: none;  float:left;  }
#menu li, .menuLat ul{ clear:both;  width:100%;  list-style:none;  }
#menu dl { position:relative; }

/* MENU JAVA */
#menu dd, #menu .Sous_menu_dyn {display:none; }
#menu dd{ position:absolute;  top:32px;  left:2px;  background-color:#f1f1f1;  border:1px solid #ccc;  width:145px; }
.Sous_menu_dyn_contenu a{color:#666;  font-size:11px;  display:block;  padding:2px;  border-bottom:1px solid #ccc;  margin: 2px 5px;  width:135px;  text-align:left;  }
.Sous_menu_dyn_contenu a:hover{color:#333;  background-color:#fff;  text-decoration:none; }

/*LISTE DES OEUVRES */
#recap-recherche{ margin-left:10px;  }
#recap-recherche, .nombre-oeuvres{color:#4579A1; font-size:13px;}
#recap-recherche ul.criteres-recherche li{/*list-style-type:none; margin: 5px 0; padding:0;*/ color:#43535F; font-size:12px; margin-left:15px;}
#recap-recherche ul.criteres-recherche{margin: 5px 0; padding:0;}
#recap-recherche h1{color:#1B5F91; font-size:15px; margin:0 0 5px 0; }

#pagination-haut{float:left; width:100%; background:url(/charte/artotheque/haut-pagination.jpg) no-repeat left top; padding:20px 0 5px 0; }
#pagination-bas{float:left; width:100%; background:url(/charte/artotheque/bas-pagination.jpg) no-repeat left top; padding:5px 0 15px 0; height:40px;}
.gestion_pages a, .gestion_pages .page_ouverte{color:#1B5F91; padding:2px 0 2px 1px; text-decoration:none; color:#333; font-size:13px;}
.gestion_pages .page_ouverte, .gestion_pages a:hover{background-color:#fff; cursor:pointer;}
#liste-oeuvres{ width:690px; float:left; width:100%; background:url(/charte/artotheque/fond-zc.jpg) repeat-y left top;}
.ligne-oeuvres{float:left; clear:both; width:675px; margin:5px;  background:url(/charte/artotheque/fond-liste.jpg) repeat-y left top;}
.bloc-oeuvre{float:left; text-align:center; margin:0px 4px 0px 5px; width:210px; /*background-color:#EFEFEF; height:250px;*/ padding:4px 3px;}
.titre-oeuvre{font-size:11px; color:#333;  }
.img-oeuvre{text-align:center; margin:3px auto 3px auto; display:inline-table; width:auto;  }
.img-oeuvre img{max-width:440px;}
.bloc-img-oeuvre{float:left; position:relative;}
.bloc-img-oeuvre .agrandi{position:absolute; right:0; bottom:0; z-index:10;}
.img-oeuvre .bloc-img-oeuvre img{z-index:1; /*padding:4px; border:1px solid #2B3C48;  background-color:#435460;*/}
.infos-oeuvre{ font-size:11px; color:#666; float:left; width:100%; text-align:center;}
.pictos-oeuvre{float:right; clear:right; width:60px; text-align:right;}
.desc_oeuvre{display:none;}

/*recherche cold*/
.colD *, #div-mots-cles-titre p{ font-family:Arial, Helvetica, sans-serif}
.titre-form{color:#1B5F91; font-size:12px; font-weight:bold; margin:15px 0 3px 0; display:inline-table;}
#form-recherche #div-mots-cles-titre input, #form-recherche input#annee-fin, #form-recherche input#annee-debut{background-color:#C3CDD4; border:none; font-size:12px;}
#div-mots-cles-titre p{margin:3px 5px 10px 0; padding:0; color:#43535F; font-size:11px;}
#div-mots-cles-titre input{width:200px;}
input#annee-debut, input#annee-fin{width:40px; margin-right:5px;}
#div-oeuvre .titre-form, #div-mots-cles-titre .titre-form{width:100%;  }
.picto-arto{background:url(/charte/artotheque/dispo-artotheque.png) no-repeat right top; padding:5px 30px 7px 0;}
#z-recherche-accueil .picto-arto{width:100px}
#actions-form{text-align:center; margin-top:15px;}
#actions-form input{border:1px solid #D4D5D5 !important; color:#2B3B47; text-align:center; width:80px; padding:3px 0; margin:0 5px; cursor:pointer;}
#actions-form input:hover{ color:#000; border:1px solid #BFBFBF !important;}
#actions-form input.btn-annuler{background-color:#ABC6DA;}
#actions-form input.btn-envoyer{background-color:#91C479;}

/*accueil*/
#colG-accueil{float:left; width:440px; margin-top:10px; margin-left:10px}
#affiche-selection .img-oeuvre{width:100%; text-align:center; padding-bottom:5px;}
#colD-accueil{float:left; width:450px; margin-left:20px; margin-top:10px; }
#colD-accueil .contenu_modifiable{width:420px;}
#colG-accueil h1{margin-top:0;}
#colD-accueil h1{margin:0;}
#colD-accueil #form-recherche .titre-form{margin:5px 0 3px 0;}
#colD-accueil .contenu_modifiable p, #colD-accueil .contenu_modifiable td, #colD-accueil .contenu_modifiable li, #colD-accueil .contenu_modifiable a{font-size:11px;}
#z-recherche-accueil{clear:both; float:left; width:430px; margin-left:10px;}
#colD-accueil #nuagedetags{ float:right; width:48%;}
#affiche-nuagedetags{padding:5px; border:1px solid #B4D5C7; background-color:#fff;}
#colD-accueil #form-recherche{float:left; width:48%;}
#colD-accueil #form-recherche label{font-size:11px;}

/*nuage de tags*/
.colD #nuagedetags{ margin:0px 10px 10px 0;}
#affiche-nuagedetags{text-align:center; }
#affiche-nuagedetags a{line-height:25px; font-weight:bold; }
.Tagcloud{ list-style-type:none; margin:0 2px; padding:0; display:inline-table; }
#affiche-nuagedetags a.Tag0{font-size:11px; color:#C93B20; font-weight:normal;}
#affiche-nuagedetags .Tag1{font-size:13px; color:#0E9450}
#affiche-nuagedetags .Tag2{font-size:16px; color:#2B3B47}
#affiche-nuagedetags .Tag3{font-size:18px; color:#94133A }
#affiche-nuagedetags .Tag4{font-size:20px; color:#94133A}