@import url('reset.css');

/* Reset override */
strong {font-weight: bold}
em {font-style: italic}
sup {
	vertical-align: super;
	font-size: smaller;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
 * STRUCTURE
 * ---------------------------------------------------------------------------
 */
body {
	font: 1em Verdana, Arial, sans-serif;
	background: #4576ab url('../img/body_bg.jpg') no-repeat bottom center;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #edf2f7 url('../img/wrapper_bg.jpg') no-repeat bottom center;
}

/*
 * HEADER
 * ---------------------------------------------------------------------------
 */
#header {
	height: 171px;
	background: url('../img/header_bg.jpg') no-repeat 0 0;
}
#logo {
	position: relative;
	display: block;
	width: 314px;
	height: 56px;
	top: 63px;
	margin-left: 108px;
	text-indent: -9999px;
}

/*
 * CONTENT
 * ---------------------------------------------------------------------------
 */
#content-wrapper {
	padding-bottom: 78px;	
}

#content {
	float: right;
	width: 640px;
}

#content-padding {
	padding: 0 3.5em 2em .5em;
}

#content h1 {
	display: block;
	width: 100%;
	height: 78px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 1.5em;
}

#title-home { background-image: url('../img/title_accueil.jpg'); }
#title-histoire { background-image: url('../img/title_histoire.jpg'); }
#title-danses { background-image: url('../img/title_danses.jpg'); }
#title-musique { background-image: url('../img/title_musique.jpg'); }
#title-chants { background-image: url('../img/title_chants.jpg'); }
#title-spectacle { background-image: url('../img/title_spectacle.jpg'); }
#title-enfants { background-image: url('../img/title_enfants.jpg'); }
#title-costumes { background-image: url('../img/title_costumes.jpg'); }
#title-costumes-1900 { background-image: url('../img/title_costumes_1900.jpg'); }
#title-costumes-trad { background-image: url('../img/title_costumes_trad.jpg'); }
#title-costumes-moisson { background-image: url('../img/title_costumes_moisson.jpg'); }
#title-costumes-coiffes { background-image: url('../img/title_costumes_coiffes.jpg'); }
#title-activites { background-image: url('../img/title_activites.jpg'); }
#title-patois { background-image: url('../img/title_patois.jpg'); }
#title-contes { background-image: url('../img/title_contes.jpg'); }
#title-actualites { background-image: url('../img/title_calendrier.jpg'); }
#title-boutique { background-image: url('../img/title_boutique.jpg'); }
#title-liens { background-image: url('../img/title_liens.jpg'); }
#title-contacts { background-image: url('../img/title_contacts.jpg'); }
#title-mentions { background-image: url('../img/title_mentions.jpg'); }

#content h2 {
	display: block;
	width: 100%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;
}

#subtitle-actualites { background-image: url('../img/subtitle_actualites.gif'); }

#subtitle-extraits { background-image: url('../img/subtitle_extraits.gif'); }

#subtitle-costumes-trad { background-image: url('../img/subtitle_costumes-trad.gif'); }
#subtitle-costumes-moisson { background-image: url('../img/subtitle_costumes-moisson.gif'); }
#subtitle-bourgeois { background-image: url('../img/subtitle_bourgeois.gif'); }
#subtitle-costumes-1900 { background-image: url('../img/subtitle_costumes-1900.gif'); }
#subtitle-bergeres { background-image: url('../img/subtitle_bergeres.gif'); }
#subtitle-marins { background-image: url('../img/subtitle_marins.gif'); }
#subtitle-coiffes { background-image: url('../img/subtitle_coiffes.gif'); }

#subtitle-prestations { background-image: url('../img/subtitle_prestations.gif'); }
#subtitle-danses-chants { background-image: url('../img/subtitle_danses-chants.gif'); }
#subtitle-enfants { background-image: url('../img/subtitle_enfants.gif'); }
#subtitle-autres-activites { background-image: url('../img/subtitle_autres-activites.gif'); }

#content h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin: .75em 0;
}

#content p, #content ul, #content ol {
	color: #333;
	font-size: .75em;
	line-height: 1.8;
	margin-bottom: 2.5em;
	text-align: justify;
}
#content ul, #content ol {
	margin-left: 3em;
}
#content ol {
	list-style-type: decimal;
}
.bullets {
	list-style: square;
}
#content a {
	color: #a21f00;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#content a:hover {
	color: #000;
}

.img_float_right {
	float: right;
	margin-left: 1.5em;
}
.img_float_left {
	float: left;
	margin-right: 1.5em;
}

#content cite {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	margin-left: 4em;
}

#content a.audio-player {
	border: 0;
}

.more {
	float: right;
	clear: both;
}
.more li {
	float: left;
}
.more li a {
	text-transform: uppercase;
	font-size: .9em;
}

.ico {
	background-repeat: no-repeat;
	background-image: url('../img/icons_16.gif');
	padding-left: 1.7em;
	margin-right: 2em;
}

.ico-16-calendar { background-position: 0 4px; }
.ico-16-rss { background-position: 0 -19px; }
.ico-16-pdf { background-position: 0 -46px; }
.ico-16-link { background-position: 0 -71px; }
.ico-16-cart { background-position: 0 -95px; }

.news-body small {
	color: #237777;
	font-size: .7em;
}

.summary {
	margin: 1.5em 0;
	border-bottom: 1px solid #ccc;
}

#content a.video {
	border: 0;
}

#content .centered {
	text-align: center;
}

/*
 * NAV
 * ---------------------------------------------------------------------------
 */
#nav {
	float: left;
	width: 320px;
}
#nav h2 {
	display: block;
	width: 320px;
	height: 75px;
	text-indent: -9999px;
	background: url('../img/menu_header_bg.jpg') no-repeat 0 0;
}
#nav ul li a {
	display: block;
	width: 320px;
	height: 36px;
	text-indent: -9999px;
	background-image: url('../img/menu_body_bg.gif');
}

#nav-a-home { background-position: 0   0px; }
#nav-a-home:hover { background-position: -321px 0px; }
#nav-li-home #nav-a-home { background-position: -641px 0px; }

#nav-a-histoire { background-position: 0 -36px; }
#nav-a-histoire:hover { background-position: -321px -36px; }
#nav-li-histoire #nav-a-histoire { background-position: -641px -36px; }

#nav-a-danses { background-position: 0 -72px; }
#nav-a-danses:hover { background-position: -321px -72px; }
#nav-li-danses #nav-a-danses { background-position: -641px -72px; }

#nav-a-musiques { background-position: 0 -108px; }
#nav-a-musiques:hover { background-position: -321px -108px; }
#nav-li-musiques #nav-a-musiques { background-position: -641px -108px; }

#nav-a-chants { background-position: 0 -144px; }
#nav-a-chants:hover { background-position: -321px -144px; }
#nav-li-chants #nav-a-chants { background-position: -641px -144px; }

#nav-a-spectacle { background-position: 0 -180px; }
#nav-a-spectacle:hover { background-position: -321px -180px; }
#nav-li-spectacle #nav-a-spectacle { background-position: -641px -180px; }

#nav-a-enfants { background-position: 0 -216px; }
#nav-a-enfants:hover { background-position: -321px -216px; }
#nav-li-enfants #nav-a-enfants { background-position: -641px -216px; }

#nav-a-costumes { background-position: 0 -252px; }
#nav-a-costumes:hover { background-position: -321px -252px; }
#nav-li-costumes #nav-a-costumes { background-position: -641px -252px; }

#nav-a-activites { background-position: 0 -288px; }
#nav-a-activites:hover { background-position: -321px -288px; }
#nav-li-activites #nav-a-activites { background-position: -641px -288px; }

#nav-a-patois { background-position: 0 -324px; }
#nav-a-patois:hover { background-position: -321px -324px; }
#nav-li-patois #nav-a-patois { background-position: -641px -324px; }

#nav-a-contes { background-position: 0 -360px; }
#nav-a-contes:hover { background-position: -321px -360px; }
#nav-li-contes #nav-a-contes { background-position: -641px -360px; }

#nav-a-actualites { background-position: 0 -396px; }
#nav-a-actualites:hover { background-position: -321px -396px; }
#nav-li-actualites #nav-a-actualites { background-position: -641px -396px; }

#nav-a-boutique { background-position: 0 -432px; }
#nav-a-boutique:hover { background-position: -321px -432px; }
#nav-li-boutique #nav-a-boutique { background-position: -641px -432px; }

#nav-a-liens { background-position: 0 -468px; }
#nav-a-liens:hover { background-position: -321px -468px; }
#nav-li-liens #nav-a-liens { background-position: -641px -468px; }

#nav-a-contact { background-position: 0 -504px; }
#nav-a-contact:hover { background-position: -321px -504px; }
#nav-li-contact #nav-a-contact { background-position: -641px -504px; }

/*
 * FOOTER
 * ---------------------------------------------------------------------------
 */
#footer {
	height: 78px;
	clear: both;
	font-size: .65em;
}
#footer a {
	color: #8ba1a1;
	text-decoration: none;
	border-bottom: 1px dashed;
}
#footer a:hover {
	color: #d0e8a9;
}
#footer-copyright, #footer-nav {
	padding-top: 3em;
}
#footer-copyright {
	float: left;
	color: #8ba1a1;
	padding-left: 4em;
}
#footer-nav {
	float: right;
	padding-right: 3.5em;
}
#footer-nav li {
	float: left;
	background: url('../img/footer_nav_sep.gif') no-repeat 0 .25em;
	margin-left: .75em;
}
#footer-nav li:first-child {background: none}

#footer-nav a {
	font-weight: bold;
	margin-left: .75em;
}



/*
 * PAGINATOR
 * ---------------------------------------------------------------------------
 */
.paginatorstatus {
	color: #999;
	font-size: .7em;
	padding: .5em;
	border-bottom: 1px solid #d6d6d6;
	text-align: right;
	margin-bottom: 20px;
}
.paginatornumbers {
	font-size: .7em;
	padding: .5em 0;
	text-align: center;
}
.paginatornumbers .current {
	margin: .5em .25em;
    padding: .25em .5em;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-weight: bold;
}
.paginatornumbers a {
	margin: .5em .25em;
    padding: .25em .5em;
    border: 1px solid #0062a3;
    color: #000;
    background: #e8f1f7;
	font-weight: bold;
	text-decoration: none;
}
.paginatornumbers a:hover {
	color: #fff;
	background: #0062a3;
}

/*
 * FORMS
 * ---------------------------------------------------------------------------
 */
form fieldset {
	margin: 20px 0;
	padding: 5px 0 20px;
	border-bottom: #999 1px dotted;
	border-top: #683244 1px solid;
	background: #e7ebeb;
}
form fieldset legend {
	color: #a4a988;
	font-size: 1.2em;
	padding: 0 5px 5px 45px;
}
.input {
	padding: 4px 0;
	clear: both;
}
.input label {
	color: #666;
	font-size: .65em;
	font-weight: bold;
	line-height: 1.8;
	margin-right: 5px;
	padding-right: 5px;
	width: 140px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}
.submit {
	text-align: center;
}
.submit input {
	font-size: 1.25em;
}
.required {
	background: url('../img/required.png') no-repeat 140px 4px;
}

#content .legal {
	margin: 40px;
	font-size: .7em;
	color: #999;
	line-height: 1.75;
	text-align: justify;
}
#content input, #content textarea {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #a4a988;
	border-left: 0;
}
#content .form-error {
	border: 1px solid red;
}
#content .error-message {
	margin-left: 150px;
	color: #c00;
	font-size: .7em;
	font-weight: bold;
	line-height: 2;
}

/* 
 * MESSAGES
 * ---------------------------------------------------------------------------
 */
.message {
	border: 1px dashed #fff;
}
.message strong {
	font-size: 1.1em;
	font-weight: bold;
}
.mssg_txt {
	font-size: .9em;
	line-height: 1.4;
	color: #fff;
	margin: 12px 16px;
}
.mssg_error {
	background-color: #c00;
}
.mssg_success {
	background-color: green;
}
.mssg_notice,
.mssg_restricted {
	background-color: #f60;
}

/*
 * HOME
 * ---------------------------------------------------------------------------
 */
#content #home-video {
	float: left;
	display: block;
	width: 320px;
	height: 268px;
	margin-right: 1.5em;
	border: 0;
}
#content #home-news {
	margin: 0;
	padding: 1.5em 0;
}
#home-news li {
	float: left;
	width: 260px;
	line-height: 1.4;
}
#home-news li small {
	color: #237777;
	font-size: .9em;
}
#home-news-2 {
	padding-left: 4em;
	background: url('../img/home_news_sep.gif') no-repeat 2em center;
}

/*
 * COLUMNS
 * ---------------------------------------------------------------------------
 */
.gallery {
	margin-bottom: 1.5em;
}
.col-h, .col-v {
	float: left;
	width: 150px;
	margin: 0 20px;
	padding: 10px 0;
	background-repeat: no-repeat;
	background-position: top center;
}
.col-h {
	background-image: url('../img/thumb_bg_h.gif');
}
.col-v {
	background-image: url('../img/thumb_bg_v.gif');
}
.col-photo {
	text-align: center;
}
.col-body {
	text-align: center;
}
.col-body small {
	color: #999;
	font-size: .7em;
}
#content .col-photo a {
	border: 0;
}