body
{
	width: 100%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
	margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	background-color: #ffffff; /*  fond blanc  */
}

#body2
{
	width: 100%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
	margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	background-color: #cccccc;
}

#box
{
	width: 1000px;
	margin: auto; /* Pour centrer notre page */
}

.background_galleries
{
	background-color: #7f7f7f;
}

h1
{
	color:#707070;
	font-family: "Verdana",serif;
	font-size: 1.1em;
	margin: 0px;
	text-align: center; 
	
}

#nom_prénom
{
	color:#ff824b;
}

img
{
	border: none;
}

/* BACKGROUNDS -------------------------------------------------------- */
#bg_accueil

{
	background-image: url("elements/bg_accueil.jpg");
	background-repeat: no-repeat ;
	background-position: center ;
	width: 1000px;
	height: 552px;
	
}

#bg_vignettes

{
	background-image: url("elements/bg_vignettes.jpg");
	background-repeat: no-repeat ;
	background-position: center ;
	width: 1000px;
	height: 552px;
	
}

#bg_contact

{
	background-image: url("elements/bg_contact.jpg");
	background-repeat: no-repeat ;
	background-position: center ;
	width: 1000px;
	height: 552px;
	
}

#siret

{
	margin: auto;
	width: 1000px;
	height: 25px;
}

#calage_h1

{
	width: 150px;	
}

ul#menu_horizontal_top li		/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */

{ 
	display : inline;
	padding : 0 0.9em; /* Pour espacer les boutons entre eux */
}

ul#menu_horizontal_top 

{
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
	margin: 0em;
	text-align: center;
	margin-top: 10px;
}

#menu_horizontal_top , a

{
	color:#808080;
	text-decoration: none;
	font-family:"verdana",arial, serif;
	font-size: 0.9em;
}

#menu_horizontal_top  a:hover

{
	color:#aedd59;
}

#copyright

{
	color: silver;
	font-family:serif;
	font-size: small;
}

#copyright2

{
	color: #fcfcfc;
	font-family: serif;
	font-size: small;
	
}

#ML

{
	color: #acacac;
	font-family:serif;
	font-size: small;
}

#marron
{
	color:#a4786e;
}

#brique
{
	color:#d9625c;
}

#gris
{
	color:#bdb6ad;
}

#orange
{
	color:#fdad59;
}

#vert
{
	color:#55aaa8;
}


/* Positionnement formulaire contact ----------------------------------------------------------------------------------------------------------------------------*/
#formulaire_contact

{
	position: relative;
	left: 70px;
	top: -26px;

}


/* scrollbar ----------------------------------------------------------------------------------------------------------------------------*/

#scroll

{
	overflow: auto;
	width: 746px;
	height: 477px;

}

/* Table width & height ----------------------------------------------------------------------------------------------------------------------------*/


#un
{
	width:1px;
}
.deux
{
	width:2px;
}
#onze
{
	width:11px;
}
#vingt_trois
{
	height:23px;
}
.trente
{
	width:30px;
}
#trente
{
	width:30px;
}
.quarante_cinq
{
	width:45px;
}
#quatrevingt_cinq
{
	width:85px;
}
#quatrevingt_treize
{
	width:93px;
}
#quatrevingt_dixhuit
{
	width:98px;
}
#cent_treize
{
	width:113px;
}
#centvingt_cinq
{
	width:125px;
}
#cent_cinquante_quatre
{
	width:154px;
}
#cent_quatrevingt_quatorze
{
	width:194px;
	height:361px;
}

.mille
{
	width:1000px;
}

/* Rollover Menu ----------------------------------------------------------------------------------------------------------------------------*/

a#rollover_report {
background:url('elements/reportages.png') no-repeat;
width: 154px;
height: 361px;
display:block;
}
a#rollover_report:hover {
background-position: bottom center;
}

a#rollover_nat {
background:url('elements/natures_mortes.png') no-repeat;
width: 98px;
height: 361px;
display:block;
}
a#rollover_nat:hover {
background-position: bottom center;
}

a#rollover_portrait {
background:url('elements/portraits.png') no-repeat;
width: 93px;
height: 361px;
display:block;
}
a#rollover_portrait:hover {
background-position: bottom center;
}

a#rollover_tp {
background:url('elements/travaux_perso.png') no-repeat;
width: 113px;
height: 361px;
display:block;
}
a#rollover_tp:hover {
background-position: bottom center;
}

a#rollover_archi {
background:url('elements/architectures.png') no-repeat;
width: 125px;
height: 361px;
display:block;
}
a#rollover_archi:hover {
background-position: bottom center;
}