* { margin: 0; padding: 0; border: 0; }

html {overflow: -moz-scrollbars-vertical;}

body {
	font-family: Arial, Geneva, sans-serif;
	font-size: 76%;
	color: #666;
	line-height: 1.25em;
	font-weight: normal;
	background: #000 url(../images/bgBody.gif) repeat-x;
	}
	#message{display:none;}
.center {text-align: center;}
.right {float: right;}
.left {float: left;}
.gras{font-weight:bold;}
.nomargin {margin: 0;}
br {clear: both;}


/* ---[ Mise en page/Structure des pages ]--------------------- */


#header {
	width: 936px;
	height: 135px;
	background: url(../images/bgHeader2.gif) no-repeat top right;
	}
	
	#logoWrap {
		width: 185px;
		height: 135px;
		background: #fff;
		position: relative;
		}
		
		#bgLogo {width: 161px; height: 121px; position: absolute; bottom: 0; left: 24px;}

	/*couleurs thèmes - effet pochoir sur logo et nav*/
	
	.mainColor {background: #000;}
	
	/*#topBanner {
		position: absolute;
		bottom: 0; right: 0;
		width: 728px; height: 90px;
		}*/
	#topBanner {position:absolute;
	background: url(../images/banniere.jpg) no-repeat top right;
	width:728px;
	height:90px;
	left:208px;
	top:45px;}/*58*/

#mainWrap {
	width: 888px; 
	padding: 15px 0 15px 24px;
	background: #fff;
	}
	
#leftCol {
	float: left;
	width: 160px;
	}
	
	#banner2 {
		display: none;
	}
	
	/*navig principale*/
	
	ul#nav {
		width: 160px;
		list-style-type: none;
		border-top: 1px #666 solid;
		border-bottom: 1px #666 solid;
		margin-bottom: 15px;
		}
		
		ul#nav li {
			width: 160px;
			height: 28px;
			}
			
			
			ul#nav li a {
				width: 160px;
				height: 28px;
				display: block;
				text-indent: -9999px;
				}
				
				ul#nav li a#btnMission:link, ul#nav li a#btnMission:visited {background: url(../fr/images/btnMission.gif) no-repeat 0 0;}
				ul#nav li a#btnEvenements:link, ul#nav li a#btnEvenements:visited {background: url(../fr/images/btnEvenements.gif) no-repeat 0 0;}
				ul#nav li a#btnActualites:link, ul#nav li a#btnActualites:visited {background: url(../fr/images/btnActualites.gif) no-repeat 0 0;}
				ul#nav li a#btnPublications:link, ul#nav li a#btnPublications:visited {background: url(../fr/images/btnPublications.gif) no-repeat 0 0;}
				ul#nav li a#btnPartenaires:link, ul#nav li a#btnPartenaires:visited {background: url(../fr/images/btnPartenaires.gif) no-repeat 0 0;}
				ul#nav li a#btnMatMedias:link, ul#nav li a#btnMatMedias:visited {background: url(../fr/images/btnMatMedias.gif) no-repeat 0 0;}
				ul#nav li a#btnEboutique:link, ul#nav li a#btnEboutique:visited {background: url(../fr/images/btnEboutique.gif) no-repeat 0 0;}
				ul#nav li a#btnEmplois:link, ul#nav li a#btnEmplois:visited {background: url(../fr/images/btnEmplois.gif) no-repeat 0 0; height: 26px;}
				
				/*état hover*/
				
				ul#nav li a#btnMission:hover, ul#nav li a#btnMission:active, 
				ul#nav li a#btnEvenements:hover, ul#nav li a#btnEvenements:active, 
				ul#nav li a#btnActualites:hover, ul#nav li a#btnActualites:active, 
				ul#nav li a#btnPublications:hover, ul#nav li a#btnPublications:active, 
				ul#nav li a#btnPartenaires:hover, ul#nav li a#btnPartenaires:active, 
				ul#nav li a#btnMatMedias:hover, ul#nav li a#btnMatMedias:active, 
				ul#nav li a#btnEboutique:hover, ul#nav li a#btnEboutique:active, 
				ul#nav li a#btnEmplois:hover, ul#nav li a#btnEmplois:active{background-position: -160px 0;}
				
				/*highlight de section*/
				body#mission ul#nav li a#btnMission:link, body#mission ul#nav li a#btnMission:visited,
				body#evenements ul#nav li a#btnEvenements:link, body#evenements ul#nav li a#btnEvenements:visited,
				body#actualites ul#nav li a#btnActualites:link, body#actualites ul#nav li a#btnActualites:visited,
				body#publications ul#nav li a#btnPublications:link, body#publications ul#nav li a#btnPublications:visited,
				body#partenaires ul#nav li a#btnPartenaires:link, body#partenaires ul#nav li a#btnPartenaires:visited,
				body#medias ul#nav li a#btnMatMedias:link, body#medias ul#nav li a#btnMatMedias:visited,
				body#eBoutique ul#nav li a#btnEboutique:link, body#eBoutique ul#nav li a#btnEboutique:visited,
				body#emplois ul#nav li a#btnEmplois:link, body#emplois ul#nav li a#btnEmplois:visited,
				body#benevolat ul#navSecond li a#btnBenevolat:link, body#benevolat ul#navSecond li a#btnBenevolat:visited,
				body#contact ul#navSecond li a#btnContact:link, body#contactul#navSecond li a#btnContact:visited {background-position: -160px 0;}
				
	/*navig secondaire*/
	
	ul#navSecond {
		width: 160px;
		list-style-type: none;
		margin-bottom: 28px;
		}
		
		ul#navSecond li {
			width: 160px;
			}
			
			ul#navSecond li a {
				width: 160px;
				height: 8px;
				display: block;
				text-indent: -9999px;
				}
			
			
			ul#navSecond li a#btnAccueil:link, ul#navSecond li a#btnAccueil:visited {background: url(../fr/images/btnAccueil.gif) no-repeat 0 0; margin-bottom: 8px;}
			ul#navSecond li a#btnBenevolat:link, ul#navSecond li a#btnBenevolat:visited {background: url(../fr/images/btnBenevolat.gif) no-repeat 0 0; height: 10px; margin-bottom: 10px;}
			ul#navSecond li a#btnContact:link, ul#navSecond li a#btnContact:visited {background: url(../fr/images/btnContact.gif) no-repeat 0 0;}
				
				/*état hover*/
				ul#navSecond li a#btnAccueil:hover, ul#navSecond li a#btnAccueil:active,
				ul#navSecond li a#btnBenevolat:hover, ul#navSecond li a#btnBenevolat:active,
				ul#navSecond li a#btnContact:hover, ul#navSecond li a#btnContact:active, 
				
				/*highlight de page/section*/
				
				body#home ul#navSecond li a#btnAccueil:link, body#home  ul#navSecond li a#btnAccueil:visited
				{background-position: -160px 0;}
	
	
	
#contentWrap {
	float: right;
	width: 728px;
	}
	
	#content {
		position: relative;
		float: left; 
		width: 680px; 
		margin-left: 24px;
		}

		/*l'exception!*/ 
		body#home #content {width: 728px; margin: 0 auto;}
			body#home div.padded {width: 704px; padding-left: 24px;}
	
	#video {
		width: 680px; 
		padding-bottom: 10px; 
		}
	
	
	
	#infolettre {
		float: left;
		width: 308px;
		padding: 12px 12px 8px 12px;
		background: #686868 url(../images/bgInfolettre.gif) repeat-x 0 0;
		margin: 0 0 15px 0;
		color: #fff;
		}
		
		#infolettre strong {
		color: #fff;!important;
		}
	
	
	#blocBenevolat {
		float: left;
		width: 308px;
		height: 190px;
		padding: 12px;
		background: #fff;
		margin: 0 0 15px 5px;
		color: #000000;
		}
		
		img#btnContacter {margin-top: 0px;}
	
	
	/*disposition en colonnes */
	
	div.colQuart {
		float: left;
		display: inline;
		width: 155px;
		padding: 0 5px 0 0;
		margin: 0 10px 10px 0;
		}
	
	div.colDemiGauche {
		float: left;
		display: inline;
		width: 346px;
		}
		
	div.colDemiDroit {
		float: right;
		display: inline;
		width: 333px;
		}	
		
	div.col3quart {
		float: left;
		display: inline;
		width: 506px;
		}	
	
	
#footer {
	width: 878px;
	height: 24px;
	padding: 13px 17px 0 17px;
	background: url(../images/bgFooter.gif) no-repeat;
	text-align: right;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	}


#filAriane {
	position: absolute;
	top: 0; left: 32px;
	width: 288px; 
	height: 13px; 
	}
	
	#filAriane a {display: block; float: left;}
		#filAriane a span {display: none;}

	a#btnAccueilTop:link, a#btnAccueilTop:visited {width: 44px; height: 10px; background: url(../fr/images/btnAccueilTop.gif) no-repeat 0 0;}
		a#btnEvenementsTop:link, a#btnEvenementsTop:visited {width: 70px; height: 10px; background: url(../fr/images/btnEvenementsTop.gif) no-repeat 0 0;}
			a#btnAccueilTop:hover, a#btnAccueilTop:active, a#btnEvenementsTop:hover, a#btnEvenementsTop:active {background-position: 0 -10px;}	
	
#btnsDroit {float: right; width: 145px; height: 9px; clear: right; text-align: right; margin: 0 0 11px 0;}

#btnRss /*page d'accueil seulement */ {width: 54px; float: right; margin: -29px 24px 0 0;}
	#btnsDroit a, #btnRss a {display: block; float: right;}
		#btnsDroit a span, #btnRss a span {display: none;}
	a.btnPartager:link, a.btnPartager:visited {width: 68px; height: 9px; background: url(../fr/images/btnPartager.gif) no-repeat;background-position: 0 0; display:block; }
		a#btnfilRss:link, a#btnfilRss:visited {width: 54px; height:9px; background: url(../fr/images/btnRss.gif) no-repeat 0 0; margin-right: 15px;}
			a.btnPartager:hover, a.btnPartager:active, a.btnfilRss:hover, a.btnfilRss:active {background-position: 0 -9px; }
			
/* ---[ Forms ]--------------------- */

/*inscription à l'infolettre*/
form#newsletterForm { margin: 5px 0 15px 0;}
input#courriel {width: 267px; height: 21px; vertical-align:text-top; color: #000000; padding: 3px 0 0 6px; margin:0px 0px 14px 0px; font-size: 100%; float: left; background-image: url(../images/bgInput.gif);}
input#btnOk {width: 32px; height: 24px; background: url(../images/btnOk.gif) no-repeat; vertical-align:text-top;}

/* ---[ Format texte ]--------------------- */

strong {color: #5E5E5E;}

p {
	font-size: 110%;
	padding: 0 0 15px 0;
	line-height: 1.3em;
	}
	
	.small {font-size: 90%; line-height: 1.3em; padding: 0 0 8px 0;}
	.mini {font-size: 80%; line-height: 1.3em; padding: 0 0 8px 0;}
	
	/*les exceptions*/
	
	#infolettre p {width: 273px; }

	#h1_soustitre {margin: 5px 0 15px 0;}

h1 {
	text-indent: -9999px;
	margin: 0 0 25px 0;
	
	}
	
	#cornerH1 {width:20px; height:20px; position: absolute;}
	h1#t_mission {width: 234px; height: 67px; background: url(../fr/images/h1_mission.gif) no-repeat 0 0; }

h2 {
	text-transform: uppercase;
	font-size: 140%;
	/*text-indent: -9999px;*/
	font-weight: normal;
	margin: 0 0 15px 0;
	}
	
	h2#t_artistes {width: 142px; height: 26px; background: url(../fr/images/h2_artistes.gif) no-repeat 0 0; margin: 0 0 25px 0;}
	/*h2#t_nouvelles {width: 128px; height: 26px; background: url(../fr/images/h2_nouvelles.gif) no-repeat 0 0;}
	h2#t_infolettre {width: 131px; height: 26px; background: url(../fr/images/h2_infolettre.gif) no-repeat 0 0;}
	h2#t_devenezBenevole {width: 228px; height: 26px; background: url(../fr/images/h2_devenezBenevole.gif) no-repeat 0 0;}*/
	h2#t_equipe {width: 84px; height: 26px; background: url(../fr/images/h2_equipe.gif) no-repeat 0 0;}
	
.h1_flash {margin:0px 0px 25px 0px;}
.h1_flash2 {margin:0px 0px 7px 0px;}
.h1_accueil_flash {margin-top:10px;}
.h1_accueil_flash2 {margin:0px 0px 7px 0px;}
.h2_flash {margin-bottom:15px;}
.h1_flash_evenement {margin:0px 0px 25px 0px;}
	
h3 {
	text-transform: uppercase;
	font-size: 116%;
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height: 1.2em;
	}	
	
	div.colQuart h3 {margin: 0 0 5px 0;}
		/*l'exception*/
		div.colQuart h3.heading {margin: 0 0 22px 0;}

/* ---[ Hyperliens ]--------------------- */
a{text-decoration:none;}
a:focus, object {outline: none;}

a:link, a:visited {color: #615F42;}
	a:hover, a:active {color: #000;}

	
	
		
a.btnLink:link, a.btnLink:visited {color: #615F42; font-weight: bold; text-decoration: none; font-size: 95%; line-height: 1.2em;}
	a.btnLink:hover, a.btnLink:active {color: #000;}

#footer a:link, #footer a:visited {color: #666; text-decoration: none;}
	#footer a:hover, #footer a:active {text-decoration: underline;}

/* ---[ Déco ]--------------------- */

img.filet {clear: both; margin: 10px 0 20px 0;}

img.barreOblique {margin: 0 10px; vertical-align: middle; float: left;}

img.photo {float: right; margin: 0 0 25px 13px;}

/* ---[ Fonctions ]--------------------- */





/* ---[ Hacks ]--------------------- */

.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 */	

/* ID pour les artistes les cacher au départ */
#ritaF{height:570px;}
#jimfF{height:114px;}
#richBernF{height:156px;}
#chrcolF{height:185px;}
#rogerpF{height:213px;}
#jasCanF{height:183px;}
#franLevF{height:127px;}
#KlanF{height:186px;}
#seripopF{height:357px;}
.hideFull{display:none;}

/* Section actualités */
.nouvelles{width:680x;height:165px;}
.imgNouvelle{float:left;margin-right:15px;}
.partager{text-align:right;padding-top:9px;margin-left:91px;}
.nouvellesTexte{float:left;width:500px;}

/* Section Artistes */
.imgArtiste{float:left;}
.descArtiste{float:left;width:300px;margin-left:10px;margin-top:-3px;padding-bottom:17px;}
#galerie{clear:both;margin-top:20px;}
.entrevue{display:block;font-weight:bold;margin-top:0px;padding-bottom:4px;}

/* Event gen*/

#nextEvent{width:704px;height:239px;background-color:#e8eaf0;}
#infoEvent{padding-left:22px;color:#615F42;width:297px;float:left;margin-top:15px;}
#sliderEvent{padding-top:22px;}