/* CSS Document */
/*-----------------------------
            BODY
------------------------------*/
body {
	height: 657px;
	/*padding: 0px;
	margin: 0px;
	border: dotted;*/
	font-family : Verdana;
	font-size : 12px;

scrollbar-arrow-color:BLACK;
scrollbar-track-color:WHITE;
scrollbar-shadow-color:BLACK;
scrollbar-face-color:WHITE;
scrollbar-highlight-color:BLACK;
scrollbar-darkshadow-color:WHITE;
scrollbar-3dlight-color:WHITE;

}
strong {
 font-weight: bold; 
}

a {
	text-decoration: none;
	color: #222;
}
 a:hover {
	color : red;
	font-family : Verdana;
	font-size : 12px;
}
img {
	border: none;
}

/*-----------------------------
            FOOTER
------------------------------*/
.footer li {
	display: inline;
}
.footer ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin: 7px 7px ;
}
.footer {
	font-size : 10px;
	position: relative;
	top: 50px;
	border : 0px;
	border-top: 1px solid BLACK;
   margin-left: auto;
   margin-right: auto;
/*	height: 50px;*/
	width: 770px;
/*	left: 130px;*/
}
.footer a:hover {
	font-size : 10px;
}
.footer a{
	margin-right : 15px;
}
/*-----------------------------
            MENU
------------------------------*/

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 6px 0 0;
padding: 0;
}

#menu {
   margin-left: auto;
   margin-right: auto;
	width:760px;
	position : relative;
	top: 30px;
	left:15px;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

.menu-dt {
text-decoration: none;
color: #000;
background: #fff;
border-right: 1px solid;
/*border-left: 1px solid;*/
padding-right: 10px;
}

.menu-last {
border: none ;
margin-right: 0px;
padding-right: 0px;
}

#menu a:hover {
	color : red;
	font-family : Verdana;
	font-size : 12px;
}

#smenu1, #smenu2, #smenu3, #smenu4,#smenu5,#smenu6,#smenu7,#smenu8, #smenu9 {
position: absolute;
top: -30px;
left: 10;
width: 400px;
margin-top: 7px;
}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}





/*-----------------------------
            CONTENEUR
------------------------------*/
.conteneur {
	padding: 0px;
	margin: 0px;
	margin-top: 20px; 
	
   margin-left: auto;
   margin-right: auto;
	height: 500px;
/*	border: solid thin;
	height: 436px;*/
	width: 739px;
/*	position: absolute;
	top: 20px;
	left : 140px;*/
	overflow: hidden;
}
.conteneur_centre {
/*	border: solid medium;*/
	height: 436px;
	width: 739px;
   margin-left: auto;
   margin-right: auto;

/*	position: absolute;
	top: 20px;
	left : 140px;*/
	overflow: hidden;
	text-align:center;
}
.conteneur_centre img{
	border: none;
}

/*-----------------------------
            Contenu Gnl
------------------------------*/
#titre {
	font-weight:lighter;
	color : #ff9900;
	font-size : 24px;
	text-decoration : underline;
}
#titre_principal {
	color : #ff9900;
	font-weight:lighter;
	font-size : 36px;
	text-align : center;
	position : relative;
	left : -16px;
}

/*-----------------------------
            Home
------------------------------*/
.conteneur_home {
/*	border: solid medium;
	height: 436px;
	width: 739px;
	position: absolute;
	top: 50px;
	left : 140px;
	overflow: hidden;
	text-align: center;*/


	margin-left: auto;
   margin-right: auto;
	height: 475px;
/*	height: 436px;*/
	width: 739px;
/*	position: absolute;
	top: 20px;
	left : 140px;*/
	overflow: hidden;

}
.image_home img {
	margin: 10px 10px;
}
#separateur {
	margin-top:65px;
}
#fr {
	float: left;
	position: relative;
	left: 140px;
	text-align: center;
	margin-top: 60px;
}
#en {
	float: right;
	position: relative;
	right: 140px;
	text-align: center;
	margin-top: 60px;
}
/*-----------------------------
            Journal
------------------------------*/
.image_actu {
/*	position : absolute;*/
	float: right;
	height: 400px;
	top: 0px;
	right: 0px;
	width: 370px;
	margin: 5px;
	text-align: center;
/*	border: dotted 3px RED; */
}
.image_actu img {
	margin-top : 20px;
	margin-bottom : 10px;
}

.texte_actu {
	margin: 0px;
	margin-left: 30px;
	height: 430px;		
	width: 285px;
	text-align: justify;
	padding-right : 10px;
	overflow: auto;
/*	border: dotted 3px RED; */
	}
.texte_actu p{
	text-indent: 30px;
}


/*-----------------------------
            Artistes-
------------------------------*/
.image_artistes {
/*	position : absolute;*/
float: right;
	height: 370px;
	top: 0px;
	right: 0px;
	width: 370px;
	margin: 5px;
	text-align: center;
/*	border: dotted 3px RED; */
}
.image_artistes img {
	margin-top : 0px;
	margin-bottom : 10px;
}

.texte_artistes {
	margin: 0px;
	margin-left: 30px;
	height: 370px;		
	width: 285px;
	text-align: justify;
	text-indent: 30px;
	padding-right : 10px;
	overflow: auto;
/*	border: dotted 3px RED; */
	}

/*-----------------------------------------
            Librairie/Stages/Expositions
------------------------------------------*/
.librairie {
/*	border : thin dotted red;*/
/*	height: 415px;
	height: 365px;*/
	overflow: auto;
	margin-bottom: 10px;
	}
.description_librairie {
	/*height: 220px;
	border : thin dotted red;*/
}
.description_librairie p{
text-align: justify;
margin : 10px 0px 0px 5px;
margin-bottom:0px;
padding-bottom:0px;
/*	width: 500px;
	float: left;*/
}

.description_librairie img{
	float: right;
	margin-left: 30px;
	margin-right: 15px;
/*	display: block;
	text-align:right;
	position: absolute;
	right: 0px;*/
}
.librairie h2 {
	font-size: small;
}
.conteneur .librairie div {
	padding:0px;
	margin-bottom : 50px;
}
/*-----------------------------------------
            BAI
------------------------------------------*/

.boite_a_image_images {
	text-align:center;
	margin : 0px;
	padding: 0px;
	width: 470px;
	height: 430px;
	overflow: auto;
	float: right;
/*	border : red solid 2px ;*/
}
.boite_a_image_images img{
	margin : 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
/*  border-bottom : Maroon solid 2px ;*/
}
.boite_a_image_texte {
	position : absolute;
	margin-left: 10px;
	width: 290px;
	overflow: auto;
	text-indent: 20px;
	text-align: justify;
	height: 360px;
	padding-right:10px;
}



/*-----------------------------------------
            GALERIE
------------------------------------------*/


.galerie_image {
margin-left: -10px;
margin-right : -10px;
text-align: center;
/*border : Maroon solid 2px ;*/

}
.galerie_image img{
/*margin : 0px;
margin-left: 15px;
margin-right :15px;*/
height : 115px;
margin : 0px;
margin-left: 2px;
margin-right :2px;
}

.galerie_texte {
	text-align: justify;
	position: absolute;
	bottom: 0px;
	display:none;
}
.galerie_texte p{
	padding: 0px;
	margin:0px.
}
.galerie_image_aggrandissement{
	text-align: center;
	position : absolute;
	left: 0px;
	width: 480px;
/*	border: dotted Fuchsia;*/
}
.conteneur .galerie_texte_aggrandissement{
	text-align: justify;
	margin-right: 0px;
	margin-left: 490px;
	padding : 10px;
/*	border: solid 5px red;*/
}
.galerie a{
	margin:15px;
	text-decoration: none;
	color: #222;
}
.galerie a:hover {
	color : red;
	font-family : Verdana;
	font-size : 12px;
}
/*-----------------------------------------
            BIOGRAPHIE
------------------------------------------*/

.image_bio {
/*	position : absolute;
	height: 400px;
	right : 0px;
	/*left:480px;*/
	float : right;
	width: 30%;
	margin:20px;
	text-align: center;
}
.image_bio img{
	margin-top: 10px;
	margin-bottom: 10px;
}

.texte_bio {
	margin: 0px;
	height: 430px;		
	width: 440px;
	text-align: justify;
	overflow: auto;
	text-indent: 30px;
	padding-right : 5px;
}
.texte_bio strong {
 font-weight: lighter; 
}

/*-----------------------------------------
            VENTE EN LIGNE
------------------------------------------*/


body .conteneur .achat-portfolio-informations {
/*	border : red 1px solid;*/
	overflow : auto;
height : 410px;
}
body .conteneur .achat-portfolio-informations p{

}

.achat-portfolio {
	width:100%;
}
.achat-portfolio p{
	margin-top: 30px;
}
.achat-portfolio address{
//	text-align: center;
//	font-size: larger;
//	margin-bottom: 30px;
	margin-top: 10px;
	margin-left: 35px;
}
.warning {
	text-align: center;
	border: 2px solid;
	padding: 5px;
	font-weight: bold;
}
hr {
	width: 100px;
	text-align: center;
}
.achat-portfolio ul{
	margin-top: 25px;
	margin-bottom: 25px;
}
.liste-titre{
	font-weight: bold;
}
address {
	font: bold;
}

.vente_en_ligne {
	position : absolute;
	top:470px;
}
.conteneur .vente_en_ligne strong {
	 font-weight: bold; 
	 
}

/*-----------------------------
            Referencement
------------------------------*/
body .referencement li {
	display: inline;
}
body .referencement ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin: 7px 7px ;
}
body .referencement{
	font-size : 10px;
	position: relative;
	top: 50px;
	border : 0px;
	border-top: 1px solid BLACK;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family : Verdana;
	font-size : 8px;
	 font-weight: light; 
	color: GRAY;
	cursor: text;
}
body .referencement strong {
	 font-weight: light; 
}

.referencement a, .referencement ul, .referencement li, .referencement ul li{
	color: GRAY;
}
body .texte_referencement {
position : absolute;
top : 150px;
left : 300px;
	margin: 0px;
	height: 100px;		
	width: 400px;
	text-align: justify;
	padding-right : 10px;
	overflow: auto;
}
body .referencement a{
	margin-right : 15px;
}
body .referencement  a:hover {
	cursor: text;
	color: GRAY;
	font-family : Verdana;
	font-size : 8px;
}