/********************CSS Document style moov'art ici commence le fichier CSS*********************************************/


/***************************************************le body***********************************************************/

body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
 
/***************************************************Les div principales**************************************************/

#contener {
position:relative;
top:25px;
width:700px;
height:100%;
margin-left:-350px;
left:50%;
}
#contener img {margin:0px; padding:0px;}
#cadregauche{
position:absolute;
top:20px;
width:16px;
height:550px;
background:url(../fonds/cadreg.gif);
background-repeat:no-repeat;
}

#cadredroite{
position:absolute;
top:20px;
left:683px;
width:16px;
height:550px;
background:url(../fonds/cadred.gif);
background-repeat:no-repeat;
}

#topheader {
position:relative;
width:700px;
height:25px;
background:url(../fonds/cadreh.gif);
background-repeat:no-repeat;
}

#menuprincipal {
position:relative;
left:113px;
width:570px;
height:170px;
background:url(../fonds/tras.gif) white;
background-repeat:no-repeat;
z-index:1000;
}

#footer {
position:relative;
width:667px;
left:16px;
height:130px;
}

#footergauche{
position:relative;
width:667px;
height:50px;
background:white;
text-align:center;
font-size:9px;
line-height:9px;
}

#footer a {
font-size:8px;
text-decoration:none;
color:#000;
line-height:12px;
}

#footer a:hover {
font-size:8px;
text-decoration:none;
color:#000;
}
#footergauche h6 {
display:block;
font-size:9px;
text-decoration:none;
font-weight:lighter;
color:#000;
line-height:12px;
margin-top:5px;
}

#cadrebas {
position:relative;
width:667px;
height:20px;
top:-5px;
background:url(../fonds/cadrebas.gif);
background-repeat:no-repeat;
z-index:1000;
}

#xiti {
	position:absolute; 
	width:39px; 
	height:60px; 
	z-index:11; 
	right:18px;
	margin-top:20px;
	}
	
#logo {
position:absolute;
left:20px;
margin-top:15px;
width:35px;
height:40px;
background-image:url(../fonds/logo.gif);
z-index:11;
}
	
/*************************************************menu gauche normal**************************************************/
#menugauchenormal{
position:absolute;
left:3px;
width:140px;
height:350px;
top:353px;
z-index:1000;
}

#menugauchenormal ul {
list-style-type: none;
margin-top:25px;
margin-left:0px;
padding:0;
position: absolute; 
top:0px; /* positionnement du menu, que vous pouvez changer à loisir */
width: 100%; /* précision pour Opera */
}

#menugauchenormal li {
float: left;
}


#menugauchenormal h1 {
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
width:130px;
background:black;
text-align:center;
margin-left:5px;
margin-top:0px;
padding:0px;
-moz-border-radius:6px;
}	
/*************************************************menu gauche**************************************************/
#menugauche{
position:absolute;
left:3px;
width:140px;
height:350px;
top:295px;
z-index:1000;
}

#menugauche ul {
list-style-type: none;
margin-top:25px;
margin-left:0px;
padding:0;
position: absolute; 
top:0px; /* positionnement du menu, que vous pouvez changer à loisir */
width: 100%; /* précision pour Opera */
}

#menugauche li {
float: left;

}

.menu a {       /* définition de chaque bouton du menu */
width:140px;   /* largeur du bouton, que vous pouvez changer à loisir */
height: 14px;
font-size:13px;
font-weight:bold;
line-height:14px;
float: left;
display: block;
text-align: center; 
text-decoration: none;
color:#000;
letter-spacing:0px;
margin:0px;
}

.menu a:hover {
color:#000;
display:block;
letter-spacing:1px;
width:140px;
}

#menugauche h1 {
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
width:130px;
background:black;
text-align:center;
margin-left:5px;
margin-top:0px;
padding:0px;
-moz-border-radius:6px;
}

/*************************************************mise en pg accueil******************************************/
#pgaccueil {
background-color:#FFCC33;
width:100%;
margin-top:-20px;
}
#pgbasaccueil{
position:relative;
width:100%;
height:0px;
background-color:#FFCC33;
}
#imageaccueil{
position:relative;
top:50px;
width:440px;
margin-left:-220px;
left:50%;
height:auto;
z-index:10;
}

#txtaccueil{
position:relative;
top:170px;
width:440px;
margin-left:-220px;
left:50%;
height:auto;
padding-bottom:170px;
}

#txtaccueil h1 { font-size:12px; text-align:justify; margin:0px;}
#txtaccueil h3 { font-size:12px; font-weight:lighter; text-align:justify;}
#txtaccueil a { font-size:12px; text-align:justify; color:#000000; text-decoration:underline;}
#txtaccueil a:hover {color: #FF0000;}
#txtaccueil p { font-size:12px; font-weight:lighter; text-align:justify; margin:10px 0 0 0;}

#footeraccueil{
position:relative;
width:700px;
margin-left:-350px;
left:50%;
height:80px;
top:50px;
}
#pgbasaccueil{
position:relative;
width:100%;
height:60px;
background-color:#FFCC33;
text-align:center;
font-size:9px;
line-height:9px;
}
#footergaucheaccueil{
position:relative;
text-align:center;
width:100%;
height:60px;
top:20px;
background:#FFCC33;
}

#cadrebasaccueil {
position:relative;
width:100%;
height:20px;
top:0px;
background:url(../fonds/cadrebas.gif);
background-repeat:no-repeat;
z-index:1000;
}
#pgbasaccueil a {
font-size:9px;
text-decoration:none;
color:#000;
line-height:12px;
}

#pgbasaccueil a:hover {
font-size:9px;
text-decoration:none;
color:#000;
}

#pgbasaccueil h6 {
display:block;
font-size:9px;
text-decoration:none;
font-weight:lighter;
color:#000;
line-height:12px;
margin-top:5px;
}

#xitiaccueil {
	position:relative; 
	width:39px; 
	height:60px; 
	z-index:11; 
	left:58px;
	top:0px; 
	background-color:#FFCC33;
	margin-top:0px;
	}

/*************************************************mise en pg moovart*******************************************/
#headermoovart {
position:relative;
left:114px;
width:570px;
height:100px;
background-image: url(../fonds/barmoov.gif)
}

#headergauchemoovart {
position:absolute;
width:98px;
height:335px;
left:16px;
background:url(../fonds/doimoov.gif) white;
background-repeat:no-repeat;
z-index:100;
}
#pgmoovart {
background-color:#FF6600;
width:100%;
}
#pgbasmoovart{
position:relative;
width:100%;
height:25px;
background-color:#FF6600;
}
/*************************************************menucv*******************************************************/


#menugauchecv{
position:absolute;
left:3px;
width:140px;
height:100px;
top:440px;
z-index:1000;
}

#menugauchecv ul {
list-style-type: none;
margin-top:25px;
margin-left:0px;
padding:0;
position: absolute; 
top:0px; /* positionnement du menu, que vous pouvez changer à loisir */
width: 100%; /* précision pour Opera */
}

#menugauchecv li {
float: left;
}

#menugauchecv h1 {
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
width:130px;
text-align:center;
margin-left:5px;
margin-top:0px;
padding:0px;
background-color:#FF6600;
-moz-border-radius:6px;
}

/*************************************************mise en pg activité*******************************************/
#headeractivite {
position:relative;
left:114px;
width:570px;
height:100px;
background:url(../fonds/baractivit.gif);
}

#headergaucheactivite {
position:absolute;
width:98px;
height:335px;
left:16px;
background:url(../fonds/doiactivit.gif) white;
z-index:100;
}
#pgactivite {
background-color:#FFCC33;
width:100%;
}
#pgbasactivite{
position:relative;
width:100%;
height:25px;
background-color:#FFCC33;
}

/*************************************************menuactivite***************************************************/

#menugaucheactivite{
position:absolute;
left:3px;
width:140px;
height:100px;
top:440px;
z-index:1000;
}

#menugaucheactivite ul {
list-style-type: none;
margin-top:25px;
margin-left:0px;
padding:0;
position: absolute; 
top:0px; /* positionnement du menu, que vous pouvez changer à loisir */
width: 100%; /* précision pour Opera */
}

#menugaucheactivite li {
float: left;
}

#menugaucheactivite h1 {
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
width:130px;
text-align:center;
margin-left:5px;
margin-top:0px;
padding:0px;
background-color:#FFCC33;
-moz-border-radius:6px;
}

/*************************************************mise en pg spectacle et atelier***************************************/
.clear {
clear:left;
height:40px;
}
#spectaclehg {
position:relative;
float:left;
width:190px;
height:284px;
top:-2px;
}

#spectaclehd {

position:relative;
float:left;
width:290px;
height:auto;
left:20px;
}

.bloc {
position:relative;
height:auto;
width:auto;
margin:0;
padding:0;
}
#spectaclebg {
position:relative;
float:left;
width:190px;
height:auto;
top:10px;
padding-bottom:10px;
border-right:1px solid black;
}

#spectaclebd {
	position:relative;
	float:left;
	width:290px;
	height:auto;
	top:6px;
	padding-bottom:6px;
	left:20px;
	overflow: visible;
}
#atelierbas {
	position:relative;
	width:495px;
	height:auto;
	top:6px;
	padding-bottom:6px;
}
/*************************************************mise en pg folio*******************************************/
#headerfolio {
position:relative;
left:114px;
width:570px;
height:100px;
background:url(../fonds/barfolio.gif);
}
#headergauchefolio1 {
position:absolute;
width:98px;
height:335px;
left:16px;
background:url(../fonds/doifolio.gif) white;
z-index:100;
}
#headergauchefolio {
position:absolute;
width:98px;
height:277px;
left:16px;
background:url(../fonds/doifolio.gif) white;
z-index:100;
}
#pgfolio {
background-color:#CCCCCC;
width:100%;
}
#pgbasfolio{
position:relative;
width:100%;
height:25px;
background-color:#CCCCCC;
}

#imagefolio{
position:relative;
width:400px;
height:400px;
top:0px;
}

#navigtof {
position:relative;
width:470px;
height:80px;
top:47px;
}

#flecheg {
position:absolute;
text-align:center;
left:-40px;
width:46px;
height:34px;
background-color:#999999;
background-image:url(../fonds/fleched.gif);
background-repeat:no-repeat;
}

#flecheg {
display:block;
text-align:center;
left:-40px;
width:46px;
height:34px;
background-color:#999999;
background-image:url(../fonds/fleched.gif);
background-repeat:no-repeat;
}

#flecheg a:hover {
background-color:#000;
background-image:url(../fonds/fleched.gif);
}

#fleched {
position:absolute;
text-align:center;
left:394px;
width:46px;
height:34px;
background-color:#999999;
background-image:url(../fonds/flecheg.gif);
background-repeat:no-repeat;
}

#fleched a{
display:block;
text-align:center;
left:394px;
width:46px;
height:34px;
background-color:#999999;
background-image:url(../fonds/flecheg.gif);
background-repeat:no-repeat;
}

#fleched a:hover {
background-image:url(../fonds/flecheg.gif);
background-color:#000;
top:3px;
top: !important 0px;
}

#textetof {
position:absolute;
left:50px;
width:400px;
height:16px;
top:6px;
}

#textetof h1{
display:block;
color:#fff;
width:300px;
background-color:#999999;
text-align:center;
font-size:10px;
line-height:16px;
margin:0px
}

#navigtof a {
font-size:34px;
margin:0px;
padding:0px;
}

/*************************************************menufolio***************************************************/

#menugauchefolio{
position:absolute;
left:3px;
width:140px;
height:100px;
top:370px;
z-index:1000;
}

#menugauchefolio ul {
list-style-type: none;
margin-top:25px;
margin-left:0px;
padding:0;
position: absolute; 
top:0px; /* positionnement du menu, que vous pouvez changer à loisir */
width: 100%; /* précision pour Opera */
}

#menugauchefolio li {
float: left;
margin-bottom:0px;
}

#menugauchefolio h1 {
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
width:130px;
text-align:center;
margin-left:5px;
margin-top:0px;
padding:0px;
background-color:#999999;
-moz-border-radius:6px;
}

/*************************************************mise en pg info*******************************************/
#headeratelier {
position:relative;
left:114px;
width:570px;
height:100px;
background:url(../fonds/barinfo.gif);
}

#headergaucheatelier {
position:absolute;
width:98px;
height:335px;
left:16px;
background:url(../fonds/doiinfo.gif) white;
z-index:100;
}
#pgatelier {
background-color:#0099CC;
width:100%;
}
#pgbasatelier{
position:relative;
width:100%;
height:25px;
background-color:#0099CC;
}

/**************************************************pages texte*************************************************/

#centretexte {
position:relative;
left:16px;
width:667px;
height:auto;
background:white;
z-index:10;
}
#zonecontenu{
position:relative;
width:514px;
height:auto;
left:146px;
z-index:1000;
background:white;
}

#espacecontenu {
position:relative;
width:667px;
height:50px;
left:16px;
z-index:1;
background:white;
}

#imgtitre {
position:relative;
width:300px;
height:70px;
}

#text {
position:relative;
top:20px;
width:485px;
height:auto;
z-index:1000;
background:#fff;
padding-bottom:20px
}

#textfolio {
position:relative;
top:0px;
left:45px;
width:420px;
height:auto;
z-index:1000;
background:#fff;
}

#textactivite {
position:relative;
top:20px;
width:490px;
height:auto;
z-index:1000;
background:#fff;
}

#textinfos {
position:relative;
top:20px;
width:490px;
height:auto;
z-index:10;
background:#fff;
padding-bottom:20px;
border:1px solid;
border-color:#0099CC;
-moz-border-radius:6px;
}

#textelecharge {
position:relative;
top:20px;
width:490px;
height:auto;
z-index:1000;
background:#fff;
padding-bottom:20px;
}
#textefolio1 {
position:relative;
top:20px;
width:490px;
height:auto;
z-index:1000;
background:#fff;
padding-bottom:20px;
}

#textspectacle {
position:relative;
top:0px;
width:520px;
height:auto;
z-index:1000;
background-color:white;
}

/************************************************les classes activité et telechargement***********************/
.blocliste {
position:relative;
width:515px;
height:auto;
padding-bottom:30px;
background:white;
}
.vignettegauche {
position:absolute;
width:60px;
height:60px;
border:1px solid black;

}
.textedroite {
position:relative;
width:420px;
height:auto;
left:75px;
}
.textedroite p{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
/**************************************************video****************************************/
#menuvideo{
position:absolute;
left:30px;
width:140px;
height:350px;
top:300px;
z-index:1000;
background-color:#FFFFFF;
}


#menuvideo ul {
list-style-type: none;
margin-top:25px;
margin-left:0px;
padding:0;
position: absolute; 
top:0px; /* positionnement du menu, que vous pouvez changer à loisir */
width: 100%; /* précision pour Opera */
}

#menuvideo li {
float: left;
}

#menuvideo h1 {
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
width:130px;
background:black;
text-align:center;
margin-left:5px;
margin-top:0px;
padding:0px;
-moz-border-radius:6px;
}

.menuvid a {       /* définition de chaque bouton du menu */
width:140px;   /* largeur du bouton, que vous pouvez changer à loisir */
height: 14px;
font-size:13px;
font-weight:bold;
line-height:14px;
float: left;
display: block;
text-align:right; 
text-decoration: none;
color:#000;
letter-spacing:0px;
margin:0px;
margin-left:-4px;
}

.menuvid a:hover {
color:#000;
display:block;
letter-spacing:1px;
width:140px;
}

#video{
position:relative;
width:400px;
height:auto;
top:0px;
}
#video p{
color:#000;
text-align:center;
font-size:11px;
line-height:16px;
margin:0px;
font-weight:normal;
}
#video a{
color:#000;
text-align:center;
font-size:11px;
line-height:16px;
margin:0px;
font-weight:normal;
text-decoration:underline;
}

#video a:hover{
font-weight:bold;
text-decoration:none;
}

#textevideo {
position:relative;
left:57px;
width:240px;
height:auto;
top:6px;
}

#textevideo h1{
display:block;
color:#fff;
width:240px;
background-color:#999999;
text-align:center;
font-size:10px;
line-height:16px;
margin:0px;
}

#video h5 {
font-size:10px; margin:0px; padding:0px;}

#navigvideo {
position:relative;
width:470px;
height:100px;
top:12px;
left:30px;
}

/**************************************************polices activité*****************************/

#textactivite h1{ font-size:13px; font-weight:bold; color:#000; line-height:11px; margin:0 0 4px 0; text-align:justify;}
#textactivite h2{ font-size:12px; font-weight:bold; color:#000;line-height:13px; margin:0 0 4px 0; display:block;}
#textactivite h3{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#textactivite a{ font-size:12px; text-decoration:none; font-weight:bold; color:#000;line-height:12px; margin-bottom:3px; margin-top:0px; padding:0px;}
#textactivite a:hover{color:#FFCC33;}
#textactivite p{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}

/*****************************************************Polices moovart*****************************************************/

#text h1{font-size:14px; font-weight:bold; color:#FF6600; line-height:13px; margin-bottom:5px; margin-top:0px; text-align:justify;}
#text h3{font-size:12px; font-weight:bold; color:#000; line-height:12px; margin:0px; text-align:justify;}
#text h4{font-size:12px; font-weight:normal; color:#000; line-height:12px; margin:0px; text-align:justify;}
#text a{font-size:12px; font-weight:bold; color:#000; line-height:12px; text-decoration:underline; margin:0px; text-align:left;}
#text a:hover{color:#FF6600;}
#text p{font-size:12px; font-weight:normal; color:#000; line-height:12px; margin:0px; text-align:justify;}
/********************************************Polices infos*******************************************************/

#textinfos h1{ margin-left:5px; margin-right: 5px; font-size:14px; font-weight:bold; color:#0099CC; line-height:11px; margin-bottom:1px;  text-align:left;margin-top:4px;}
#textinfos h2{ margin-left:5px; margin-right: 5px; font-size:12px; font-weight:bold; color:#000;line-height:13px; margin:0 0 4px 0; display:block;}
#textinfos h3{  margin-left:5px; margin-right: 5px; font-size:11px; font-weight:normal; color:#000; line-height:11px; margin-bottom:0px; margin-top:0px;}
#textinfos h4{  margin-left:5px; margin-right: 5px; font-size:12px; font-weight:normal; color:#000; line-height:12px; margin-bottom:0px; margin-top:0px;}
#textinfos a{  margin-left:0px; margin-right: 5px; font-size:12px; text-decoration:underline; font-weight:bold; color:#0099CC; line-height:12px; margin-bottom:3px; margin-top:0px;}
#textinfos p{  margin-left:5px; margin-right: 5px; font-size:12px; font-weight:normal; color:#000; line-height:12px; margin-bottom:0px; margin-top:0px;}

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

/*********************************************Polices telechargements*********************************************/

#textelecharge h1{ font-size:14px; font-weight:bold; color:#0099CC; line-height:11px; margin-bottom:1px; text-align:justify;}
#textelecharge h2{ font-size:12px; font-weight:bold; color:#000;line-height:13px; margin:0 0 4px 0; display:block;}
#textelecharge h3{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#textelecharge h4{ font-size:12px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#textelecharge a{ font-size:12px; text-decoration:underline; font-weight:bold; color:#0099CC; line-height:12px; margin-bottom:3px; margin-top:0px; padding:0px;}
#textelecharge a:hover{color:#000;}

#textefolio1 h1{ font-size:14px; font-weight:bold; color:#000; line-height:11px; margin-bottom:1px; text-align:justify;}
#textefolio1 h2{ font-size:12px; font-weight:bold; color:#000;line-height:13px; margin: 0 0 4px 0; display:block;}
#textefolio1 h3{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#textefolio1 h4{ font-size:12px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#textefolio1 a{ font-size:12px; text-decoration:underline; font-weight:bold; color:#0099CC; line-height:12px; margin-bottom:3px; margin-top:0px; padding:0px;}
#textefolio1 a:hover{color:#000;}

/****************************************polices pg spectacle****************************************************/

#spectaclehd h1{font-size:16px; font-weight:bold; color:#FFCC33;line-height:16px; margin:0px;padding:0px; display:block;}
#spectaclehd h2{ font-size:11px; font-weight:bold; color:#000; line-height:11px; margin:0px; text-align:justify;}
#spectaclehd h3{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#spectaclehd h4{font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}
#spectaclehd li{font-size:12px; font-weight:bold; color:#000; line-height:15px; margin:0px; text-align:left; ; padding:0px;}
#spectaclehd a{font-size:12px; text-decoration:none; font-weight:bold; color:#000;line-height:15px; margin-bottom:3px; margin-top:0px; padding:0px; width:180px;}
#spectaclehd ul{margin-left:20px; margin-top:10px; padding:0px; margin-bottom:20px; list-style-image:url(../fonds/carregro.gif); }
#spectaclehd a:hover{color:#FFCC33;}
#spectaclehd p{ font-size:11px; font-weight:normal; color:#000; line-height:11px; margin:0px; text-align:justify;}

#spectaclebg h3{ font-size:11px; font-weight:bold; color:#FFCC33; line-height:11px; margin-bottom:2px; margin-top:0px; padding:0px; text-align:right; margin-right:12px;}
#spectaclebg h4{font-size:10px; text-decoration:none; font-weight:bold; color:#000;line-height:10px; margin-bottom:4px; margin-top:0px; padding:0px; text-align:right; margin-right:12px;}
#spectaclebg h5{font-size:10px; text-decoration:none; font-weight:bold; color:#000;line-height:10px; margin-bottom:4px; margin-top:0px; padding:0px; text-align:justify; margin-right:12px;}
#spectaclebg h1{font-size:16px; font-weight:bold; color:#FFCC33;line-height:16px; margin:0px;padding:0px; display:block;}
#spectaclebg p{font-size:10px; text-decoration:none; font-weight:bold; color:#000;line-height:10px; margin-bottom:4px; margin-top:0px; padding:0px; text-align:right; margin-right:12px;}

#spectaclebd h1{font-size:16px; font-weight:bold; color:#FFCC33;line-height:16px; margin:0px;padding-bottom:10px; display:block;}
#spectaclebd h3{font-size:11px; font-weight:bold; color:#FFCC33; line-height:11px; margin-bottom:2px; margin-top:0px; padding:0px; text-align:right; margin-right:4px;}
#spectaclebd h4{font-size:10px; text-decoration:none; font-weight:bold; color:#000;line-height:10px; margin-bottom:8px; margin-top:0px; padding:0px; text-align:left; }
#spectaclebd ul{margin-left:20px; margin-top:0px; padding:0px; margin-bottom:20px; list-style-image:url(../fonds/carrepetit.gif);}
#spectaclebd li{font-size:10px; font-weight:bold; color:#000; line-height:11px; margin:0px; text-align:justify;  padding-bottom:3px;}
#spectaclebd a{font-size:12px; text-decoration:none; font-weight:bold; color:#000;line-height:12px; margin-bottom:3px; margin-top:0px; padding:0px;}
#spectaclehd a:hover{color:#FFCC33;}

/******************************************************Polices ateliers et garphisme**************************************************/

#atelierbas h1{font-size:16px; font-weight:bold; color:#FFCC33;line-height:16px; margin:0px;padding:0px; display:block;}
#atelierbas h2{font-size:12px; font-weight:bold; font-weight:bold; color:#000;line-height:12px; margin-bottom:2px; margin-top:0px; padding:0px; text-align:justify; }
#atelierbas h3{font-size:13px; font-weight:bold; color:#000; line-height:13px; margin-bottom:2px; margin-top:10px; padding:0px; text-align:justify; margin-right:4px;}
#atelierbas h4{font-size:12px; text-decoration:none; font-weight:normal; color:#000;line-height:12px; margin-bottom:2px; margin-top:0px; padding:0px; text-align:justify; }
#atelierbas p{font-size:12px; text-decoration:none; font-weight:normal; color:#000;line-height:12px; margin-bottom:2px; margin-top:0px; padding:0px; text-align:justify; }

#atelierbas ul{margin-left:20px; margin-top:0px; padding:0px; margin-bottom:20px; list-style-image:url(../fonds/carregro.gif); list-style-type: square}
#atelierbas li{font-size:10px; font-weight:bold; color:#000; line-height:10px; margin:0px; text-align:justify; margin-bottom:2px;}

#atelierbas a{font-size:12px; text-decoration:underline; font-weight:bold; color:#000;line-height:12px; margin-bottom:2px; margin-top:0px; padding:0px; display:list-item; list-style-image:url(../fonds/carregro.gif); width:200px;}
#atelierbas a:hover{color:#FFCC33;}

/*****************************************************video******************/
#textevideo li {
display:inline;
margin:0;
padding:0;
}
#textevideo ul {
padding:0;
margin:0;
padding:0;text-align:center;
}
#textevideo a{ font-size:12px; text-decoration:none; font-weight:bold; color:#000;line-height:12px; margin-bottom:3px; margin-top:0px; padding:0px; }
#textevideo a:hover{color:#FFCC33;}
#textevideo p{ font-size:12px; text-decoration:none; font-weight:bold; color:#000;line-height:12px; margin:0; padding:0px; text-align:center;}


/***************************************************fin du document CSS****************************************/