body#normal {
	text-align: center;
	background: url(../../images/fonds/body.gif) top center repeat-x;
}

body#popup {
	text-align: center;
	background: url(../../images/fonds/body_popup.gif) top center no-repeat;
}

#container_fr,
#container_en {	
	position: relative;
	margin: 0 auto;
	padding: 0;	
	text-align: left;

	width: 926px;
	
	/*POUR FIREFOX ET CONSOEURS*/
	min-height:590px;
	height:auto;
}

/* POUR IE */
* html #container_fr,
* html #container_en {
	height:600px;
}	

#container_fr {	
	background: url(../../images/fonds/container_fr.gif) top center no-repeat;
}
	
#container_en {	
	background: url(../../images/fonds/container_en.gif) top center no-repeat;
}

	


UL {
	margin: 0px;
	padding:0px;
	margin: 0px;		
	list-style: none;
}

LI {
	padding:0px;
	margin:0px;	
	padding-left:10px;
	margin-left:25px;
	background : url(../../images/pictos/puce.gif) top left no-repeat;
}

/*********************************** POLICES *****************************************/

	A, P, SPAN, INPUT, TEXTAREA, SELECT, DIV, UL, LI, TH, TD {
		font: 11px "Trebuchet MS", verdana, arial, lucida, helvetica, sans-serif;
		color:black;
	}
	
	h1 {
		font-size:16px;
		font-variant: small-caps;
	}
	
	
	h2 {
		font-size:20px;
		font-weight:bold;
		color:#0C2E82;
		margin:0px;
		padding:0px;	
	}
	
	A.selected{
		font-weight:bold;
	}
	
	A,
	#menu A.selected,
	#menu A:hover,	
	.couleur {
		color:#0C2E82;
	}
	

	#menu A,
	.chapo {
		font: 1.2em georgia, arial, lucida, helvetica, sans-serif;
		font-weight: bold;	
		font-variant: small-caps;
		text-decoration: none;
		color:#54565C;
	}	
	
	.btn A {
		font: 1.1em arial;
		font-weight: bold;
		text-decoration: none;
		color:#000;
	}
	
	.btn A:hover {
		text-decoration: underline;
	}
/************************* MENU **********************/
#header {
	position: relative;
	padding: 50px 0px 0px 256px;
	text-align: left;
}

#menu {
	width: 636px;
	min-height: 94px;
	height:auto;
	padding-top:20px;	
	background: url(../../images/fonds/menu.gif) top left no-repeat;	
}
* html #menu {
	padding-top:22px;
	height:80px;
}

#menu UL {
	float:left;
}


#menu A.selected,
#menu A:hover {
	color:#0C2E82;
}

#switchLangue{
position: absolute;
right: 40px;
top: 25px;
}

/******************************** FOOTER  *******************************/	

#footer {
	width:100%;
	float:left;
	margin:0px;
	margin-top:20px;
	margin-bottom:30px;
	padding:0px;
	text-align: center;
}

#footer DIV {
	width:860px;
	margin:0 auto;
	padding-top:4px;
	border-top:solid 1px #CDCCDD;
}
#footer P#left {
	float:left;
	width:275px;
	text-align:left;
	margin-left:25px;
}
#footer P#center {
	float:left;
	width:230px;
	text-align:center;	
}
#footer P#right {
	float:right;
	width:275px;
	text-align:right;	
	margin-right:25px;
}


/******************************** PAGES *******************************/	
#main {
	position: relative;
	margin-top:30px;
	padding-left: 0.1em;
	z-index:1;
}

#visuel {
	float:left;
	clear:both;
/*width:23.6em;*/
	margin:0px;
	padding-left:0.1em;
}

#centre {
	float:left;
	width:22.2em;
	background: url(../../images/fonds/centre.gif) bottom left no-repeat;	

	min-height:545px;
	height:auto;
}

* html #centre {
	height:540px;
}

#centre P {
	padding:10px 20px 10px 20px;
}
#centre LI,
#texte LI {
	margin-bottom:3px;
}

#centre LI A, #texte LI A {text-decoration:none}
#centre LI A:hover, #texte LI A:hover {text-decoration:underline}

#texte {
	float:right;
	clear:right;
	z-index:2;
	width:37.9em;
	background: url(../../images/fonds/texte.gif) top left no-repeat;

	min-height:455px;
	height:auto;	
}

* html #texte {
	width:37.7em;
	height:455px;
}

#texte2colonnes {
	float:left;
	z-index:2;
	width:620px;
	background: url(../../images/fonds/texte2colonnes.gif) top left no-repeat;

	min-height:470px;
	height:auto;	
}

* html #texte2colonnes {
	height:470px;
}

#texte P,
#texte2colonnes P {
	margin:0px;
	padding:0px 30px 0px 15px;
}

#texte LI,
#texte2colonnes LI {
	padding-right:30px;
}

#texte P#titre,
#texte2colonnes P#titre {
	margin-top:20px;
}

#titre IMG {
	float:left;
	margin:8px 5px 20px 0px;
}

h1 { margin:0px 0px 20px 0px;}
h1 IMG {}

#cadre {
	margin:20px 30px 0px 15px;
	padding:10px 0px 10px 0px;
	border:solid 1px #0C2E82;
}

#cadre P {
	font-size:1.2em;
	font-weight:bold;
	color:#0C2E82;
}

#cadre LI {
	font-size:1.1em;
	color:#0C2E82;
	margin-bottom:0px;
}

/**************************** AVOCATS **************************************/

#formAvocats {
	position:absolute;
	z-index:100;
	margin:70px 0px 0px 285px;
}

#formAvocats P {
	margin-top:20px;
}
#formAvocats P IMG {
	margin-right:5px;
}
#formAvocats SELECT {
	width:200px;
	border:solid 1px black;
}

#formAvocats OPTION {
	padding: 0px 5px 0px 5px;
}


/******************************** ACCUEIL *******************************/	

#flash {
	padding-left:1px;
}

#presentation {
	padding:15px 0px 0px 80px;
	height:150px;
}

#presentation IMG {
	margin:0px 20px 0px 20px;
}
#presentation P,
#presentation IMG {
	float:left;
}
	
#presentation P {
	width:300px;
	text-align:left;
	padding:30px 0px 0px 0px;
}	

/******************************** POP-UP *******************************/	
#container_popup {
	width:420px;
	margin:0 auto;
	text-align:center;
	
	height:600px;
}

#container_popup #main{
	margin:25px 10px 20px 10px;
	text-align:left;	
}

#photomaton {
	width:125px;
	height:170px;
	background: url(../../images/fonds/ombre.jpg) top left no-repeat;
	float:left;
}

#photomaton IMG {
	margin:0px;
	margin-left:1px;
}

#identite {
	float:right;
	width:270px;
}

#detail {
	width:100%;
float:left;
	clear:left;
}
#identite H2 {
	width:100%;
	border-bottom:solid 1px black;
	margin-bottom:15px;	
}

#container_popup .chapo {
	margin:10px 0px 10px 0px;
}

#container_popup P {
	font-size:1.2em;
	margin:0px 0px 20px 10px;
}
#container_popup .chapo IMG {
	margin-right:5px;
}

#identite SPAN,
#identite A {
	font-weight:bold;
	color:#0C2E82;
}

#container_popup .btn {
	float:left;
	width:100%;
	text-align:center;
	margin-top:30px;
}