body {
	background-color : #FFFFFF;
	font-family : "Arial";
	font-size : 12px;
	color : #FFFFFF;
	margin : 0px;
	text-align : center;
}

* {
	margin : 0;
	padding : 0;
}


/*-----------Mise en forme générale -----------------------*/

#global {
	width : 950px;
	height : 615px;
	/*Pour centrer verticalement et horizontalement*/
	position:absolute;
    left: 50%; 
    /*top: 50%;*/
    /*margin-top: -300px;*/ /* moitié de la hauteur */
    margin-left: -475px; /* moitié de la largeur */

	background-color : #FFFFFF;
	/*border : 1px solid #bf4646; *//* indispensable de préciser "solid"! */	
	background-position : center;
	text-align : left;
}

#global.intro {
	text-align : center;
}
#global.intro img {
	margin-top : 70px;
}

/* ----- header "Vanessa Bureau Bureau Photographe" */
#header {
	width : 100%;
	height : 70px;
}

#header h1 {
	display : none;
}

#header a {
	border : 0px;
	display : block;
	width : 100%;
	height : 70px;
	background : url("../images/vanessa-bureau-photographe.gif") no-repeat top left;
}

/* ----- bandeau de liens */
#bandeau {
	background-color : #cec7c1;
}

#bandeau a, #bandeau a:visited, #bandeau a:hover {
	color : #FFFFFF;
	text-decoration : none;
	outline : none;
}

#bandeau ul {
	list-style : none;
	height : 20px;/* donner la hauteur du menu*/
}

#bandeau ul li {
	float: left ;
	text-align: center ; /* rendre les li flottant pour pouvoir les afficher horizontalement et centrer le texte*/
}

#bandeau ul li a { 
	display : block;
	width : 100px;
	line-height: 20px ;
	font-size: 1em ;
}

#bandeau ul li a:hover, #bandeau ul li a:active {
	background-color : #bf4646;
	display : block;
	width : 100px;
	line-height: 20px ;
	font-size: 1em ;
}

div#footer {
	width : 100%;
	text-align : center;
	height : 15px;
	color : #AAAAAA;
	font-size : 10px;
	float : left;
}
div#footer a {
	color:#AAAAAA;
}

/*-----------Main -----------------------*/

#bio, #tarifs, #fine-art, #tirages, #contact, #actualites, #liens, #liens-mariage {
	width : 950px;
	height : 510px; /*510*/
	color : #747474;
	font-size : 10px;
	background : url("../images/decoration-fleur-r.gif") no-repeat right bottom;
}

#accueil {
	width : 950px;
	height : 500px;
	margin-top : 5px;
}

/* ----- actualités----------*/

#actualites-photo {
	float : left;
	width : 410px;
	margin-left : 50px;
	margin-top : 30px;
}

#actualites-text {
	float : right;
	width : 335px;
	margin-top : 40px;
	margin-right : 130px;
	text-align : center;
}

#actualites-text p {
	margin : 15px 0px 5px 0px;
}

#actualites-text a, #actualites-text a:visited {
	color : #bf4646;
}

#actualites-text h3 {
	font-weight : bold;
	font-size : 12px;
	color : #bf4646;
	margin-top : 10px;
	font-style : italic;
}

#actualites img {
	border : 0px;
	margin-left : 5px;
}


/* ----- bio----------*/

#bio-photo {
	float : left;
	width : 410px;
	margin-left : 50px; /*soit 460px pour la partie photo*/
	margin-top : 30px;
	text-align : right;
}

#bio-text {
	float : left;
	width : 330px;
	margin-top : 50px; 
	margin-left : 60px; /*soit 390px pour la partie texte*/
	text-align : justify;
}

/* ----- tarifs----------*/

#tarifs {
	font-family : "Verdana";
}

#tarifs-photo {
	float : left;
	width : 410px;
	margin-left : 50px;
	margin-top : 30px;
}

#tarifs-text {
	float : right;
	width : 330px;
	margin-top : 90px;
	margin-right : 130px;
	text-align : center;
}

#tarifs-text h2 {
	font-size : 10px;
}

#tarifs-text p {
	margin : 5px 0px 5px 0px;
}


#tarifs-text a, #tarifs-text a:visited {
	color : #bf4646;
}

/* ----- Fine-art----------*/
#fine-art-photo {
	float : left;
	width : 410px;
	margin-left : 50px;
	margin-top : 30px;
}

#fine-art-text {
	float : right;
	width : 330px;
	margin-top : 30px;
	margin-right : 130px;
	text-align : center;
}

#fine-art-text h2 {
	font-weight : bold;
	font-size : 12px;
	color : #bf4646;
	margin-top : 10px;
	font-style : italic;
}


#fine-art a, #fine-art a:hover, #fine-art a:visited {
	color: #bf4646;
}

/* ----- Tirages----------*/
#tirages-photo {
	float : left;
	width : 410px;
	margin-left : 50px;
	margin-top : 30px;
}

#tirages-text {
	float : right;
	width : 330px;
	margin-top : 90px;
	margin-right : 130px;
	text-align : center;
}

#tirages-text h2 {
	font-weight : bold;
	font-size : 12px;
	color : #bf4646;
	margin-top : 10px;
	font-style : italic;
}


/* ----- Contact---------- */

INPUT, SELECT, TEXTAREA { 
	color : #000; 
	font-family : Verdana; 
	background-color: #EEEEEE; 
	border-width : 1pt; 
	border-color : #222222;
}

.txterror { 
	color : #d68888;
	font-size : 11px;
	font-family: Verdana
}

#contact-photo {
	float : left;
	width : 410px;
	margin-left : 50px;
	margin-top : 30px;
}

#contact-text {
	float : right;
	width : 330px;
	margin-top : 50px;
	margin-right : 130px;
	text-align : center;
}

#contact-text p {
	margin : 10px 0px 10px 0px;
}

#contact-text a, #contact-text a:visited {
	color : #bf4646;
}

/* ----- liens----------*/

#liens-photo, #perso, #photographes, #magazines-communautes, #coups-de-coeur, #partenaires, #mariage, #liste-liens-vrac {
	float : left;
}

#liens-photo {
	margin-left : 50px;
	margin-top : 30px;
}

#liens ul, #liens-mariage ul {
	list-style : none;
	margin-left : 20px;
}

#liens li a, #liens li a:visited, #liens a, #liens a:visited{
	color : #747474;
}

#liens-mariage li a, #liens-mariage li a:visited, #liens-mariage a, #liens-mariage a:visited{
	color : #747474;
}

#liens li a:hover, #liens a:hover{	color : #bf4646; }
#liens-mariage li a:hover, #liens-mariage a:hover{	color : #bf4646; }

#liens-text #perso { margin-top : 30px; margin-right : 60px; }
#liens-text #photographes { margin-top : 30px; }
#liens-text #coups-de-coeur { margin-top : -40px;	margin-right : 60px; }
#liens-text #magazines-communautes { margin-top : 20px;	margin-right : 50px; margin-bottom: 10px;}
#liens-text #partenaires { margin-top : 0px; margin-right : 60px; }
#liens-text #mariage { margin-top : 10px;}

#liste-liens-vrac { margin-top : 30px;}

	

/* ----------- sidebar : menu déroulant galerie-----------------------*/
#sidebar {
	width : 180px;
	height : 500px;
	margin-top : 30px;
	background : url("../images/decoration-fleur.gif") no-repeat left bottom;
	float : left;
}

#galerie {
	width : 720px;
	height : 500px; 
	float : left;
	margin-left : 20px;
	margin-right : 30px;
	text-align : center;
	color : #666666;
	font-size : 11px; 
}
	

/*----- éléments de la sidebar */
ul {
	list-style : none;
}

#cote-humain {
	height : 35px;
	width : 160px;
	background : url("../images/cote-humain.gif") no-repeat top left;
}

#cote-nature {
	height : 35px;
	width : 160px;
	background : url("../images/cote-nature.gif") no-repeat top left;
}

	
/*menus*/
ul.navigation a, ul.navigation a:hover {
	display : block;
	width : 150px;
	height : 20px;
	margin-left : 5px;
	text-indent : 15px;	
	line-height: 20px ;
	font-size : 13px;
}

ul.navigation a {
	color : #bf4646;
	outline : none;
}

ul.navigation a:hover {	
	color : #FFFFFF ;
	background : url("../images/degrade-liste.jpg") no-repeat left;
}

/*sous-menus*/
ul.subMenu a, ul.subMenu a:hover {
	display : block;
	width : 140px;
	height : 20px;
	margin-left : 20px;
	text-indent : 10px;	
	line-height: 20px ;
	font-size : 11px;
}

ul.subMenu a {	
	color : #bf4646;
}

ul.subMenu a:hover {	
	color : #FFFFFF ;
	background-color : #bf4646;
}