@import url("commun.css");
@import url("wysiwyg.css");

/******************************************************************************************************************************************
HOMEPAGE******************************************************************************************************************************************
*******************************************************************************************************************************************/
/*3 COLONNES*/
/*edito*/
#HomeEdito {float:left; width:195px; margin:35px 60px 0 20px; border-top:3px solid #350616;}
#HomeEdito h2 {font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin:5px 0; color:#320010;font-size:22px}
#HomeEdito p, #HomeEdito h6 {color:#656565; font-size:11px;font-family:Arial; font-weight:normal}

/*ANNEXE (bloc liens rapides sous menu)*/
#annexeBloc {font-family:Arial; margin-top:30px; padding:5px;color:#666; font-size:10px; border-top:7px solid #eee; text-transform:uppercase; letter-spacing:2px; text-align:center;}
#annexeBloc ul {margin:10px 0 0 10px; padding:0;}
#annexeBloc ul li {border:none;text-align:left !important; letter-spacing:normal; margin:0 0 5px 0; padding:0; list-style-type:square; color:#d9d9d9;}
#annexeBloc ul li a {color:#63291d; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif;font-size:9px;}
#annexeBloc ul li a:hover {background-image:none; color:#b00337}

/*NEWSLETTER (bloc formulaire sous menu)*/
#newsletterBloc {font-family:Arial; margin-top:30px; background-color:#f3f3f3; padding:5px;color:#666; font-size:10px; border-top:7px solid #eee; text-transform:uppercase; letter-spacing:2px; text-align:center;}
#newsletterBloc:hover {background-color:#EEE;}
#newsletterBloc form {margin:0; padding:0;}
#newsletterBloc form fieldset {border:none; margin:5px 0 0 0; padding:0;}
#newsletterBloc form input {border:1px solid #ebebeb; color:#999; width:150px; font-size:9px; margin:2px 0 5px 0}
#newsletterBloc form input:focus { background-color:#f3f3f3; border-color:#FFF;color:#333}
#newsletterBloc form input.inscrire {background:none; display:inline; font-size:9px; margin:0; padding:0; width:inherit !important; border:none; cursor:pointer; width:70px}
#newsletterBloc a {color:#999; font-size:10px; text-decoration:none;}
#newsletterBloc a:hover {text-decoration:underline;}
#newsletterBloc p {font-size:10px; letter-spacing:0; text-transform:none;}

/*evenements*/
#HomeEvenements {float:left; width:285px; margin:30px 30px 0 0;border-top:7px solid #6a261b;}
#HomeEvenements h2 {text-transform:uppercase;margin:5px 0; color:#65281E; font-size:22px}

/*bloc 1 date + type de musée*/
#HomeEvenements #info {float:left; width:65px; margin-right:10px; color:#656565; font-family:Arial; text-align:center;}
#HomeEvenements #info span.jour {font-size:40px;display:block;}
#HomeEvenements #info span.moisAnnee {font-size:9px;display:block; text-transform:uppercase;}
/*couleur musée*/
#HomeEvenements #info span.musee1 {background:#b7cfb0;display:block;color:#FFF; width:55px;font-size:9px; padding:5px; margin:17px 0 0 0;}
#HomeEvenements #info span.musee2 {background:#cfcfb0;display:block;color:#FFF; width:55px;font-size:9px; padding:5px; margin:17px 0 0 0;}
#HomeEvenements #info span.musee3 {background:#cfb0b0;display:block;color:#FFF; width:55px;font-size:9px; padding:5px; margin:17px 0 0 0;}
#HomeEvenements #info span.musee4 {background:#bcb0cf;display:block;color:#FFF; width:55px;font-size:9px; padding:5px; margin:17px 0 0 0;}
#HomeEvenements #info span.musee5 {background:#b0c6cf;display:block;color:#FFF; width:55px;font-size:9px; padding:5px; margin:17px 0 0 0;}

/*bloc 2 image*/
#HomeEvenements img {float:left; border:1px solid #c8c8c8; margin-right:10px;}

/*bloc 3 titre + texte*/
#HomeEvenements #info2 {float:left; width:110px;}
#HomeEvenements #info2 h3 {margin:0; padding:0;}
#HomeEvenements #info2 h3 a {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;color:#65281E; text-decoration:none;font-size:18px}
#HomeEvenements #info2 h3 a:hover {background-color:#f5f5f5; border-bottom:1px solid #dcdcdc; color:#333;}
#HomeEvenements #info2 p {color:#656565; font-size:11px;font-family:Arial;}

/*autres evenements*/
#HomeEvenements ul {/*clear:both; margin:125px 0 0 0;*/ padding:0; float:left; width:280px; margin:0}
#HomeEvenements ul li {/*border-bottom:1px solid #EEE;*/ border-bottom:1px dashed #999; list-style:none; margin-bottom:2px; padding-bottom:2px;}
#HomeEvenements ul li span.date {width:100px; display:block; float:left; font-size:11px; font-family:Arial; color:#656565; margin:3px 0 0 0;}
#HomeEvenements ul li a {color:#65281E; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none; display:block; margin:3px 0; padding:0;border-bottom:1px solid #fff; }
#HomeEvenements ul li:hover {background-color:#f5f5f5; border-bottom:1px solid #dcdcdc; color:#333;}
/*#HomeEvenements ul li:hover {background-color:#f5f5f5;}*/

/*actus*/
#HomeActus {float:left; width:245px;border-top:7px solid #6a261b; margin:30px 0 0 0;}
#HomeActus h2 {text-transform:uppercase;margin:5px 0;color:#65281E;font-size:22px}
#HomeActus img {border:1px solid #c8c8c8; display:block; margin:12px 0 10px 0;}
#HomeActus h3 {margin:5px 0 0 0; padding:0;font-size:18px}
#HomeActus h3 a {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;color:#65281E;text-decoration:none;}
#HomeActus h3 a:hover {background-color:#f5f5f5; border-bottom:1px solid #dcdcdc; color:#333;}
#HomeActus p {color:#656565; font-size:11px;font-family:Arial;}

a.more {text-transform:uppercase; background:url(../images/fleche2.gif) no-repeat 0 3px; padding:0 0 0 15px; color:#656565; font-size:10px; font-family:Arial; text-decoration:none;}
a.more:hover {background-color:#f5f5f5;border-bottom:1px solid #dcdcdc; color:#333;}