/********************************************************************* 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_haut.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-position: center 0px;
}
p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #59669D;
}
.titre_page_styl {
	font-size: 15px;
	font-weight: bold;
	color: #2a2a2a;
}

h2 {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 23px;
	font-weight: bold;
	color: #59669D;
	background-image: url(gifs/puce.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #59669D;
}
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: #59669D;
	font-weight: bold;
}
.txt_couleur_grand {
	font-size:20px;
	color: #59669D;
	font-weight: bold;
}


/******************************************************************** Lien ******************************************************************/
a {
	font-size: 11px;
	color: #59669D;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	font-size: 11px;
	color: #59669D;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #59669D;
	font-weight: bold;
}
a:active {
	text-decoration: underline;
	color: #59669D;
}


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

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-size:11px;
	color:#59669D;
	background-color:#ffffff;
}
.email_news2 {
	font-size:11px;
	color:#59669D;
	background-color:#ffffff;
	width: 200px;
	margin-right: 15px;
	margin-left: 40px;
}
.bouton_news {
	font-size:12px;
	color:#ffffff;
	background-color:#DAA9C9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(gifs/menu_copropriete.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 150px;
	background-position: -5px -15px;
	font-weight: bold;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
	display: block;
	height: 24px;
	width: 31px;
	color: #FFFFFF!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 24px;
	background-image: url(gifs/pagination2.jpg);
	background-repeat: no-repeat;
}
.numpage:hover {
	text-decoration: none!important;
	height: 24px;
	width: 31px;
	line-height: 24px;
	background-image: url(gifs/pagination2over.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF!important;
}
.numpage_selec {
	display: block;
	height: 24px;
	width: 31px;
	color: #FFFFFF!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 24px;
	background-image: url(gifs/pagination2over.jpg);
	background-repeat: no-repeat;
}
.bt_suivant{
	height: 24px;
	width: 125px;
	display: block;
	color: #FFFFFF!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 24px;
	background-image: url(gifs/pagination1.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_suivant:hover {
	height: 24px;
	width: 125px;
	display: block;
	color: #FFFFFF!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 24px;
	background-image: url(gifs/pagination1over.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_precedent{
	height: 24px;
	width: 125px;
	display: block;
	color: #FFFFFF!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 24px;
	background-image: url(gifs/pagination1.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_precedent:hover {
	height: 24px;
	width: 125px;
	display: block;
	color: #FFFFFF!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 24px;
	background-image: url(gifs/pagination1over.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_transparent {
	height: 24px;
	width: 125px;
	display: block;
	float: left;
	background-image: none;
}
.liste_deroulante {
	width: 300px;
	margin-bottom: 20px;
	margin-left: 200px;
}
.news_auto_pagination {
	margin-right: auto;
	margin-left: auto;
}
.news_auto {
	width: 630px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
.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: 1000px;
	margin:auto;
}
#header {
	width: 100%;
}
#header .page {
	height: 416px;
}
#headerH {
	height: 133px;
	background-image: url(gifs/logo.jpg);
	background-repeat: no-repeat;
	width: 1000px;
}
#headerB {
	height: 283px;
	width: 1000px;
}
#logo {
	height: 133px;
	width: 655px;
	float: left;
}
#logo a {
	display: block;
	height: 100%;
	width: 100%;
}

#diaporama {
	float: left;
	height: 283px;
	width: 813px;
	background-image: url(gifs/diapo.jpg);
	background-repeat: no-repeat;
}


/********************** MENU PRINCIPAL *********************************/

#menu_principal {
	background-color:#FFFFFF;
	height: 49px;
	width: 994px;
	background-image:url(gifs/separmenu_14.jpg);
	background-repeat:no-repeat;
	padding-left:6px;
}

/*********************** MENU SECONDAIRE *******************************/

#menu_secondaire {
	float: left;
	height: 219px;
	width: 187px;
	background-image: url(gifs/menu_secondaire.jpg);
	background-repeat: no-repeat;
	padding-top: 64px;
}

ul.MenuHorizontal2 {
   width: 187px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal2 li {
   width: 187px;
}

ul.MenuHorizontal2 li a {
	display: block;
	color: #FFF;         /*Ici, changer la couleur de la police*/
	font-size: 13px;         /*Ici, changer la taille de la police du menu*/
	font-weight: bold;
	padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
	height: 34px;         /*Ici, on augmente la hauteur du menu*/
	text-decoration: none;
	line-height: 34px;
	text-indent: 60px;
}

ul.MenuHorizontal2 li a:hover {
	color: #FFF;         /*Ici, changer la couleur de la police*/
	text-decoration: none;
}

li#menu0_2 a {
   background-image: url('gifs/menu_accueil.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu1_2 a {
   background-image: url('gifs/menu_honoraire.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu2_2 a {
   background-image: url('gifs/menu_avocat.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu3_2 a {
   background-image: url('gifs/menu_contact.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu4_2 a {
   background-image: url('gifs/menu_plan.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu0_2 a:hover, a#selected-over0_2 {
   background-image: url('gifs/menu_accueilover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu1_2 a:hover, a#selected-over1_2 {
   background-image: url('gifs/menu_honoraireover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu2_2 a:hover, a#selected-over2_2 {
   background-image: url('gifs/menu_avocatover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu3_2 a:hover, a#selected-over3_2 {
   background-image: url('gifs/menu_contactover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu4_2 a:hover, a#selected-over4_2 {
   background-image: url('gifs/menu_planover.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

/***************************************************** CONTENU ********************************************************/
#content {
	background-image:url(gifs/bg_centre.jpg);
	background-repeat:repeat-x;
	width: 100%;
	clear:both;
	font-weight: bold;
	background-position: 0px bottom;
}
#content .page {
	min-height: 457px;
	_height: 457px;
}
#colonne_gauche {
	float: left;
	width: 750px;
}
#titre_page {
	background-image: url(gifs/filet_titre.jpg);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	height: 32px;
	width: 686px;
	padding-top: 20px;
	padding-left: 64px;
}
#zonechaude {
	width: 730px;
	padding-top: 32px;
	padding-left: 20px;
	padding-bottom: 40px;
	text-align: justify;
	font-weight: normal;
}
.paragraphes_gauche {
	float: left;
	width: 240px;
	padding-right: 12px;
}

/************************************** ENCARTS COMPETENCES ACCUEIL **************************************************/

.encart1_accueil {
	height: 76px;
	width: 240px;
	background-image: url(gifs/encart_famille.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.encart1_accueil a {
	display: block;
	padding-top: 6px;
	padding-left: 90px;
	padding-right: 6px;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: normal;
	width: 144px;
	height: 70px;
}
.encart1_accueil a:hover {
	text-decoration: none;
	background-image: url(gifs/encart_familleover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 144px;
	height: 70px;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: normal;
}

.encart2_accueil {
	height: 76px;
	width: 240px;
	background-image: url(gifs/encart_concubinage.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.encart2_accueil a {
	display: block;
	padding-top: 6px;
	padding-left: 90px;
	padding-right: 6px;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: normal;
	width: 144px;
	height: 70px;
}
.encart2_accueil a:hover {
	text-decoration: none;
	background-image: url(gifs/encart_concubinageover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 144px;
	height: 70px;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: normal;
}

.encart3_accueil {
	height: 76px;
	width: 240px;
	background-image: url(gifs/encart_travail.jpg);
	background-repeat: no-repeat;
}
.encart3_accueil a {
	display: block;
	padding-top: 6px;
	padding-left: 90px;
	padding-right: 6px;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: normal;
	width: 144px;
	height: 70px;
}
.encart3_accueil a:hover {
	text-decoration: none;
	background-image: url(gifs/encart_travailover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 144px;
	height: 70px;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: normal;
}

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

.encart_titre {
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #59669D;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
}
.paragraphes_droite {
	float: left;
	width: 430px;
	background-image: url(gifs/filet_vertical.jpg);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding-left: 20px;
}
.photo1 {
	float: left;
	height: 118px;
	width: 138px;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}
.paragraphe1 {
	width: 280px;
	float: left;
}

.paragraphe2 {
	width: 428px;
	clear: both;
}
.paragraphe3 {
	width: 700px;
	clear: both;
}

.espacement {
	line-height: 22px;
}
.liens {
	height: 15px;
	width: 430px;
	float: left;
	margin-top: 10px;
	background-image: url(gifs/filet.jpg);
	background-repeat: no-repeat;
}
.liens a {
	float: right;
	display: block;
}


#colonne_droite {
	float: left;
	width: 237px;
	padding-top: 50px;
	padding-left: 13px;
}
#encart_actu {
	width: 196px;
	height: 221px;
	background-image: url(gifs/encart_actu.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	color: #CC6600;
	letter-spacing: 1px;
	padding-left: 20px;
	font-size: 10px;
	padding-right: 15px;
}
#encart_actu a {
	display: block;
	float: right;
	margin-top: 8px;
}

.actu_encarttitre {
	font-size: 14px;
	display: block;
	padding-left: 60px;
	margin-bottom: 6px;
}

.encarttitre_styl {
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-left: 35px;
}
.actu_dernierstitres {
	line-height: 17px;
	font-size: 11px;
	font-weight: bold;
}
#sousmenu_selected {
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}


/****************** ENCARTS DE LIENS **********************/

#encart_liens1 {
	width: 196px;
	height: 221px;
	background-image: url(gifs/encart_liens2.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	color: #444444;
	letter-spacing: 1px;
	padding-left: 20px;
	padding-right: 15px;
}
#encart_liens1 a {
	margin-top: 8px;
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
}
#encart_liens1 ul {
	padding-left: 5px;
}
#encart_liens1 li {
	margin-bottom: 6px;
	list-style-type: none;
}
.liens1_encarttitre {
	font-size: 14px;
	display: block;
	padding-left: 10px;
	margin-bottom: 6px;
}
.liens1_styl {
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-left: 60px;
}

#encart_liens2 {
	width: 196px;
	height: 221px;
	background-image: url(gifs/encart_liens4.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	color: #444444;
	letter-spacing: 1px;
	padding-left: 20px;
	padding-right: 15px;
	font-weight: normal;
}
#encart_liens2 a {
	margin-top: 8px;
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
}
#encart_liens2 ul {
	padding-left: 5px;
}
#encart_liens2 li {
	margin-bottom: 6px;
	list-style-type: none;
}
.liens2_encarttitre {
	font-size: 14px;
	display: block;
	padding-left: 10px;
	margin-bottom: 6px;
}
.liens2_styl {
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-left: 60px;
}

#encart_liens3 {
	width: 196px;
	height: 221px;
	background-image: url(gifs/encart_liens3.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	color: #444444;
	letter-spacing: 1px;
	padding-left: 20px;
	padding-right: 15px;
	font-weight: normal;
}
#encart_liens3 a {
	margin-top: 8px;
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
}
#encart_liens3 ul {
	padding-left: 5px;
}
#encart_liens3 li {
	margin-bottom: 5px;
	list-style-type: none;
}
.liens3_encarttitre {
	font-size: 14px;
	display: block;
	padding-left: 10px;
	margin-bottom: 6px;
}
.liens3_styl {
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-left: 60px;
}


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

.filet {
	background-image: url(gifs/filet.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 660px;
	float: left;
	margin-top: 5px;
}
.liste {
	padding-left: 25px;
}
.liste li {
	margin-bottom: 8px;
}
.liste2 {
	padding-left: 25px;
}
.liste2 li {
	margin-bottom: 0px;
}
.plan_acces {
	display: block;
	height: 330px;
	width: 424px;
	background-image: url(gifs/plan.jpg);
	background-repeat: no-repeat;
}
.plan_acces a {
	display: block;
	height: 100%;
	width: 100%;
}
.plan_acces a:hover {
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(gifs/planover.jpg);
	background-repeat: no-repeat;
}

#contact legend {
	color: #59669D;
	font-weight: bold;
	padding-right: 5px;
}



#footer {
	background-image:url(gifs/bg_bas.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	background-color: #999798;
	width: 100%;
	height: 221px;
	clear:both;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
}
#footer .page {
	height: 147px;
	padding-top: 21px;
	background-image: url(gifs/footer.jpg);
	background-repeat: no-repeat;
}
#footer a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 17px;
}
#footer a:hover {
	text-decoration: underline;
}
.sousmenu_footer {
	font-size: 10px!important;
}


/***************************************************** ENCARTS ********************************************************/


/***************** ENCART CONTACT *******************/
#encart_contact {
	height: 46px;
	width: 250px;
	float: left;
	padding-top: 54px;
	padding-left:66px;
	color: #FFFFFF;
}
.contact_encarttitre {
	font-size: 14px;
	display: block;
	padding-left: 32px;
	height: 40px;
	margin: 0px;
	padding-bottom: 0px;
}
.contact_encarttitre_styl {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-left:12px;
}

.contact_encarttitre_styl2 {
	font-size: 21px;
	font-weight: normal;
	display: block;
	padding-left:30px;
}
/***************** ENCART NEWS *******************/
#encart_news {
	height: 72px;
	width: 232px;
	background-image: url(gifs/encart_newsletter.jpg);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	margin-top: 15px;
}
#encart_news a {
	padding-left: 15px;
	display: block;
	padding-top: 8px;
	font-size: 13px;
	line-height: 17px;
	width: 217px;
}
.news_styl {
	font-size: 16px;
	font-weight: bold;
}

.alignementGauche {
	float:left ;
	margin-right: 10px;
	border: 1px solid #000000;
}
.alignementDroite {
	float:right ;
	margin-left: 10px;
	border: 1px solid #000000;
}
.alignementCentre {
	margin-left: 10px;
	margin-right: 0px;
	border: 1px solid #000000;
}
.alignementGauche2 {
	float:left ;
	margin-right: 10px;
}
.alignementDroite2 {
	float:right ;
	margin-left: 10px;
}
.alignementCentre2 {
	margin-left: 10px;
	margin-right: 0px;
}

