/***********************************************/
/* index.css                                   */
/* Collectif Noir & Blanc                      */
/* Dominique BERTHET - Aout 2007               */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #313131;
}

#contener {
	position:absolute;
	left: 50%; 
/*	top: 50%; */
	top: 10%; 
	width: 700px;
/*	height: 400px; */
	height: auto;
/*	margin-top: -200px; /* moitié de la hauteur */
	margin-left: -350px; /* moitié de la largeur */
	border: 1px solid #000000;
	background-color: #FFFFFF; 
}

#bloc_haut {
	height: 17px;
	width: 700px;
	background-image: url("../images/fond.png");
	background-position: top center;
	background-repeat: repeat-x;
	float: left;
}

#bloclogo {
	height: 134px;
	width: 200px;
	background-image: url("../images/logo_cnb_vo_transparent.png");
	background-position: middle center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
}

#bloc_logo_galerie {
	height: 134px;
	width: 200px;
	background-image: url("../images/logo_gnb_vo_transparent.png");
	background-position: middle center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
}

#bloctexte {
	height: 134px; 
	width: 500px;
	background-image: url("../images/asso2.png");
	background-position: middle center;
	background-repeat: no-repeat;
	background-color: #000000;
	float: right;
}

#bloc_nom_photographe {
	height: 124px; 
	width: 320px;
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
}

#bloc_nom_photographe_right {
	height: 124px; 
	width: 160px;
	padding-top: 10px;
	background-color: #FFFFFF;
	color: #313131;
	float: right;
}

#blocliens {
	background-color: #000000;
	height: 202px;
	padding-top: 30px;
	width: 200px;
	text-align: left;
	color: #FFFFFF;
	margin-right: 10px;
	float: left;
}

#blocliens_long {
	background-color: #000000;
	height: 450px;
	padding-top: 30px;
	width: 200px;
	text-align: left;
	color: #FFFFFF;
	margin-right: 10px;
	float: left;
}

#blocliens_long2 {
	background-color: #000000;
	height: 1200px;
	padding-top: 30px;
	width: 200px;
	text-align: left;
	color: #FFFFFF;
	margin-right: 10px;
	float: left;
}

#blocphoto {
	position:relative;
	height: 222px;
	padding-top: 10px;
	padding-right: 10px;
	width: auto;
	text-align: center;
	float: right;
	background-color: #FFFFFF; 
}

#bloc_contact {
	position:relative;
	height: 225px;
	padding-top: 7px;
	width: 490px;
	float: right;
	background-color: #FFFFFF;
}

#bloc_article {
	position:relative;
	height: auto;
/*	width: 480px; */ 
	width: 690px; 
	padding-right: 10px;
	text-align: justify;
/*	background-color: #7A7A7A; */
	background-color: #FFFFFF;
	float: right;
}

#bloc_photographe {
	position:relative;
	height: auto; 
	width: 470px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-right: 10px;
	text-align: justify;
	background-color: #FFFFFF;
	border-bottom: 1px dashed #000000;
	float: right;
}

#bloc_projet {
	position:relative;
	height: auto;
	width: 470px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-right: 10px;
	text-align: justify;
	background-color: #FFFFFF;
	border-top: 1px dashed #000000;
	float: right;
}

#bloc_bas {
	height: 17px;
	width: 700px;
	text-align: center;
	float: left;
	background-image: url("../images/fond.png");
	background-position: top center;
	background-repeat: repeat-x;
}