/* css ateliers en ateliers*/

/*tronc commun*/
* { padding: 0; margin: 0; border: 0; } 
a {color:#c0ea3d ;}
a:hover {color:#e01635;}
.img2 {border:none; width:123px; margin:0; height:66px; text-align:center;}
td {border-bottom: 1px dotted #d6e1e3; padding:5px; }

body {background-image:url(images/tous/artistes-banniere.JPG); background-repeat: no-repeat; background-color:#396663; margin: auto; width: 950px; margin-top:10px; } 
#colonnea { width: 180px; float:left; padding:10px 0; background-color: #070707; color:#808080; font-size:14px; line-height:16px; font-family:calibri, sans-serif; text-align:center;} 
#colonnea a { color:#c0ea3d;} 
#colonnea a:hover { color:#e01635;}
#colonneb {margin-left:180px; position: absolute; top:30px; width: 120px; text-align:center;} 
#colonnec {position: absolute; float:right; top: 30px; width: 620px; height: 606px; margin-left:300px;}
#modulec1 {height:105px; text-align:center; background-color:#377E94; font-family:calibri, sans-serif; color:#fff; font-size:16px;}
#modulec1 a {color:#c0ea3d; font-weight:bold;}
#modulec1 a:hover{color:#e01635; }
#modulec2 {height:5px;}
#modulec3 {font-family:calibri, sans-serif; color:#fff; font-size:14px; margin:0 0 15px 0;}
#modulec3 a { color:#e01635; font-size:14px; }
#modulec3 a:hover { color:#377e94; }

.h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; letter-spacing:2px; word-spacing:2px; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:16px; text-align:center;}
.h2 {font-family:calibri, sans-serif; color:#fff; letter-spacing:2px; word-spacing:2px; font-weight:bold; line-height:30px; font-size:16px; text-align:center;}
.notabene {font-family:calibri, sans-serif; color:#fff; font-size:13px; font-style:italic;}

/* page accueil */
#logo { width: 350px; margin:20px auto 0 auto; color:#fff; font-size:12px; line-height:16px; font-family:calibri, sans-serif; text-align:center;}
#corpus { width: 950px; margin:40px auto 50px auto ; font-family:calibri, sans-serif;  color:#000; font-size:17px; line-height:22px; text-align:center; font-weight:bold;} 
#rdv {width:650px; margin:0px auto 0 auto; padding: 2px 0px 1px 0; background-color:#0c192a; font-family:calibri, sans-serif; color:#fff; text-align:center; font-size:18px;}
#rdv a {color:#e01635; text-decoration:underline;}
#rdv a:hover {color:#c0ea3d;}
#rubriques { width: 950px; margin:40px auto; font-family:calibri, sans-serif;  color:#fff; font-size:14px; text-align:center;}
.img3 {border:1px solid #fff;}
a.zip3:hover span {display: block; background:#333; width:500px; height:400px; border:2px solid #000; padding:10px; position:absolute; top:10px; left:350px; text-align: center;color:#ccc; z-index:300; color:#fff; font-size:14px;}
a.zip3 {text-decoration: none; }
a.zip3:hover { border:none;}
a.zip3 span {display:none;}

/* pages ardeche*/
#carteardeche { top: 21px; width: 387px; margin:0 0 0 -110px; position: absolute; height: 550px; font-family:calibri, sans-serif; color:#070707; font-size:16px; text-align:center; left: 118px;}
#carte {}
#departement { top: 30px; width: 230px; margin:-10px 0 0 334px; padding-left:20px; position: absolute; height: 600px; border-left:1px solid #fff; font-family:calibri, sans-serif; color:#fff; font-size:16px; left: 85px;}
#listeannonay {top: 20px; width: 230px; margin:0px 0 0 400px; padding-left:10px; position: absolute; height: 600px; border-left:1px solid #fff; overflow-y: scroll; font-family:calibri, sans-serif; color:#fff; font-size:14px;}
#listeannonay a {background-color:#e4f0f2; color:#af0305; padding:0 3px;}
#listelamastre {top: 20px; width: 230px; margin:0px 0 0 400px; padding-left:10px; position: absolute; height: 600px; border-left:1px solid #fff; overflow-y: scroll; font-family:calibri, sans-serif; color:#fff; font-size:14px;}
#listelamastre a { background-color:#255869; color:#f1de06; padding:0 3px;}
#listeaubenas {top: 20px; width: 230px; margin:0px 0 0 400px; padding-left:10px; position: absolute; height: 600px; border-left:1px solid #fff; overflow-y: scroll; font-family:calibri, sans-serif; color:#fff; font-size:14px;}
#listeaubenas a { background-color:#e4f0f2; color:#85b03a; padding:0 3px;}
#listejoyeuse {top: 20px; width: 230px; margin:0px 0 0 400px; padding-left:10px; position: absolute; height: 600px; border-left:1px solid #fff; overflow-y: scroll; font-family:calibri, sans-serif; color:#fff; font-size:14px;}
#listejoyeuse a { background-color:#e4f0f2; color:#e2007a;padding:0 3px;}

/* pages activites*/
#deroulant { width:600px; height: 420px; overflow-y: auto; font-family:calibri, sans-serif; color:#fff; font-size:14px; margin:0 10px;}
#fermer {width:500px; height:26px; margin:20px auto 0 auto; padding:1px 0 0 0; background-color:#377E94; font-family:calibri, sans-serif; color:#cab505; font-size:16px; font-style:oblique;letter-spacing:2px; word-spacing:2px; text-align:center;}
#fermer a {color:#c0ea3d;}
#fermer a:hover {color:#e01635;}
a.zipdiaporama:hover span {display: block; background:#333; width:550px; height:300px; border:2px solid #000; padding:10px; position:absolute; top:230px; left:0; text-align: center;color:#ccc; z-index:300; color:#fff; font-size:14px;}
a.zipdiaporama {text-decoration: none; }
a.zipdiaporama:hover { border:none;}
a.zipdiaporama span {display:none;}

a.zip6:hover span {display: block; background:#333; width:360px; height:270px; border:2px solid #000; padding:10px; position:absolute; top:10px; left:200px; text-align: center;color:#ccc; z-index:100; }
a.zip6 {text-decoration: none; }
a.zip6:hover { border:none;}
a.zip6 span {display:none;}




/* pages artistes*/
.mail {font-family:calibri, sans-serif; font-size:14px; margin:10px; text-align:justify; color:#a2ac25; font-weight:bold;}
.mail a {color:#fff; text-decoration:none;}
.mail a:hover {color:#000;}
#modulecartistes {font-family:calibri, sans-serif; font-size:14px; text-align:justify; color:#ff9c24; font-weight:bold;}
#modulecartistes a {color:#e01635; font-size:14px; text-decoration:none; padding:0 2px;}
#modulecartistes a:hover {color:#c0ea3d; font-size:14px; }


/* --- système de vignettes à éclipse des pictos-----*/
a {background:none; text-decoration:none;border:0px none;color:#38374d;}
a.zip {text-decoration: none;}
a.zip:hover { border:none;}
a.zip span {display:block; width:250px; height:450px; background:#333; border:2px solid #000; padding:5px 20px; position:absolute; top:140px; left:-999em; text-align: center; color:#ccc; font-size:14px; }
a.opacity img {filter:alpha(opacity=20); -moz-opacity: 0.8; opacity: 0.8; }
a.opacity:hover img {filter:alpha(opacity=100);-moz-opacity:1.0; opacity: 1.0; }
a.zip:hover span {left:160px; }
.vignettephoto {width:65px; height:65px; border:1px solid #f0f;}


/*page Actions*/
a.zipactions {text-decoration: none; margin:0;}
a.zipactions:hover { border:none;}
a.zipactions span {display:block; position:absolute; top:105px; left:-699em; text-align: center; color:#070707;}
a.zipactions:hover span {left:145px; width:340px; height:484px; background:#333; margin:0; padding:0;}
a.opacity2 img {filter:alpha(opacity=50); -moz-opacity: 0.8; opacity: 0.8;}
a.opacity2:hover img {filter:alpha(opacity=100);-moz-opacity:1.0; opacity: 1.0;}
a.zip4 {text-decoration: none; margin:0;}
a.zip4:hover { border:none;}
a.zip4 span {display:block; position:absolute; top:195px; left:-699em; text-align: center; color:#070707;}
a.zip4:hover span {left:240px; top:120px; width:216px; height:280px; background:#333; margin:0; padding:0;}
.actions {font-family:calibri, sans-serif; color:#377e94; font-size:16px; text-align:center; }
.actions a {color:#e01635; padding:0 2px; font-weight:bold;}
.actions a:hover {color:#c0ea3d; }