/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}

h1{font:30px/25px 'Terminal Dosis', Arial,sans-serif;margin-top:0px;padding:0; margin:0;}
/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

.iblock{display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.iblockm{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.logogalerie{width:450px; height:126px; background:url(../vsl/logogalerie.png) no-repeat center center; position:absolute; top:20px; left:20px;}
a.fermergalerie{display:block; position:absolute; top:140px; left:20px;color:#FFF; font:12px Arial, Helvetica, sans-serif; background:#000; padding:5px;
-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px; border:1px solid #666; behavior:url(lib/PIE/PIE.htc);}
a.fermergalerie:hover{background:#033C4D;color:#FFF;}
/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body {background: #691b04 url(../vsl/fond.jpg) no-repeat fixed top center; margin: 0; padding: 0; text-align: center; }

#diapo{height:400px; position:absolute; left:0; top:285px; width:100%; background:#000;overflow:hidden;}
.ombre{width:100%; height:93px; position:absolute; left :0; top:660px; background:url(../vsl/ombre.png) no-repeat top center;z-index:-1;}

#page{ position: relative; width: 980px; margin: 0 auto; text-align: left; }
#page .entete{ height:285px; position:relative;}
#page .entete a.logo{width:600px; height:150px; background:url(../vsl/logo.png) no-repeat left top; display:block; position:absolute; left:0; bottom:-10px;}
#page .entete .star{width:190px; height:210px; background:url(../vsl/star.png) no-repeat center top; position:absolute; top:110px; right:180px; z-index:20;}

#page .contenu{ height:400px; position:relative; width:480px;z-index:10;}
#page .contenu .texte{background:url(../vsl/black-tr.png);height:100%; border-right:1px solid #333;border-left:1px solid #333;font:14px/18px 'Terminal Dosis', Arial, sans-serif;text-align:justify;overflow:auto;padding:10px;}
#page .contenu .texte p{margin:8px 0;}
#page .contenu .wrap{padding:15px;}

#page a.video{display:block; width:185px; height:85px;position:absolute; left:0; top:70%;}

#page .contenupage{ height:400px;background:url(../vsl/black-tr.png);position:relative;z-index:10;; border-right:1px solid #333;border-left:1px solid #333;}
#page .contenupage .wrap {padding:15px;width:200px;}
#page .contenupage .wrap .titre{text-align:center;font:30px/25px 'Terminal Dosis', Arial,sans-serif;}
#page .contenupage .wrap .texte{text-align:left;font:15px/18px 'Terminal Dosis', Arial,sans-serif;}
#page .contenupage .wrap-presse {padding:15px;}
#page .contenupage .wrap-presse .medias{margin-top:20px;text-align:center;height:310px;}
#page .contenupage .wrap-presse .medias .bloc-media{width:25%; border:1px solid #333; padding:8px;margin:0 2%;height:100%;
-moz-border-radius:10px;-webkit-border-radius:10px;-0-border-radius:10px;border-radius:10px;}
#page .contenupage .wrap-presse .medias .bloc-media h2{font:16px/19px 'Terminal Dosis', Arial,sans-serif;}
#page .contenupage .wrap-presse .medias .bloc-media .docs{font:12px/15px 'Terminal Dosis', Arial,sans-serif;height:260px; overflow:auto;}
#page .contenupage .wrap-presse .medias .bloc-media .docs table{width:90%;}
#page .contenupage .wrap-presse .medias .bloc-media .docs a{display:block;margin:5px 0;color:#FFFFFF;text-align:left;}
#page .contenupage .wrap-presse .medias .bloc-media .docs a.pdf{display:block;margin:5px 0;color:#FFFFFF;text-align:center;width:100px;margin:0 auto;}
#page .contenupage .wrap-presse .medias .bloc-media .docs a img{vertical-align:middle; margin-right:15px;}
#page .contenupage .liste{position:absolute;text-align:left;font:15px/13px 'Terminal Dosis', Arial,sans-serif;left:780px;top:40px;width:150px;}
#page .contenupage .liste .titre{text-align:center;font:22px/25px 'Terminal Dosis', Arial,sans-serif;}
#page .contenupage .liste .texte{text-align:justify;font:15px/13px 'Terminal Dosis', Arial,sans-serif;line-height: 20px;}
#page .contenupage .liste a{color:#fff;text-decoration:none}
#page .contenupage .liste a:hover{color:#ee5b15}

#slides{position:relative;}
#slides .slides_container{height:360px;width:57	0px;}
#slides .slides_container iframe{border:1px solid #333;}
#slides ul.pagination{list-style:none;position:absolute; top:0; right:0;margin:25px 0 0 0; padding:0; width:320px;height:310px;overflow:hidden;}
#slides ul.pagination li{margin:2px 0; padding:0;font:18px 'Terminal Dosis', Arial, Helvetica, sans-serif;border-bottom:1px dashed #999999;}
#slides ul.pagination li.current{background:#333;}
#slides ul.pagination li .image{width:80px;height:50px;overflow:hidden;border:1px solid #666666;}
#slides ul.pagination li .titre{width:230px;padding-left:8px;}
#slides ul.pagination li a{display:block;color:#FFFFFF;padding:4px 0;}
#slides ul.pagination li a:hover{background:#666666;}

#page .contenupage .intro{text-align:center; font:16px/19px 'Terminal Dosis', Arial, Helvetica, sans-serif;margin-top:15px;}
#page .contenupage .intro p{margin:0;}

#page .contenupage .zoom{position:absolute;left:40px;top:40px;width:680px;height:320px;border:1px solid #333333;}
#page .contenupage .zoom h1{font:30px/30px 'Terminal Dosis', Arial,sans-serif;margin-top:0px;padding:0; margin:5px 0 15px 10px;}
#page .contenupage .zoom .detail{padding-right:5px;padding-left:5px;position:absolute;background-color:#000;right:0;top:0;width:300px;height:100%; text-align:left;overflow:hidden;}
#page .contenupage .zoom .texte{padding-right:10px;padding-left:10px;position:relative;text-align:left;font:14px/17px 'Terminal Dosis', Arial,sans-serif;height:270px;overflow:auto;}
#page .contenupage .zoom .texte p{margin:0 0 8px 0;}

#page a.video{display:block; width:185px; height:70px;position:absolute; left:545px; top:85%;background:url(../vsl/bt-video.png) no-repeat center center;z-index:10;
border:1px solid #FFF; -moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;
-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
#page a.video:hover{border:1px solid #FF6600;height:80px;margin-top:-5px;}

#page .listing{background:url(../vsl/black-tr.png);height:390px; position:absolute; top:285px; right:0; width:200px;z-index:15;padding:5px;overflow:hidden;}
#page .listing h1{margin:5px;}
#page .listing .wrap{overflow:hidden; height:88%; padding:0 5px;}
#page .listing .item{margin:5px;padding:5px; border:1px solid #999; height:50px;position:relative;}
#page .listing .item:hover{border:1px solid #ee5b15}
#page .listing .item a:hover{color:#ee5b15}
#page .listing .item a{color:#fff;text-decoration:none; display:block;}
#page .listing .item .titre{position:absolute;left:90px;top:12px;width:80px;font:14px/17px 'Terminal Dosis', Arial,sans-serif;}

#page .entete .menu{position:absolute; left :0; top:0;margin:0; padding:0;width:100%;}
#page .entete .menu a{width:80px; height:80px;text-align:center;position:relative;padding:0 8px;color:#FFFFFF;font:16px 'Terminal Dosis', Arial, sans-serif;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;}
#page .entete .menu a:hover{width:80px; height:100px;text-align:center; background:#000;position:relative;padding:0 8px;}
#page .entete .menu a .url{position:absolute; left:0; bottom:5px;text-align:center; display:block; width:100%;}
#page .entete .menu .iconegalerie{position:absolute; left:800px; top:0px;text-align:center;color:#FFFFFF;font:14px 'Terminal Dosis', Arial, sans-serif;}
#page .entete .menu .iconegalerie a:hover{background:none;text-decoration:none;}

#pied { width: 980px; margin:40px auto 0 auto; text-align: center; font:10px Verdana, Geneva, sans-serif;color:#000;}
#pied img { vertical-align: middle; }
#pied a{color:#FFFFFF;}


#page .contenupage .video{margin:35px auto 0 auto;width:800px;position:relative;text-align:left;}
#page .contenupage .video h1{margin:0 0 5px 0; width:250px;}
#page .contenupage .video iframe{border:1px solid #666;}
#page .contenupage .video .scroll-pane{width:290px; height:254px;position:absolute;right:0;top:0;}
#page .contenupage .video .scroll-pane ul{margin:0; padding:0;}
#page .contenupage .video .scroll-pane ul li{margin:5px; padding:0; list-style:none;}
#page .contenupage .video .scroll-pane a.vid{display:block; height:90px; overflow:hidden; border:1px solid #666;position:relative;background:#000 url(../vsl/video_def.png) no-repeat -35px center;}
#page .contenupage .video .scroll-pane a.vid:hover{border:1px solid #ee5b15;}
#page .contenupage .video .scroll-pane a.vid .titre{display:block; width:125px; height:100%;color:#CCC;position:absolute; right:0; top:0; padding:3px 6px; font-size:12px}

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: none; }

a.spip_in {color: #FF6600;} /* liens internes */
a.spip_mail { color: #FF6600; }
a.spip_mail:before { content: " "; } /* liens vers un email */
a.spip_out { color: #FF6600; } /* liens sortants */
a.spip_url { color: #FF6600; } /* liens url sortants */

#page .contenupage .wrap-plain{padding:10px 20px;width:600px;text-align:justify;}

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative; overflow: hidden; z-index: 2;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden;
margin: 0; padding: 0; list-style: none;
}

.simply-scroll-list li {
padding: 0; margin: 0; list-style: none;
}

.simply-scroll-list li img {
border: none; display: block;
}

/* Master button styles - note that up and down versions 
have been removed in this example */

.simply-scroll-btn {
	position: absolute;
	background-image: url(../vsl/buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}
	
.simply-scroll-btn-left {
	left: -25px;
	top: 10px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: -25px;
	top: 10px;
	background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
height: 220px; margin:30px 40px 0 40px;position:relative; background:transparent;border:1px solid #666;padding:10px;
-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}

.simply-scroll .simply-scroll-clip {
width: 100%; height: 220px;
}

.simply-scroll .simply-scroll-list li {
height: 210px; background:#FFFFFF; margin:0 10px;overflow:hidden;text-align:center;position:relative;
-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:5px;
}
.simply-scroll .simply-scroll-list li a{display:block;}
.simply-scroll .simply-scroll-list li .titreartiste{display:block;margin:0; text-align:center;color:#333;font:20px 'Terminal Dosis', Arial, Helvetica, sans-serif;}
.simply-scroll .simply-scroll-list li.diapo {
height: 210px; margin:0 10px;overflow:hidden;text-align:center;
}
.simply-scroll .simply-scroll-list li a{display:block;}
.simply-scroll .simply-scroll-list li .titrepresse{
	width:50%; padding:5px;position:absolute; left:5px; bottom:5px; background:#000000; color:#FFFFFF; text-align:center;
	font:10px Verdana, Geneva, sans-serif;}