body {
        font-family: Arial, Verdana;
        font-size: 11pt;
        margin: 0px;
	    padding: 0;
	    background-color: #221E1F;
	    COLOR: #000000;
		/*background: url("fond_site.gif");
		background-repeat: repeat-x;
		background-attachment: fixed;*/

}
#index {
        width: 685px;
		height: 588px;
		margin-top: 0px;
        background-color: #ffffff;
}

#centrale {
			
			width: 1112px;
			margin-top: 10px;/*marge qu'il y a entre chaque cadre à partir du haut*/
			margin-left: 0px;
			padding: 5px;/*espace qu'il y a à l'intérieur de chaque cadre et de chaque élément*/
			/*border: 1px solid #33ccff;/*couleur de la bordure*/
			background-color: #ffffff;                                                     /*à METTRE EN BLANC TOUT A LA FIN*/
			clear: both;
		
}
#archive {
			
			width: 765px;
			margin-top: 10px;/*marge qu'il y a entre chaque cadre à partir du haut*/
			margin-left: 0px;
			margin-right: 0px;
			padding: 0px;/*espace qu'il y a à l'intérieur de chaque cadre et de chaque élément*/
			/*border: 1px solid #33ccff;/*couleur de la bordure*/
			background-color: #ffffff;                                                     
			
		
}
/*il s'agit des cadres situés dans le cadre sidebar-droite dans lesquels on met le texte*/
#milieu-sidebar-droite {
			position:relative;top:0px;left:0px;width:150px;;
			width: 500px;
			margin: 0;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 2px;
			padding: 10px;
			border: 1px dashed #000000;
			 border-top: none ;
			 border-right: none ;
			 border-left: none ;
			/*FONT-SIZE: 30pt;
			font-family: Century Gothic;*/
			
		
}

/*il s'agit du cadre noir pour indiquer le vernissage*/
#vernissage {
			
			width: 500px;
			margin: 0;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 2px;
			padding: 10px;
			background-color: #000000;
			
		
}

/*il s'agit des cadres situés dans la page publication dans lesquels on met le texte*/
#cadre_archive {
			position:relative;top:0px;left:0px;width:150px;;
			width: 530px;
			height: 300px; 
			margin: 0;
			margin-right: 2px;
			margin-left: 2px;
			margin-top: 2px;
			padding: 10px;
			/*border: 4px dashed #CC9933;
			border-bottom:2px solid #CC9933;
			border-top:2px solid #CC9933;*/
			
		
}

#reponse {
			position:relative;top:5px;left:0px;width:150px;;
			width: 210px;
			margin: 0;
			margin-right: 2px;
			margin-left: 2px;
			margin-top: 2px;
			padding: 2px;
			border: 5px dashed #E71640;
			 		
}

/*il s'agit des cadres situés dans la page publication dans lesquels on met le texte*/
#cadre_publication {
			position:relative;top:0px;left:0px;width:150px;;
			width: 530px;
			margin: 0;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 2px;
			padding: 10px;
			/*border: 4px dashed #0066CC;
			border-bottom:2px solid #0066CC;
			border-top:2px solid #0066CC;*/
			FONT-SIZE: 16pt;
			font-family: Arial Narrow ;
			
		
}
#cadre_expo {
			position:relative;top:0px;left:0px;width:150px;;
			width: 530px;
			margin: 0;
			margin-right: 2px;
			margin-left: 2px;
			margin-top: 2px;
			padding: 5px;
			/*border: 4px dashed #E71640;
			border-bottom:2px solid #E71640;
			border-top:2px solid #E71640;*/
			 		
}



/*--------------------------------------------------presse---------------------------------------------------*/
#modification_presse {
			height: 400;
			width: 410;
			padding: 5px;
			margin-top: 10px;
            border: 1px solid #ffffff;
			background-color: #999999;
}


/*---------------------------------------------- fin presse---------------------------------------------------*/

#modification_pub {
			height: 480;
			width: 620;
			padding: 5px;
			margin-top: 10px;
            border: 1px solid #ffffff;
			background-color: #999999;
}











td-titre {
        background: url("fond_site_td.gif");
		background-repeat: repeat-x;
		background-attachment: fixed;
}

/* il s'agit du menu situé tout à droite de la page*/
#menu-droit {
            float: right;
			width: 170px;
			border: 1px solid #33ccff;
			margin: 110px;
			margin-left: 0px;
			margin-right:  10px;
			padding: 5px;
			
}	

/*il s'agit du menu situé tout à gauche de la page*/
#menu-gauche {
            float: left;
			width: 170px;
			border: 1px solid #33ccff;
			margin: 105px;
			margin-left:  10px;
			margin-right: 0px;
			padding: 5px;
			
}

/*il s'agit des cadrant situé à l'intérieur du menu-gauche ou du menu-droit*/
#milieu {
			position:relative;top:0px;left:0px;width:150px;;
			width: 150px;
			\width: 160px;
			w\idth: 150px;
			margin: 0;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 2px;
			padding: 1px;
			border: 1px solid #33ccff;
			text-align: left ;
			
		
}

#general {
			width: 800px;
			border: 1px solid #33ccff;
			margin: 20px;
			/*margin-left: 170px;*/
			/*margin-left: auto;
			margin-right: auto;*/
			padding: 5px;
			
			
}

/*il s'agit du cadre général de la page situé au centre*/
#general2 {
			width: 750px;
			border: 1px solid #33ccff;
			margin-top: 110px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
						
			
}

/*il s'agit du cadre général de la page entrer*/
#general3 {
			width: 750px;
			border: 1px solid #33ccff;
			margin: 110px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
			
			
}

/*il s'agit du cadre général de la page entrer*/
#general4 {
			width: 950px;
			height:70px;
			margin: 5px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
			position: relative;
			clear: both;
			
			
}

#fromulaire_agenda {
			width: 650px;
			height:70px;
			margin: 5px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
			position: relative;
			clear: both;
			
			
}

/*il s'agit du cadre général de la page entrer*/
#general5 {
			width: 800px;
			height: auto;
			margin: 5px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			padding: 5px;
			
			
			
			
			
}

#banner {
			
			width: 890x;
			padding:5px;
			margin-bottom: 5px;
			border: 1px solid #ffffff;
			background-color: #000000;
			clear: both;
			
}

#banner2 {
			
			float: left;
			padding: 5px;
			width: 200px;
			margin-top: 5px;
			margin-bottom: 5px;
			margin-right: 0px;
			border: 1px solid #33ccff;
			background-color: #ffffff;
			position: relative;
			
}

#bloc1 {
	float: left;
	padding: 5px;
	margin-top: 5px;
	margin-left: 10px;
	width: 515px;
	margin-bottom: 5px;
	border: 1px solid #33ccff;
	background-color: rgb(235, 235, 235);
	position: relative;
	height: 93px;

			
}



#bloc1-in {
			
			float: left;
			padding: 0px;
			margin-top: 0px;
			margin-left: 0px;
			padding-bottom: 0px;
			height: 90px;
			/*width: 365px;*/
			margin-bottom: 0px;
			border: 1px solid #33ccff;
			background-color: #ffffff;
			font-family: georgia, arial, sans-serif ;
			FONT-SIZE: 15pt;
			position: relative;
		    /*FILTER:progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#003366,endColorstr=#ffffff ,gradientType=0);*/
			/*background-repeat: no-repeat;
            background-position: left top;
            background-image: url(../icone/logo_galerie.gif);*/

			
}


#bloc2 {
			
			
			padding: 0px;
			margin-top: 5px;
			margin-left:0px;
			width: 365px;
			margin-bottom: 5px;
			background-color: #ffffff;
			FONT-SIZE: 15pt;
			font-family: georgia, arial, sans-serif ;
			border: 1px solid #33ccff;
			position: relative;
			clear: both;
			
}

#bloc3 {
		    
		 	padding: 0px;
			margin-top: 0px;
			margin-left:0px;
			width: 722px;
			margin-bottom: 5px;
			background-color: rgb(235, 235, 235);
			border: 1px solid #33ccff;
			FONT-SIZE: 15pt;
			font-family: georgia, arial, sans-serif ;
			position: relative;
			clear: both;
			
			
			
}

#image {
			
			float: right;
			width: 50px;
			margin-left: 0px;
			margin-top: 5px;
			padding: 5px;
			background-color: rgb(235, 235, 235);
			
		
}


#content {
			padding: 5px;
			margin-left: 215px;
			margin-right: 215px;
		    border: 1px solid #33ccff;
			background-color: rgb(213, 219, 225);
}

#sidebar-a {
			float: left;
			width: 200px;
			\width: 210px;
			w\idth: 200px;
			margin: 0;
			margin-right: 5px;
			padding: 5px;
			border: 1px solid #33ccff;
			background-color: rgb(235, 235, 235);
}

/*il s'agit des cadres situés dans le cadre général du côté gauche*/
#sidebar-gauche {
			float: left;
			width: 200px;
			margin: 0;
			margin-right: 5px;
			margin-top: 5px;
			padding: 5px;
			border: 1px solid #33ccff;
			background-color: rgb(235, 235, 235);
			
			
			
			
}



/*il s'agit des cadres situés dans le cadre général du côté droit*/
#sidebar-droite {
			
			float: left;
			width: 550px;
			margin: 0;
			margin-left: 10px;
			margin-top: 5px;
			padding: 5px;
			border: 1px solid #33ccff;
			background-color: rgb(235, 235, 235);
			
			
			
		
			
			
}

#sidebar-droite-in {
			
			width: 350px;
			\width: 360px;
			w\idth: 350px;
			margin: 0;
			margin-left: 0px;
			margin-top: 0px;
			padding: 10px;
			/*border: 1px solid #33ccff;*/
			background-color: #99ccff;
			FONT-SIZE: 15pt;
			font-family: georgia, arial, sans-serif ;
			FILTER:progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#003366,endColorstr=#ffffff ,gradientType=0);
			
}

#sidebar-droite-in-rouge {
			float: left;
			width: 350px;
			\width: 360px;
			w\idth: 350px;
			margin: 0;
			margin-left: 5px;
			margin-top: 5px;
			padding: 15px;
			/*border: 1px solid #33ccff;*/
			background-color: #99ccff;
			FONT-SIZE: 15pt;
			font-family: georgia, arial, sans-serif ;
			FILTER:progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#ff0000,endColorstr=#ffffff ,gradientType=1);
			
}


/*il s'agit des cadres situés dans la page publication dans lesquels on met le texte*/
#milieu-sidebar-droite-publication {
			position:relative;top:0px;left:0px;width:150px;;
			width: 465px;
			margin: 0;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 2px;
			padding: 10px;
			border: 1px solid #000000;
			border-top: 1px solid #000000;
			border-right: 1px solid #000000;
			FONT-SIZE: 9pt;
			font-family: georgia, arial, sans-serif ;
			
		
}

/* les deux div qui suivent sont ceux employés dans le milieu-sidebar-droite ils permettent de définir la line through*/
DIV.pictureteasertitle {
	PADDING-RIGHT: 5px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px;
	font-family: georgia, arial, sans-serif ;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	COLOR: #3399cc; 
	PADDING-TOP: 0px; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: #99ccff;
	
}

DIV.bluelineholder {
	DISPLAY: block; 
	BACKGROUND: url(blue_space.gif) repeat-x center 50%; 
	FLOAT: left; 
	MARGIN: 5px 5px 7px 0px; 
	WIDTH: 470px; 
	HEIGHT: 15px; 
}



/*il s'agit du centre de la page le div prend toute la largeur*/
#central-large {
			height: 700;
			padding: 5px;
			margin-top: 10px;
            border: 1px solid #ffffff;
			background-color: #999999;
}

#central-large2 {
			height: 500;
			padding: 5px;
			margin-top: 5px;
            border: 1px solid #33ccff;
}

#bar-contact {
			float: left;
			width: 520px;
			margin: 0;
			margin-left: 5px;
			margin-top: 10px;
			padding: 15px;
			border: 1px solid #33ccff;;
			background-color: rgb(235, 235, 235);
			FONT-SIZE: 15pt;
			font-family: georgia, arial, sans-serif ;
			
}

#bar-contact-centre {
			
			clear: both;
			width: 380px;		
			margin: 0;
			margin-left: 0px;
			margin-top: 5px;
			padding: 0px;
			border: 1px solid #ffffff;
			background-color: #ffffff;
			
			
}

#bar-contact-centre2 {
			
			clear: both;
			padding: 5px;
			width: 510px;		
			margin: 0;
			margin-left: 0px;
			margin-top: 5px;
			border: 1px solid #33ccff;
			background-color: rgb(235, 235, 235);
			
			
}

#bar-contact-centre3 {
			
			clear: both;
			padding: 5px;
			width: 405px;		
			margin: 0;
			margin-left: 0px;
			margin-top: 5px;
			/*border: 1px solid #33ccff;*/
			background-color: rgb(235, 235, 235);
			
			
}
/*il s'agit du bas de la page ou le pied de page*/
#footer {
			clear: both;
			padding: 5px;
			margin-top: 5px;
            border: 1px solid gray;
			background-color: rgb(213, 219, 225);
}

#video {
			
			
			margin-left: 250px;
			margin-right: 250px;
		    border: 1px solid #33ccff;
			
}