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


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; background-color: #f6f5ee; background-image: url(images/fond-calling.jpg); background-repeat: repeat; }

#page { width: 960px; margin: 0 auto; padding-bottom: 20px; }

#entete { width: 960px; height: 139px; margin: 0; padding: 0; background-color: #FFFFFF; }
#entete .bandeau { margin: 0; padding: 0; }
#entete .bandeau a { margin: 0; padding: 0; }

#conteneur { width: 960px; padding: 0; margin: 0; margin-top: 20px; }

#contenu { float: left; width: 690px; padding: 0; margin: 0; }

#blocs { float: right; width: 250px; height: 400px; }

/* Menu */
#navigation { 
	width: 960px;
	height: 75px;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(images/menu/fond-menu.gif);
	background-repeat: no-repeat;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#navigation .ligne0 { width: 960px; height: 40px; margin: 0; padding: 0; }
#navigation .ligne0 .maison { height: 32px; width: 31px; float: left; margin: 8px 0px 0px 9px; padding: 0; border-right: #CBCBCB solid 1px; }
#navigation .ligne0 .maison ul { list-style: none; display: inline; margin: 0; padding: 0; }
#navigation .ligne0 .maison ul li { list-style: none; display: inline; margin: 0; padding: 0; }
#navigation .ligne0 .maison a { font-size: 18px; font-weight: normal; color: #000000; }

#navigation .ligne0 .news { height: 22px; float: right; margin: 0; padding: 0; margin: 8px 10px 0 0; }
#navigation .ligne0 .news .valide { border: hidden; background-image: url(images/menu/bouton-valide-news.gif); background-repeat: no-repeat; cursor: pointer; width: 22px; height: 22px; }
#navigation .ligne0 .news .email { float: left; margin: 2px 5px 0 0; padding: 0; width: 115px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2193D3; }


#navigation .ligne1 { width: 960px; height: 35px; margin: 0; padding: 0; }
#navigation .ligne1 .reseaux { float: right; list-style: none; margin: 7px 10px 0px 0px; padding: 0;}
#navigation .ligne1 .reseaux ul { list-style: none; margin: 0; padding: 0; }
#navigation .ligne1 .reseaux ul li { list-style: none; float: left; margin: 0; padding: 0; margin-left: 5px; }
#navigation .ligne1 .reseaux a { float: left; list-style: none; margin: 0; padding: 0; }

#entete .contact { 
	float: right; padding: 4px 10px 5px 10px;
	margin: 0;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image:url(images/fond-contact.gif);
	background-repeat: no-repeat;
}


#sddm { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

#sddm ul { list-style: none; display: inline; margin: 0; padding: 0; }

#sddm li { float: left; display: inline; height: 28px; float: left; padding-top: 12px; }

#sddm .inter { height: 28px; width: 1px; background-image: url(images/menu/separation.png); background-position: center; }

#sddm li a { font-size: 16px; margin: 0 12px 0 12px; font-weight: normal; color: #000000; text-transform: uppercase; text-decoration: none; }

#sddm li a:hover { }

#sddm div {
	height: 34px;
	position: absolute;
	visibility: hidden;
	margin: 9px 0 0 0;
	padding: 0 10px 0 0;
	background-image: url(images/menu/fond-sousmenu.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#sddm div a {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 8px 0 0 0;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #000000;
	font-size: 13px;
	text-transform: none;
}

#sddm div a:hover { color: #FFF; }






#pied { width: 100%; height: 60px; position: relative; margin: 0; padding: 0; background-color: #bcd9e8; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#pied .cartouche { width: 560px; height: 50px; margin-left: auto; margin-right: auto; }
#pied .cartouche .logos { float: left; width: 280px; height: 30px; margin-top: 10px; padding-top: 6px; background-image: url(images/sepration-pied.gif); background-repeat: no-repeat; background-position: right; }
#pied .cartouche .logos ul { list-style: none; margin: 0; padding: 0; margin-right: 7px; }
#pied .cartouche .logos ul li { list-style: none; float: right; margin: 0; padding: 0; margin-right: 5px;}

#pied .cartouche .marsatac { float: left; width: 280px; }
#pied .cartouche .marsatac .m2010 { float: left; margin: 0; padding: 0; }
#pied .cartouche .marsatac .texte { float: left; margin: 0; padding: 0; margin-top: 15px; margin-left: 10px; }
#pied .cartouche .marsatac .texte .txt { margin: 0; padding: 0; }
#pied .cartouche .marsatac .lien { margin: 0; padding: 0; }
#pied .cartouche .marsatac .lien .ln { float: left; margin: 0; padding: 0; }

#infos { width: 240px; float: right; }

.valide { background-color: none; }


/*  Slide
/*  ------------------------------------------ */

#cartouche { overflow: hidden; position: relative; width: 690px; height: 330px; margin-bottom: 20px; }
#cartouche ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs { z-index: 2; width: 330px; height: 330px; }
ul#tabs li .titre-recent { margin: 0; margin-bottom: 2px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; width: 250px; text-transform: uppercase; }
ul#tabs li .soustitre { width: 250px; font-size: 12px; }
ul#tabs li { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ul#tabs li img { border: none; float: left; }
ul#tabs li a { text-decoration: none; background-repeat: no-repeat; display: block; padding: 0; padding-left: 10px; padding-top: 10px; height: 100px; outline: none; color: #BFBFBF; background-image: url(../plugins/slide/feature-tab-a.png); }
ul#tabs li a:hover { text-decoration: none; }
ul#tabs li a.current { background-image: url(../plugins/slide/feature-tab-current.png); color: #FFF; }
ul#tabs li a.current:hover { text-decoration: none; cursor: pointer; }
ul#output { width: 690px; height: 330px; position: relative; }
ul#output li { position: absolute; width: 690px; height: 330px; background-color: #000000; }


/*  Festival
/*  ------------------------------------------ */

#festival {
	float: left;
	width: 335px;
	height: 555px;
	background-color: #EEEEEE;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#festival .titre { 
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0 7px;
	color: #333333;
}

#festival .affiche { 
	width: 335px;
	height: 520px;
}

/*  Zoom
/*  ------------------------------------------ */

#zoom {
	float: right;
	width: 335px;
	height: 555px;
	background-color: #EEEEEE;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#zoom .titre { 
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0 7px;
	color: #333333;
}

#zoom .cartouche {
	float: left; 
	width: 335px;
	height: 246px;
	padding-top: 13px;
	background-image: url(images/sommaire/fond-zoom.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#zoom .image{ 
	width: 315px;
	height: 120px;
	margin: 0 5px 0 5px;
}

#zoom .titre-zoom{ 
	margin: 5px 5px 0 5px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#zoom .texte{ 
	margin: 5px 5px 0 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

#zoom .suite{ 
	margin: 10px 5px 0 5px;
	float: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0087CA;
}


/*  Actu
/*  ------------------------------------------ */

#actu-sommaire {
	float: left;
	width: 690px;
	background-color: #EEEEEE;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-top: 20px;
}

#actu-sommaire .titre { 
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0 7px;
	color: #333333;
}

#actu-sommaire .liste {
	margin-left: 1px;
}

#actu-sommaire .liste .partie {
	float: left;
	width: 172px;
	height: 275px;
	background-color: #FFFFFF;
}

#actu-sommaire .liste .partie .image {
	width: 172px;
	height: 135px;
}

#actu-sommaire .liste .partie .titre-actu {
	margin: 5px 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #0087CA;
}

#actu-sommaire .liste .partie .soustitre-actu {
	margin: 5px 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: justify;
	color: #000000;
}

#actu-sommaire .liste .partie .date-actu {
	margin: 8px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #BBBBBB;
}

#actu-sommaire .liste a { text-decoration: none; }
#actu-sommaire .liste a:hover { text-decoration: none; background-color: #DCF0F9; }
#actu-sommaire .liste a:link { text-decoration: none; }
#actu-sommaire .liste a:visited { text-decoration: none; }




/* Blocs
---------------------------------------------- */

#blocs .facebook { 
	width: 250px; 
	height: 255px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#blocs .tweeter { margin-bottom: 20px; }
#blocs .vert { width: 250px; height: 120px; margin-bottom: 20px; }
#blocs .deezer { width: 250px; height: 230px; margin-bottom: 20px; }
#blocs .iphone { width: 250px; height: 150px; margin-bottom: 20px; }
#blocs .android { width: 250px; height: 150px; margin-bottom: 20px; }
#blocs .onglet-billetterie { width: 250px; height: 133px; margin-bottom: 20px; }
#blocs .tshirt { width: 250px; height: 315px; margin-bottom: 20px; }
#blocs .benevoles { width: 250px; height: 109px; margin-bottom: 20px; }
#blocs .onglet-partenaires { width: 250px; height: 132px; margin-bottom: 20px; }
#blocs .appli-iphone { width: 250px; height: 148px; margin-bottom: 20px; }
#blocs .appli-android { width: 250px; height: 119px; margin-bottom: 20px; }
#blocs .onglet-tcp { width: 250px; height: 116px; margin-bottom: 20px; }
#blocs .onglet-appli { width: 250px; height: 109px; margin-bottom: 20px; }
#blocs .onglet-alfa { width: 250px; height: 118px; margin-bottom: 20px; }
#blocs .onglet-aireslibres { width: 250px; height: 332px; margin-bottom: 20px; }
#blocs .zepass { width: 250px; height: 133px; margin-bottom: 20px; }



/* Couleurs des liens
---------------------------------------------- */

a { text-decoration: none; color: #CC3300; }
a:hover { text-decoration: underline; color: #CC3300; }
a:link { color: #000000; }
a:visited { color: #000000; }




/*  ------------------------------------------
/*  FESTIVAL-MARSATAC
/*  ------------------------------------------ */

/*  ------------------------------------------
/*  Sommaire Marsatac
/*  ------------------------------------------ */

/*  ------------------------------------------
/*  Diaoprama
/*  ------------------------------------------ */

#slider { width: 690px; height: 340px; position: relative; overflow: hidden; margin: 0; padding: 0; background-color: #FFFFFF; }
#sliderContent { width: 690px; position: absolute; top: 0; margin-left: 0; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 670px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
#slider .clear { clear: both; }
#slider .sliderImage span strong { font-size: 14px; }
#slider .bottom { bottom: 0; left: 0; }
#slider ul { list-style-type: none; margin: 0; padding: 0; }
#slider ul li { list-style-type: none; margin: 0; padding: 0; }


/*  ------------------------------------------
/*  Affiche
/*  ------------------------------------------ */

.affiche { 
	float: left;
	width: 335px;
	height: 480px;
	margin-top: 20px;
	background-color: #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


/*  ------------------------------------------
/*  Noms
/*  ------------------------------------------ */

.artistes { 
	float: right;
	width: 335px;
	height: 480px;
	margin-top: 20px;
	background-color: #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/*  ------------------------------------------
/*  Niveau 2
/*  ------------------------------------------ */

#conteneur-marsatac { float: left; width: 690px; margin-top: 20px; }

/*  ------------------------------------------;
/*  STRUCTURE
/*  ------------------------------------------ */


/*  ------------------------------------------;
/*  Corps
/*  ------------------------------------------ */

#corps {
	width: 690px;
	float: left;
	background-color:#FFFFFF;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#corps .titre { font-size: 26px; text-transform: uppercase; }
#corps .texte { width: 661px; font-size: 12px; float: left; }
#corps .cartouche { width: 661px; float: left; margin: 0; padding: 0; }
#corps .cartouche .texte { font-size: 12px; margin: 0; padding: 0; text-align: justify; }
#corps .cartouche .titre { font-size: 26px; text-transform: uppercase; }
#corps .cartouche .soustitre { font-size: 12px; margin-top: 2px; margin-bottom: 20px; }
#corps .cartouche .images { float: left; width: 661px; min-height: 100px; padding-top: 15px; border-top: #CCCCCC solid 1px; }
#corps .cartouche .images .titre { font-size: 16px; margin-bottom: 10px; color: #666666; }
#corps ul { margin: 0; padding: 0; }
#corps ul li { margin: 0; padding: 0; list-style-type: none; }
#corps .extra-article { width: 259px; float: right; font-family: Arial, Helvetica, sans-serif; }

#corps #cartouche-artiste .images { float: left; width: 661px; min-height: 100px; padding: 15px 0 10px 10px; }
#corps #cartouche-artiste .images .titre { font-size: 14px; margin-bottom: 10px; color: #000000; font-weight: bold; }


/*  ------------------------------------------;
/*  STRUCTURE-PAGE
/*  ------------------------------------------ */


/*  ------------------------------------------;
/*  Archive-actualite
/*  ------------------------------------------ */

#archive {
	float: left;
	width: 960px;
	background-color:#FFFFFF;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-family: Arial, Helvetica, sans-serif;
}

#archive .titre {
	font-size: 24px;
	text-transform: uppercase;
	margin: 10px 0 0 15px;
}

#archive .hierarchie {
	font-size: 12px;
	margin: 5px 0 10px 15px;
	color: #AAAAAA;
}

#archive .hierarchie a {
	color: #AAAAAA;
}

#archive .liste {
}

#archive .liste .partie {
	float: left;
	width: 192px;
	height: 275px;
	background-color: #FFFFFF;
}

#archive .liste .partie .image {
	width: 192px;
	height: 151px;
}

#archive .liste .partie .titre-actu {
	margin: 5px 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #0087CA;
}

#archive .liste .partie .soustitre-actu {
	margin: 5px 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: justify;
	color: #000000;
}

#archive .liste .partie .date-actu {
	margin: 8px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #BBBBBB;
}

#archive .liste a { text-decoration: none; }
#archive .liste a:hover { text-decoration: none; background-color: #DCF0F9; }
#archive .liste a:link { text-decoration: none; }
#archive .liste a:visited { text-decoration: none; }

#archive .pagination { background-color:#FFFFFF;  clear: both; font-size: 12px; color: #CC0000; padding: 10px; }
#archive .pagination a:hover { background-color:#FFFFFF; }



/*  ------------------------------------------;
/*  Article
/*  ------------------------------------------ */

#corps-article { 
	width: 675px;
	min-height: 600px;
	padding-left: 15px;
	background-color: #FFFFFF;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6p
}
#corps-article .cartouche { width: 661px; float: left; margin-top: 0; padding: 0; }
#corps-article .cartouche .texte { min-height: 220px; font-size: 12px; margin: 0; padding: 0; text-align: justify; }
#corps-article .cartouche .titre { font-size: 26px; margin-top: 10px; color: #000000; text-transform: uppercase; }
#corps-article .cartouche .hierarchie { font-size: 12px; margin: 5px 0 10px 0; color: #AAAAAA; }
#corps-article .cartouche .hierarchie a { color: #AAAAAA; }
#corps-article .cartouche .soustitre { font-size: 16px; margin-bottom: 10px; }


/*  ------------------------------------------;
/*  Article-actu
/*  ------------------------------------------ */

#corps-article .cartouche .titre-actu { font-size: 26px; margin-top: 10px; color: #0087CA; text-transform: uppercase; }
#corps-article .cartouche .images { float: left; width: 661px; min-height: 100px; padding-top: 5px; margin: 15px 0 20px 0; }
#corps-article .cartouche .images .titre { font-size: 16px; margin-bottom: 10px; color: #0087CA; text-transform: none; }

#reseaux-tags { float: left; width: 661px; margin: 0 0 20px 0; padding: 15px 0 0 0; border-top: solid 1px #CCCCCC; }
#reseaux-tags .google { float: left; margin: 0 10px 0 0; padding: 0; }
#reseaux-tags .twit { float: left; margin: 0 10px 0 0; padding: 0; }
#reseaux-tags .facebook { float: left; width: 80px; }
#reseaux-tags .facebook .like { float: left; margin: 0; padding: 0; }
#reseaux-tags .facebook .share { float: left; margin: 0 0 10px 0; padding: 0; }

#reseaux-tags-festival { float: left; width: 690px; margin: 0 0 20px 0; padding: 15px 0 0 0; }
#reseaux-tags-festival .google { float: left; margin: 0 10px 0 0; padding: 0; }
#reseaux-tags-festival .twit { float: left; margin: 0 10px 0 0; padding: 0; }
#reseaux-tags-festival .facebook { float: left; width: 80px; }
#reseaux-tags-festival .facebook .like { float: left; margin: 0; padding: 0; }
#reseaux-tags-festival .facebook .share { float: left; margin: 0 0 10px 0; padding: 0; }

#suivant { float: right; margin: 20px 15px 15px 0; }
#suivant .pre { margin: 0 2px 0 0; padding: 0; }
#suivant .suiv { margin: 0; padding: 0 0 0 5px; border-left: solid 1px #999999; }
#suivant .suiv a { text-decoration: none; }
#suivant a:hover { text-decoration: none; background-color: #FFFFFF; color: #0087CA; }
#suivant a:link { text-decoration: none; }
#suivant a:visited { text-decoration: none; }


/*  ------------------------------------------;
/*  Article-orane
/*  ------------------------------------------ */

#blocs .equipe { 
	width: 230px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#blocs .equipe .logos { margin: 0 0 20px 0; }
#blocs .equipe .titre { font-size: 15px; font-weight: bold; margin: 0 0 10px 0; border-bottom: solid 1px #0087CA; text-transform: uppercase;  }
#blocs .equipe .texte { font-size: 13px; margin: 0 0 20px 0; }


/*  ------------------------------------------;
/*  Article-artiste
/*  ------------------------------------------ */

#programme-artiste { width: 230px; padding: 10px; float: right; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#programme-artiste ul li { font-size: 20px; width: 228px; margin-bottom: 10px; padding-bottom: 2px; text-transform: uppercase; font-weight: normal; }
#programme-artiste .scene { font-size: 12px; width: 228px; margin-bottom: 15px; padding-right: 15px; }
#programme-artiste .titre-scene { font-size: 16px; border-bottom: solid #00CCFF 1px; margin-bottom: 10px; margin-top: 10px; padding-right: 15px; font-weight: bold; text-transform: none; }
#programme-artiste ul { width: 228px; border: 0; margin: 0; padding: 0; list-style: none;}
#programme-artiste ul li ul li { border: 0; margin: 0; padding: 0; }
#programme-artiste .scene .artiste { font-size: 12px; text-transform: uppercase; }
#programme-artiste .autour { font-size: 9px }
#accordion h3 { outline: none; font-weight: normal; }
#accordion h3 a { text-decoration: none; border: 0; font-weight: normal; }
#programme-artiste ul a { color: #00CCFF; }
#programme-artiste ul li ul a { color: #000000; }

#cartouche-artiste { float: left; width: 690px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
#cartouche-artiste .texte { width: 670px; font-size: 13px; margin: 0 0 0 10px; padding: 0; text-align: justify; }
#cartouche-artiste .scene { float: left; margin: 14px 0 0 10px; padding: 0; }
#cartouche-artiste .entete { float: left; height: 90px; margin: 0; padding: 0; margin-bottom: 10px; }
#cartouche-artiste .infos { float: left; margin: 0 0 0 10px; }
#cartouche-artiste .infos .titre { font-family: "Times New Roman", Times, serif; font-size: 27px; margin: 10px 0 0 0; padding: 0; }
#cartouche-artiste .infos .titre .pays { font-size: 14px; text-transform: none; }
#cartouche-artiste .infos .soustitre { font-size: 14px; margin: 0; padding: 0; }
#cartouche-artiste .infos .titre-scene { margin: 0; padding: 0; font-size: 16px; color:#CC0000; }
#cartouche-artiste .logo { margin-bottom: 15px; }

#cartouche-artiste-extra { float: left; width: 670px; height: 265px; padding: 10px; margin-top: 20px; background-image:url(images/artiste/fond-beige-extra.png); background-repeat: repeat-x;  }
#cartouche-artiste-extra .texte { float: left; width: 310px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#cartouche-artiste-extra .texte .bac { width: 310px; float: left; font-size: 12px; margin: 0; padding: 0; }
#cartouche-artiste-extra .texte .liens { width: 310px; float: left; font-size: 12px; padding: 0; margin: 10px 0 0 0; }
#cartouche-artiste-extra .texte .deezer { width: 310px; float: left; padding: 0; margin: 10px 0 0 0; }
#cartouche-artiste-extra .video { float: right; margin: 0; padding: 0; }
#cartouche-artiste-extra .texte .billetterie { float: left; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: #999999 solid 1px; }

#reseaux-tags-festival { float: left; width: 690px; margin: 0 0 20px 0; padding: 15px 0 0 0; }
#reseaux-tags-festival .google { float: left; margin: 0 10px 0 0; padding: 0; }
#reseaux-tags-festival .twit { float: left; margin: 0 10px 0 10px; padding: 0; }
#reseaux-tags-festival .facebook { float: left; width: 80px; }
#reseaux-tags-festival .facebook .like { float: left; margin: 0; padding: 0; }
#reseaux-tags-festival .facebook .share { float: left; margin: 0 0 10px 0; padding: 0; }


/*  ------------------------------------------;
/*  Article-billetterie
/*  ------------------------------------------ */

#billets { width: 660px; margin: 40px 0 0 0; padding: 0; }
#billets .billetsolo { float: left; margin: 0; padding: 0; background-color:#993366; }
#billets .infos { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; margin: 20px 0 20px 0; }


/*  ------------------------------------------;
/*  Article-benevoles
/*  ------------------------------------------ */

#benevoles { width: 660px; margin: 40px 0 0 0; padding: 0; }



/*  ------------------------------------------;
/*  Rubrique
/*  ------------------------------------------ */

#corps-rubrique { 
	width: 675px;
	min-height: 600px;
	padding-left: 15px;
	background-color: #FFFFFF;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6p
}
#corps-rubrique .cartouche { width: 661px; float: left; margin-top: 0; padding: 0; }
#corps-rubrique .cartouche .texte { font-size: 12px; margin: 0; padding: 0; text-align: justify; }
#corps-rubrique .cartouche .titre { font-size: 26px; margin-top: 10px; color: #000000; text-transform: uppercase; }
#corps-rubrique .cartouche .hierarchie { font-size: 12px; margin: 5px 0 10px 0; color: #AAAAAA; }
#corps-rubrique .cartouche .hierarchie a { color: #AAAAAA; }
#corps-rubrique .cartouche .soustitre { font-size: 16px; margin-bottom: 10px; }


/*  ------------------------------------------;
/*  Créations
/*  ------------------------------------------ */


.creation .cartouche ul { width: 661px; float: left; margin: 0; padding: 0; }
.creation .cartouche ul li { margin: 0; padding: 0; width: 661px; height: 230px; list-style-type: none; padding-top: 20px; margin-top: 15px; border-top: #CCCCCC solid 1px; }

.creation .cartouche ul li .txt { float: left; margin: 0; padding: 0 0 0 10px; }
.creation .cartouche ul li .logo { float: left; width: 150px; height: 215px; margin: 0; padding: 0; }
.creation .cartouche ul li .txt .tt { font-size: 22px; margin: 0; padding: 0; color: #333333; text-transform: uppercase; }
.creation .cartouche ul li .txt .soustitre { font-size: 12px; color: #009FCE; margin-bottom: 5px; }
.creation .cartouche ul li .txt .texte { margin: 0; padding: 0; width: 500px; }
.creation .cartouche ul li .txt .lien { float: right; margin: 10px 0 0 0; padding: 0; font-size: 12px; color: #009FCE; }



/*  ------------------------------------------;
/*  Pro/Presse
/*  ------------------------------------------ */


.pro-presse .bloc { float: left; margin: 0; padding: 0; }
.pro-presse .espace { float: left; width: 10px; height: 369px; margin: 30px 0 0 0; background-color: #009FCE; }
.pro-presse .bloc { margin: 30px 0 0 0; }
.pro-presse .bloc .festival { font-size: 24px; text-transform: uppercase; width: 325px; margin: 0; padding: 8px 0 8px 0; text-align: center; background-color: #f3f9fb; }
.pro-presse .a { margin: 0; padding: 0; }

#corps-rubrique-presse { 
	width: 945px;
	min-height: 600px;
	padding-left: 15px;
	background-color: #FFFFFF;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6p
}
#corps-rubrique-presse .cartouche { width: 945px; float: left; margin-top: 0; padding: 0; }
#corps-rubrique-presse #groupe { width: 930px; margin: 0 0 20px 0; padding: 0; background-image: url(images/presse/fond.png); background-position: center; background-repeat: repeat-y; }
#corps-rubrique-presse .cartouche .texte { font-size: 12px; margin: 0; padding: 0; text-align: justify; }
#corps-rubrique-presse .cartouche .titre { font-size: 26px; margin-top: 10px; color: #000000; text-transform: uppercase; }
#corps-rubrique-presse .cartouche .hierarchie { font-size: 12px; margin: 5px 0 10px 0; color: #AAAAAA; }
#corps-rubrique-presse .cartouche .hierarchie a { color: #AAAAAA; }
#corps-rubrique-presse .cartouche .soustitre { font-size: 16px; margin-bottom: 10px; }
#corps-rubrique-presse .cartouche .colonne { float: left; width: 303px; min-height: 600px; margin: 0 0 20px 0; }
#corps-rubrique-presse .cartouche .colonne .titre { width: 303px; text-align: center; text-transform: none; border-bottom: #CCCCCC 1px solid; }
#corps-rubrique-presse .cartouche .colonne .titre-colonne { font-size: 20px; text-transform: none; margin: 15px 0 0 0; }
#corps-rubrique-presse .cartouche .colonne .soustitre-colonne { font-size: 12px; text-transform: none; color: #009FCE; margin: 0 0 10px 0; }
#corps-rubrique-presse .cartouche .colonne-milieu { float: left; width: 293px; margin: 0 10px 20px 10px; padding: 0 5px 0 5px; }
#corps-rubrique-presse .cartouche .colonne-milieu .titre { width: 293px; text-align: center; text-transform: none; border-bottom: #CCCCCC 1px solid; }
#corps-rubrique-presse .cartouche .colonne-milieu .titre-colonne { font-size: 20px; text-transform: none; margin: 15px 0 0 0; }
#corps-rubrique-presse .cartouche .colonne-milieu .soustitre-colonne { font-size: 12px; text-transform: none; color: #009FCE; margin: 0 0 10px 0; }
#corps-rubrique-presse .cartouche .colonne-milieu a { font-size: 14px; text-transform: none; color: #CC0033; }

#blocs .equipe .deconnexion { float: left; width: 230px; margin: 0 0 15px 0; font-size: 18px; color: #CC0000; }


/*  ------------------------------------------;
/*  Video
/*  ------------------------------------------ */


#archive .liste-video {
	float: left; 
}

#archive .liste-video .titre-video {
	display: block;
	width: 230px;
	margin: 0 5px 0 5px;
	padding: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
}

#archive .liste-video .duree {
	display: block;
	width: 230px;
	margin: 0 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #009FCE;
}

#archive .liste-video a { float: left; width: 240px; height: 200px; text-decoration: none; }
#archive .liste-video a:hover { text-decoration: none; background-color: #DCF0F9; }
#archive .liste-video a:link { text-decoration: none; }
#archive .liste-video a:visited { text-decoration: none; }


/*  ------------------------------------------;
/*  ------------------------------------------;
/*  MARSATAC
/*  ------------------------------------------ *
/*  ------------------------------------------;


/*  ------------------------------------------;
/*  Rubriques / Pages
/*  ------------------------------------------ */

#tete { width: 690px; padding: 0; margin: 0 0 15px 0; float: left; }
#tete .picto { float: left; margin: 14px 0 0 10px; padding: 0; }
#tete .entete { float: left; height: 90px; margin: 0; padding: 0; }
#tete .infos { float: left; margin: 0 0 0 10px; }
#tete .infos .titre { font-family: "Times New Roman", Times, serif; font-size: 27px; margin: 10px 0 0 0; padding: 0; }
#tete .infos .soustitre { margin: 0; padding: 0; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color:#CF031C; }
#tete .texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 10px 10px 10px; text-align: justify; }



/*  ------------------------------------------;
/*  Programmation
/*  ------------------------------------------ */

#programmation { width: 690px; }

#programmation .entete { width: 690px; margin-top: 10px; color: #9D9D9D; }
#programmation .entete .rien { width: 100px; height: 22px; float: left; text-align: center; }
#programmation .entete .jeu { width: 160px; height: 22px; float: left; text-align: center; }
#programmation .entete .ven { width: 215px; height: 22px; float: left; text-align: center; }
#programmation .entete .sam { width: 215px; height: 22px; float: left; text-align: center; }

#programmation .ligne1 { float: left; width: 690px; height: 245px; }
#programmation .ligne1 .scene1 { float: left; width: 80px; height: 245px; padding: 10px; background-image:url(images/programmation/fond-rouge.png); color: #FFFFFF; }
#programmation .ligne1 .jeudi1 { float: left; width: 140px; height: 245px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }
#programmation .ligne1 .vendredi1 { float: left; width: 195px; height: 245px; padding: 10px; background-image:url(images/programmation/fond-bleu.png); }
#programmation .ligne1 .samedi1 { float: left; width: 195px; height: 245px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }

#programmation .ligne2 { float: left; width: 690px; height: 265px; }
#programmation .ligne2 .scene2 { float: left; width: 80px; height: 265px; padding: 10px; background-image:url(images/programmation/fond-rouge.png); color: #FFFFFF; }
#programmation .ligne2 .jeudi2 { float: left; width: 140px; height: 265px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }
#programmation .ligne2 .vendredi2 { float: left; width: 195px; height: 265px; padding: 10px; background-image:url(images/programmation/fond-bleu.png); }
#programmation .ligne2 .samedi2 { float: left; width: 195px; height: 265px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }

#programmation .ligne3 { float: left; width: 690px; height: 230px; }
#programmation .ligne3 .scene3 { float: left; width: 80px; height: 230px; padding: 10px; background-image:url(images/programmation/fond-rouge.png); color: #FFFFFF; }
#programmation .ligne3 .jeudi3 { float: left; width: 140px; height: 230px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }
#programmation .ligne3 .vendredi3 { float: left; width: 195px; height: 230px; padding: 10px; background-image:url(images/programmation/fond-bleu.png); }
#programmation .ligne3 .samedi3 { float: left; width: 195px; height: 230px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }

#programmation .ligne4 { float: left; width: 690px; height: 200px; }
#programmation .ligne4 .scene4 { float: left; width: 80px; height: 200px; padding: 10px; background-image:url(images/programmation/fond-rouge.png); color: #FFFFFF; }
#programmation .ligne4 .jeudi4 { float: left; width: 140px; height: 200px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }
#programmation .ligne4 .vendredi4 { float: left; width: 195px; height: 200px; padding: 10px; background-image:url(images/programmation/fond-bleu.png); }
#programmation .ligne4 .samedi4 { float: left; width: 195px; height: 200px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }

#programmation .ligne5 { float: left; width: 690px; height: 100px; }
#programmation .ligne5 .scene5 { float: left; width: 80px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-rouge.png); color: #FFFFFF; }
#programmation .ligne5 .jeudi5 { float: left; width: 140px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }
#programmation .ligne5 .vendredi5 { float: left; width: 195px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-bleu.png); }
#programmation .ligne5 .samedi5 { float: left; width: 195px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }

#programmation .ligne5 .creator { float: left; margin-bottom: 5px; }

#programmation .ligne6 { float: left; width: 690px; height: 100px; margin-bottom: 20px; }
#programmation .ligne6 .scene6 { float: left; width: 80px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-rouge.png); color: #FFFFFF; }
#programmation .ligne6 .jeudi6 { float: left; width: 140px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }
#programmation .ligne6 .vendredi6 { float: left; width: 195px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-bleu.png); }
#programmation .ligne6 .samedi6 { float: left; width: 195px; height: 100px; padding: 10px; background-image:url(images/programmation/fond-blanc.png); }

#programmation .horaires { float: left; font-family: Arial, Helvetica, sans-serif; margin-right: 6px; font-size: 13px; color: #CC0000; }
#programmation .artiste1 { width: 140px; margin-bottom: 10px; float: left; }
#programmation .artiste1 .pays { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #000033; }
#programmation .artiste { width: 195px; margin-bottom: 10px; float: left; font-size: 13px; font-weight: bold; }
#programmation .artiste .pays { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: normal; color: #000033; }
#programmation a { font-size: 13px; font-weight: bold; text-transform: uppercase; }

#programmation-accueil { margin: 20px 0 0 0; }

#corps .condition { float: left; margin: 10px 10px 10px 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#programmation .burn { margin: 15px 0 0 0; }

#programmation .ligne6 .jeudi6 a { text-transform: none; font-weight: normal; }



/*  ------------------------------------------;
/*  Billetterie
/*  ------------------------------------------ */

#billetterie { width: 661px; float: left; }
#billetterie ul { margin: 0; padding: 0; }
#billetterie ul li { margin: 0; padding: 0; width: 661px; height: 215px; list-style-type: none; padding-top: 20px; margin-top: 15px; border-top: #CCCCCC solid 1px;  }
#billetterie .entete { width: 590px; height: 58px; margin: 0; padding: 0; padding-left: 70px; margin-bottom: 20px; background-image: url(images/festival/fond-titre.png); background-repeat: no-repeat; }
#billetterie .entete .titre { font-size: 30px; height: 30px; text-transform: uppercase; margin: 0; padding: 0; }
#billetterie .entete .soustitre { font-size: 11px; color: red; margin: 0; padding: 0; }
#billetterie .texte { font-size: 10px; text-align: justify; }
.texte-billetterie { font-size: 12px; margin: 0; padding: 0; text-align: justify; }

#extra-billetterie { width: 219px; padding-left: 20px; padding-right: 20px; margin-top: 25px; float: right; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#extra-billetterie .texte { width: 219px; }
#extra-billetterie .titre { font-size: 16px; margin-bottom: 8px; margin-top: 5px; font-weight: bold; border-bottom: #CCCCCC solid 1px; text-transform: none; }


/*  ------------------------------------------;
/*  Merchandising
/*  ------------------------------------------ */

.merch { }
.collection { font-size: 16px; margin-bottom: 10px; color: #0087CA; text-transform: none; }


/*  ------------------------------------------;
/*  Vert
/*  ------------------------------------------ */


#vert { width: 690px; padding: 0 0 120px 0; float: left; background-image: url(images/vert/bas-vert.png); background-repeat: no-repeat; background-position: bottom; }
#vert .scene { float: left; margin: 14px 0 0 10px; padding: 0; }
#vert .entete { float: left; height: 90px; margin: 0; padding: 0; }
#vert .infos { float: left; margin: 0 0 0 10px; }
#vert .infos .titre { font-family: "Times New Roman", Times, serif; font-size: 27px; margin: 10px 0 0 0; padding: 0; }
#vert .infos .soustitre { margin: 0; padding: 0; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color:#3E7F2A; }
#vert .texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 10px 10px 10px; text-align: justify; }



/*  ------------------------------------------;
/*  Retro
/*  ------------------------------------------ */

.retro { float: left; width: 470px; font-family: Arial, Helvetica, sans-serif; }
.retro .festival { height: 21px; margin: 20px 0 20px 0; padding: 0 0 5px 5px; font-size: 18px; color: #0087CA; text-transform: uppercase;  border-bottom: #E0E0D4 solid 1px; }
.retro .edition .annee { height: 32px; font-size: 16px; text-transform: uppercase; margin: 10px 0 0 5px; padding: 0; }
.retro .edition { float: left; width: 156px; height: 200px; margin: 0; padding: 0; background-color: #FFFFFF; }
.retro a { text-decoration: none; }
.retro a:hover { text-decoration: none; background-color: #DCF0F9; }
.entre { float: left; width: 20px; height: 850px; }

#cartouche-retro { width: 930px; margin: 0; padding: 0 0 0 15px; }
#cartouche-retro .logo { float: left; margin-top: 15px; margin-bottom: 20px; }
#cartouche-retro .texte-retro { float: right; width: 665px; margin-bottom: 20px; font-size: 14px; text-align: justify; }
#cartouche-retro .titre-retro { float: right; width: 665px; font-size: 16px; margin: 10px 0 10px 0; color: #0087CA; }
#cartouche-retro .images-retro { float: right; width: 665px; min-height: 100px; margin: 15px 0 20px 0; padding: 0; }
#cartouche-retro .images-retro .titre-retro { font-size: 16px; margin: 10px 0 10px 0; color: #0087CA; }


/*  ------------------------------------------;
/*  Partennaires
/*  ------------------------------------------ */

#partenaires { float: left; width: 690px; min-height: 500px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6p }


/*  ------------------------------------------;
/*  Autour
/*  ------------------------------------------ */

#autour { width: 660px; min-height: 600px; padding: 0; margin: 0 15px 0 15px; float: left; }
#autour .titre { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin: 0; padding: 0; }
#autour .soustitre { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 0; text-transform: uppercase; color: #0087CA; }
#autour .texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 40px; text-align: justify; }



/*  ------------------------------------------;
/*  Partennaires
/*  ------------------------------------------ */

#infos { width: 661px; float: left; }
#infos ul { margin: 0; padding: 0; }
#infos ul li { margin: 0; padding: 0; width: 661px; height: 215px; list-style-type: none; padding-top: 20px; }
#infos .entete { width: 590px; height: 58px; margin: 0; padding: 0; padding-left: 70px; margin-bottom: 10px; background-image: url(images/festival/fond-titre.png); background-repeat: no-repeat; }
#infos .entete .titre { height: 32px; font-size: 30px; text-transform: uppercase; margin: 0; padding: 0; }
#infos .entete .soustitre { font-size: 11px; color: #417F2A; }
#infos .texte { font-size: 12px; padding-bottom: 20px; margin-bottom: 20px; margin-top: 10px; }
#infos .texte-rubrique { font-size: 12px; border-bottom: 1px solid #0066CC; padding-bottom: 20px; margin-bottom: 20px; margin-top: 10px; }
#infos .logos { }

#extra-infos { width: 219px; padding-left: 20px; padding-right: 20px; margin-top: 3px; float: right; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#extra-infos .titre { font-size: 16px; margin-bottom: 8px; margin-top: 30px; font-weight: bold; border-bottom: #CCCCCC solid 1px; text-transform: none; }

/*  ------------------------------------------;
/*  What's up
/*  ------------------------------------------ */

#whatsup { width: 661px; float: left; margin: 0; padding: 0; }
#whatsup ul { margin: 0; padding: 0; margin-top: 18px; }
#whatsup ul li { margin: 0; padding: 0; padding: 10px; padding-top: 20px; padding-bottom: 15px; list-style-type: none; background-color: #F0F0F0; border-bottom: #CCCCCC solid 1px; }
#whatsup .entete { width: 590px; height: 58px; margin: 0; padding: 0; padding-left: 70px; margin-bottom: 10px; background-image: url(images/festival/fond-titre.png); background-repeat: no-repeat; }
#whatsup .entete .titre  { height: 32px; font-size: 30px; text-transform: uppercase; margin: 0; padding: 0; color: #000000; }
#whatsup .entete .soustitre { font-size: 11px; color: red; }
#whatsup .titre { font-size: 16px; color: #993300;}
#whatsup .texte { width: 640px; font-size: 12px; }
#whatsup .date { font-size: 10px; color: #009FCE; margin-top: 5px; }



.formulaire_spip { width: 660px; margin-top: 30px; }
.boutons { width: 50px; }

#video-winter { width: 960px; height: 320px;}


/*  ------------------------------------------;
/*  Jeu
/*  ------------------------------------------ */

#jeu { width: 330px; height: 340px; margin: 20px 0 0 0; float: right; }
#tcp { width: 330px; height: 340px; margin: 20px 0 0 0; float: left; }

#jeu-alfa { margin: 0 15px 0 15px;}
#jeu-alfa .texte { min-height: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; }



/*  ------------------------------------------;
/*  Goodies
/*  ------------------------------------------ */

#goodies { width: 661px; float: left; margin: 0; padding: 0; }
#goodies .entete { width: 590px; height: 58px; margin: 0; padding: 0; padding-left: 70px; margin-bottom: 10px; background-image: url(images/festival/fond-titre.png); background-repeat: no-repeat; }
#goodies .entete .titre { height: 32px; font-size: 30px; text-transform: uppercase; margin: 0; padding: 0; }
#goodies .entete .soustitre { font-size: 11px; color: red; }
#goodies .texte { font-size: 12px; text-align: justify; margin-bottom: 20px; padding-bottom: 15px; }

#extra-goodies { width: 240px; float: right; margin-top: 25px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; }


/*  ------------------------------------------;
/*  Recherche google
/*  ------------------------------------------ */

.spip_surligne { background-color:transparent;}




/*  ------------------------------------------;
/*  CALLING
/*  ------------------------------------------ */


/* Sommaire ------------------------------------------ */


#conteneur-calling { 
	min-height: 600px; 
	margin-top: 15px; 
	padding: 10px; 
	background-image:url(images/corps/fond-deux-couleurs.gif); 
	background-repeat: repeat-y; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
    border-radius: 10px;         
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px; 
}

#corps-calling { float: left; width: 680px; }
#droit-calling { float: right; width: 237px; }
#lineup-calling { margin-top: 30px; margin-bottom: 25px; }
#logos-partenaires { width: 940px; }
#intro-calling { width: 680px; font-size: 17px; text-align: justify; border-bottom: #000000 solid 1px; padding-bottom: 10px; margin-bottom: 20px; }

#conteneur-calling .ft { clear: both; }

#conteneur-calling .titre-calling { margin-left: 70px; font-size: 30px; text-transform: uppercase; border-bottom: #000000 solid 1px; }
#conteneur-calling .horaire { margin-left: 70px; margin-top: 5px; color: #CC0000; }
#conteneur-calling .picto { float: left; }

#artistes-calling { width: 680px; min-height: 650px; margin-top: 30px; }
#artistes-calling ul { width: 680px; margin: 0; padding: 0; }
#artistes-calling ul li { width: 340px; min-height: 230px; float: left; list-style-type: none; margin: 0; padding: 0; }
#artistes-calling ul li a { display: block; padding: 10px; background-color: #FFFFFF; }
#artistes-calling ul li a:hover { display: block; padding: 10px; background-color: #99C4E7; }

#artistes-calling .titre { font-size: 20px; padding-bottom: 20px; background-color:#FFFFFF; }
#corps-calling .photo { margin-top: 30px; margin-bottom: 20px; }
#corps-calling .texte-bio { font-size: 15px; text-align: justify; padding: 3px; }
#corps-calling .multi { height: 264px; width: 660px; background-color: #dedccd; padding: 10px; border-radius: 0 0 8px 8px; margin-top: 20px; }
#corps-calling .disque { float: left; width: 335px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 10px; }
#corps-calling .liens { float: left; width: 335px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 10px; }
#corps-calling .deezer { float: left; width: 335px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-top: 10px; border-top: #999999 solid 1px; }
#corps-calling .video { float: right; }

#droit-calling .titre-droit { margin-bottom: 15px; font-size: 20px; text-transform: uppercase; border-bottom: #000000 solid 1px; }
#droit-calling li { font-size: 14px; list-style-type: none; margin-bottom: 8px; }
#droit-calling .lieu-droit-calling { font-size: 12px; color: #CC0000; }

.like-calling { float: left; margin-top: 10px; }


#slider-calling { width: 680px; height: 340px; position: relative; overflow: hidden; margin: 0; padding: 0; background-color: #FFFFFF; }
#slider-callingContent { width: 680px; position: absolute; top: 0; margin-left: 0; }
.slider-callingImage { float: left; position: relative; display: none; }
.slider-callingImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 660px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
#slider-calling .clear { clear: both; }
#slider-calling .sliderImage span strong { font-size: 14px; }
#slider-calling .bottom { bottom: 0; left: 0; }
#slider-calling ul { list-style-type: none; margin: 0; padding: 0; }
#slider-calling ul li { list-style-type: none; margin: 0; padding: 0; }