/* ----- RESET ----------------------------------------------------------------------------- */

html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
.clearer {clear: both;}

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

body{color:#8a8a8a;background:url(../images/design/global-bg.jpg) top center repeat-x;background-color:#fbf7e6;font:11px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#bottom-bg{background:url(../images/design/bottom-bg.jpg) center bottom  no-repeat;background-position:bottom right;width: 100%;height: 100%;float:right}
#container{
	width:980px;
	position:relative;
	margin: 0 auto;
	text-align: center;
}
#top-bg{background:url(../images/design/top-bg.png) top center no-repeat;height:439px}
#header{height:439px}
div.media{margin:10px 0 0 0}
div.content-bloc{background:url(../images/design/top-content-bg.png) top left repeat-y;width:483px;float:left;margin:0 0 0 14px;padding:10px 20px 0 20px;min-height: 400px}
div.content-bloc-bottom{background:url(../images/design/top-content-bottom-bg.png) top left repeat-y;width:503px;height:31px;float:left;margin:0 0 0 14px;padding:0;}
#content-left{background:url(../images/design/content-left-bg.png) top left no-repeat;width:540px;float:left;margin:0;padding:0;min-height: 400px}
#content-right{width:412px;float:right;margin:25px 0 0 28px;padding:0}
#content-player{width:980px;float:left;margin:0 0 15px 20px;padding:0px 5px 5px 5px}
#content-player-multimedia{width:450px;float:left;margin:0 0 15px 10px}
.logo{margin:0 0 0 0;float:left}
p{font-size:11px;color:#83a2ad;line-height:1.5em;margin:0;padding:0 20px 20px 0;text-align:justify}
p.dark{font-size:11px;color:#ac9184;line-height:1.5em;margin:0;padding:0 20px 20px 0;text-align:justify}
p.rouge{font-size:11px;color:#ef0606;line-height:1.5em;margin:0;padding:0 20px 20px 0;text-align:justify}
h1{font-size:18px;color:#83a2ad;line-height:1.5em;margin:0;padding:0 20px 20px 0;text-align:justify;font-weight: normal}
ul.default{width:400px;color:#83a2ad;list-style-image: URL(../images/design/arrow.png);;margin:0 0 20px 0;float:left}
ul.default li{color:#83a2ad;margin-bottom: 10px;margin-left:40px;padding-left:6px}
ul.default li a{color:#83a2ad;text-decoration: none}
ul.default li a:hover{color:#83a2ad;text-decoration: underline}
.duo{margin: 0 0 0 20px}
div.left p, div.right p {text-align: center;margin:0;padding:0}
div.left img, div.right img {border: solid 1px #83a2ad}
a:link, a:active, a:visited{color: #83a2ad;}
div.left{float:left;width: 200px;margin: 0 0 40px 0}
div.right{float:right;width: 200px;margin: 0 24px 40px 0}
.img-gauche {margin:0 0 16px 22px}
.img-droite {margin:0 0 16px 20px}
h1.biographie {background:url(../images/titres/biographie.png) top center no-repeat;margin: 0 0 16px 0;padding: 0;width: 299px;height: 54px;}
h1.agenda {background:url(../images/titres/agenda.png) top center no-repeat;margin: 0 0 16px 0;padding: 0;width: 93px;height: 54px;}
h1.contact {background:url(../images/titres/contact.png) top center no-repeat;margin: 0 0 16px 0;padding: 0;width: 86px;height: 54px;}
h1.les-paroles {background:url(../images/titres/les-paroles.png) top center no-repeat;margin: 0 0 16px 0;padding: 0;width: 121px;height: 54px;}
h1.multimedia {background:url(../images/titres/multimedia.png) top center no-repeat;margin: 0 0 16px 0;padding: 0;width: 128px;height: 54px;}
h1 span{display:none;}

/* ----- NAVIGATION --------------------------------------------------------------------------- */

#nav-princ{position:relative;bottom:0;width:150px;height:144px;margin:50px 0 0 40px;padding:0;float:left}
ul#nav-princ li{float:left;display:inline;list-style-type:none;margin:0;padding:0;}
ul#nav-princ li a{float:left;text-indent:-9999px;text-decoration:none;line-height:0;background:url(../images/design/nav-princ.png);}
ul#nav-princ li.accueil a{width:150px;height:24px;background-position:0 0px;}
ul#nav-princ li.accueil a:hover{background-position:-150px 0px ;}
ul#nav-princ li.accueil2 a{width:150px;height:24px;background-position:-150px 0px;}
ul#nav-princ li.biographie a{width:150px;height:24px;background-position:0 -24px;}
ul#nav-princ li.biographie a:hover{background-position:-150px -24px ;}
ul#nav-princ li.biographie2 a{width:150px;height:24px;background-position:-150px -24px;}
ul#nav-princ li.paroles a{width:150px;height:24px;background-position:0 -48px;}
ul#nav-princ li.paroles a:hover{background-position:-150px -48px ;}
ul#nav-princ li.paroles2 a{width:150px;height:24px;background-position:-150px -48px;}
ul#nav-princ li.agenda a{width:150px;height:24px;background-position:0 -72px;}
ul#nav-princ li.agenda a:hover{background-position:-150px -72px ;}
ul#nav-princ li.agenda2 a{width:150px;height:24px;background-position:-150px -72px;}
ul#nav-princ li.multimedia a{width:150px;height:24px;background-position:0 -96px;}
ul#nav-princ li.multimedia a:hover{background-position:-150px -96px ;}
ul#nav-princ li.multimedia2 a{width:150px;height:24px;background-position:-150px -96px;}
ul#nav-princ li.contact a{width:150px;height:24px;background-position:0 -120px;}
ul#nav-princ li.contact a:hover{background-position:-150px -120px ;}
ul#nav-princ li.contact2 a{width:150px;height:24px;background-position:-150px -120px;}

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

#footer-top{background:url(../images/design/footer-bg.png) top right no-repeat;width:980px;height:52px;float:left;margin:20px 0 10px 0;padding:0}
#footer-bottom{color:#fff;width:980px;float:left;margin:0 0 10px 0;padding:0;text-align: right;float: right}
#footer-bottom a{color:#fff;margin:0 0 6px 4px;}

/* ----- FORM --------------------------------------------------------------------------- */

table.form{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 0 0;width:460px}
table.form th{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;text-align:left;color:#4e4e4e;font-weight: normal;width: 240px}
table.form td{border-bottom:1px solid #dbdbdb;padding:6px 0;width: 240px}
table.form select{font:11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #bdbdbd;padding:1px 2px 1px 2px}
#form input[type=text]{border:1px solid #bdbdbd;height:17px;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;margin: 0 10px 0 0}
#form textarea{border:1px solid #bdbdbd;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;background-color:#fff}
textarea{font-size:11px}
tbody.on  { display:table-row-group; }
tbody.off { display:none; }
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
table.form span{padding:0 0 0 10px;}
#form span.rouge{font-weight:bold;color:#990000;padding:0px 0px 0px 3px;}
div.soumettre{float:right;margin: 0 20px 15px 0}


#slideshow{width: 558px;height:439px;margin:0 0 0 0;padding:0;float:right}
#bottom-bg #top-bg #container #content-left .content-bloc p strong {
	font-family: Arial, Helvetica, sans-serif;
}
#bottom-bg #top-bg #container #content-left .content-bloc p strong {
	font-size: 14px;
	color: #83a2ad;
}