/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(gifs/bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1d3245;
}
p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h1 {
	font-size: 17px;
	color: #2a2a2a;
	background-image: url(gifs/filet_titre.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
}
h2 {
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #486279;
	font-weight: bold;
	padding: 0px;
	clear: both;
}
.orange {
	color: #e59b2c;
	margin-bottom: 5px;
	clear: both;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #2a2a2a;
}
h4 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: bold;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
.txt_couleur {
	color: #e59b2c;
	font-weight: bold;
}
.txt_couleur2 {
	color: #486279;
	font-weight: bold;
}


/******************************************************************** Lien ******************************************************************/
a {
	font-size: 11px;
	color: #8ec605;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	font-size: 11px;
	color: #8ec605;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #8ec605;
	font-weight: bold;
}
a:active {
	text-decoration: underline;
	color: #8ec605;
}
.lien {
	clear: both;
	float: right;
	margin-top: 15px;
}
.lien2 {
	clear: both;
	float: right;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-size:11px;
	color:#e67032;
	background-color:#ffffff;
}

.bouton_news {
	font-size:12px;
	color:#ffffff;
	background-color:#721604;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.liste_cat{
}
.fichierbin{
}
.photo{
}
/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{border:none;}

#overlay{background-image:url('gifs/overlay.png');}

* html #overlay{background-color:transparent;background-image:url(blank.gif);}
	
/**********************************************************************************************************/
	
	
.page {
	width: 985px;
	margin:auto;
}
	
#header {
	width: 100%;
}

#header .page {
	background-image: url(gifs/header.jpg);
	background-repeat: no-repeat;
	height: 167px;
	width: 985px;
}
#position-btn {
	position: relative;
	height: 167px;
	width: 985px;
}

#logo {
	height: 167px;
	width: 506px;
	float: left;
	background-image: url(gifs/logo.jpg);
	background-repeat: no-repeat;
	position: relative;
	z-index: 10;
}
#logo a {
	height: 167px;
	width: 506px;
	display:block;
}
#diapo {
	float: left;
	height: 167px;
	width: 479px;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	background-image: url(gifs/diapo.jpg);
}
.espace_cliquable {	
	background-image: url(gifs/bouton_contact.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	top: 117px;
	right: 35px;	
	height: 54px;
	width: 140px;
	display: block;
	font-size: 13px!important;
	color: #1b191e!important;
	text-align: center;
	padding-top: 12px;
	padding-right: 90px;
	padding-left: 30px;
}
.contactez_moi {
	font-size: 20px;
}
.espace_cliquable:hover {
	height: 54px;
	width: 140px;
	display: block;
	font-size: 13px;
	color: #2b4760;
	text-decoration: none;
	background-image: url(gifs/bouton_contactover.jpg);
	background-repeat: no-repeat;
}

/***************************************************** CONTENU ********************************************************/

#content {
	width: 100%;
}
#content .page {
	background:#FFFFFF;
	background-image: url(gifs/content_bg.jpg);
	background-repeat: repeat-y;
	background-position: center 0px;
}
#colonne_gauche {
	float: left;
	width: 247px;
	overflow: hidden;
	height: 395px;
	padding-top: 18px;
}
ul.MenuHorizontal {
   width: 247px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   width: 247px;
}

ul.MenuHorizontal li a {
	display: block;
	color: #2a2a2a;         /*Ici, changer la couleur de la police*/
	font-size: 12px;         /*Ici, changer la taille de la police du menu*/
	font-weight: bold;
	padding-top: 0px;         /*Ici, on augmente la hauteur du menu*/
	text-decoration: none;
}
ul.MenuHorizontal li a:hover {
	text-decoration: none;
	
}

li#menu0 a {
   background-image: url('gifs/accueil.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu1 a {
   background-image: url('gifs/divorce.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu2 a {
   background-image: url('gifs/droit_penal.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu3 a {
	background-image: url('gifs/prejudices.jpg');         /*Ici l'image de fond de la cellule*/
	height: 39px;
	padding-left: 60px;
	padding-top: 7px;
}

li#menu4 a {
   background-image: url('gifs/contentieux.jpg');         /*Ici l'image de fond de la cellule*/
   height: 39px;
	padding-left: 60px;
	padding-top: 7px;
}

li#menu5 a {
   background-image: url('gifs/droit_commercial.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu5b a {
   background-image: url('gifs/prejudices.jpg');         /*Ici l'image de fond de la cellule*/
   height: 39px;
   /*line-height: 29px;
   text-indent: 60px;*/
   	padding-left: 60px;
	padding-top: 7px;
}

li#menu6 a {
   background-image: url('gifs/prudhommes.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu7 a {
   background-image: url('gifs/honoraires.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu8 a {
   background-image: url('gifs/qui.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu9 a {
   background-image: url('gifs/contact.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu10 a {
   background-image: url('gifs/plan.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu11 a {
   background-image: url('gifs/plan.jpg');         /*Ici l'image de fond de la cellule*/
   height: 29px;
   line-height: 29px;
   text-indent: 60px;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/accueilover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/divorceover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/droit_penalover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/prejudicesover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/contentieuxover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/droit_commercialover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu5b a:hover, a#selected-over5b {
   background-image: url('gifs/prejudicesover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}


li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/prudhommesover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/honorairesover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu8 a:hover, a#selected-over8 {
   background-image: url('gifs/quiover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu9 a:hover, a#selected-over9 {
   background-image: url('gifs/contactover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu10 a:hover, a#selected-over10 {
   background-image: url('gifs/planover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

li#menu11 a:hover, a#selected-over11 {
   background-image: url('gifs/planover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8ec605;
}

#colonne_centre {
	float: left;
	width: 665px;
	padding-left: 32px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 24px;
}
#colonne_centre p {
	line-height: 18px;
}
.logo1 {
	float: left;
	height: 47px;
	width: 219px;
	background-image: url(gifs/logo1.jpg);
	background-repeat: no-repeat;
	margin-right: 13px;
}
.logo1 a {
	height: 47px;
	width: 219px;
	display:block;
}
.logo1 a:hover {
	height: 47px;
	width: 219px;
	display:block;
	background-image: url(gifs/logo1over.jpg);
	background-repeat: no-repeat;	
}
.logo2 {
	float: left;
	height: 47px;
	width: 145px;
	background-image: url(gifs/logo2.jpg);
	background-repeat: no-repeat;
	margin-right: 13px;
}
.logo2 a {
	height: 47px;
	width: 145px;
	display:block;
}
.logo2 a:hover {
	height: 47px;
	width: 145px;
	display:block;
	background-image: url(gifs/logo2over.jpg);
	background-repeat: no-repeat;	
}
.logo3 {
	float: left;
	height: 47px;
	width: 261px;
	background-image: url(gifs/logo3.jpg);
	background-repeat: no-repeat;
}
.logo3 a {
	height: 47px;
	width: 261px;
	display:block;
}
.logo3 a:hover {
	height: 47px;
	width: 261px;
	display:block;
	background-image: url(gifs/logo3over.jpg);
	background-repeat: no-repeat;	
}
.photo1 {
	float: left;
	height: 112px;
	width: 178px;
	margin-right: 15px;
}
.photo2 {
	float: right;
	height: 112px;
	width: 173px;
	margin-left: 5px;
	padding-right: 5px;
}
.paragraphe3 {
	width: 665px;
	margin-bottom: 10px;
}
.paragraphe_droite {
	float: left;
	width: 220px;
	padding-left: 20px;
	background-image: url(gifs/filet_vertical.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.liste2 {
	padding-left: 20px;
}

.planG {
	width: 340px;
	float: left;
	margin-right: 16px;
}
.planD {
	float: left;
	width: 280px;
	padding-left: 20px;
	background-image: url(gifs/filet_vertical.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.plan1 {
	height: 150px;
	width: 330px;
	background-image: url(gifs/plan_bourgoin.jpg);
	background-repeat: no-repeat;
	margin-top: 25px;
}
.plan1 a {
	height: 150px;
	width: 330px;
	display:block;
}
.plan1 a:hover {
	height: 150px;
	width: 330px;
	display:block;
	background-image: url(gifs/plan_bourgoinover.jpg);
	background-repeat: no-repeat;

}
.plan2 {
	height: 150px;
	width: 280px;
	background-image: url(gifs/plan_grenoble.jpg);
	background-repeat: no-repeat;
	margin-top: 25px;
}
.plan2 a {
	height: 150px;
	width: 280px;
	display:block;
}
.plan2 a:hover {
	height: 150px;
	width: 280px;
	display:block;
	background-image: url(gifs/plan_grenobleover.jpg);
	background-repeat: no-repeat;

}


/*********************************/

.formulaire {
	width: 400px;
	float: left;
	margin-right: 16px;
}
.encart_form {
	width: 380px;
	border: 1px solid #798595;
	margin-bottom: 20px;
	padding-left: 20px;
	clear: both;
	padding-top: 20px;
	
}

.titre_contact {
	width: 137px;
	position:relative;
}
.titre_contact h2 {
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 7px;
	margin-top: -10px;
	width: 137px;
	font-size: 15px;
	display: block;
	top: -20px;
	position: absolute;
	left: 0px;
}
.titre_contact2 {
	position:relative;
}
.titre_contact2 h2 {
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 7px;
	margin-top: -10px;
	width: 130px;
	display: block;
	top: -20px;
	position: absolute;
	left: 0px;
	font-size: 15px;
}
.area_form {
	height: 80px;
	width: 340px;
	border:1px solid #d2d6dc;
}
.input_form {
	width: 150px;
	height: 18px;
	border:1px solid #d2d6dc;
}
.nom {
	float: left;
	width: 190px;
}
#bloc_bouton {
	clear: both;
	padding-left: 130px;
}
.bouton_form {
	color: #FFFFFF;
	background-color: #6D7989;
	height: 18px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	font-weight: bold;
}


/*******************/

.filet {
	background-image: url(gifs/filet.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 664px;
	float: left;
	margin-top: 5px;
}
#footer {
	width: 100%;
	clear:both;
	font-weight: bold;
	background-image: url(gifs/bg_footer.jpg);
	background-repeat: repeat-x;
}
#footer .page {
	background-image:url(gifs/footer.jpg);
	background-repeat: no-repeat;
	height: 271px;
}
#encart_contact {
	width: 438px;
	height: 158px;
	float: left;
	padding-left: 26px;
	padding-top: 34px;
}
#encart_contact p {
	display: block;
	float: left;
	font-size: 11px;
	margin-top: 8px;
}
#encart_contact em {
	font-weight: normal;
	margin-bottom: 4px;
}

.contact1 {
	padding-left: 135px;
}
.contact2 {
	padding-left: 27px;
}

#encart_competences {
	width: 488px;
	height: 158px;
	float: left;
	padding-top: 34px;
	padding-left: 32px;
}
.cadre_competence1 {
	height: 107px;
	width: 145px;
	padding-top: 8px;
	float: left;
	margin-right: 15px;
}
.cadre_competence2 {
	height: 107px;
	width: 145px;
	padding-top: 8px;
	float: left;
}
.photo1_competence {
	background-image: url(gifs/cadre_divorce.jpg);
	background-repeat: no-repeat;
	height: 77px;
	width: 144px;
	margin-top: 2px;
}
.photo1_competence a {
	height: 77px;
	width: 144px;
	display: block;
}
.photo1_competence a:hover {
	height: 77px;
	width: 144px;
	display: block;
	background-image: url(gifs/cadre_divorceover.jpg);
	background-repeat: no-repeat;
}
.photo2_competence {
	background-image: url(gifs/cadre_penal.jpg);
	background-repeat: no-repeat;
	height: 77px;
	width: 144px;
	margin-top: 2px;
}
.photo2_competence a {
	height: 77px;
	width: 144px;
	display: block;
}
.photo2_competence a:hover {
	height: 77px;
	width: 144px;
	display: block;
	background-image: url(gifs/cadre_penalover.jpg);
	background-repeat: no-repeat;
}
.photo3_competence {
	background-image: url(gifs/cadre_assurances.jpg);
	background-repeat: no-repeat;
	height: 77px;
	width: 144px;
	margin-top: 2px;
}
.photo3_competence a {
	height: 77px;
	width: 144px;
	display: block;
}
.photo3_competence a:hover {
	height: 77px;
	width: 144px;
	display: block;
	background-image: url(gifs/cadre_assurancesover.jpg);
	background-repeat: no-repeat;
}

#lien_pieddepage {
	height: 70px;
	width: 985px;
	text-align: center;
}
#lien_pieddepage a {
	color: #1d3245;
	font-size: 11px;
}
.options {
	font-size: 10px!important;
}

#footer a {
/*	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
*/}
#footer a:hover {
}