/* ------------------------------------------------------------------------------ */
/* ---------------- CSS du template de base pour Communic'Art ---------------- */
/* ------------------------------------------------------------------------------ */

/*:::::CSS général:::::*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/*:::::CSS titre/logo :::::*/

img#logo{
	margin-left:28px;
	border:none;
}

.logoComArt {
	float: right;
}

h1 {
	font-size: 1em;
}

h2{
	margin-left:90px;
	font-size: 0.8em;
	width:400px;
}

.Style1 {
	font-size: 14px;
	font-weight: bold;
}

/*:::::CSS meta navigation:::::*/

#conteneur {
	width: 1024px;
}

div#conteneur_meta {
	background-color: #aacf51;
	height: 26px;
	width: 1024px;
}

ul#meta_nav {
	float: right;
	margin: 3px 10px 0px 0px;
}

ul#meta_nav li {
	display: inline;
	border-right: #FFFFFF solid 1px;
}

ul#meta_nav li#dernier {
	border: none;
}

ul#meta_nav li a {
	font-size: 0.8em;
	color: #187BF3;
	padding-left: 8px;
	padding-right: 8px;
}

/*:::::CSS navigation primaire:::::*/

div#conteneur_nav_pri {
	margin-top: 10px;
	height: 31px;	/*color, style, width*/
	width: 1024px;
	color: #8C8C8C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #607D1B;
}

ul#nav_primaire {
	margin-left: 24px;
	height: 33px;
}

ul#nav_primaire li {
	width: 137px;
	height: 33px;
	display: inline;
	float: left;
}



/*:::::CSS contenu:::::*/

div#contenu {
	text-align: left;
	margin-top: 20px;
	height: 460px;
	width: 846px;
}

/*:::::CSS pied de page:::::*/

div#piedDePage {
	clear:both;
	background-color: #aacf51;
	height: 45px;
	padding-top: 19px;
	width: 1024px;
	font-size: 10px;
	text-align: center;
	color: #8C8C8C;
}

div#piedDePage a:link{
	color:#8C8C8C;
}

div#piedDePage a:visited{
	color:#8C8C8C;
}

div#piedDePage a:hover{
	color:#88AA6F;
}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* -----------------------CSS commun à chaque page du site-------------------- */
/* ------------------------------------------------------------------------------ */

/*:::::CSS du fil d'ariane:::::*/

.pageSet {
	background-image: url(../medias/images/backgroundUni.jpg);
	height: 768px;
	width: 1024px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

div#fil_ariane {
	font-size: 10px;
	color: 666666;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	top: 94px;
	position: absolute;
	display: inline;
	width: 500px;
	z-index: 1;
}

div#fil_ariane a:link{
	color:#8C8C8C;
}

div#fil_ariane a:visited{
	color:#8C8C8C;
}

div#fil_ariane a:hover{
	color:#88AA6F;
}

/*:::::CSS du menu principal:::::*/

div#conteneur_nav {
	margin-top: 10px;
	height: 31px;	/*color, style, width*/
	width: 1024px;
	color: #8C8C8C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #607D1B;
	top: 113px;
	position: absolute;
	z-index: 1;
}

ul#nav li {
	background-image: url(../medias/images/bouton_up.png);
	background-repeat: no-repeat;
	width: 137px;
	height: 33px;
	display: inline;
	float: left;
}

ul#nav {
	margin-left: 24px;
	height: 33px;
}

ul#nav li#bt_dn {
	background-image: url(../medias/images/bouton_dn.png);
	background-repeat: no-repeat;
	width: 137px;
	height: 33px;
	display: inline;
	float: left;
}

ul#nav li#bt_dn:hover {

	background-image:url(../medias/images/bouton_hover.png);
}

ul#nav li:hover {

	background-image:url(../medias/images/bouton_uphover.png);
}

ul#nav li p {

	margin-top: 8px;
	text-align: center;
	font-size: 0.7em;
}

ul#nav li p a {

	text-decoration: none;
	color: #8C8C8C;
}

/*:::::CSS du sous-menu pour les pages "Direct" et "Emissions":::::*/

.sousMenu {
	position: absolute;
	height: 30px;
	width: 380px;
	top: 154px;
	list-style-type: none;
	color: #8C8C8C;
	z-index: 1;
	margin-left: 549px;
}

.sousMenu a {
	color: #000000;
	text-decoration: none;
	
}

.sousMenu ul li:hover {
	font-size: 10px;
	background-image: url(../medias/images/btnsm_hover.png);
	background-repeat: no-repeat;
}

.sousMenu ul {
	height: 30px;
}
.sousMenu ul li {
	display: inline;
	float: left;
	height: 30px;
	width: 95px;
	background-image: url(../medias/images/btnsm_dn.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 9px;
}
.sousMenu ul li#btnDown {
	font-size: 10px;
	background-image: url(../medias/images/btnsm_hover.png);
	background-repeat: no-repeat;
}

/*:::::CSS des titres:::::*/

.titre {
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
	width: 400px;
	font-weight: bold;
}

.petitTitre {
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
	width: 200px;
	font-weight: bold;
	text-align: left;
}
.moyenTitre {
	font-size: 14px;
	display: block;
	margin-left: 20px;
	width: 300px;
	text-align: center;
	padding-bottom: 5px;
}
.titreAccueil {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #317A05;
}



/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* ------------------ CSS des pages d'accueil, de contact, de partenariats et de charte du site ----------------- */
/* ------------------------------------------------------------------------------ */

/*:::::CSS du cadre de contenu:::::*/

.cadreContenu {
	background-image: url(../medias/images/cadreAccueil.png);
	height: 237px;
	width: 352px;
	background-repeat: no-repeat;
	margin: 0px;
	position: absolute;
	top: 164px;
}

/*:::::CSS du contenu:::::*/

.texteContenu {
	height: 184px;
	width: 297px;
	position: absolute;
	left: 26px;
	top: 31px;
	font-size: 10px;
	text-align: justify;
	overflow:auto;
	padding-right: 10px;
}

.texteContenu a:link {
	color: #8C8C8C;
}

.texteContenu a:visited {
	color: #8C8C8C;
}

.texteContenu a:hover {
	color: #88AA6F;
}

.cadreCalendrier {
	position: absolute;
	margin-left: 163px;
	background-image: url(../medias/images/cadreCalendrier.png);
	background-repeat: no-repeat;
	top: 163px;
	height: 473px;
	width: 861px;
}

.cadreAccueilDirect {
	background-image: url(../medias/images/cadreAccueil.png);
	background-repeat: no-repeat;
	height: 237px;
	width: 352px;
	font-size: 10px;
	margin-left: 355px;
	position: absolute;
	top: 164px;
}

.cadreAccueilDirectContenu {
	height: 184px;
	width: 303px;
	position: absolute;
	left: 26px;
	top: 30px;
}

.cadreAccueilDirectContenu ul {
	width: 300px;
	height: 175px;
	margin-top: 20px;
}

.cadreAccueilDirectContenu li {
	display: inline;
	float: left;
	height: 175px;
	width: 145px;
	text-align: center;
}

.cadreAccueilDirectContenu a {
	color: #317A05;
	text-decoration: none;
}

.cadreAccueilDirectContenu a:hover {
	color: #FF9933;
	text-decoration: underline;
}

.cadreAccueilDifféré {
	font-size: 10px;
	background-image: url(../medias/images/cadreAccueil.png);
	background-repeat: no-repeat;
	height: 237px;
	width: 353px;
	margin-left: 355px;
	position: absolute;
	top: 400px;
}
.cadreAccueilArtiste {
	font-size: 10px;
	background-image: url(../medias/images/cadreAccueil.png);
	background-repeat: no-repeat;
	height: 237px;
	width: 353px;
	position: absolute;
	top: 400px;
}


.cadreDefaut {
	background-image: url(../medias/images/cadre.png);
	height: 435px;
	width: 855px;
	background-repeat: no-repeat;
	margin: 0px;
	position: absolute;
	top: 202px;
}

.cadreDefautContenu {
	height: 318px;
	width: 755px;
	position: absolute;
	left: 41px;
	top: 50px;
	font-size: 10px;
	text-align: justify;
	overflow:auto;
	padding-right: 10px;
}

.cadreDefautContenu a:link {
	color: #8C8C8C;
}

.cadreDefautContenu a:visited {
	color: #8C8C8C;
}

.cadreDefautContenu a:hover {
	color: #88AA6F;
}

/*:::::CSS du plan de la page contact::::*/

.imgPlan {
	height: 237px;
	position: absolute;
	top: 36px;
	width: 352px;
	margin-left: 355px;
	left: 14px;
}

/*:::::CSS du fichier flash des partenaires:::::*/

.partenaires {
	position:absolute;
	top: 200px;
	margin-left: 287px;
}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* -------------- CSS pour les pages de la partie "Direct" du site -------------- */
/* ------------------------------------------------------------------------------ */

/*:::::CSS du cadre de présentation:::::*/

.directCadre {


	background-image: url(../medias/images/cadreEmission.png);
	height: 430px;
	width: 435px;
	background-repeat: no-repeat;
	position: absolute;
	top: 207px;
}

.directContenu {
	height: 295px;
	width: 315px;
	position: absolute;
	left: 52px;
	top: 60px;
	font-size: 12px;
	overflow:auto;
	padding-right: 10px;
	text-align: justify;
}

.directContenu p {
	display: block;
}

/*:::::CSS du cadre des vidéos en direct:::::*/

.cadreTV {
	background-image: url(../medias/images/cadreTV.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 480px;
	width: 1024px;
	top: 156px;

}

.contenuTV {
	position: absolute;
	left: 40px;
	top: 71px;
	width: 948px;
	height: 57px;
	font-size: 11px;
	text-align: center;
	overflow:auto;
}
.contenuTV a {
	color: #8C8C8C;
}
.contenuTV a:hover {
	color: #88AA6F;
}


.contenuTV h1 {
	font-size: 16px;
}

/*:::::CSS de la vidéo:::::*/

.webtv {
	position: absolute;
	top: 134px;
	margin-left: 40px;
	width: 948px;
	height: 313px;
	text-align: center;
	overflow: hidden;
	left: 1px;
}



/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* -------------- CSS pour les pages de la partie "Emissions" du site -------------- */
/* ------------------------------------------------------------------------------ */

/*:::::CSS du cadre de présentation de l'émission:::::*/

.cadreEmission {
	background-image: url(../medias/images/cadreDescri.png);
	background-repeat: no-repeat;
	height: 432px;
	width: 372px;
	position: absolute;
	top: 204px;
}

.cadreEmissionContenu {
	position: absolute;
	text-align: left;
	padding-right: 10px;
	height: 298px;
	width: 276px;
	left: 40px;
	top: 56px;
	font-size: 10px;
	overflow:auto;
}

.cadreEmissionDescri {
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}

.cadreEmissionResume {
	padding-top: 10px;
}


/*:::::CSS du cadre de diffusion de la vidéo:::::*/

.cadreVideo {
	background-image: url(../medias/images/cadreVideo.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 433px;
	width: 450px;
	top: 155px;
	margin-left: 335px;
}

.videoDiferee {
	height: 285px;
	width: 385px;
	margin-left: 55px;
	margin-top: 105px;
}

/*:::::CSS du cadre du listing des vidéos disponibles:::::*/

.cadreListe {
	position: absolute;
	height: 413px;
	width: 245px;
	background-image: url(../medias/images/cadreListe.png);
	background-repeat: no-repeat;
	top: 223px;
	margin-left: 767px;
}
.cadreListeContenu a {
	color: #8C8C8C;
	text-decoration: none;
}
.cadreListeContenu a:hover {
	color: #88AA6F;
}

.cadreListeListe {
	position: absolute;
	width: 174px;
	overflow: auto;
	height: 264px;
	top: 34px;
	left: 2px;
}

.cadreListeContenu ul {
	font-size: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.cadreListeContenu li {
	display: block;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #88AA6F;
}

.cadreListeContenu h1 {
	color:#006600;
	font-size:12px;
}

.cadreListeContenu {
	position: absolute;
	left: 31px;
	top: 34px;
	width: 174px;
	height: 299px;
}

.nomListe {
	font-size: 14px;
	padding-left: 10px;
	display: block;
	font-weight: bold;
	text-align: center;
}
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* -------------- CSS pour les pages de la partie "Emissions" du site -------------- */
/* ------------------------------------------------------------------------------ */

/*:::::CSS du cadre du choix des vidéos récentes et les plus vues:::::*/
.cadreChoixVideo {
	position:absolute;
	background-image:url(../medias/images/bandeauVideos.png);
	background-repeat:no-repeat;
	width:1024px;
	height:167px;
	top:168px;
	z-index: 0;
}

.cadreChoixVideoRécentes {
	position: absolute;
	left: 108px;
	top: 28px;
	width: 430px;
	height: 111px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #5C771C;
}

.cadreChoixVideo ul {
	height: 100px;

}

.cadreChoixVideo ul li {
	display:inline;
	width:140px;
	float: left;
	text-align: center;
	font-size: 10px;
	height: 100px;
	overflow: hidden;
}
.cadreChoixVideo ul li img {
	border:0;
}


.cadreChoixVideoVues {
	position: absolute;
	left: 550px;
	top: 28px;
	width: 430px;
	height: 111px;
}

/*:::::CSS du cadre de présentation des interviews:::::*/

.cadreInterview {
	background-image:url(../medias/images/cadreInter.png);
	background-repeat:no-repeat;
	position:absolute;
	width:357px;
	height:330px;
	top:322px;
}

.cadreInterviewContenu {
	position:absolute;
	left: 54px;
	top: 48px;
	width: 247px;
	height: 248px;
	font-size: 11px;
	padding-right: 10px;
	overflow:auto;
}

.cadreInterviewContenu h1{
	font-size: 14px;
	margin-bottom: 10px;

}

/*:::::CSS du cadre de présentation de l'univers-cité de l'amour:::::*/

.cadreUniv {
	background-image:url(../medias/images/cadreUniv.png);
	background-repeat:no-repeat;
	position:absolute;
	width:370px;
	height:331px;
	top:317px;
	margin-left: 330px;
}

.cadreUnivContenu {
	position:absolute;
	left: 35px;
	top: 35px;
	width: 282px;
	padding-right: 10px;
	font-size: 11px;
	height: 246px;
	overflow: auto;
}

.cadreUnivContenu h1{
	font-size: 14px;
	padding-bottom: 10px;
	text-align: center;

}

/*:::::CSS du cadre de présentation des ateliers:::::*/

.cadreAtelier {
	background-image:url(../medias/images/cadreAtelier.png);
	background-repeat:no-repeat;
	position:absolute;
	width:358px;
	height:330px;
	top:322px;
	margin-left: 666px;
}

.cadreAtelierContenu {
	position:absolute;
	left: 47px;
	top: 48px;
	padding-right: 10px;
	font-size: 11px;
	width: 254px;
	height: 253px;
	overflow: hidden;
}

.cadreAtelierContenu h1{
	font-size: 14px;
	padding-bottom: 10px;
	text-align: right;
}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* -------------- CSS pour la page du plan du site -------------- */
/* ------------------------------------------------------------------------------ */

.planSite {
	position:absolute;
	top: 195px;
}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* -------------- CSS de la page des Artistes -------------- */
/* ------------------------------------------------------------------------------ */

.sousMenuLogin {

	position: absolute;
	height: 30px;
	width: 200px;
	top: 154px;
	list-style-type: none;
	color: #8C8C8C;
	z-index: 1;
	margin-left: 800px;
}

.sousMenuLogin a {

	color: #000000;
	text-decoration: none;
}

.sousMenuLogin ul li:hover {

	font-size: 10px;
	background-image: url(../medias/images/btnsm_hover.png);
	background-repeat: no-repeat;
}

.sousMenuLogin ul {

	height: 30px;
}

.sousMenuLogin ul li {

	display: inline;
	float: left;
	height: 30px;
	width: 95px;
	background-image: url(../medias/images/btnsm_dn.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 9px;
}

.sousMenuLogin ul li#btnDown {

	font-size: 10px;
	background-image: url(../medias/images/btnsm_hover.png);
	background-repeat: no-repeat;
}

.cadreResumeConcours {
	background-image: url(../medias/images/cadreConcours.png);
	background-repeat: no-repeat;
	height: 435px;
	width: 497px;
	position: absolute;
	top: 201px;
}

.cadreResumeConcoursContenu {
	position: absolute;
	left: 30px;
	top: 43px;
	width: 332px;
	height: 361px;
	font-size: 10px;
}

.cadreResumeConcoursContenu p {
	display: block;
	width: 150px;
	float: left;
	margin-top: 15px;
}

.cadreResumeConcoursContenu img {
	float: right;
}

.cadreResumeConcoursContenu li {
	display: block;
	width: 317px;
	height: 90px;
	text-align: center;
	margin-top: 10px;
	margin-right: 15px;
}

.cadreResumeConcoursContenu a {
	text-align: center;
	color: #8C8C8C;
	font-size: 12px;
	display: block;
}

.cadreResumeConcoursContenu a:hover {
	color: #88AA6F;
}

.cadreFicheAleatoire {
	background-image: url(../medias/images/cadreVideoArtistes.png);
	background-repeat: no-repeat;
	height: 248px;
	width: 603px;
	margin-left: 421px;
	position: absolute;
	top: 189px;
}

.cadreFicheAleatoireContenu {
	font-size: 10px;
	position: absolute;
	left: 30px;
	top: 33px;
	width: 527px;
	height: 169px;
	padding-left: 10px;
}

.cadreFicheAleatoireContenu img {
	float: left;
}

.cadreFicheAleatoireContenu a {
	display: block;
	text-align: center;
	font-size: 11px;
	color: #8C8C8C;
	margin-top: 5px;
}

.cadreFicheAleatoireContenu a:hover {
	color: #88AA6F;
}



.cadreChoixVideoArtistes {
	background-image: url(../medias/images/cadreFicheAleatoire.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 603px;
	height: 248px;
	margin-left: 409px;
	top: 405px;
}

.titreVideosArtistes {
	font-size: 12px;
	display: block;
	font-weight: bold;
}


.cadreChoixVideoArtistes ul {
	height: 120px;
	margin-top: 20px;
}

.cadreChoixVideoArtistes li {
	display: inline;
	float: left;
	font-size: 10px;
	width: 120px;
	margin-left: 8px;
}


.cadreChoixVideoArtistesContenu {
	position: absolute;
	left: 41px;
	top: 31px;
	width: 533px;
	height: 175px;
	text-align: center;
}

.cadreChoixVideoArtistesMois {
	position: absolute;
	left: 312px;
	top: 31px;
	width: 265px;
	height: 175px;
	text-align: center;
}

.cadreExplicatif {

	background-image: url(../medias/images/cadreExplicatif.png);
	height: 430px;
	width: 846px;
	background-repeat: no-repeat;
	margin: 0px;
	position: absolute;
	top: 207px;
}

.cadreExplicatifContenu {

	height: 298px;
	width: 608px;
	position: absolute;
	left: 43px;
	top: 57px;
	font-size: 12px;
	text-align: justify;
	overflow:auto;
	padding-right: 10px;
}

.cadreExplicatifContenu a {
	font-size: 14px;
	color: #8C8C8C;
	display: block;
	text-align: center;
	margin-top: 20px;
}

.cadreExplicatifContenu a:hover {
	color: #88AA6F;
}

.listeArtiste {

	position: absolute;
	height: 413px;
	width: 245px;
	background-image: url(../medias/images/cadreListe.png);
	background-repeat: no-repeat;
	top: 223px;
}

.cadreFicheArtiste {
	background-image: url(../medias/images/cadreFicheArtiste.png);
	background-repeat: no-repeat;
	height: 435px;
	width: 763px;
	margin-left: 250px;
	top: 202px;
	position: absolute;
}

.cadreFicheArtistePhoto {
	height: 105px;
	width: 80px;
	margin-left: 10px;
	margin-right: 10px;
}

.cadreFicheArtisteContenu {
	font-size: 10px;
	position: absolute;
	height: 310px;
	width: 668px;
	left: 51px;
	top: 52px;
}

.cadreFicheArtisteContenuGauche {
	float: left;
	width: 125px;
	text-align: center;
	height: 350px;
}

.cadreFicheArtisteContenuDroit {
	float: left;
	width: 533px;
	overflow: auto;
	padding-left: 10px;
}

.cadreFicheArtisteCarac {
	margin-left: 150px;
	font-size: 12px;
	margin-bottom: 15px;
}
.cadreVideoArtiste {
	background-image: url(../medias/images/cadreVideo.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 433px;
	width: 450px;
	top: 155px;
	margin-left: 210px;
	background-position: left;
}
.cadreDescVideoArtiste {
	background-image: url(../medias/images/cadreDescri.png);
	background-repeat: no-repeat;
	height: 432px;
	width: 372px;
	position: absolute;
	top: 204px;
	margin-left: 630px;
}
.cadreDescArtisains {
	background-image: url(../medias/images/descriArtisains.png);
	background-repeat: no-repeat;
	height: 384px;
	width: 516px;
	top: 252px;
	position: absolute;
}

.cadreDescArtisainsContenu {
	font-size: 10px;
	position: absolute;
	height: 259px;
	width: 329px;
	left: 34px;
	top: 90px;
}

.bandeauArtisains {
	background-image: url(../medias/images/bandeauArtisains.png);
	background-repeat: no-repeat;
	height: 167px;
	width: 952px;
	top: 149px;
	margin-left: 60px;
	position: absolute;
}

.bandeauArtisainsContenu {
	position: absolute;
	left: 33px;
	top: 34px;
	width: 881px;
	height: 118px;
	font-size: 10px;
	overflow: auto;
}

.bandeauArtisainsContenu ul {
	height: 100px;

}

.bandeauArtisainsContenu ul li {
	display:inline;
	width:140px;
	float: left;
	text-align: center;
	font-size: 10px;
	height: 100px;
	overflow: hidden;
}
.bandeauArtisainsContenu ul li img {
	border:0;
}

.cadreVideoArtisains {
	background-image: url(../medias/images/videoArtisains.png);
	background-repeat: no-repeat;
	height: 341px;
	width: 603px;
	top: 297px;
	margin-left: 421px;
	position: absolute;
}
.msgPageArt {
	font-size: 10px;
	text-decoration: underline;
	text-align: center;
	display: block;
	position: absolute;
	top: 171px;
	margin-left: 20px;
}


.cadreVideoArtisainsContenu {
	position: absolute;
	left: 47px;
	top: 34px;
	width: 528px;
	height: 262px;
	font-size: 10px;
	overflow: hidden;
}

.videoArtisains {
	margin-left: 10px;
	height: 250px;
	width: 320px;
	float: left;
}
	

.cadreVideoArtisainsCoord {
	margin-top: 45px;
	width: 195px;
	height: 248px;
	display: block;
	text-align: center;
	float: left;
}

.cadreVideoArtisainsCoord a {
	color: #8C8C8C;
	text-decoration: none;
}

.cadreVideoArtisainsCoord a:hover {
	color: #88AA6F;
}

.lienInscrire {
	position: absolute;
	display: block;
	left: 40px;
	top: 353px;
	width: 948px;
	height: 71px;
	font-size: 12px;
	text-align: center;
}

.lienInscrire a {
	color: #CC6600;
	font-size: 14px;
	font-weight: bold;
}

.lienInscrire a:hover {
	color: #FF3300;
	font-size: 14px;
	font-weight: bold;
}
.identChamps {
	font-size: 10px;
	display: block;
	position: absolute;
	left: 40px;
	top: 140px;
	width: 948px;
	height: 145px;
	text-align: center;
	margin-top: 50px;
}
.inscriptChamps {
	position: absolute;
	top: 134px;
	margin-left: 40px;
	width: 466px;
	height: 313px;
	text-align: left;
	overflow: hidden;
	font-size: 10px;
	padding-top: 15px;
}
.inscriptChampsDroit {
	position: absolute;
	top: 134px;
	margin-left: 520px;
	width: 465px;
	height: 314px;
	text-align: left;
	overflow: hidden;
	font-size: 10px;
}
.modifInfoChampsGauche {
	position: absolute;
	top: 134px;
	margin-left: 40px;
	width: 347px;
	height: 137px;
	text-align: right;
	overflow: hidden;
	font-size: 10px;
	padding-top: 15px;
	padding-right: 120px;
}
.modifInfoChampsDroit {
	position: absolute;
	top: 134px;
	margin-left: 520px;
	width: 343px;
	height: 138px;
	text-align: right;
	overflow: hidden;
	font-size: 10px;
	padding-top: 15px;
	padding-right: 120px;
}
.modifInfoChampsBas {
	display: block;
	position: absolute;
	top: 293px;
	width: 943px;
	height: 150px;
	font-size: 10px;
	margin-left: 40px;
}
.listeCompte ul {
	font-size: 14px;
	text-align: center;
}
.listeCompte li {
	padding-top: 45px;
}
.modifIdContenu {
	position: absolute;
	top: 134px;
	margin-left: 40px;
	width: 948px;
	height: 273px;
	text-align: center;
	overflow: hidden;
	left: 1px;
	font-size: 10px;
	padding-top: 40px;
}
.cadreAdmin {
	background-image: url(../medias/images/cadreAdmin.png);
	background-repeat: no-repeat;
	width: 1024px;
	height: 612px;
	top: 154px;
	position: absolute;
}
.cadreAdminContenu {
	font-size: 10px;
	text-align: center;
	position: absolute;
	height: 497px;
	width: 918px;
	left: 43px;
	top: 72px;
	padding-right: 20px;
	overflow: auto;
}
.cadreAdminContenu a {
	color: #8C8C8C;
}

.cadreAdminContenu a:hover {

	color: #88AA6F;
}

.titreTable {
	font-weight: bold;
	font-size: 14px;
	color: #006600;
}
.titresTable {
	font-weight: bold;
}

.ajoutChampsGauche {
	position: absolute;
	font-size: 10px;
	top: 200px;
	width: 459px;
	height: 388px;
	margin-left: 50px;
	text-align: left;
}

.ajoutChampsDroit {
	position: absolute;
	font-size: 10px;
	top: 200px;
	width: 442px;
	height: 388px;
	margin-left: 526px;
	text-align: left;
}
.ajoutCentre {
	height: 388px;
	width: 900px;
	position: absolute;
	font-size: 10px;
	margin-left: 50px;
	text-align: center;
	top: 200px;
}

.sousMenuAdmin {
	position: absolute;
	height: 30px;
	width: 577px;
	top: 155px;
	list-style-type: none;
	color: #8C8C8C;
	z-index: 1;
	margin-left: 220px;
}

.sousMenuAdmin a {
	color: #000000;
	text-decoration: none;
	
}

.sousMenuAdmin ul li:hover {
	font-size: 10px;
	background-image: url(../medias/images/btnsm_hover.png);
	background-repeat: no-repeat;
}

.sousMenuAdmin ul {
	height: 30px;
}
.sousMenuAdmin ul li {
	display: inline;
	float: left;
	height: 30px;
	width: 95px;
	background-image: url(../medias/images/btnsm_dn.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 9px;
}
.sousMenuAdmin ul li#btnDown {
	font-size: 10px;
	background-image: url(../medias/images/btnsm_hover.png);
	background-repeat: no-repeat;
}
.calendrierEvent {
	height: 275px;
	width: 240px;
	margin-top: 10px;
	margin-left: 580px;
	overflow: auto;
	font-size: 10px;
}
.calendrierEvent li {
	padding-top: 10px;
	display: block;
}
.moisGauche {
	float: left;
}
.moisDroit {
	float: right;
}