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

p, td, li, a{font-size:12px; }
img {border: 0;  }
h1{font-size:18px; color:#323232; }
h2{font-size:14px; font-weight:bold; }
h3{font-size:13px; font-weight:bold; }
h4{font-size:13px; }
a{text-decoration:none; color:#000000; }
a:hover{text-decoration:underline; }
.legende{font-size:10px; color:#333; }
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; }
.lien_yahoo, #div_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; }
#liens-bas{clear:both; float:right; margin:65px 30px 0px 0; font-size:11px;}
#liens-bas a{font-size:11px; color:#000 !important;}
/*header*/
.haut_page{background:url(/charte/haut.jpg) no-repeat; height:37px; width:925px; text-align:right; }
.haut_page img{margin-top:5px; margin-right:5px; }
.bandeau{width:925px; height:220px; }
.menuH{text-align:right; height:32px; background:url(/charte/rpt_menuH.jpg) repeat-x; }
#repere{float:left; width:30px; 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/fond_pictos.jpg); }
.pictos img{margin-left:3px; }

/*zc*/
.zone_centrale{text-align:left; background:url(/charte/rpt_z-centrale.jpg) repeat-x #F6FAF9; float:left; }
.courbe_zone_centrale{background:url(/charte/courbe-z-centrale.jpg) no-repeat; float:left; }
#div_lien_yahoo{margin-left:240px; margin-top:10px; padding-bottom:10px; width:510px; }
.colG{float:left; width:180px; margin-left:30px; }
.titre_rubrique{background-image:url(/charte/lmts_couleurs/fond_titre-rub_rose.jpg); background-repeat:no-repeat; min-height:30px; padding-bottom:10px; color:#333333; font-size:15px; width:180px; }
*+html .titre_rubrique, * html .titre_rubrique{height:40px;}
#div_titre_rub{position:relative; top:10px; width:160px; left:10px; }

.contenu_modifiable{float:left; width:510px; margin-left:30px; }

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

.bas_page{clear:both; width:985px; background-image:url(/charte/bas.png); height:90px; }
.made_with{width:956px; text-align:right; padding-top:45px; padding-bottom:22px; }
.made_with a{color:#000000; font-size:11px; padding-right:2px; line-height:25px; }

/* accueil */
.contenu_modifiable_accueil{float:left; /*width:510px;*/ width:865px; margin-left:30px; margin-top:30px; }
/*.colD_accueil{float:right; clear:right; margin:20px 30px 0 0px; width:335px; }
* html .colD_accueil{float:left; margin:20px 0px 0 20px; }*/
.actualite{background:url(/charte/fond-actu.jpg) bottom; height:170px; z-index:5; }
.vie-associative{margin-left:25px; }
.encadres-accueil{width:135px; height:120px; float:right; }
.carte{float:left; width:200px; }


/* 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; }

/* 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; }
.menu0_bleu{ background-image:url(/charte/t1-bleu.jpg); }
.menu0_marron{ background-image:url(/charte/t1-marron.jpg); }
.menu0_orange{ background-image:url(/charte/t1-orange.jpg); }
.menu0_violet{ background-image:url(/charte/t1-violet.jpg); }
.menu0_rose{ background-image:url(/charte/t1-rose.jpg); }
.menu0_vert{ background-image:url(/charte/t1-vert.jpg); }
.menu0_bleu{ background-image:url(/charte/t1-bleu.jpg); }
.menu0_marron{ background-image:url(/charte/t1-marron.jpg); }
.menu0_orange{ background-image:url(/charte/t1-orange.jpg); }
.menu0_violet{ background-image:url(/charte/t1-violet.jpg); }
.menu0_rose{ background-image:url(/charte/t1-rose.jpg); }
.menu0_vert{ background-image:url(/charte/t1-vert.jpg); }
.menu0active_bleu{ background-image:url(/charte/t1-bleu_f2.jpg); }
.menu0active_marron{ background-image:url(/charte/t1-marron_f2.jpg); }
.menu0active_orange{ background-image:url(/charte/t1-orange_f2.jpg); }
.menu0active_violet{ background-image:url(/charte/t1-violet_f2.jpg); }
.menu0active_rose{ background-image:url(/charte/t1-rose_f2.jpg); }
.menu0active_vert{ background-image:url(/charte/t1-vert_f2.jpg); }
.menu0active_bleu{ background-image:url(/charte/t1-bleu_f2.jpg); }
.menu0active_marron{ background-image:url(/charte/t1-marron_f2.jpg); }
.menu0active_orange{ background-image:url(/charte/t1-orange_f2.jpg); }
.menu0active_violet{ background-image:url(/charte/t1-violet_f2.jpg); }
.menu0active_rose{ background-image:url(/charte/t1-rose_f2.jpg); }
.menu0active_vert{ background-image:url(/charte/t1-vert_f2.jpg); }
* 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; z-index:10; }

/* 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; }

/*ARTOTHEQUE*/
#page-artotheque.page{}
#page-artotheque h1{color:#1B5F91; font-weight:normal;}
#page-artotheque h2{color:#1B5F91; font-size:15px;}
#page-artotheque .contenu_modifiable{width:690px; margin-left:0px;}
#page-artotheque .colD{ width:220px}
.pagination{}

/*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;}
#recap-recherche ul.criteres-recherche{margin: 5px 0; padding:0;}

#liste-oeuvres{margin-top:30px; width:690px; float:left;}
.ligne-oeuvres{float:left; clear:both;}
.bloc-oeuvre{float:left; margin:10px 10px 10px 10px; width:210px;}
.titre-oeuvre{font-size:13px; color:#2B3B47; font-weight:bold; text-align:center; margin-bottom:3px;}
.img-oeuvre{text-align:center; margin-bottom:3px; }
.img-oeuvre img{padding:4px; border:1px solid #2B3C48;  background-color:#435460;}
.infos-oeuvre{ font-size:11px; color:#43535F; float:left; width:140px;}
.pictos-oeuvre{float:right; clear:right; width:60px; text-align:right;}


/*recherche cold*/
#page-artotheque .colD *{ font-family:Arial, Helvetica, sans-serif}
.titre-form{color:#1B5F91; font-size:12px; font-weight:bold; margin:15px 0 3px 0; display:inline-table;}

#page-artotheque .colD input{background-color:#C3CDD4; border:none;}
#div-mots-cles-titre p{margin:2px 0 10px; padding:0; color:#43535F; font-size:11px;}
#div-mots-cles-titre input{width:215px;}
input#annee-debut, input#annee-fin{width:50px; margin-right:5px;}
#div-oeuvre .titre-form{width:100%;  }
.picto-arto{background:url(/charte/dispo-artotheque.png) no-repeat right top; padding:5px 30px 7px 0;}
#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;}

/*album photo*/
.light{opacity:0.5; }
.origin{opacity:1; }
#grande_photo, #album_grande_photo{height:450px; width:100%; text-align:center; margin:10px 0;}
#album_grande_photo img{/*max-width:520px;*/max-height:350px}
.album_texte{font-weight:bold; text-align:center; margin:10px 0;}

.contenu_modifiable #miniature_fleches{float:left; height:90px; width:100%; position:relative; margin:10px 0;}
.contenu_modifiable #gauche, .contenu_modifiable #droite{position:absolute; z-index:50; top:2px; cursor:pointer}
.contenu_modifiable #gauche{left:0; }
.contenu_modifiable #droite{right:0;}
.contenu_modifiable #bloc_miniatures{float:left; height:100px; overflow:hidden; position:relative; width:88%; margin:0 6%;}
.contenu_modifiable #liste_miniatures{position:absolute; top:0; left:0; height:90px; width:10000px}
.contenu_modifiable #liste_miniatures img{float:left; height:90px; margin:0 2px 10px; }