*{
	margin:0;
	padding:0;
}

body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	background-image:url(../gifs/tranche_fond.jpg);
	background-repeat:repeat-x;
}

#container {
	width:969px; /* à modifier*/
	margin:0 auto; /* à modifier*/
}

#header {
	background-image:url(../gifs/header.jpg);
	height:314px; /* à modifier*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:40;
}


#logo {
	width:250px; /* à modifier*/
	height:72px; /* à modifier*/
	position:absolute;
	top:0px;
	right:0px;
	z-index:50;
}

#logo img {
	border:0;
}
#logo a {
	background:url(../gifs/nopic.gif);
	display:block;
	height:100px;
	width:250px;
}
#logo a strong {
	font-size:35px;
	color:#4d3301;
}

#content {
	width:100%; /* à modifier*/
}

#colonne_gauche {
	width:230px; /* à modifier*/
	height:auto;
	overflow:hidden;
	padding:0 0 0 5px;
}

#colonne_centre {
	width:684px; /* à modifier*/
	height:auto; /* à modifier*/
	overflow:hidden;
	background-color:#f7f6e4; /* à modifier*/
	margin:0 0 20px 20px;
	padding:10px 15px;
}

#colonne_droite {
	width:0%; /* à modifier*/
	height:300px; /* à modifier*/
	display:none;
}

#fond_footer {
	background-color:#ece6dd;
	height:230px;
	clear:both;
}

#footer {
	height:191px; /* à modifier*/
	background-image:url(../gifs/footer.jpg);
	width:969px;
	margin:0 auto;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
}
/****************************** Menu ***************************************/
#menu {
	height:274px;
	float:left;
	width:250px;
	margin:36px 4px 0 0;
}

#menu ul {
	list-style-type:none;
	margin:2px 0 0 3px;
}

#menu ul li {
	margin-bottom:1px;
}

#menu ul li a {
	display:block;
	height:32px;
	width:185px;
	line-height:32px;
	color:#fff;
	padding-left:40px;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}

#menu ul li a:hover {
	color:#f7f2c8;
}

#menu ul li .selected {	
	width:160px!important;
	color:#f7f2c8 !important;
}

#menu1 a{
	background-image:url(../gifs/menu_03.jpg);
}
#menu2 a{
	background-image:url(../gifs/menu_09.jpg);
}

#menu3 a{
	background-image:url(../gifs/menu_12.jpg);
}

#menu4 a{
	background-image:url(../gifs/menu_14.jpg);
}

#menu5 a{
	background-image:url(../gifs/menu_16.jpg);
}

#menu6 a{
	background-image:url(../gifs/menu_18.jpg);
}

#menu7 a{
	background-image:url(../gifs/menu_20.jpg);
}

#menu8 a{
	background-image:url(../gifs/menu_21.jpg);
}


/****************************************************************************/
#diaporama {
	width:460px; /* à modifier*/
	height:274px; /* à modifier*/
	float:left;
	margin:37px 0 0 0;
	z-index:45;
}
/******************************* Coordonnées ***********************************/
#coordonnees {
	height:224px;
	float:left;
	width:234px;
	margin:36px 0 0 4px;
	padding:50px 8px 0;
}

#coordonnees h3 {
	color:#e6ad42;
	font-weight:normal;
	font-size:21px;
	margin:10px 0 10px 0;
}

#coordonnees p {
	font-size:14px;
	color:#6d5525;
	line-height:22px;
	font-weight:bold;
}

#coordonnees strong {
	font-weight:900;
	font-size:18px;
}

#coordonnees span {
	font-size:16px;
}

#coordonnees p a {
	font-size:12px;
	color:#6b5525;
	text-decoration:none;
}

#coordonnees p a:hover {
	text-decoration:underline;
}

#bouton_contact {
	display:block;
	background-image:url(../gifs/contacter_delacroix_avocat.jpg);
	width:221px;
	height:58px;
	line-height:58px;
	text-align:center;
	color:#7c6f5b;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	margin:5px 0 0 3px;
}

#bouton_contact:hover {
	background-image:url(../gifs/contact_over.jpg);
	color:#6b5525;
}


/*******************************************************************************/
/***************************** Encart actu *****************************************/
#encart_actu {
	width:225px;
}

#encart_actu h3 {
	background-image:url(../gifs/actu_27.jpg);
	line-height:30px;
	color:#f7f2c8;
	font-size:18px;
	text-indent:10px;
}

#encart_actualite {
	width:225px;
}

#encart_actu ul {
	list-style-type:none;
	width:205px;
	padding:10px;
	background-image:url(../gifs/actu_29.jpg);
	background-repeat:repeat-y;
}

#encart_actu ul li {
	margin:5px 0;
}

#encart_actu ul li a {
	color:#784f01;
	text-decoration:none;
	font-weight:bold;
}

#encart_actu ul li a:hover {
	text-decoration:underline;
}

#encart_actu ul li p {
	margin:8px 0;
}

#encart_actu .all_actu {
	background-image:url(../gifs/actu_31.jpg) !important;
	width:205px !important;
	padding:0 10px !important;
	line-height:30px !important;
	text-align:right !important;
}
#encart_actu .all_actu a {
	color:#784f01 !important;
	text-decoration:none !important;
	font-weight:bold !important;
	line-height:30px !important;
}
#encart_actu .all_actu a:hover {
	text-decoration:underline !important;
}

/********************** Partnaires *******************/
#partenaires {
	width:225px;
	margin:10px 0;
}

#partenaires h3 {
	background-image:url(../gifs/partenaires_33.jpg);
	line-height:38px;
	color:#6b5525;
	font-size:18px;
	text-indent:10px;
	margin-bottom:8px;
}

/***********************************************************************************/
/************************ Sous menu ************************************************/
.sousmenu {
	position:absolute;
	top:322px;
	left:0;
	z-index:50;
	display:none;
	height:29px;
	overflow:hidden;
}

.sousmenu ul {
	list-style-type:none;
}

.sousmenu ul li {
	float:left;
}

.sousmenu ul li a {
	line-height:29px;
	display:block;
	text-align:center;
	font-size:12px;
	color:#4d3301;
	text-decoration:none;
	font-weight:bold;
}

.sousmenu ul li a:hover {
	color:#e6ad42;
}

.sousmenu ul .element1 a {
	background-image:url(../gifs/sousmenu_30.jpg);
	width:152px;
}

.sousmenu ul .element2 a {
	background-image:url(../gifs/sousmenu_31.jpg);
	width:150px;
}

.sousmenu ul .element3 a {
	background-image:url(../gifs/sousmenu_32.jpg);
	width:148px;
}

.sousmenu ul .element4 a {
	background-image:url(../gifs/sousmenu_33.jpg);
	width:149px;
}

.sousmenu ul .element5 a {
	background-image:url(../gifs/sousmenu_34.jpg);
	width:149px;
}

.sousmenu ul .element6 a {
	background-image:url(../gifs/sousmenu_35.jpg);
	width:165px;
}
/***********************************************************************************/

/***************************** Loupe ***********************************************/
#Loupe {
	width:155px;
	position:absolute;
	top:356px;
	right:-5px;
}

#Loupe p {
	color:#867967;
	width:80px;
	float:left;
}

#loupe {
	color:#fff;
	font-size:10px;
}

#loupe a {
	color:#fff;
	background-color:#cabdab;
	text-decoration:none;
	width:20px;
	text-align:center;
	padding:2px 3px;
}

#loupe a:hover {
	background-color:#b6a389;
}
/***********************************************************************************/

/********************************************************************* Exemple pour ref
*/

#container {
	position:relative;
	padding-top:375px;
}

/********************************* Footer ******************************************/
#footer div {
	float:left;
}

#colonne1 {
	width:152px;
	padding:8px 10px 8px 80px;
}
#colonne2 {
	width:182px;
	padding:8px 10px 8px 50px;
}
#colonne3 {
	width:222px;
	padding:8px 10px;
}
#colonne4 {
	width:222px;
	padding:8px 10px;
}

#footer h4 {
	color:#614a19;
	background-image:url(../gifs/puce_50.jpg);
	background-repeat:no-repeat;
	background-position:0 12px;
	text-indent:8px;
	font-size:16px;
	margin:0 0 10px 0;
}

#competence1 {
	background-color:#FFFFFF;
	padding:3px 5px;
	font-weight:900;
	display:block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin:0 0 0 8px;
}

#competence2 {
	background-color:#f7f2c8;
	padding:3px 5px;
	font-weight:900;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:block;
	margin:0 0 0 8px;
}

#competence3 {
	background-color:#7C705A;
	padding:3px 5px;
	font-weight:900;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	display:block;
	margin:15px 0 15px 8px;
}

#footer ul {
	list-style-type:none;
	padding:5px 8px;
}

#footer ul li a {
	color:#000;
	text-decoration:none;
}

#footer ul li a:hover, #colonne4 a:hover {
	text-decoration:underline;
}

#colonne3 p {
	margin:15px 0;
	font-size:13px;
}

#colonne4 .email_news {
	width:100px;
	border:0;
	background-color:#f7f6e4;
	height:18px;
	float:left;
	margin-right:3px;
}

#colonne4 .bouton_news {
	width:60px;
	border:0;
	background-color:#2e1e00;
	color:#fff;
	height:18px;
	float:left;
}

#colonne4 p {
	font-weight:bold;
	margin:8px 0 30px;
	clear:both;
}

#colonne4 p a{
	display:block;
	height:25px;
	line-height:25px;
	width:200px;
	background-image:url(../gifs/partenaires_33.jpg);
	background-position:-10px -10px;
	border:1px solid #6b5525;
	text-indent:5px;
	color:#000;
	text-decoration:none;
}

#colonne4 p a:hover {
	background-image:url(../gifs/contacter_delacroix_avocat.jpg);
	text-decoration:none;
}

#colonne4 form {
	height:40px;
}
/***********************************************************************************/

/********************************* Général *****************************************/
h1 {
	color:#e6ad42;
	font-size:1.7em;
	margin:5px 0 18px 0;
	background-image:url(../gifs/puce_41.jpg);
	background-repeat:no-repeat;
	background-position:0 0.65em;
	text-indent:18px;
}

h1 span {
	color:#786434;
}

.demi_gauche {
	width:330px;
	padding:8px 5px;
	float:left;
}

.demi_droite {
	width:330px;
	padding:8px 5px;
	float:right;
}

#encart_civil {
	background-image:url(../gifs/droit_civil.jpg);
	background-position:0 0;
	height:164px;
	background-repeat:no-repeat;
	position:relative;
}

#encart_affaires {
	background-image:url(../gifs/droit_des_affaires.jpg);
	height:164px;
	background-repeat:no-repeat;
	position:relative;
}

#encart_civil h3 {
	color:#4d3301;
	position:absolute;
	top:10px; 
	left:165px;
	font-size:1.4em;
}

#encart_civil ul {
	position:absolute;
	top:30px; 
	left:155px;
	list-style-type:none !important;
	margin:0 !important;
}

#encart_civil ul li {
	margin:5px 0 !important;
	width:165px;
	text-align:left;
}

#encart_civil ul li a {
	background-image:url(../gifs/puce_54.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:15px;
	color:#000;
	text-decoration:none;
}

#encart_affaires h3 {
	color:#4d3301;
	position:absolute;
	top:10px; 
	left:40px;
	font-size:1.4em;
}

#encart_affaires ul {
	position:absolute;
	top:30px; 
	left:30px;
	list-style-type:none !important;
	margin:0 !important;
}

#encart_affaires ul li {
	margin:5px 0 !important;
	text-align:left;
}

#encart_affaires ul li a {
	background-image:url(../gifs/puce_57.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:15px;
	color:#000;
	text-decoration:none;
}

#encart_civil ul li a:hover, #encart_affaires ul li a:hover {
	text-decoration:underline;
}

#colonne_centre .lettrine:first-letter {
	font-size:3.0em;
	float:left;
	padding-top:0.1em;
}

#colonne_centre p {
	margin:10px 0;
}

em {
	color:#6b5525;
}

.align_right {
	text-align:right;
}

#colonne_centre a {
	color:#6b5525;
	text-decoration:none;
}

#colonne_centre a:hover {
	text-decoration:underline;
}

.float-r {
	float:right;
	margin:0px 0 5px 10px;
}

.float-l {
	float:left;
	margin:0px 10px 5px 0;
}

h2 {
	color:#6b5525;
	font-size:1.6em;
	padding:10px 0 8px;
}

#colonne_centre ul {
	color:#e6ad42;
	list-style-type:square;
	list-style-position:outside;
	margin:8px 0 8px 30px;
}

#colonne_centre ul li {
	margin:12px 0;
}

h5 {
	color:#000;
	font-size:1.2em;
	text-align:left;
	padding:10px 0 10px 15px;
}

h5 span {
	font-size:0.72em;
}

.demi_gauche p, .demi_droite p {
	padding:0 15px 0 0;
}

.align_center {
	text-align:center;
}

img {
	border:0;
}

.black {
	color:#000;
}

.imposant {
	font-size:1.4em;
	color:#6b5525;
	font-weight:bold;
}

.tresimposant {
	font-size:1.6em;
	color:#e6ad42;
	font-weight:bold;
}

.vignette-r {
	float:right;
	border:2px solid #e6ad42;
	margin:5px 0 5px 8px;
}

.vignette-l {
	float:left;
	border:2px solid #e6ad42;
	margin:5px 8px 5px 0;
}

.relance_nav a {
	color:#813E36 !important;
}
/***********************************************************************************/

/******************************** Actu *********************************************/
#container_actualite, #actualite_detail {
	padding:10px 0px !important;
	width:684px !important;
}

#news_btn_rechercher {
	width:40px !important;
	border:0 !important;
	background-color:#2e1e00 !important;
	color:#fff !important;
	height:19px !important;
}

#recherche_actualite {
	border:1px solid #6b5525 !important;
}

.link {
	color:#6b5525 !important;
}

.categorie span {
	color:#6b5525 !important;
}

.actualite h2 a {
	color:#e6ad42 !important;
}

#listing_calendrier {
	background-color:#FFF !important;
	width:300px !important;
}

#listing_calendrier ul {
	margin:10px 5px !important;
}

#listing_calendrier li li a {
	color:#000 !important;
}

#listing_calendrier li li a:hover {
	text-decoration:none !important;
}

#actualite_detail h2 {
	border-bottom:1px solid #6b5525 !important;
	color:#6b5525 !important;
	font-size:1.6em !important;
	letter-spacing:0.03em !important;
	margin-bottom:15px !important;
}
/***********************************************************************************/
/******************************** Contact ******************************************/
#formulaire_1 label {
	width:80px;
}

#formulaire_1 input, #formulaire_1 textarea {
	width:200px;
	border:1px solid #6b5525 !important;
}

#formulaire_1 .submit {
	margin-left:140px !important;
}

#field_5 {
	width:80px !important;
	border:0 !important;
	background-color:#2e1e00 !important;
	color:#fff !important;
}

.erreur {
	color: #e6ad42 !important;
	border-color:#e6ad42 !important;
}

.relance {
	font-size:1.3em;
}


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


/******************* LightBox **********************/
#TB_title {
	background-color:#4d3301 !important;
}

#TB_ajaxWindowTitle, #TB_window a {
	color:#f7f2c8 !important;
}

#TB_window  {
	color:#000 !important;
	border: 4px solid #4d3301 !important;
}

#TB_ajaxContent div {
	padding-top:15px !important;
}

#input_newsletter {
	border:1px solid #6B5525 !important;
	width:200px;
	margin:0 8px;
	float:left;
}

#submit_newsletter {
	background-color:#2E1E00 !important;
	border:0 none !important;
	color:#FFFFFF !important;
	width:40px !important;
	float:left;
}

#newsletter {
	padding:0 8px;
}

#newsletter a {
	color:#6B5525;
	text-decoration:none;
}

#newsletter a:hover{
	text-decoration:underline !important;
}