/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-image:url(../../img/commun/rub/peinture/commun/bg_body.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#6C5B3F;
}
.cache{
	display: none;
}
a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }
div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1em; }

.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}

.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
.contenu-page-rub{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 30px;
	border:1px solid #FFFFFF;
	padding:5px;
}
.contenu-page-rub{
	margin-left: -495px;
	width:990px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left: -490px;
	width:980px;
}
html>body .contenu-page-rub{
	margin-left: -490px;
	width:980px;		
}


/******************************************/
/* COLONNE */
/* colonne gauche */
.colonne-gauche{
	float:left;
	width:490px;
}
.logo{
	padding:0px;
	margin:0px;
}
.menu{
	width:490px;
	padding:0px;
	margin:0px;
}
.menu a.bt-peintres{
	text-decoration:none;
	display:block;
	float:left;
	width:113px;
	height:100px;
	background-image:url(../../img/commun/rub/peinture/commun/hp/bt_peinture.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.menu a.bt-peintres:hover{
	background-position:0px -100px;
}
.menu a.bt-poetes{
	text-decoration:none;
	display:block;
	float:left;
	width:88px;
	height:100px;
	background-image:url(../../img/commun/rub/peinture/commun/hp/bt_poetes.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.menu a.bt-poetes:hover{
	background-position:0px -100px;
}
.menu a.bt-edito{
	text-decoration:none;
	display:block;
	float:left;
	width:82px;
	height:100px;
	background-image:url(../../img/commun/rub/peinture/commun/hp/bt_edito.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.menu a.bt-edito:hover{
	background-position:0px -100px;
}
.menu a.bt-liens{
	text-decoration:none;
	display:block;
	float:left;
	width:76px;
	height:100px;
	background-image:url(../../img/commun/rub/peinture/commun/hp/bt_liens.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.menu a.bt-liens:hover{
	background-position:0px -100px;
}
.menu a.bt-contact{
	text-decoration:none;
	display:block;
	float:left;
	width:131px;
	height:100px;
	background-image:url(../../img/commun/rub/peinture/commun/hp/bt_contact.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.menu a.bt-contact:hover{
	background-position:0px -100px;
}
/* main colonne gauche */
.main-colonne-gauche{
	width:410px;
	height:246px;
	background-image:url(../../img/commun/rub/peinture/commun/hp/bg_main_texte.jpg);
	background-repeat:no-repeat;
	padding:30px 40px;
	color:#FFFFFF;
}
/* colonne droite */
.colonne-droite{
	float:right;
	width:440px;
	background-color:#DE9D00;
	padding:25px 25px;
}
.block-img-tablo .picture-tablo{
	width:440px;
	height:550px;
}
.block-img-tablo .picture-tablo img{
	position: absolute;
	width:440px;
	height:550px;
}

/*******************************************************/
/* COPYRIGHT */
.copyright-rub{
	height: 66px;
	width:980px;
	background-image:url(../../img/commun/rub/peinture/commun/bg_copyright.jpg);
	background-repeat:no-repeat;
}

.copyright-rub .menu-bas{
	width:490px;
	height:66px;
	line-height:66px;
	float:left;
	text-align:center;
	color:#968E80;
}
.copyright-rub .menu-bas a{
	color:#968E80;
	text-decoration:none;
}
.copyright-rub .menu-bas a:hover{
	color:#DE9D00;
}
.copyright-rub .copy-art{
	width:490px;
	height:66px;
	line-height:66px;
	float:right;
	color:#968E80;
	width:440px;
	padding-right:50px;
	text-align:right;
}
/*******************************************************/
/* POPUP IMAGE */
.contenu-popup{
	width:630px;
	height:480px;
	padding:10px;
	background-color:#FFFFFF;
	margin:auto;
}
.contenu-popup .image-popup{
	float:left;
	width:300px;
}
.contenu-popup .text-popup{
	color:#000000;
	text-align:justify;
	float:left;
	padding-left:10px;
	width:320px;
}
.contenu-popup .text-popup h1{
	font-size:16px;
	font-weight:bold;
	padding-bottom:7px;
	color:#B28E50;
}
.contenu-popup .text-popup a{
	text-decoration:none;
	color:#B28E50;
	font-size:12px;
}
.contenu-popup .text-popup a:hover{
	color:#000000;
}