/*  CSS RESET  */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
figure.spip_doc_inner  {
	margin:0;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------  HEADER   ---------------- */

body {
	font:14px/26px 'Droid Sans', Arial, Helvetica, sans-serif;
	color:#464646;
}

hr { line-height: 1px; border: 0; margin:20px 0; background: #E6E6E6; height:1px; clear: both; }
iframe { margin: 20px 0; }
.twitter-share-button { margin: 20px 0 30px; }
#header {
	background: transparent url(/IMG/bg_header.jpg) repeat-x center top;
	width:100%;
	position:fixed;
	top:0;
	z-index:10;
	/* box shadow  */
	-webkit-box-shadow: 2px 0 3px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 2px 0 3px 0px rgba(0,0,0,0.8);
	box-shadow: 2px 0 3px 0px rgba(0,0,0,0.8);
}

#header .container {
	height:80px;
	width:980px;
	margin:0 auto;
	position:relative;
	background: url(../IMG/logo_eclat-de-voix.png) no-repeat top left;
}

#header .menuhaut {
	position:absolute;
	right:20px;
	top:29px;
}

.menuhaut li {
	display:block;
	float:left;
	margin-left:10px;
}

.menuhaut li a {
	font-family:'Droid serif', Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	padding:5px 10px;
	margin:0;
	text-shadow: 0 -1px rgba(0,0,0,0.3);
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.menuhaut li.ssmenu {
	font-family:'Droid serif', Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	padding:0px 10px 5px;
	text-shadow: 0 -1px rgba(0,0,0,0.3);
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	position:relative;
}
.menuhaut li.ssmenu ul { display: none; position:absolute; top: 25px; left: 10px; background: transparent url(/IMG/bg_header.jpg) repeat-x center top; }
.menuhaut li.ssmenu ul li { width: 130px; display: block; padding-top:0; padding-bottom: 0; margin-left:0; }
.menuhaut li.ssmenu ul li a { display: block; font-size: 12px; padding: 3px 10px; }

.menuhaut li.ssmenu:hover ul { display: block; }


.last{
	margin:0 20px 0 0 !important;
}

.menuhaut li.on a, .menuhaut li a:hover{
	border-top: 1px solid #000;
	border-bottom: 1px solid #d5162b;
	font-weight: normal;
	/* gradient  */
	background: #272727;
	background: -moz-linear-gradient(top, #272727 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #272727 0%,#000000 100%);
	background: -o-linear-gradient(top, #272727 0%,#000000 100%);
	background: -ms-linear-gradient(top, #272727 0%,#000000 100%);
	background: linear-gradient(top, #272727 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#000000',GradientType=0 );
}

.menuhaut li.ssmenu:hover { background:none; }

#twitter-widget-0 { float: left!important; margin-bottom:10px;}
.fb_like { float: left!important; margin-left:5px!important; }
/* ----------------  SLIDER   ---------------- */

#slider {
	background: #1f272a;
	width:100%;
	margin:80px 0 0;
	height: 360px;
	z-index: 1;
}

#slider .container {
	height:360px;
	width:980px;
	margin:0 auto;
}


/* ----------------  MAIN   ---------------- */

#main {
	background: transparent url(/IMG/bg_main.jpg) repeat center top;
	width:100%;
	border-top:1px solid #FFF;
}

#main .container {
	background: transparent url(/IMG/bg_main-container.png) no-repeat right bottom;
	width:980px;
	margin:0 auto;
	padding:0 0 120px;
}


/* Colonnes Gauche et Droite */

.col-gauche {
	float:left;
}

.col-droite {
	clear: both;
	background-color:#FFF;
	/* box shadow  */
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	margin-bottom: 40px;
	padding-bottom: 0;
}
.col-gauche {
	width:200px;
	margin: 60px 60px 0 0;
}

.col-droite-container {
	width:700px;
	float:left;
}

h1, h2 {
	font-family:'Judson', Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	line-height:32px;
	letter-spacing:-0.5px;
	width:620px;
	padding:22px 40px 25px;
}

h1 {
	background: transparent url(/IMG/bg_H1.png) no-repeat right center;
	color:#000;
	font-style:italic;
	text-shadow: 0 1px rgba(255,255,255,0.2);
	float:left;
	margin:0 0 25px;
	font-weight: normal;
}


h2 {
	color:#910a1c;
	text-shadow: 0 1px rgba(255,255,255,1);
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #cccccc;
	margin:0 0 8px;
	/* gradient  */
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
	background: linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
	/* box shadow  */
	-webkit-box-shadow: 0 4px 0 0 #e6e6e6;
	-moz-box-shadow: 0 4px 0 0 #e6e6e6;
	box-shadow: 0 4px 0 0 #e6e6e6;
	font-weight: normal;
}

h2 a { text-decoration: none; }
h4 {
	font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0 2px; }
h4.spip { padding-top: 8px; }
p { padding:8px 0 4px; }
small { font-size: 0.8em; font-weight: normal; }
.chapo { font-size: 16px; line-height: 24px; font-family:'Droid serif', Georgia, "Times New Roman", Times, serif; }
.surtitre, .soustitre { font-size: 16px; font-weight: normal; font-family:'Droid serif', Georgia, "Times New Roman", Times, serif; padding-bottom: 15px; color: #e7490b; }

.clip {
	border: 6px solid #f6f6f6;
	margin:0;
	float:right;
	position:relative;
	/* box shadow  */
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.clip::before{
	/*border:none;
	margin:0;
	float:none;
	bottom: -16px;
    content: url("/IMG/ombre_coin.png");
    position: absolute;
    right: -12px; */
}

/* ----------------  FOOTER   ---------------- */

#footer {
	background: transparent url(/IMG/bg_footer.jpg) repeat-x center top;
	width:100%;
	text-shadow: 0 1px rgba(0,0,0,0.4);
}

#footer .container {
	background: transparent url(/IMG/bg_footer-container.jpg) no-repeat center top;
	height:297px;
	width:980px;
	margin:0 auto;
}

#footer .titreMenuG { background: none; color: #FFF; font-size:18px; font-style:italic; font-family:'Judson', Georgia, "Times New Roman", Times, serif; padding: 5px 0 0 0; }
#footer a { display: block; color: #FFF; text-decoration:none; padding: 5px 0 0 0; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-family:'Droid serif', Georgia, "Times New Roman", Times, serif; }
#footer a:hover { text-decoration:underline; }

#footer .menuhaut a { padding: 5px; border:0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
#footer .menuhaut li.on a, #footer .menuhaut li a:hover { border-top: 1px solid #000;border-bottom: 1px solid rgba(213,22,43,0.5); text-decoration:none; }
#footer .shadowBas { 
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.nettoyeur { clear: both; height: 1px; }

#hierarchie { background: none; height: 40px; padding: 20px 0 0 300px; font-size: 11px; color: #484848; font-family:'Droid Sans', Georgia, "Times New Roman", Times, serif;}
#hierarchie a { text-decoration: none; font-size: 11px; color: #484848; }



.slogan { float: right; font-size: 15px; margin-right: 20px; font-family:'Judson', Georgia, "Times New Roman", Times, serif; font-style: italic; text-shadow: 0 1px #FFF; }

.marraine { font-family:'Droid serif', Georgia, "Times New Roman", Times, serif; font-size:13px; color: #FFF; padding-top: 200px; width:260px; }
.marraine .titre { font-family:'Judson', Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 22px; line-height: 13px; }
.marraine a { color:#FFF; text-decoration: none; }
#documents_portfolio .clip.spip_documents_left { margin: 0!important; }

h3.spip { font-family:'Judson', Georgia, "Times New Roman", Times, serif; text-align : left; font-size: 26px; padding: 20px 0 5px; margin: 0; color: #000; line-height: 28px; }
.titreMenuG { font-family:'Judson', Georgia, "Times New Roman", Times, serif; text-align : left; font-size: 18px; padding: 10px; color: #FFF; background: #000; background: -moz-linear-gradient(top, #272727 0%, #000000 100%); font-style: italic;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #272727 0%,#000000 100%);
	background: -o-linear-gradient(top, #272727 0%,#000000 100%);
	background: -ms-linear-gradient(top, #272727 0%,#000000 100%);
	background: linear-gradient(top, #272727 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#000000',GradientType=0 );
}
.menu.rub32, .menu.rub31, .menu.rub28 { display: none; }
.col-gauche a { display: block; background: url(../IMG/bg_li.gif) repeat-x top left; padding: 11px 20px 10px; color: #000; text-decoration: none;font-size: 16px; font-family:'Droid serif', Georgia, "Times New Roman", Times, serif; text-shadow: 0 1px rgba(255,255,255,0.3); }
.col-gauche a.on { font-weight:bold;}
.cartouche { padding: 20px 40px; margin: 0 0 10px; }

.dateconcert { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #000; }
.lieuconcert { font-family:'Droid serif', Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; color: #464646; }

.nivo-caption { width: 742px; padding: 20px 10px; font-size:18px; float: right; margin-left: 238px; margin-bottom: 0;}
.nivo-caption p { text-align: right; padding-right: 20px; font-family:'Judson', Georgia, "Times New Roman", Times, serif; font-size: 22px; text-shadow: rgba(0,0,0,0.8);}

.on { font-weight: normal; color:#000!important;}
a.menu1:hover, a.menu1.on, a.menu2:hover, a.menu2.on, a.menu3:hover, a.menu3.on  { background-color: rgba(0,0,0,0.1); }

.col3 .ssmenu { display: none; }

.spip_documents_left { margin:0;}
.spip_documents_right { margin:0 0 15px 15px;}

.clip.spip_documents_right { margin: 0 0 10px 20px!important; }
.clip.spip_documents_left { margin: 0 20px 10px 0!important; }
.clip.spip_documents_center { margin-bottom: 20px; }
p iframe { margin: 15px 0; }

.texteencadre-spip { background: #DDD; border: 0; padding: 10px; 
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
	/* box shadow  */
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
.texteencadre-spip strong { margin-bottom: 6px;  }
.texteencadre-spip h4 { font-size:16px; font-weight: normal; }
.texteencadre-spip p { padding-top: 2px; }

a { color: #666; }
.col-gauche a:hover { color: #000!important; }

/* Tableaux */
table.spip { width: 99%; } /* Cf.: spip_style.css */
table.spip th { vertical-align: bottom; border: 0; padding: 10px 15px; background: #cdcdcd;}
table.spip td { vertical-align: middle; border: 0; border: 1px solid #ddd; padding: 10px 15px; }
table.spip tr.row_even, table.spip tr.row_odd, table.spip tr.row_first { background: none; border-bottom: 1px solid #CCC; }
table.spip span  { display: block; padding: 5px; }
table.spip strong span  { padding: 0 0 2px; }
table.spip h3 { margin:0; padding: 0; }
table.spip h3 span, table.spip h4 span { margin:0; padding: 0; }
table.spip p  { margin:0; }
table i { font-size:0.85em; padding-top:5px;}

a.spip_out { color: #000; }

hr.spip { border:0; margin: 10px 0; background: #e6e6e6; height:1px; }

.formulaire_spip_listes_inscription a { padding: 5px 0; }
.formulaire_spip_listes_inscription.formulaire_spip input.text { width: 145px; border: 1px solid #CCC; padding: 5px; }
.formulaire_spip_listes_inscription.formulaire_spip .submit { border: 1px solid #CCC; padding: 4px 5px; cursor: pointer; }
.erreur { color: #E53D16; }