/* CSS Global */
/* 06 mai 2009 - Alexance.com */

body { margin:0; padding:0; background-color:#272727;}

img {border:none;}

p, h1, h2, h3, h4, h5, input { margin:0; padding:0; }

#Body {
background-color:#272727;
}

/*HEADER
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#Flag-Fr-On {
	float:left;
	width:14px;
	height:19px;
	background-image:url(../../images/global/header/flag-fr-on.gif);
	background-repeat:no-repeat;
}

#Flag-Fr-Off {
	float:left;
	width:14px;
	height:19px;
	background-image:url(../../images/global/header/flag-fr-off.gif);
	background-repeat:no-repeat;
}

#Flag-En-On {
	float:left;
	width:14px;
	height:19px;
	background-image:url(../../images/global/header/flag-uk-on.gif);
	background-repeat:no-repeat;
}

#Flag-En-Off {
	float:left;
	width:14px;
	height:19px;
	background-image:url(../../images/global/header/flag-uk-off.gif);
	background-repeat:no-repeat;
}

#Flag-Separateur {
	float:left;
	width:5px;
	height:19px;
}

#Header01 {
	float:left;
	width:146px; /*189*/
	height:180px;/*227*/
	padding-top:47px;
	padding-left:43px;
	background-color:#272727;
	font-size:0;
}

#Header01 #Logo {
	float:left;
	width:104px;
	height:71px;
}

#Header01 #Logo a {
	float:left;
	width:104px;
	height:71px;
	background-image:url(../../images/global/header/logo.gif);
	background-repeat: no-repeat;
}

#Header02  {
	float:left;
	width:208px;
	height:227px; /*227*/
	background-color:#272727;
	font-size:0;
}

#Header02 #Menu  {
	float:left;
	width:208px;
	height:152px; /*207*/
	padding-top:47px;
	background-image:url(../../images/global/header/nav/fd.gif);
	background-repeat:repeat-y;
}

#Header02 #Menu #Onglet01,
#Header02 #Menu #Onglet02,
#Header02 #Menu #Onglet03,
#Header02 #Menu #Onglet04,
#Header02 #Menu #Onglet05,
#Header02 #Menu #Onglet06,
#Header02 #Menu #Onglet07,
#Header02 #Menu #Onglet08 {
	float:left;
	width:208px;
	height:16px;
	font-size:0;
}

#Header02 #Menu #Onglet01 a { 
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/accueil01.gif);
	background-repeat: no-repeat; 
	font-size:0;
}

#Header02 #Menu #Onglet02 a { 
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/galeriedart01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet03 a {
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/peintres01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet04 a {
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/sculpteurs01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet05 a {
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/evenement01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet06 a {
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/fiscalite01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet07 a {
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/livres01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet08 a {
	float:left;
	width:208px;
	height:16px;
	background-image:url(../../images/global/header/nav/contact01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet09 a {
	float:left;
	width:208px;
	height:16px;
	background-image: url(../../images/global/header/nav/verrerieceramique01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet10 a {
	float:left;
	width:208px;
	height:16px;
	background-image: url(../../images/global/header/nav/services01.gif);
	background-repeat: no-repeat;
	font-size:0;
}

#Header02 #Menu #Onglet01 a:hover {
	background-image:url(../../images/global/header/nav/accueil02.gif);
	background-repeat: no-repeat; 
}

#Header02 #Menu #Onglet02 a:hover {
	background-image:url(../../images/global/header/nav/galeriedart02.gif);
	background-repeat: no-repeat;
}

#Header02 #Menu #Onglet03 a:hover {
	background-image:url(../../images/global/header/nav/peintres02.gif);
	background-repeat: no-repeat;
}

#Header02 #Menu #Onglet04 a:hover { 
	background-image:url(../../images/global/header/nav/sculpteurs02.gif);
	background-repeat: no-repeat;
}

#Header02 #Menu #Onglet05 a:hover {
	background-image:url(../../images/global/header/nav/evenement02.gif);
	background-repeat: no-repeat;
}

#Header02 #Menu #Onglet06 a:hover {
	background-image:url(../../images/global/header/nav/fiscalite02.gif);
	background-repeat: no-repeat;
}

#Header02 #Menu #Onglet07 a:hover {
	background-image:url(../../images/global/header/nav/livres02.gif);
	background-repeat: no-repeat;
}

#Header02 #Menu #Onglet08 a:hover { 
	background-image:url(../../images/global/header/nav/contact02.gif);
	background-repeat: no-repeat; 
}

#Header02 #Menu #Onglet09 a:hover { 
	background-image: url(../../images/global/header/nav/verrerieceramique02.gif);
	background-repeat: no-repeat; 
}

#Header02 #Menu #Onglet10 a:hover { 
	background-image: url(../../images/global/header/nav/services02.gif);
	background-repeat: no-repeat; 
}


#Header02 #Menu .Separateur01 {
	float:left;
	width:208px;
	height:1px;
	font-size:0;
}

#Header02 #Footer {
	float:left;
	clear:both;
	width:208px;
	height:2px;
	font-size:0;
	background-image:url(../../images/global/header/nav/footer.gif);
	background-repeat: no-repeat;
}



#Header03  {
	float:left;
	width:523px;
	height:227px; /*227*/
	background-color:#272727;
	font-size:0;
}

#Header03 #Titre {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#D84F2A;
	width:287px; /**/
	padding-top:164px;
	padding-left:20px;
}

#Header03 #Infos {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	width:216px;
	padding-top:30px;
}





/*Contenu >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#ColLeft {
	width:179px; /*189*/
	padding-left:10px;
	background-color:#272727;
	padding-bottom:30px;
}

#ColLeft #BtPeintresVivants-On, #ColLeft #BtPeintresVivants-On a {
	float:left;
	width:148px;
	height:20px;
	background-image:url(../../images/global/col-left/btpeintresvivants-on.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtPeintresVivants-On a:hover {
	background-image:url(../../images/global/col-left/btpeintresvivants-off.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtPeintresMorts-On, #ColLeft #BtPeintresMorts-On a {
	float:left;
	width:148px;
	height:20px;
	background-image:url(../../images/global/col-left/btpeintresmorts-on.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtPeintresMorts-On a:hover {
	background-image:url(../../images/global/col-left/btpeintresmorts-off.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtPeintresVivants-Off, #ColLeft #BtPeintresVivants-Off a {
	float:left;
	width:148px;
	height:20px;
	background-image:url(../../images/global/col-left/btpeintresvivants-off.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtPeintresMorts-Off, #ColLeft #BtPeintresMorts-Off a {
	float:left;
	width:148px;
	height:20px;
	background-image:url(../../images/global/col-left/btpeintresmorts-off.gif);
	background-repeat:no-repeat;
}


#ColLeft #BtSculpteurs-On, #ColLeft #BtSculpteurs-On a {
	float:left;
	width:148px;
	height:20px;
	background-image:url(../../images/global/col-left/btsculpteurs-on.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtSculpteurs-Off, #ColLeft #BtSculpteurs-Off a {
	float:left;
	width:148px;
	height:20px;
	background-image:url(../../images/global/col-left/btsculpteurs-off.gif);
	background-repeat:no-repeat;
}

#ColLeft #BtSculpteurs-Off a:hover {
	background-image:url(../../images/global/col-left/btsculpteurs-on.gif);
	background-repeat:no-repeat;
}


#ColLeft .ListeArtiste {
	float:left;
	padding-left:10px;
	padding-bottom:20px;
	padding-top:10px;
}

#ColLeft .ListeArtiste,
#ColLeft .ListeArtiste a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

#ColLeft .ListeArtiste a:hover {
	text-decoration:underline
}








#ColRight {
	background-color:green;
	width:731px;
}




#GlobalFooter {
	float:left;
	width:920px;
	font-size:0;
	background-color:#272727;
	padding-top:10px;
	padding-bottom:20px;
}

#GlobalFooter #Footer01 {
	border-top:1px solid #5D5D5D;
	border-bottom:1px solid #5D5D5D;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
}

#GlobalFooter #Footer01, #GlobalFooter #Footer01 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:right;
	text-decoration:none;
}

#GlobalFooter #Footer01 a:hover {
	text-decoration:underline;
}

#GlobalFooter #Footer02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#D84F2A;
	font-size:12px;
	text-align:left;
	padding-left:15px;
	padding-top:8px;
}






/*PAGE GLOBAL >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.TxtGlobal01, 
.TxtGlobal01 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:justify;
}

.TxtGlobal01 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#D84F2A;
	text-decoration:none;
}

.TxtGlobal01 a:hover {
	text-decoration:underline;
}

.TxtGlobal01 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#D84F2A;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:15px;
}

.TxtGlobal01 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#D84F2A;
	font-weight:bold;
	padding-bottom:5px;
}

#ColRight02 {
	width:696px; /*731*/
	background-color:#272727;
	padding-right:21px;
	padding-left:15px;
	float:left;
}

.orange { color:#D84F2A; }

#Global-ColRight00 {
	width:791px; /*731*/
	background-color:#272727;
	padding-right:41px;
	padding-bottom:30px;
}
