@font-face {
    font-family: "CarrosserieRegular";
    src: url('../fonts/carrosserie-webfont.eot');
    src: url('../fonts/carrosserie-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/carrosserie-webfont.woff') format('woff'),
         url('../fonts/carrosserie-webfont.ttf') format('truetype'),
         url('../fonts/carrosserie-webfont.svg#CarrosserieRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BerlinSansFB";
    src: url('../fonts/BRLNSR.eot');
    src: url('../fonts/BRLNSR.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BRLNSR.woff') format('woff'),
         url('../fonts/BRLNSR.ttf') format('truetype'),
         url('../fonts/BRLNSR.svg#BerlinSansFB') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family:  Arial, Helvetica, sans-serif ;
	background:url(../img/bg.jpg);
	font-size:12px;
	line-height:18px;
}

body, div, p, a, ul, li, h1, h2, h3, img {
	margin:0;
	padding:0;
}

a{
	outline:none;
	color:black;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img{
	border:none;
}

ul{
	list-style:none;
}

ol{
	margin-top:0;
	margin-bottom:0;
}

hr{
	color:#BFBFBF;
	height:1px;
}

sup{
	text-transform:none;
}

.clear{
	clear:both;
}

/* --- WRAPPER --- */

#wrapper{
	width:970px;
	margin:auto;
}

/* --- LEFT SIDE ---*/

#left_side{
	width:220px;
	float:left;
	margin-top:10px;
}

	#logo{
		width:103px;
		height:135px;
		padding-left:10px;
	}
	
	#menu{
		margin-top:50px;
		font-size:18px;
		font-family:"CarrosserieRegular", Carrosserie, "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	
	
	#menu li{
		margin-top:20px;
	}
	
	#menu li a{
		color:#ffffff;
	}
	
	#menu li .menu_active {
		color:#ffcc00;
	}
				
	#menu .menu_active a{
		color:#ffcc00;
	}
	
		#menu li li{
			margin-top:8px;
			font-size:15px;
			text-transform:uppercase;
			color:#bfbfbf;
		}
		
			#menu li li a{
				color:#DFDFDF;
			}
			
			#menu li #submenu_active a{
				color:#ffcc00;
			}
			
			#menu li #submenu_active{
				color:#ffcc00;
			}
				
				.sous_menus{
					margin-left:10px;
				}

					
/* --- MAIN --- */	
	
#main{
	float:left;
	width:750px;
}

	#bloc_account{
		margin-top:5px;
		width:300px;
	}
			
		#account{
			text-transform:uppercase;
			text-decoration:underline;
			margin-right:45px;
			color:#FFFFFF;
		}
		
		#account:hover{
			color:#000000;
		}
			
	#choix_langue{
		float:right;
		text-align:right;
		margin-top:-20px;
	}

	#header{
		margin-top:90px;
	}
	
		#title_site{
			margin-left:20px;
			float:left;
		}
	
	#right_menu{
		float:right;
		color:#FFFFFF;
		padding-top:10px;
	}
			
		#right_menu a{
			text-transform:uppercase;
			font-weight:bold;
			font-size:112x;
			color:#FFFFFF;
		}
		
	#container{
		width:756px;
	}
	
		#content_bottom{
			background-color:#e4e4e4;
			background-repeat:repeat;
			color:#FF0000;
			font-size:15px;
			font-weight:bold;
			padding:5px;
			text-align:center;
			margin-top:10px;
		}
			
		#content{
			background-color:#e4e4e4;
			background-repeat:repeat;
			padding:20px;
			padding-bottom:10px;
			color:#000000;
			min-height:350px;
		}
		#content p{
				margin-bottom:14px;
			}
			
			#content ul{
				padding-left:50px;
				padding-right:45px;
				margin-bottom:14px;
				list-style-type:disc;
			}
						
			#content ul ul{
				padding-left:25px;
				padding-right:35px;
				margin-bottom:14px;
				list-style:none;
			}
			
			#content h1{
				font-size:18px;
				color:#000000;
				font-family:"BerlinSansFB", "Berlin Sans FB", "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
			
			#content h2{
				font-size:14px;
				color:#000000;
				font-family:"BerlinSansFB", "Berlin Sans FB", "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
			
			#content h3{
				margin-left:0px;
				padding-left:0px;
				padding-bottom:5px;
				padding-top:5px;
				padding-right:40px;
				width:656px;
				margin-bottom:5px;
				font-size:12px;
				color:black;
				text-transform:uppercase;
			}	
			
			#content .txt_berlin{
				font-size:14px;
				font-family:"BerlinSansFB", "Berlin Sans FB", "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
			
		#content_blanc{
			background-color:#ffffff;
			background-repeat:repeat;
			padding:20px;
			padding-bottom:10px;
			color:#000000;
			min-height:350px;
		}
			#content_blanc p{
				margin-bottom:14px;
			}
			
			#content_blanc ul{
				padding-left:50px;
				padding-right:45px;
				margin-bottom:14px;
				list-style-type:disc;
			}
						
			#content_blanc ul ul{
				padding-left:25px;
				padding-right:35px;
				margin-bottom:14px;
				list-style:none;
			}
			
			#content_blanc h1{
				font-size:18px;
				color:#000000;
				font-family:"BerlinSansFB", "Berlin Sans FB", "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
			
			#content_blanc h2{
				font-size:14px;
				color:#000000;
				font-family:"BerlinSansFB", "Berlin Sans FB", "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
			
			#content_blanc h3{
				margin-left:0px;
				padding-left:0px;
				padding-bottom:5px;
				padding-top:5px;
				padding-right:40px;
				width:656px;
				margin-bottom:5px;
				font-size:12px;
				color:black;
				text-transform:uppercase;
			}	
			
			#content_blanc .txt_berlin{
				font-size:14px;
				font-family:"BerlinSansFB", "Berlin Sans FB", "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
			
			p#txt_inscription_home{
				color:#FF0000;
				font-size:20px;
				margin:0;
				padding:0;
			}
			
			p.titre_bookzine{
				width:650px;
				margin-bottom:0px;
				font-size:12px;
				color:#D90000;
				text-decoration:underline;
				text-transform:uppercase;
			}		
			
			#livre_bookzine{
				text-align:center;
				float:left;
			}
		
			#description_book{
				float:left;
				width:450px;
			}
			
			#content #formulaire{
				margin-bottom:10px;
			}
			
			
			#content #formulaire table{
				margin-left:0px;
			}
			
				.colonne_form_list{
					float:left;
					width:355px;
					min-height:350px;
				}
				
				.colonne_form{
					float:left;
					width:355px;
				}
				
				.img_list{
					height:100px;
				}
				
				p#oblig{
					padding-left:0px;
					margin-top:10px;
				}
				
				#text_area_adresse{
					height:35px;
				}
				
				#content #formulaire input, #content #formulaire select, #content #formulaire textarea{
					margin-bottom:5px;
				}
			
			#content table{
				margin-bottom:10px;
			}
			
				#content table table{
					padding-left:0px;
					padding-right:0px;
				}
				
				#content table ul{
					padding-left:50px;
					padding-right:0px;
				}
								
				#content table p{
					padding-left:0px;
					padding-right:0px;
				}
			
			#content .header_list{
				margin-bottom:5px;
			}
			
			#blocks{
				margin-left:100px;
			}
			
			.blocks{
				width:300px;
				float:left;
				margin-top:20px;
			}
			
			.list_artists li{
				list-style-image:url(../img/puce_artistes.png);
			}
			
			.list_artists{
				float:left;
			}
			
			#img_expos{
				width:250px;
				margin:auto;
				margin-bottom:15px;
			}
			
			.txt_black{
				color:black;
			}
			
			.txt_red{
				color:#CC0000;
			}
			
			.txt_orange{
				color:#ff6600;
			}
			
			.legende_photo{
				font-size:10px;
			}
			
			#pagin{
				font-weight:bold;
				font-size:14px;
			}
			
			#pagin a{
				font-weight:normal;
				font-size:12px;
			}
			
			#pagin u{
				font-weight:bold;
				font-size:12px;
			}
			
			#fond_or, #reader, #angers, #grapheur{
				float:right;
				margin-right:40px;
				margin-left:20px;
			}
			
			#copyright_photo{
				font-size:9px;
			}
			
			.tableau_laureats{	
				margin-top:10px;
				font-size:14px;
			}
			 
			.tableau_laureats tr{
				border:solid 1px #999999;
			}
			
			.tableau_laureats .txt_red strong {
				color:#D90000;
			}
			
			.border_tableau {
				border-bottom:dotted 2px #999999;
			}
			
			.img_oeuvres{
				float:left;
				width:200px;
				height:130px;
				
			}
	
	#footer{
		margin-left:8px;
		font-size:11px;
		width:753px;
		margin-top:10px;
		margin-bottom:20px;
		color:#ffffff;
	}
	
	#footer a{
		color:#ffffff;
	}
	
	.moderation{
		font-size:9px;
		line-height:10px; 
		font-style:italic;
		color:#999999;
	}
	
	
.tableau{
	width:330px;
	margin-right:35px;
	margin-bottom:10px;
	text-align:right;
	vertical-align:middle;
}

#inscription h3, #identification h3{
	color:#CC0000;
}

#inscription {
	float:left;
}


#identification {
	float:left;
	margin-left:30px;
	width:250px;
}

.oeuvres{
	float:left;
	width:200px;
	min-height:270px;
	margin-right:35px;
}

#btn_enregister_oeuvres{
	clear:both;
	padding-top:20px;
}

