/* CSS pour l'enveloppe et le body */
#enveloppe {
	width: 1090px;
	height: auto;
	margin: auto;
}

body {
	background-color:#B5B5B5;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* CSS pour l'entête ainsi que les liens de navigation */
#entete {
	background-image: url(../repertoireqc/EntetePage2015.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-top: 5px;
	width: 960px;
	height: 390px;
	border: solid 2px #666;
	border-radius: 0px 0px 20px 20px;
	float: left;
	background-color: #3D3C41;
	position: relative;
}

#menu {
	list-style-type: none;
	float: right;
	margin-top: 18px;
	font-size: 16px;
	margin-right: 10px;
	width: 670px;
	
}




#menu li a {
	display: block;
	float:left;
	text-decoration:none;
	display: inline;
	text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-right:25px;
}

#pageCible {
	color: #FFF;
	width: 95px;
}

#pageCibleCont {
	color: #FFF;
	width: 105px;
}

#menu li a#btnAcceuil, #menu li a#btnBlogue{
	width: 85px;

}

#menu li a#btnContenu {
	width: 115px;
}

#menu li a#btnAjout {
	width: 130px;
}

#menu li a#btnAide {
	width: 80px;
	border-right-color: #3D3C42;
}

#menu li a#btnCal {
	width: 100px;
}

#menu li a:link, #menu li a:visited {
	color:#CCCCCC;
}

#menu li a:hover, #menu li a:active {
	color: #FFF;
}

/* CSS pour la connection */
#connection {
	background-color: #F4F4F4;
	float: left;
	height: auto;
	width: 190px;
	border: solid 2px #666;
	border-radius: 0px 20px 0px 20px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 110%;
	
}
#connection form h4 {
	color: #000;
	font-size: 145%;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
}





#rechercherSection {
	clear: both;
	float: right;
	background-color: #3D3C41;
	height: 50px;
	width: 650px;
	position: absolute;
	right: 0px;
	bottom: 13px;
	padding-top: 6px;
	padding-left: 6px;
}

/* CSS pour le contenu */
#colonneDroite {
	width: 745px;
	height: auto;
	margin-left: 10px;
	float: left;
	position: relative;
}

#Contenu {
	background-color: #F4F4F4;
	width: 740px;
	min-height: 2245px;
	height: auto;
	margin-top: 10px;
	border: solid 2px #666;
	border-radius: 20px 20px 20px 20px;
	height: ;
	float: left;
	padding-bottom:25px;
}

#logo {
	display:none;
}

#Contenu h2 {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 120%;
	background-color: #3D3C41;
	padding-left: 20px;
	height: 30px;
	padding-top: 5px;
	margin-left: 30px;
	border-radius: 0px 0px 0px 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	clear: both;
	margin-top: 20px;
}

#Contenu p {
	color: #3D3C41;
	font-size: 14px;
	margin-right: 20px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	float: left;
	width:400px;
	LINE-HEIGHT: 120%;
}


#Contenu a:link 
{ 
 text-decoration:underline; 
} 

#Contenu  a:hover 
{
	color: #003366;
	text-decoration:underline;
}



#texte {
	width: 400px;
	float: left;
	margin-left: 30px;
	height: auto;
	margin-top: 20px;
}
#texte h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	margin-left: 20px;
	margin-top: 15px;
}
#Contenu form {
	width: 745px;
	float: left;
	margin-top: 20px;
	margin-bottom:15px;
}
#Contenu form fieldset {
	padding-left: 20px;
	border: 3px solid #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#Contenu form fieldset legend {
	font-size: 90%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

#Contenu .page {
	clear: both;
	text-align: center;
	padding-bottom: 12px;
}

#site {
	width: 210px;
	margin-left: 65px;
}

#email {
	width: 210px;
	margin-left: 85px;
}

#description {
	width: 300px;
	height: 100px;
}

#lienArtiste {
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: #000;
}

#lienArtiste:link,  #lienArtiste:visited, #enSavoirPlus:link,  #enSavoirPlus:visited, #pageArtiste:link,  #pageArtiste:visited{
	color: #999;
}


#lienArtiste:hover, #lienArtiste:active, #enSavoirPlus:hover, #enSavoirPlus:active, #pageArtiste:hover, #pageArtiste:active{
	color: #333;
}

.page1 {
	color: #000;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

#pageArtiste {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin-right: 2px;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
#nomUti {
	margin-left: 4px;
}
#passe {
	margin-left: 35px;
}
#nomArt {
	margin-left: 32px;
}
#groupe {
	margin-left: 50px;
}
#rechercherSection p #recherche, #rechercherSection p #rechercher{
	margin-bottom: auto;
	margin-top: auto;
}

#rechercherSection p #recherche {
	width : 160px;
	margin-top: 15px;
	margin-left: 25px;
}


/*#Contenu table {
	background-color: #C0C0C0;
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-left: 35px;
	margin-bottom: 30px;
}

#Contenu table tr th {
	text-align: center;
	padding-top: 5px;
	padding-right: 1px;
	padding-left: 1px;
}*/

#lienTable {
	text-decoration: none;
	color: #CCCCCC;
	text-align: center;
	font-weight: bold;
}


#lienTable:link, #lienTable:visited  {
	color: #9E626A;
}

#lienTable:hover, #lienTable:active  {
	color: #FFFFFF;
}

#Contenu iframe {
	float: left;
	margin-left: 15px;
}
#Contenu h1 {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 120%;
	background-color: #3D3C41;
	padding-left: 20px;
	min-height: 30px;
	padding-top: 5px;
	padding-bottom:5px;
	margin-left: 30px;
	border-radius: 0px 0px 0px 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-right:20px;
}

#repertoireqcAccueil {
	height: 349px;
	width: 263px;
}

#repertoireqcAccueil {
	background-image: url(../repertoireqc/repertoireqcAcceuilPresentation.jpg);
	height: 330px;
	width: 264px;
	float: right;
	margin-top: 20px;
	margin-right: 25px;
}
/*#Contenu table tbody tr td {
	text-align: left;
	vertical-align: left;
	padding-left: 15px;
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}*/

/* CSS pour le colonne de Gauche */
#colonneGauche {
	width: 200px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#categorie1, #categorie2, #categorie3, #categorie4, #categorie5, #categorie6, #categorie7, #categorievideo, #categoriecalendrier,  #categorielavoix, #categoriesalles {
	background-color: #F4F4F4;
	float: left;
	height: 270px;
	width: 200px;
	margin-top: 10px;
	border: solid 2px #666;
	border-radius: 0px 0px 20px 20px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-position: 0px 45px;
}


#categoriesalles
{
background-image: url(../repertoireqc/salles.jpg);	
}	
	
#categorieAgenda{
	background-color: #F4F4F4;
	float: left;
	height: 275px;
	width: 200px;
	margin-top: 10px;
	border: solid 2px #666;
	border-radius: 0px 0px 20px 20px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-position: 0px 45px;
}


#resultcal
{
	background-color: #ECDDDD;	
}

#categorieAgenda
{
	background-color: #FFF;	
}

#categorielavoix
{
background-image: url(../repertoireqc/lavoix.jpg);	
	
}
#categoriecalendrier {
	background-image: url(../repertoireqc/ConcertCategorie.jpg);
}
#categorievideo {
	background-image: url(../repertoireqc/sectionvideo.jpg);
}

#categorie1 {
	background-image: url(../repertoireqc/populaireCategorie.jpg);
}

#categorie2 {
	background-image: url(../repertoireqc/rockCategorie.jpg);
}

#categorie3 {
	background-image: url(../repertoireqc/metalCategorie.jpg);
}

#categorie4 {
	background-image: url(../repertoireqc/peintureCategorie.jpg);
}

#categorie5 {
	background-image: url(../repertoireqc/humoristeCategorie.jpg);
}

#categorie6 {
	background-image: url(../repertoireqc/acteurCategorie.jpg);
}

#categorie7 {
	background-image: url(../RepertoireQC/contryCategorie.jpg);
}

#connection form p {
	color: #000;
	font-weight: bold;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}

#connection form {
	width: 175px;
	margin: auto;

}

#connection  p {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


#colonneGauche h3 a {
	height: 37px;
	color: #000;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #F4F4F4;
	display: block;
	text-decoration: none;
	padding-top: 8px;
}


#colonneGauche h3 a:link,  #colonneGauche h3 a:visited{
	color: #000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}


#colonneGauche h3 a:hover, #colonneGauche h3 a:active {
	color:#FEFEFC;
	background-color: #751E0B;
	text-decoration: none;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
}
/* CSS pour le abonnement */
#abonnement 
{
	margin-top: 200px;
	height: 87px;
	width: auto;
	/*clear: both;*/
	background-color: #525157;
	

	padding-left: 40px;
	padding-top: 1px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333;
}

#abonnement img {
	clear: none;
	float: left;
	margin-right: 2px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
}

#abonnement p {
	color: #FFF;
	font-size: 100%;
	float: left;
	clear: both;
}

#abon {
	width: 250px;
	margin-left: 15px;
}

/* CSS pour le basDePage */
#basDePage {
	background-color: #3C3B40;
	height: 80px;
	width: 960px;
	border: solid 2px #666;
	border-radius: 20px 20px 0px 0px;
}

#piedDePage p {
	text-align: center;
	color: #FFF;
	margin: 10px;
}

#piedDePage {
	background-color: #3D3C41;
	width: 960px;
	height: 300px;
	margin-top: 10px;
	border: solid 2px #666;
	border-radius: 20px 20px 0px 0px;
	text-align: left;
	clear: both;
	float: left;
}

#bas1 {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 95%;
	display: block;
	margin-top: 8px;
	padding-left: 8px;
	list-style-type: none;
	width: 100px;
	height: 18px;
}

#bas1:link, #bas1:visited {
	color:#E2E2E2;
	text-decoration: none;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #3D3C41;
}

#bas1:hover, #bas1:active {
	color:#FFF;
	text-decoration: none;
	border-left-color: #F4F4F4;
	border-left-style: outset;
	border-left-width: 4px;
}

#basEnsemble {
	list-style-type: none;
	margin-top: 20px;
	float: left;
	margin-right: 24px;
	margin-left: 24px;
}
/*#topTable {
	background-image: url(../../DekHockey/repertoireqcs/tableauTop.jpg);
}
#topTableau {
	background-image: url(../repertoireqc/tableauTop.jpg);
}
#Contenu table thead #topTableau th, #Contenu table thead #topTableauDate th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: center;
}*/
/*#tableauContenu {
	background-image: url(../repertoireqc/tableauContenu.jpg);
}
#tableauContenuMe {
	background-image: url(../repertoireqc/tableauContenuMe.jpg);
}

#topTableauDate {
	background-image: url(../repertoireqc/tableauTop2.jpg);
}*/
#evenementAVenir1, #evenementAVenir2, #evenementAVenir  {
	float: left;
	height: 200px;
	width: 624px;
	margin-left: 35px;
	margin-top: -30px;
	background-color: #EBEBEB;
}
#evenementAVenir img, #evenementAVenir1 img, #evenementAVenir2 img {
	height: 50px;
	width: 50px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#evenement1 {
	height: 50px;
	width: 535px;
	float: left;
	margin-top: 10px;
}
#enSavoirPlus {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-left: 0px;
	font-size: 14px;
}
#evenementAVenir p .heure {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	padding-right: 30px;
}
#evenementAVenir p, #evenementAVenir1 p, #evenementAVenir2 p {
	clear: both;
	float: left;
	padding-bottom: 5px;
	margin-top: 8px;
}
#imgPrec, #imgSuiv, #plus  {
	height: 15px;
	width: 15px;
}

#plus  {
	float:right;
	margin-right:10px;
}

#ani  {
	height: 15px;
	width: 20px;
	float:right;
	margin-right:5px;
}

.visible {
	display: block;
}
.invisible {
	display: none;
}
#sexe {
	margin-left: 54px;
}
#naissanceJour {
	margin-left: 17px;
	width: 60px;
	padding-left: 5px;
}
#connection form h6 {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 15px;
	height: auto;
	width: 130px;
}
#repertoireqcProfil {
	float: left;
	height: 30px;
	width: 30px;
}
#connectionFait {
	padding-top: 50px;
}
#iconProf {
	margin-right: 5px;
	height: 25px;
	width: 25px;
	float: right;
	margin-top: 15px;
}
#messageNouveau {
	text-shadow:1px 1px 2px #999;
}

#actu1 {
	margin-left:30px;
}
#actu {
	padding-left: 15px;
	height: auto;
	width: 800px;
	padding-top: 15px;
	float: left;

}
#actu .nomBold {
	font-weight: bold;
	margin-left: 15px;
	float: left;
	width: 600px;
}
#affirmation {

}
#actu img {
	float: left;
	clear: both;
}
#actu .affirmation {
	padding-left: 15px;
	width: 450px;
	float: left;
}
#javascriptEntete {
	height: auto;
	width: 728px;
	border: 2px solid #333333;
	float: right;
	margin-right: 35px;
	margin-top: 5px;
	-moz-box-shadow: 0px 3px 22px #0f0f0f;
-webkit-box-shadow: 0px 3px 22px #0f0f0f;
box-shadow: 0px 3px 22px #0f0f0f;
}
#enveloppe2 {
	height: auto;
	width: 960px;
	float: left;
}

#enveloppe3 {
	height: auto;
	width: 120px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

#enveloppeAn{
	-moz-box-shadow: 0px 3px 22px #0f0f0f;
	-webkit-box-shadow: 0px 3px 22px #0f0f0f;
	box-shadow: 0px 3px 22px #0f0f0f;
	height: auto;
	background-color: #666;
	width:120px;
	margin-bottom:10px;
}

#enveloppeFace {
	-moz-box-shadow: 0px 3px 22px #0f0f0f;
	-webkit-box-shadow: 0px 3px 22px #0f0f0f;
	box-shadow: 0px 3px 22px #0f0f0f;
	height: 150px;
	background-color: #666;
	width:120px;
	margin-bottom:10px;
}

#enteteLienFace {
	float: left;
	height: 80px;
	width: 135px;
	margin-left: 40px;
}
#logoEnteteLienFace {
	float: left;
	height: 43px;
	width: 43px;
	margin-top:3px;
	margin-left:2px;
	background-image: url(../repertoireqc/Facebook2.png);
}

#logoEnteteLienFace:hover {
	background-image: url(../repertoireqc/Facebook1.png);
}

#logoEnteteLienTwit {
	float: left;
	height: 43px;
	width: 43px;
	margin-top:5px;
	background-image: url(../repertoireqc/twitter1.png);
}

#logoEnteteLienTwit:hover {
	background-image: url(../repertoireqc/twitter2.png);
}

#logoEnteteLienLogi {
	float: left;
	height: 43px;
	width: 43px;
	margin-top:5px;
	background-image: url(../repertoireqc/logi1.png);
}

#logoEnteteLienLogi:hover {
	background-image: url(../repertoireqc/logi2.png);
}

.juiz_step { 
	min-height: 100%;
	padding: 20px;
	
}
.juiz_controls {

}
.juiz_controls  li {
	list-style:none;
	margin: 5px 0;
}

.juiz_controls  li a {
	display: inline-block;
	font-size: 1.2em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #999;
	text-shadow: 1px 1px 0 #7e6641;
	text-decoration:none;
	background-color: #F4F4F4;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 30px;
	opacity:0.4;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
  }

.juiz_prev {
	background-image: url(../repertoireqc/fleche.png);
 }
 
#back-to-home {
	margin-left:90px;
 }

#back-top {
	position: fixed;
	margin-left:90px;
	margin-top:80px;
}
#back-top a, #back-to-home a {
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* arrow icon (span tag) */
#back-top span {
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 30px;
	display: block;
	margin-bottom: 7px;
	background: #F4F4F4 url(../repertoireqc/fleche.png); no-repeat center center;
	opacity:0.4;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-to-home span {
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 30px;
	display: block;
	background-repeat:no-repeat;
	margin-bottom: 7px;
no-repeat center center;
	opacity:0.4;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-color: #F4F4F4;
	background-image: url(../repertoireqc/maison.png);
	background-position: 4px 0px;
}
#back-top a:hover span, #back-to-home a:hover span {
	opacity:1;
}
#uti {
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #2A2A2A;
	border-left-color: #000;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 30px;
	width: 140px;
	color: #FFF;
	background-image: url(../repertoireqc/user_icon.png);
}

#pass {
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	margin-right: 45px;
	height: 25px;
	background-image: url(../repertoireqc/pass_icon.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 30px;
	width: 140px;
	color: #FFF;
}
#envoyerConnection {
	background-color: #FFFFFF;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border: 1px solid #000000;
	width: 100px;
	margin-top: 15px;
	padding-top: 5px;
	height: 25px;
	width: 172px;
	padding-bottom: 25px;
	color: #666;
	margin-right: 15px;
	margin-bottom: 15px;
}
.recherchetext {
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	color: #FFF;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(../repertoireqc/search-white.png);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-top: 18px;
	margin-left: 35px;
}
#rechercher {
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #BB9C9C;
	border-bottom-color: #BB9C9C;
	border-left-color: #000;
	padding-top:4px;
	padding-bottom:4px;
	color: #fff;
}

.recherchetextArtiste, .recherchetextNouvelle  {
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #666;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(../repertoireqc/search-white.png);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-top:15px;
}

.codePostal {
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	color: #FFF;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top: 5px;
	margin-left:15px;
	width: 50px;
	clear: both;
	float: left;
	height: 16px;
}

.recherchetextArtiste {
	margin-left:15px;
	float: left;
}

.recherchetextNouvelle  {
	margin-left:30px;
	float: left;
}
#rechercherArtiste, #rechercherNouvelle {
	background-color: #595959;
	padding-top:5px;
	padding-bottom:5px;
	color: #FFF;
	border: 1px solid #000;
	margin-top: 15px;
	margin-left: 14px;
}

#rechercherCodePostal {
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #BB9C9C;
	border-bottom-color: #BB9C9C;
	border-left-color: #000;
	padding-top:5px;
	padding-bottom:5px;
	color: #fff;
	margin-top:18px;
	margin-left:-10px;
}
#rechercherNouvelle {
	float:left;
	margin-top: 16px;
	margin-left: 10px;
}
.videoAdd a {
	float:right;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:28px;
}
.videoAdd a:hover {
	color: #000;
}
#rechercheAdd {
	width: 570px;
	margin-left: 20px;
	float: left;
}
#rechercheAdd .recherche {
	float: left;
}

#VideosEnsemble {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-left: 36px;
	/*margin: 30px auto 20px auto;*/ 
	width: 560px;
	
}
#videoLien .lienTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	float: left;
	width: 120px;
	margin-top: 5px;
}
#FicheArtisteYoutube {
	clear: both;
	padding-left:15px;
	padding-top:20px;
}

#FicheArtisteYoutube a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;	
}

#FicheArtisteYoutube a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;	
}


#fb-root {
	margin-top: 10px;
	margin-bottom: 15px;
	float: left;
}
#videoPresentationAutre {
	padding-top: 15px;
	padding-left: 15px;
	clear: both;
	float: left;
}
#videoTableau .alien th .alien {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#videoTableau2 .alien th .alien {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#annonceVideo {
	position: absolute;
	top: 725px;
	right: 50px;
}

#addthis {
	width: 342px;
	margin-left: 10px;
	margin-top:30px;
	margin-bottom:60px;
	float: left;
}

#pagination {
	padding-top: 15px;

} 

#pagination a {
	color: #666;	
} 

#pagination a:hover {
	color: #000;	
}   
#logoEnteteLienLogi a {
	height: 43px;
	width: 43px;
}
#Contenu table tr #ActuDate, #Contenu table tr #ActuDesc, #Contenu table tr #ActuDis  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #333;
	padding-top:5px;
	padding-bottom:5px;
}
#Contenu table tr #ActuDis  {
	padding-left:5px;
	padding-right:5px;
	border-left-color: #CCC;
	border-left-style:dotted;
	border-left-width:1px;
}

#Contenu table tr #ActuHeure {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #333;
	padding-top:25px;
	padding-bottom:25px;
		border-right-color: #CCC;
	border-right-style:dotted;
	border-right-width:1px;
	padding-left:15px;
	padding-right:15px;
}



/* DOnald*/
#Contenu table tr #ActuHeure a {
	color: #FFF;
	text-decoration: underline;	
} 

#Contenu table tr #ActuHeure a:hover {
	color: #FFF;	
	text-decoration: underline;
}  
/* Donald*/





#Contenu table tr #ActuDateCalen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #333;
	padding-top:25px;
	padding-bottom:25px;
	border-right-color: #CCC;
	border-right-style:dotted;
	border-right-width:1px;
	padding-left:45px;
	padding-right:45px;
}

#Contenu table tr #ActuDate a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#Contenu table tr #ActuDate a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	font-weight: bold;
	text-decoration: underline;
}

#Contenu table tr #ActuDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #333;
	padding-right:140px;
	padding-left:140px;
}

#Contenu table tr #ActuDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #333;
	padding-top:25px;
	padding-bottom:25px;
	padding-right:50px;
	padding-left:50px;
	border-right-color: #CCC;
	border-right-style:dotted;
	border-right-width:1px;
	padding-right:60px;
	padding-left:60px;
}
#ActuDateEcrit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	padding-top:15px;
	padding-bottom:15px;
	border-right-color: #CCC;
	border-right-style:dotted;
	border-right-width:1px;
	border-bottom-color: #CCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding-left:20px;
}

#ActuDateEvem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	padding-top:15px;
	padding-bottom:15px;
	border-right-color: #CCC;
	border-right-style:dotted;
	border-right-width:1px;
	border-bottom-color: #CCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	width:250px;
	padding-left:15px;
}

#ActuCalenEcrit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:5px;
	border-right-color: #CCC;
	border-right-style:dotted;
	border-right-width:1px;
	border-bottom-color: #CCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	text-align:left;
	
}

#ActuDescEcrit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom-color: #CCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}

#ActuEnsemble {
	margin-top:15px;
	margin-left:25px;
	float: left;
	clear: both;
}
#ActuDescEcrit a, #ActuCalenEcrit a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}

#ActuDescEcrit a:hover, #ActuCalenEcrit a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.moisCible {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-left: 25px;
	float: left;
	margin-top: 25px;
	width: 290px;
	clear: both;
}
.evenementArtiste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-left: 25px;
	float: left;
	margin-top: 55px;
	margin-bottom: 0px;
	clear: both;
}

.evenementArtisteIndex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
	clear: both;
}

.IndexDroite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	clear: both;
	margin-left: 0px;
}


.ArtisteBio 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-left: 25px;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
}


.evenementArtisteDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-left: 25px;
	float: left;
	margin-top: 25px;
	clear: both;
}

.moisSuivant a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	float: left;
	background-color: #E6E6E6;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 15px;
}

.moisPrecedent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	float: left;
	background-color: #E6E6E6;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	margin-left:350px;
}

.moisSuivant a:hover, .moisPrecedent a:hover {
	color: #000;
	background-color: #F7F7F7;
}
.nouvelleAdd a  {
	color: #666;
	text-decoration: underline;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
	width: 200px;
}

.evenementAdd a {
	color: #666;
	text-decoration: underline;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 45px;
	margin-bottom: 30px;
	float: left;
	width: 200px;
}

.nouvelleAdd a:hover, .evenementAdd a:hover {
	color: #000;
}

#sectionActu {
	margin-left:28px;
	margin-bottom:35px;
	width: 360px;
	float: left;
	margin-top: 25px;
}

#sectionTemporel {
	margin-left:28px;
	float:left;
	margin-top: 15px;
	width: 299px;
	margin-bottom: 45px;
}

#sectionActu a, #sectionTemporel a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #333;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

#sectionActu a:hover , #sectionTemporel a:hover{
	color: #FFF;
}

.nouvelleAffiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear: both;
	float: left;
	margin-bottom: 20px;
	margin-left: 28px;
}

.crop{
	display: block;
	position: relative;
	overflow: hidden;
	width: 240px;
	height: 300px;
	float: left;
	border: 1px solid #B5B5B5;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
	}
.crop img{
	position: absolute;
	min-width: 240px;
	min-height: 300px;
	// Parameters: 
	// 4px: padding-top 
	// 232px: width-2*padding (top+bottom)
	// 292px: height-2*padding (top+bottom)
	// 4px: padding-left 
	clip: rect(4px, 232px, 292px, 4px);
	_clip: rect(4px 232px 292px 4px);
	}
	
	.cropImgConnect{
	display: block;
	position: relative;
	overflow: hidden;
	width: 30px;
	height: 30px;
	float: left;
	border: 1px solid #3E3D42;
	margin-right: 5px;
	}
.cropImgConnect img{
	position: absolute;
	min-width: 30px;
	min-height: 30px;
	// Parameters: 
	// 4px: padding-top 
	// 232px: width-2*padding (top+bottom)
	// 292px: height-2*padding (top+bottom)
	// 4px: padding-left 
	clip: rect(4px, 232px, 292px, 4px);
	_clip: rect(4px 232px 292px 4px);
	}
#informationArtiste {
	width: 240px;
	height: auto;
	min-height:320px;
	float: right;
	margin-bottom: 25px;
	position: relative;
	display: block;
	background-color: #E1E1E1;
	border: 1px solid #FFFFFF;
	border-radius: 0px 0px 20px 20px;
	padding-bottom: 20px;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
	
}


#informationArtisteBloque {
	width: 242px;
	height: auto;
	float: left;
	margin-left: 30px;
}
#informationArtiste .titreInformationArtiste {
	float: left;
	height: 15px;
	background-color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 15px;
	font-size: 14px;
	width: 240px;
	text-align: center;
}

#informationArtiste .titreInformationVideo  {
	float: left;
	height: 15px;
	background-color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 14px;
	width: 240px;
	text-align: center;
}
#informationArtiste li {
	clear: both;
	list-style-type: none;
	margin-left: auto;
	margin-top: 12px;
	font-size: 12px;
	width: 200px;
	margin-right: auto;
	color: #000;
}

#informationArtiste li a{
	clear: both;
	list-style-type: none;
	margin-left: auto;
	margin-top: 8px;
	font-size: 12px;
	width: 200px;
	margin-right: auto;
	color: #4F4F4F;
	text-decoration: underline;
}

#informationArtiste li a:hover {
	clear: both;
	list-style-type: none;
	margin-left: auto;
	margin-top: 10px;
	font-size: 12px;
	width: 200px;
	margin-right: auto;
	color: #000000;
} 
#informationArtiste .NomArtisteInformation {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: bold;
}
.autreArticle {
	font-size: 14px;
	font-weight: bold;
}
#autreArticleBloque {
	width: 750px;
	float: left;
	margin-top: 60px;
}

#ActuEnsembleArtistePlus {
	margin-top:10px;
	margin-left:25px;
	float: left;
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
}

#tableauAgenda tr td  {
	height: 25px;
	width: 25px;
	text-align: center;
	font-size: 12px;
	border: 1px dotted #BBBBBB;
	color: #4D4D4D;
	float: left;
	padding:2px;
	font-family: Verdana, Geneva, sans-serif;
}

#tableauAgenda tr .DateActive a {
	color: #E4E4E4;
}

#tableauAgenda tr td a {
	font-family: Verdana, Geneva, sans-serif;
}

#tableauAgenda tr .DateActive  {
	border: 1px solid #BBBBBB;
	background-color: #333333;
	font-family: Verdana, Geneva, sans-serif;
}

/* DOnald */
#tableauAgenda tr .DateActive :hover 
{
	color: #000000;
}
/* DOnald */

#tableauAgenda tr td:hover {
	border: 1px solid #666;
	background-color: #E4E4E4;
	font-family: Verdana, Geneva, sans-serif;
}
.jour {
	color: #999;
	font-size: 9px;
	text-align: center;
	clear: both;
	float: left;
	padding-left: 4px;
	width: 15px;
	font-family: Verdana, Geneva, sans-serif;
}
.jourPrec {
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
}
#tableauAgenda {
	background-color: #FCFCFC;
	border: 1px solid #999;
	float: left;
	margin-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
}
#tableauAgenda caption {
	background-color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #999;
	width: 241px;
	margin-bottom: 3px;
	font-size: 14px;
	color: #FFF;
}

#btJour {
	width: 402px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #333;
	color: #FFF;
	clear: both;
	float: left;
	margin-left: 30px;
	margin-top:-1px;
}

.btSemaine, .btMois  {
	width: 402px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #333;
	color: #FFF;
	clear: both;
	float: left;
	margin-left: 30px;
	margin-top:-1px;
	-webkit-transition: width 2s ease, height 2s ease;
	-moz-transition: width 2s ease, height 2s ease;
	-o-transition: width 2s ease, height 2s ease;
	-ms-transition: width 2s ease, height 2s ease;
	transition: width 2s ease, height 2s ease;
}

.btSemaine-change, .btMois-change {
	width: 672px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #333;
	color: #FFF;
	clear: both;
	float: left;
	margin-left: 30px;
	margin-top:-1px;
}

.boxJour {
	width: 400px;
	height: 0px;
	-webkit-transition: width 2s ease, height 2s ease;
	-moz-transition: width 2s ease, height 2s ease;
	-o-transition: width 2s ease, height 2s ease;
	-ms-transition: width 2s ease, height 2s ease;
	transition: width 2s ease, height 2s ease;
	overflow:auto;
	background-color: #FCFCFC;
	clear: both;
	float: left;
	margin-left: 30px;
	margin-top:25px;
}

.boxJour-change {
	width: 400px;
	height: 600px;
	background-color: #FCFCFC;
}

.boxSemaine, .boxMois {
	width: 670px;
	height: 0px;
	-webkit-transition: width 2s ease, height 2s ease;
	-moz-transition: width 2s ease, height 2s ease;
	-o-transition: width 2s ease, height 2s ease;
	-ms-transition: width 2s ease, height 2s ease;
	transition: width 2s ease, height 2s ease;
	overflow:auto;
	background-color: #FCFCFC;
	clear: both;
	float: left;
	margin-left: 30px;
	margin-top:25px;
}

.boxSemaine-change, .boxMois-change {
	width: 670px;
	height: 600px;
	background-color: #FCFCFC;
}

.jour a {
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-align: center;
	clear: both;
	float: left;
	padding-left: 4px;
	width: 15px;
}
.jourPrec a {
	color: #999999;
	font-family: Verdana, Geneva, sans-serif;
}

.evenementParJour  {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.evenementParJour caption {
	background-color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #999;
	width: 240px;
	margin-bottom: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
}

.typeTemps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #333;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	padding-right:25px;
	margin-right:15px;
	margin-top:10px;
}

#modeTemporel {
	padding-bottom: 5px;
	font-weight: bold;
}

#modeTemporelMois {
	padding-bottom: 5px;
	font-weight: bold;
	margin-top:35px;
}

.evenementParJour tr td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	color: #4D4D4D;
	height: 35px;
	padding:5px;
}

.evenementParSemaine tr td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	color: #4D4D4D;
	height: 35px;
	padding:5px;
}

.evenementParMois tr td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	color: #4D4D4D;
	height: 35px;
	padding:5px;
}

.evenementParJour {
	background-color: #FCFCFC;
	padding: 10px;

}

#evenementExp a{
	color: #000;
	clear: both;
	display: block;
	width: 288px;
	padding:5px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
}

#evenementExpSemaine a {
	clear: both;
	display: block;
	width: 60px;
	padding:5px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
}

#evenementExpMois a {
	clear: both;
	display: block;
	width: 64px;
	padding:5px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
::-webkit-scrollbar-thumb {
	background-color: #666;

}

::-webkit-scrollbar-thumb:hover {
	background-color: #333;

}#evenementExp .lieuEnsemble {
	font-size: 10px;
	color: #333;
	float:left;
	margin-top:10px;
}

#evenementExpSemaine .lieuEnsemble {
	font-size: 9px;
	color: #333;
	float:left;
	margin-top:5px;
}

.cropCalendrier{
	display: block;
	position: relative;
	overflow: hidden;
	width: 50px;
	height: 50px;
	float: left;
	border: 1px solid #B5B5B5;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
	margin-right: 5px;
	}
.cropCalendrier img{
	position: absolute;
	min-width: 50px;
	min-height: 50px;
 
	// Parameters: 
	// 4px: padding-top 
	// 232px: width-2*padding (top+bottom)
	// 292px: height-2*padding (top+bottom)
	// 4px: padding-left 
	clip: rect(4px, 232px, 292px, 4px);
	_clip: rect(4px 232px 292px 4px);


	}
#evenementExp a .artisteCalendrier {
	float: left;
	width: 200px;
}

#evenementExpSemaine a .artisteCalendrier, #evenementExpMois a .artisteCalendrier {
	float: left;
	width: 64px;
	color: #666;
	text-decoration: underline;
}

#evenementExpSemaine a .artisteCalendrier:hover, #evenementExpMois a .artisteCalendrier:hover {
	color: #000;
}

.evenementParSemaine {
	margin-top: 20px;
	margin-left: 10px;
}

.evenementParMois {
	margin-top: 20px;
	margin-left: 10px;
}
#heureEvenement {
	background-color: #F8F8F8;
}
.recherchePostal {
	float: left;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 15px;
}

.expliquationEvenement {
	float: left;
	margin-left:28px;
	width:300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 9px;
}
#googleMap {
	float: left;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
}
#informationArtiste b {
	margin-top: 25px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left:20px;
	margin-bottom: 5px;
}
#informationArtiste img {
	max-width: 100px;
	margin-left:15px;
	margin-bottom:15px;
}
#googleRestaurent {
	float: left;
	clear: both;
	margin-top: 8px;
	margin-left: 15px;
		-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
}
#informationArtiste a img  {
	margin-top:15px;
	margin-right:-15px;
}
.SituerIti {
	width: 403px;
	float: left;
	background-color: #FFF;
	margin-left: 15px;
	padding: 15px;
	border: 1px solid #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.SituerItiPhoto {
	width: 425px;
	float: left;
	background-color: #FFF;
	padding: 15px;
	border: 1px solid #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.SituerIti a {
	float: right;
	color: #666;
	text-decoration: underline;
}

.SituerIti a:hover{
	color: #000;
}


.companieLiseNom a {
	font-size: 18px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-left: 30px;
	float: left;
	clear: both;
	margin-top: 15px;
}

.companieLiseNomIndex a {
	font-size: 18px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-left: 5px;
	float: left;
	clear: both;
	margin-top: 15px;
	width:150px;
}

.companieLiseCat {
	float: left;
	clear: both;
	margin-left: 30px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.companieLiseDescription {
	clear: both;
	float: left;
	margin-top: 5px;
}
#BlocCompanies {
	width: 250px;
	float: right;
	margin-left: 10px;
	margin-right: 25px;
}
#blocListeCompanie {
	float: left;
}

.flecheDroite {
	width:25px;
	height:25px;
	background-image: url(../RepertoireQC/flecheDroite.png);
	float: right;
	margin-top: -5px;
	margin-right:25px;
}

.flecheGauche {
	width:25px;
	height:25px;
	background-image: url(../RepertoireQC/flecheGauche.png);
	float: right;
	margin-top: -5px;
	margin-left:4px;
}
.resDistence {
	width:400px;
	float:left;
	margin-left:30px;
	margin-top:5px;
}

.resDistence b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
}

#ListeElement {
	height: 30px;
	margin-left: 10px;
	float: left;
	margin-top: 5px;
	border: 1px solid #000;
	background-color: #171717;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	color: #FFF;
	padding-left:2px;
	padding-right:0px;
}

#pagination a {
	background-color: #E6E6E6;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#pagination a:hover {
	background-color: #FFFFFF;
}

#pagination #pageActive {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #4A4A4A;
	border: 1px solid #CCC;
	color: #FFF;
}
#PictureNew {
	float:left;
	width: 300px;
	margin-left: 30px;
	margin-bottom: 5px;
	border: 1px solid #000;
}
.nouvelleAdd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 299px;
	margin-top: 10px;
	margin-left: 30px;
}
.recherchePostal label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	margin-left: 15px;
	margin-top: 2px;
	margin-right: 10px;
	color: #FFF;
}
.evenementEtNouvelle {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	clear: both;
	float: left;
	font-size: 11px;
}

.evenementEtNouvelle a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	clear: both;
	float: left;
	font-size: 14px;
}

.evenementEtNouvelleIndex  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	font-size: 11px;
	width:170px;
	margin-left:5px;
}

.evenementEtNouvelleIndex a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	font-size: 14px;
	clear:both;
	width:170px;
} 

#ImageLogo {
	float: left;
	margin-left: 35px;
	clear: both;
	margin-bottom: 15px;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
}


#ImageLogoIndex {
	float: left;
	margin-left: 35px;
	clear: both;
	margin-bottom: 15px;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
}



#ensembleCompanie {
	float: left;
	margin-left: -20px;
	margin-top: -18px;
	width: 250px;
}

#ensembleCompanie2 {
	float: left;
	margin-left: -20px;
	margin-top: -18px;
	width: 200px;
}

#ensembleCompanieIndex {
	float: left;
	width: 100px;
}

.cropCompanie{
	display: block;
	position: relative;
	overflow: hidden;
	width: 80px;
	height: 80px;
	float: left;
	border: 1px solid #B5B5B5;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
	margin-left: 35px;
	margin-bottom: 15px;
	clear: both;
	}
.cropCompanie img{
	position: absolute;
	min-width: 80px;
	min-height: 80px;
	max-height: 90px;
	}
	
.cropCompanie2{
	display: block;
	position: relative;
	overflow: hidden;
	width: 80px;
	height: 80px;
	float: left;
	border: 1px solid #B5B5B5;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
	margin-left: 35px;
	margin-bottom: 15px;
	
}

.cropCompanie2 img{
	position: absolute;
	min-width: 80px;
	min-height: 80px;
	max-height: 90px;
}	
	
	
	
.descriptionArtiste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	clear: both;
	margin-left: 30px;
	margin-bottom: 16px;
	width: 300px;
}
#accueilLien {
	display: block;
	width: 250px;
	height: 200px;
	position: absolute;
	top: 75px;
	left: 20px;
}

#connection form h6 {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 15px;
	height: auto;
	width: 130px;
}

#connection form #paraConnect {
	color: #000;
	font-weight: bold;
	font-size: 75%;
	margin-top: 18px;
	margin-bottom: 10px;
}

#wrapper {
	width: 423px;
	float: left;
	height:100px;
	background-color: #FFF;
	padding:5px;
	margin-left:15px;
	border: 1px solid #E8E8E8;
}
#slide-wrap {
	overflow: auto;
	border: 1px solid #999999;	
}
#inner-wrap {
    float:left;
    margin-right:-30000px;/*Be safe with Opera's limited negative margin of 32695px (-999em could cause problems with large font sizes)*/
}

#inner-wrap img{ /*For simulating images in Demo only for FF, remove this in working layout*/
	width:90px;
	height:68px;
}
#inner-wrap a img { /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	color:#FFF;
	background-color: #F0F0F0;
	padding-left:10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D8D8D8;
	padding-right: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}

#inner-wrapVideo a img { /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	color:#FFF;
	background-color: #F0F0F0;
	padding-left:10px;
	padding-bottom: 15px;
	padding-top: 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D8D8D8;
	padding-right: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}

#inner-wrap span a { /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	width:80px;
	height:73px;
	background-color: #F0F0F0;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	margin-right: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	text-decoration: underline;
}



#inner-wrapVideo span .lienPhotos{ /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	width:435px;
	height:60px;
	background-color: #F0F0F0;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	margin-right: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	text-decoration: underline;
}


#inner-wrapVideo span .lienVideo{ /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	width:250px;
	height:100px;
	background-color: #F0F0F0;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	margin-right: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	text-decoration: underline;
}


#inner-wrapVideo span .publicateurPhotos { /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	width:auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	margin-right: 2px;
	position: absolute;
	left: 300px;
	bottom: 10px;
}


#inner-wrapVideo span .publicateur { /*For simulating images in Demo only for FF, remove this in working layout*/
	float:left;
	width:auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	margin-right: 2px;
	position: absolute;
	left: 140px;
	bottom: 10px;
}

#inner-wrapVideo span .publicateur li { /*For simulating images in Demo only for FF, remove this in working layout*/
	margin-top:3px;
}

#inner-wrapVideo span .publicateur li a { /*For simulating images in Demo only for FF, remove this in working layout*/
	text-decoration: underline;	
}

#inner-wrapVideo {
	margin-left:35px;
	margin-top:15px;
	position: relative;
	float:left;
}

* {
	-webkit-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
	-moz-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
	-ms-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
	transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
}
#bio {
	float: left;
	margin-top: 5px;
	clear: left;
}


#videoart
{
	margin-left: 15px;

}


#breadcrumbs {
	height:2.7em;
	}
#breadcrumbs li {
	float:left;
	line-height:2.7em;
	color:#777;
	padding-left:.85em;
	}		
#breadcrumbs li a {
	display:block;
	padding:0 15px 0 0;
	background-image: url(../RepertoireQC/breadcrums.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	}							
#breadcrumbs li a:link,
#breadcrumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
#breadcrumbs li a:hover, #breadcrumbs li a:focus {
	color:#222
	}	


#informationArtiste .videoSimilaire  {
	background-color: #EAEAEA;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 240px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CACACA;
	border-bottom-color: #CACACA;
}	

#informationArtiste .videoSimilaire:hover  {
	background-color: #F0F0F0;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 240px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4C4C4;
}	
	
#informationArtiste .videoSimilaire span {
	float:right;
	width:135px;
	font-size:12px;
	margin-top:15px;
	text-decoration: underline;
}	

#informationArtiste .videoSimilaire img{
	float:left;
}	


.youtube {



}

#Contenu pre
{

	color: #3D3C41;
	font-size: 14px;
	margin-right: 20px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	float: left;
	width:400px;
	LINE-HEIGHT: 120%;

}

#BlocAccueilRight {
	width: 300px;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
	
.cropCompanieIndex {
	display: block;
	position: relative;
	overflow: hidden;
	width: 80px;
	height: 80px;
	float: left;
	border: 1px solid #B5B5B5;
	-moz-box-shadow: 0px 3px 22px #999999;
	-webkit-box-shadow: 0px 3px 22px #999999;
	box-shadow: 0px 3px 22px #999999;
	margin-bottom: 15px;
	clear: both;
	}
.cropCompanieIndex  img{
	position: absolute;
	min-width: 80px;
	min-height: 80px;
	max-height: 90px;
	}
	
.comment.button, .comment.button:visited{ 
	font-weight:bold;
	background-color:#F8F8F8;
	font-size: 12px;
	border-color:#29447E #29447E #1A356E;
	text-align:center;
	margin-bottom:3px;
												
	margin-right:4px;										
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;

}	




#SituerIti2 {
	width: 685px;
	float: left;
	background:#E1E1E1;
	margin-left: 15px;
	padding: 10px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	
}
#SituerIti2 a {
	float: right;
	color: #666;
	text-decoration: underline;
	font-weight:bold;
}

#SituerIti2 a:hover{
	color: #000;
	font-weight:bold;
}






.commentairesfans
{ 
	padding-bottom: 20px;
	padding-top: 20px;
}

.CommentImg
{ 
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
    text-align: left;
}


#SituerIti3 {
	width: 685px;
	float: left;
	background:#E1E1E1;
	margin-left: 15px;
	padding: 10px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 50px;
	
}
#SituerIti3 a {
	float: right;
	color: #666;
	text-decoration: underline;
}

#SituerIti3 a:hover{
	color: #000;
}


#SituerIti3 h3  {
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;

}


#SubmitComment
 {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #030003;
  font-size: 15px;
  background: #e6e6e6;
  padding: 5px 10px 5px 10px;
  border: solid #000000 1px;
  font-weight:bold;
}

#SubmitComment:hover {
  background: #C0C0C0;
}


.annoncelink{
	font-family: Arial;
	font-size: 10px;
	text-align:center;	
}

.annoncelink h3{
	font-size: 13px;
	color:#FFF;
	width:100%;
	background-color:#666;
	padding-top:3px;
	padding-bottom:3px;	
}		

.annoncelink h3 a {
	color:#FFF;
}

.annoncelink h3 a:hover {
	color:yellow;
}