/***********************************************/
/* 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;
	background-image: url("../images/echoism.jpg");
}

#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; 
}

#contener_black {
        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: #000000;
}


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

#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: 300px;
	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: 800px;
	padding-top: 30px;
	width: 200px;
	text-align: left;
	color: #FFFFFF;
	margin-right: 10px;
	float: left;
}

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

#blocphoto {
	position:relative;
	height: 300px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 450px;
	text-align: center;
	float: right;
	background-color: #000000; 
}

#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: 300px; 
	width: 470px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-right: 10px;
	text-align: justify;
	background-color: #FFFFFF;
/*	border-bottom: 1px dashed #000000; */
	float: right;
	overflow-y:scroll;
}

#bloc_projet {
	position:relative;
	height: 450px;
	overflow-y:scroll;
	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;
	background-color: #FFFFFF;
}