BODY {
	margin           : 0px;
	font-family      : Verdana; 
	font-size        : 10pt;
	color            : white;
	background-color :#000000;
	/*
	background-image:url('/nicolasrollandv2/oeuvres/288.jpg');
	background-repeat:no-repeat;
	background-position:center center;		
	*/
}

/* Conteneur 1024*768 */
/* Aligner horiz et vert : http://edu.ca.edu/exemples/centrer/centrer-horiz-vert-1.html */
DIV.conteneur {
		height : 700px;
	width  : 1000px;
	margin-left: auto;
 	margin-right: auto;
}

LEGEND {
	color : white;
}

INPUT {
	background-color : #FFFFFF;
}

FIELDSET {
	padding-left   : 10px;
	padding-right  : 10px;
	padding-bottom : 15px;
}

LEGEND {
	margin-bottom : 15px;
}

.clearBoth {
	clear:both;
}

.blocRef {
	position    : absolute;
	margin-top  : 0px;
	margin-left : 0px;
}

.ref {
	float : left;
}

.blocFondTexte {
		position    : absolute;
	margin-top  : -400;
	margin-left : 0;
	width       : 100%;
	color       : #111111;
	text-align  : justify;
	z-index     : -1;
}

/************************************************************************************************************************/
/* Début des styles du bloc "TEXTE" */

.blocTexte {
		height      : 500px;
	width       : 500px;
	position    : absolute;
	margin-left : 20px;
	margin-top  : 40px;
} 

/************************************************************************************************************************/
/* Début des styles du bloc "POPUP" */

.blocPopupAnnonce {
		margin-top   : 20px;
	margin-left  : 20px;
	margin-right : 20px;
	text-align   : center;
}

.blocPopupAnnonce .annonceTitre {
		font-weight : bold;
	text-align  : right;	
}

.blocPopupAnnonce .annonceTexte {
		margin-top : 40px;
	text-align : justify;
	font-size  : 11px;
	color : #999999;
}

.blocPopupAnnonce A:visited {
	font-size  : 11px;
}
.blocPopupAnnonce A:link {
	font-size  : 11px;
}
.blocPopupAnnonce A:hover {
	font-size  : 11px !important;
}


/************************************************************************************************************************/
/* Début des styles du bloc "LISTECATEGORIE" */

.blocListeCategorie {
		height      : 500px;
	width       : 500px;
	position    : absolute;
	margin-left : 20px;
	margin-top  : 40px;
}

.blocListeCategorie .conteneurCategorie {
		float : right;
	margin-left   : 15px;
	margin-bottom : 25px;
	width         : 200px;
	text-align    : center;
	overflow      : hidden;
}

.blocListeCategorie .categorieImage {
		width : 100px;
}

.blocListeCategorie .categorieImage IMG {
	border-color : white;
}

.blocListeCategorie .categorieTitre {
		overflow  : hidden;
	font-size : 11px;
}

.blocListeCategorie .categorieTitre A:visited {
	font-size  : 11px;
}
.blocListeCategorie .categorieTitre A:link {
	font-size  : 11px;
}
.blocListeCategorie .categorieTitre A:hover {
	font-size  : 11px !important;
}

/************************************************************************************************************************/
/* Début des styles du bloc "PEINTURE" */

.blocPeinture {
		height      : 500px;
	width       : 450px;
	position    : absolute;
	margin-left : 20px;
	margin-top  : 20px;	
	color       : #999999;
}

.blocPeinture .image {
	margin-bottom : 20px;
}

.blocPeinture .image IMG {
	border        : 1px solid;
	border-color  : white;
}

.blocPeinture .information {
		float : left;
	width : 350px;
}
.blocPeinture .information .titre{
		font-weight : bold;
	color       : white;
}
.blocPeinture .information .technique {
	}
.blocPeinture .information .hauteur {
	}
.blocPeinture .information .largeur {
	}
.blocPeinture .prix {
		float : right;
	color : white;
}

/************************************************************************************************************************/
/* Début des styles du bloc "NEWSLETTER" */

.blocNewsletter {
		height      : 400px;
	width       : 500px;
	position    : absolute;
	margin-left : 70px;
	margin-top  : 100px;	
	color       : #999999;
}

.blocNewsletter .lienAboDesabo {
	text-align : right;
}

.blocNewsletter .msgErreur {
	color      : white;
}

.blocNewsletter .cnil {
	font-size  : 10px;
	color      : #444444;
	text-align : justify;
}

.blocNewsletter .cnil A:link{
	font-size  : 10px;
	color      : #444444;
	text-align : justify;
}

.blocNewsletter .cnil A:visited{
	font-size  : 10px;
	color      : #444444;
	text-align : justify;
}

.blocNewsletter .cnil A:hover{
	font-size  : 10px !important; 
	color      : #444444;
	text-align : justify;
}

/************************************************************************************************************************/
/* Début des styles du bloc "ENTETE" */


.blocEntete {
		height     : 100px;
	position   : absolute;
	margin-left: 690px;
	margin-top : 20px;
	text-align : left;
	color      : #888888;
}

.blocEntete H1 {
	color     : #CCCCCC;
	font-size : 20px;
	margin-bottom : 5px;
	text-transform : uppercase;
}

.blocEntete H2 {
	//color     : #888888;
	color     : #FFFFFF;
	font-size : 15px;
	margin-bottom : 0px;
}

.blocEntete .langue {
	margin-left : 205px;
}

.blocEntete A:visited {
	color : #888888;
}
.blocEntete A:link {
	color : #888888;
}
.blocEntete A:hover {
	color : #888888;
}

/************************************************************************************************************************/
/* Début des styles du bloc "MENU" */

.blocMenu {
		height      : 50px;
	position    : absolute;
	margin-left : 690px;
	margin-top  : 180px;	
	text-align  : left;
}

.blocMenu A:visited {
	font-size   : 15px;
	font-weight : bold;
}
.blocMenu A:link {
	font-size : 15px;
	font-weight : bold;
}
.blocMenu A:hover {
	font-size : 15px !important;
	font-weight : bold;
}

/************************************************************************************************************************/
/* Début des styles du bloc "VIGNETTES" */

.blocVignette {
		height      : 350px;
	width       : 300px;
	position    : absolute;
	margin-left : 650px;
	margin-top  : 270px;
}

.blocVignette .texte {
	margin-bottom : 20px;
	font-size     : 15px;
	font-weight   : bold;
}

.blocVignette .conteneurVignette {
		float         : left;
	margin-left   : 15px;
	margin-bottom : 25px;
	width         : 120px;
	height        : 120px;
	text-align    : center;
}

.blocVignette .conteneurVignette IMG {
	border        : 1px solid;
	border-color  : white;
}

.blocVignette .vignette {
	}

.blocVignette .vignetteTitre {
	}

.blocVignette .vignetteTitre A:visited {
	color : #333333;
}
.blocVignette .vignetteTitre A:link {
	color : #333333;
}
.blocVignette .vignetteTitre A:hover {
	color : #555555 !important;
}

.blocVignette .conteneurNavigation {
		width : 100%;
	float : right;
}
.blocVignette .conteneurNavigation .navigationPrec {
		width        : 80px;
	float        : right;
	margin-right : 10px;
	text-align   : right;
}
.blocVignette .conteneurNavigation .navigationSuiv {
		width        : 80px;
	float        : right;
	margin-right : 3px;
}

.blocVignette .conteneurNavigation .navigationPages {
		width        : 55px;
	float        : right;
	margin-right : 10px;
	text-align   : center;
	color        : #333333;
}

/************************************************************************************************************************/
/* Début des styles du bloc "EXPOSITION" */

.blocDetailExpo {
		height      : 570px;
	width       : 550px;
	position    : absolute;
	margin-left : 20px;
	margin-top  : 40px;	
	color       : #999999;
	text-align  : justify;
}

.blocDetailExpo .expoTitre {
		font-weight   : bold;
	color         : white;
	margin-bottom : 20px;
}

.blocExposition {
		height      : 310px;
	width       : 300px;
	position    : absolute;
	margin-left : 650px;
	margin-top  : 300px;
	color       : white;
}

.blocExposition .listeExpos {
		height      : 150px;
	width       : 300px;
	margin-left : 5px;
	margin-top  : 5px;	
	color       : #999999;
}
.blocExposition .listeExpos A:link {
	color : #999999;
}
.blocExposition .listeExpos A:visited {
	color : #999999;
}

/************************************************************************************************************************/
/* Début des styles du bloc "REVUE DE PRESSE" */

.blocDetailPresse {
		height      : 570px;
	width       : 550px;
	position    : absolute;
	margin-left : 20px;
	margin-top  : 40px;	
	color       : #999999;
	text-align  : justify;
}

.blocDetailPresse .presseTitre {
		font-weight   : bold;
	color         : white;
	margin-bottom : 20px;
}

.blocPresse {
		height      : 310px;
	width       : 300px;
	position    : absolute;
	margin-left : 650px;
	margin-top  : 300px;
	color       : white;
}

.blocPresse .listePresse {
		height      : 150px;
	width       : 300px;
	margin-left : 5px;
	margin-top  : 5px;	
	color       : #999999;
}
.blocPresse .listePresse A:link {
	color : #999999;
}
.blocPresse .listePresse A:visited {
	color : #999999;
}

/************************************************************************************************************************/
/* Début des styles du bloc "DIAPORAMA" */

.blocFermer {
		float : right;
}
.blocDiaporamaPeinture {
		height      : 550px;
	width       : 600px;
	float       : left;
	margin-left : 20px;
	margin-top  : 50px;	
	color       : #999999;
	text-align  : center;
}
.blocDiaporamaInfos {
		float       : left;
	margin-top  : 400px;
	margin-left : 20px;
	width       : 200px;
}
.blocDiaporamaInfos .titre {
		font-weight : bold;
	color       : white;
}
.blocDiaporamaInfos .technique {
	}
.blocDiaporamaInfos .hauteur {
	}
.blocDiaporamaInfos .largeur {
	}
.blocDiaporamaInfos .prix {
		margin-top : 50px;
	color      : white;
}


/************************************************************************************************************************/
/* Début des styles de la balise "A" */

A:hover {
	cursor          : hand;
	font-family     : Verdana, Arial, Helvetica, sans-serif !important; 
	font-size       : 12px !important; 
	color           : orange !important;
	text-decoration : none !important;
}
A:link {
	cursor:hand;
	font-family     : Verdana, Arial, Helvetica, sans-serif; 
	font-size       : 12px; 
	color           : #FFFFFF; 
	text-decoration : none !important;
}
A:visited {
	cursor:hand;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 12px;
	color           : #FFFFFF;
	text-decoration : none !important;
}
A:active {
	cursor           : hand;
	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 12px; 
	color            : #FFFFFF;
	text-decoration  : none !important;
}

.lienActif {
	color           : orange !important;
}


/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/

/*                                             PARTIE NEWSLETTER                                                        */

/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/

DIV.conteneurNewsletter {
		height : 600px;
	width  : 510px;
	margin-left: auto;
 	margin-right: auto;
}

/************************************************************************************************************************/
/* Début des styles du bloc "ENTETE" */


.conteneurNewsletter .blocEntete {
		height     : 100px;
	width      : 300px;
	position   : absolute;
	margin-left: 200px;
	margin-top : 20px;
	text-align : right;
}

.conteneurNewsletter .blocEntete H1 {
	color     : #CCCCCC;
	font-size : 20px;
	margin-bottom : 5px;
}

.conteneurNewsletter .blocEntete H2 {
	color     : #888888;
	font-size : 15px;
	margin-bottom : 0px;
}


/************************************************************************************************************************/
/* Début des styles du bloc "MENU" */

.conteneurNewsletter .blocMenu {
		height      : 50px;
	width       : 300px;
	position    : absolute;
	margin-left : 200px;
	margin-top  : 180px;	
	text-align  : right;
}

/************************************************************************************************************************/
/* Début des styles du bloc "NEWSLETTER1" */

.conteneurNewsletter .blocNewsletter1Texte {
		height      : 400px;
	width       : 280px;
	position    : absolute;
	margin-left : 20px;
	margin-top  : 160px;	
	color       : #999999;
}

.blocNewsletter1Texte .titre {
		font-weight   : bold;
	color         : white;
	margin-bottom : 40px;
}

.blocNewsletter1Texte .image {
		
	width         : 250px;
	color         : white;
	margin-bottom : 40px;
}

.conteneurNewsletter .lienDesabo {
		margin-top    : 630px;
	margin-left   : 20px;
	position      : absolute;
	font-weight   : none;
	font-size     : 10px;
	color         : #333333;
}

.conteneurNewsletter .lienNewsEnLigne {
		width      : 300px;	
	margin-left: 200px;	
	margin-top    : 5px;
	position      : absolute;
	font-weight   : none;
	font-size     : 10px;
	color         : #333333;
	text-align : right;
}

.conteneurNewsletter A:visited {
	font-size     : 10px;
}
.conteneurNewsletter A:link {
	font-size     : 10px;
}
.conteneurNewsletter A:hover {
	font-size     : 10px !important;
}

/************************************************************************************************************************/
/* Début des styles du bloc "NEWSLETTER2" */


.blocNewsletter1Texte .titreNews2 {
		font-weight   : bold;
	color         : white;
	margin-bottom : 40px;
	width : 500px;
}

.blocNewsletter2Texte .image {
		
	width         : 500px;
	color         : white;
	margin-bottom : 40px;
}