@charset "UTF-8";
/* CSS Document
Design Integral PSD et CSS by JZC974 */
/* css et design - Jonathan ESPARON */ 

body {
margin:0px;
padding:0px;
min-width:1024px;
}





#wrapper {
	background-color:#FFF;
margin:0;
padding:0;
height:100%;
width:100%;
}

#ho {
	background:url(imj/backg.png) repeat-y scroll;
margin:auto;
width:1000px;
}

#ho_central {
margin:auto;
height:450px;
min-height:450px;
width:900px;
background-color:#CCCCCC;
}

#bar_ho {
	background:url(imj/fndbarho.gif) repeat-x scroll;
width:900px;
height:45px;
margin-top:0px;
}

#timing {
	float:left;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:5px;
	
	height:20px;
	width:400px;
	color:#FFF;
}

#timing h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:lighter;
}

#timing h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style:normal;
	font-weight:normal;
	color:#900;
}

#type1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:lighter;
	color:#FFF;
}

#type7 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:normal;
	color:#86B7FF;
}
	

#part_gauche {
margin:auto;
float:left;
width:450px;
height:405px;
background-image:url(imj/avocat.jpg);
}

#ba_gauche {
	background-image:url(imj/fon_bagauche.png);
	margin-top:305px;
	width:100%;
	height:100px;
	float:left;
}

#onglet {
	background-image:url(imj/onglet.png);
	margin-top:-101px;
	width:35px;
	height:100px;
	float:left;
}

#part_droite {
margin:auto;
float:left;
width:450px;
height:405px;
background:url(imj/fon_gauche.jpg);
}

#text_droite {
margin-top:150px;
margin-left:100px;
background-image:url(imj/text_droite.png);
width:266px;
height:104px;
}


#ba {
margin:auto;
width:100%;
height:auto;
background:url(imj/backg_ba.png) repeat-y scroll center;
background-color:#CCC;

}

#ba_central {
margin:auto;
height:auto;
width:900px;
background-color:#FFF;
}

#ba_menu_gauche {
	margin-top: 5px;
	margin-left:-2px;
	float:left;
	height: 350px;
	width: 240px;
}


#bar_menu {
	height:45px;
	width:inherit;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

#bar_menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
 
 
#bar_menu li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }

.menu {
 display:block;
 float:left;   
 width:149px;
 line-height:45px; /*hauteur de l'image de fond*/
 background:url(imj/fon_barmenu.png); /*repeat-x scroll*/
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }

.menu:hover {
 background:url(imj/boutonbarmenu_survol.png) /*repeat-x scroll*/;
 color:#4AF;
 }
 
 .menuselected {
	 display:block;
 float:left;   
 width:149px;
 line-height:45px;
 text-decoration:none;
 text-align:center;
background:url(imj/boutonbarmenu_survol.png) /*repeat-x scroll*/;
 color:#4AF;
 }
	 

#bar_ba {
height:55px;
width:100%;
background:url(imj/frameba.png) repeat-x scroll;
}

#text_barba {
	margin-top:7px;
	height:52px;
	width:900px;
	margin:auto;
	background:url(imj/bar_batext.png) center;
	
}

#logo {
	background-image:url(imj/logo.png);
	position:absolute;
	height:87px;
	width:136px;
	margin-left:768px;
	margin-top:-44px;
}


ul#menu 
{			   
  margin-left : 10px;/* Marge extérieur nulle */
  padding   :0px;          /* Marge intérieur à 1px sauf pour le bas */ 
  width     :  205px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  border-right    :   2px dotted #39C; /* Application d'une bordure */ 
  font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;

   
}		


ul#menu li 
{
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     : 1px;             /* Ajout d'une marge en bas du lien */
  margin-left:5px;
}


.menugauche {
	color:#5693FF;
	 display:block;
	width:200px;
	 line-height:25px;
	 text-decoration:none;
	  background:url(imj/fndboutonmenugauche.png)
}


.menugaucheselec {
	 display:block;
	width:200px;
	 line-height:25px;
	 text-decoration:none;
	background:url(imj/fndboutonmenugauchehover.png);
	color:#FFF;
	}
	
	

.menugauche:hover {
	 display:block;
	width:200px;
	 line-height:25px;
	 text-decoration:none;
	background:url(imj/fndboutonmenugauchehover.png);
	color:#FFF;
}


#frame_text {
	padding-right:8px;
	padding-left:7px;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	color:#515151;
	position:relative;
	margin-top:19px;
	margin-left:230px;
	margin-bottom:10px;
	width:640px;
	height:AUTO;
	border:1px solid #9CC4FF;

}

#frame_text h1 {
	color:#5993FF;
	font-weight:bold;
	font-size:1.3em;
}

#frame_title {
	margin-top:20px;
	margin-left:5px;
}

#frame_title h1 {
	color:#5993FF;
	font-size:1.4em;
}

	
#foto_frametext1 {
	width:640px;
	height:200px;
	margin:auto;
	margin-top:6px;
	background-image:url(imj/frametxt1.jpg);
	margin-bottom:1px;
}

#tofo1 {
	float:left;
	margin-top:25px;
	margin-left:5px;
	margin-right:10px;
	height:114px;
	width:100px;
	
	background-image:url(imj/mn.jpg)
}




#part_text1 {
	margin-left: 120px;
	margin-top:35px;
	padding-left:5px;
	border-left:#666 1px dotted;
	height:180px;
	
	
}


#part_text2 {	
	margin-left: 120px;
	margin-top:40px;
	padding-left:5px;
	border-left:#666 1px dotted;
	height:145px;
	margin-bottom:5px;
	
}


#tofo2 {
	float:left;
	margin-top:45px;
	margin-left:5px;
	margin-right:10px;
	height:114px;
	width:100px;
	
	background-image:url(imj/ct.jpg)
}

#frame_text h2 {
	color:#900;
	font-size:1.1em;
	font-family:"Arial Black", Gadget, sans-serif;
}



#tofo3 {
	float:left;
	margin-top:50px;
	margin-left:5px;
	margin-right:10px;
	height:114px;
	width:100px;
	
	background-image:url(imj/le.jpg)
}

#part_text3 {
	margin-left: 120px;
	margin-top:50px;
	padding-left:5px;
	border-left:#666 1px dotted;
	height:195px;
	margin-bottom:35px;
	
}


.lienmailto {
	color:#600;
	text-decoration:none;
	    display : inline-block;

    padding :  0.1em  0.6em;
    margin  : -0.1em -0.6em;

}


.lienmailto:hover{
    background : #CCD;
}

#listedroitzaf {
	border: #C30319 1px dotted;
	margin-left:55px;
	background-color: #F2F2F2;
	width:450px;
	}
	
.formatList1 {
	border: #C30319 1px dotted;
	margin-left:55px;
	background-color: #F2F2F2;
	width:200px;
	
	}
	
.formatList2 {
	border: #C30319 1px dotted;
	margin-left:15px;
	background-color: #F2F2F2;
	width:180px;
	
	}
	
.formatList3 {
	border: #C30319 1px dotted;
	margin-left:5px;
	background-color: #F2F2F2;
	width:580px;
	
	}
.formatList4 {
	border: #C30319 1px dotted;
	margin-left:15px;
	background-color: #F2F2F2;
	width:450px;
	
	}
	
#tofodroitpen {
	margin:auto;
	margin-bottom:3px;
	height:345px;
	width:630px;
	background:url(imj/palais.jpg);
}

#tofocourappel {
	margin:auto;
	margin-bottom:3px;
	height:345px;
	width:630px;
	background:url(imj/courappelstdenis.jpg);
}

#tofobalance {
	margin:auto;
	margin-bottom:3px;
	height:345px;
	width:630px;
	background:url(imj/balance.jpg);
}

#planstdenis {
	height:420px;
	width:425px;
}

#planstpierre {
	height:420px;
	width:425px;
	
}