/* CSS Document */

/*::::::::::::::::::::::::::::::::::::::::::::::::: PROPRIETES DES BALISES HTML ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

img {border:none;}

body {	height:100%;
	 	margin:0 auto; 
	 	width:100%; 
		text-align:center; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000;
		font-size:13px; 
		background:url(pict/fd2.gif) repeat-x;
		background-color: #000;
		margin-top:8px;
		padding-bottom:35px;		
		}

body a { 
		}		
	
h1 {display:none; }

h1, h2 {margin:0; padding:0; }

h2 {font-size:100%; }

input{ margin:0; padding:0;}

form{ margin:0; padding:0;}

#container {margin:0 auto; /*( "auto" permet à firefox de centrer la page dans la fenêtre)*/
			width:910px; /*(largeur de l'image de fond + largeur ombre)*/
			/*border:#FF0000 solid 1px; */
			text-align:left;}

#container_page {	margin:0 auto; /*( "auto" permet à firefox de centrer la page dans la fenêtre)*/
				text-align:left;
				padding:0px;
				/*text-align:right;
				margin-bottom:45px;*/
				width:830px; /*(largeur de l'image de fond + largeur ombre)*/
				background:#000000;
				padding:0 25px 0px 25px;
				border-top:#333 solid 1px;
				float:left;
				}
				
#container_drapeaux {float:left; width:30px; height:150px; }

/*::::::::::::::::::::::::::::::::::::::::::::::::: CONTENU PAGE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

#header { 	margin:0;
			padding:0;
			text-align: center;
			width:830px;
			height:100px;
			background:#000; 
			}

#oeuvre {width:300px; height:auto; background: #000; float:left; margin-top:10px;}

#zoom_oeuvre { width:250px; height: auto; background:#000; float:left; text-align:center;}
#zoom_oeuvre img{ width:250px;}

#conteneur_droit { width:530px; background:#000; margin-bottom:50px; float: right;}

#menu_top{width:auto; height:50px; background:#000; color:#FF6633; text-align:center; font-size:13px; text-transform:uppercase; font-weight:bold; display:block; }
#menu_top a{ background: #333333; color:#FFF; text-decoration:none; font-style:italic; padding:1px 20px 1px 20px;}
#menu_top a:hover{ color:#EDB314;}

#infos { width:350px; min-height:120px; background:#000; margin-top:35px; margin-bottom:50px; float:left; font-size:12px; color:#999; padding-top:35px;}

#format { width:250px; height:20px; float:left; font-size:12px; font-weight: bold; color:#CCCCCC; margin-top:3px; }

#menu { width:180px; height:200px; padding-top:15px; background:#000; float: right;}

#cadre_vignettes {border: #333 solid 0px; background: #000; background:url(pict/fd3.gif) repeat-x;}

#conteneur_vignettes{ width:auto; height:auto; padding:5px 15px 5px 15px; }

#vignette{ width:100px; height:auto; margin:10px; vertical-align:bottom; float:left;}


/*::::::::::::::::::::::::::::::::::::::::::::::::: MENU :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

#rubrique{ font-family: Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold;  color: #FFFFFF; background:#000; text-decoration:none; }

#titre {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; color: #FFFFFF; text-decoration:none; margin-bottom:5px;}
#titre a{font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; color: #FFFFFF; text-decoration:none; margin-bottom:5px;}
#titre a:hover{color:#EEB30F;}

#titre_on {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; color: #EEB30F; text-decoration:none; margin-bottom:5px;}
#titre_on a, #titre_on a:link, #titre_on a:hover{color:#EEB30F; text-decoration:none;}

/*::::::::::::::::::::::::::::::::::::::::::::::::: PAGES CONTENU :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

#cadre_contenu{ width:630px; font-size:11px; color:#FFFFFF; margin:0 100px 50px 100px;}
#cadre_contenu a{color:#FF9900;}
#cadre_contenu a:visited{color: #990066;}
.sources{ font-weight:bold; color: #CCCC99; }
.titre{ height:20px; padding-left:15px; padding-top:5px; font-size:12px; margin:35px 0 20px 0; vertical-align:middle; background:#333333; text-transform:uppercase; font-weight:bold;}
.txt_gris{color: #AAA;}

