@charset "UTF-8";
/* CSS Document */
/*E.Meyer Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
	border: 0;
 	outline: 0;
  	font-size: 100%;
  	vertical-align: baseline;
  	background: transparent;
	}
body {
  	line-height: 1.1em;
  	font-family: "Arial","Helvetica",sans-serif;
	font-size:1.1em;
	background:#fffcdf url(../gifs/backBody.jpg) top left repeat-x;
	}
ol, ul {
  	list-style: none;
	}
blockquote, q {
  	quotes: none;
	}
// remember to define focus styles! :focus { outline: 0; }
// remember to highlight inserts somehow! ins { text-decoration: none; } del { text-decoration: line-through; }
// tables still need 'cellspacing="0"' in the markup table { border-collapse: collapse; border-spacing: 0; }

/*-----------------------------------------------------------------------*/
/* PNGFIX  */
#logo, .icoUp, #map{ behavior: url(iepngfix.htc)}
/*-----------------------------------------------------------------------*/

/*MY RESET*/
a img{
border:none;
}

a{
outline:none;
text-decoration:none;
}

a:hover{
outline:none;
text-decoration:none;
}

embed, object{
margin:0;
padding:0;
}

*{
margin:0;
padding:0;
}
/* pour le texte */
.t{
text-align:justify;
font-size:0.9em;
line-height:1em
}
/*----------POUSS-POUSS------------*/
.clear{
	clear:both;
	visibility:hidden;
	padding:0;
	margin:0;
	}
/*-----------------------------------------------------------------------*/

/** CONTAINER */
#container{
	width:1000px; /*  modifier*/
	margin:0 auto; /*  modifier*/
	position:relative;
	padding-top:160px;
	}
/*** HEADER */
#header{
height:160px; /*  modifier*/
position:absolute;
top:20px;
left:0;
width:100%;
}
header #logo, header hgroup{
float:left
}
header hgroup, address{
width:450px;
font-style:normal
}

#coordonnees address {
width:250px;
font-style:normal
}

header #logo{
margin-right:15px
}
address{
font-weight:700;
font-size:1em;
text-align:right;
}
/****header h1{
font-size:2.2em;
padding:6px 0 8px 0
}
header h2{
font-size:1.2em;
padding:0 0 4px 0;
margin-bottom:10px
}***/
#header section{
position:absolute;
top:0; right:0
}
#header section p{
text-align:right;
font-weight:700
}
#header section span{
font-weight:700;
font-size:1.1em
}
#header #hPhone{
font-size:1.5em;
margin-bottom:3px;
margin-top:5px;
}
#header #hCell{
margin-bottom:15px
}
#header #hPhone img{
margin-right:7px;
}
#filet_1{
width:500px;
height:10px;
border-bottom:solid 2px #cfc8c2;
margin-left:500px
}
#header nav ul{
height:28px;
padding-top:8px
}
#header nav li{
float:right;
padding-left:22px
}
#header nav li a{
font-weight:700;
font-size:0.9em;
color:black;
display:block
}
#header nav ul li a:hover{
border-bottom:solid 5px black
}
.urlEnCours{
border-bottom:solid 5px #ded7d0
}
/*** CONTENT */
#content {
width:100%; /*  modifier*/
}
#blockLoupe{
position:absolute;
top:15px; right:0;
width:100px;
padding:3px 3px 4px 5px
}

#loupe a {
font-size:15px;}
.setFont, .setFont1, .setFont2, .setFont:hover, .setFont1:hover, .setFont2:hover, .setFont:visited, .setFont1:visited, .setFont2:visited{
font-weight:700;
color:black
}
#filet_6{
float:left;
height:25px;
width:250px;
border-bottom:solid 2px #cfc8c2
}
#filet_7{
float:left;
height:25px;
width:200px;
border-bottom:solid 2px #cfc8c2;
border-left:solid 2px #cfc8c2
}
/* */
/* */
#colGauche {
float:right;
position:relative;
width:25%; /*  modifier*/
height:500px;
padding-top:25px;
}
#filet_3{
position:absolute;
top:0; right:0;
border-bottom:solid 2px #cfc8c2;
width:40px;
height:25px;
}
#colGauche a{
color:black
}
#colGauche .cNiv1{
font-weight:700;
padding:6px 0 6px 15px;
margin:0 0 1px 0;
color:#6d6764;
border-left:solid 12px #cfc8c2;
line-height:1em;
font-size:1.3em;
/*
la prochaine propriété hack ie6 qui rajoute des margin-bottom,
le problème c'est qu'avec ça on gagne, un margin-top sur le 1er <li>.
pas important ça fera office de padding-top pour la colGauche.
Magical IE6...
*/
zoom:1;
display:block
}
#colGauche .cNiv2{
height:18px;
padding:0 0 0 35px;
font-size:0.9em;
color:#38302b;
display:block
}

#colGauche .cNiv3{
height:18px;
padding:0 0 0 55px;
font-size:0.8em;
color:#38302b;
display:block
}


#colGauche .marginTop{
margin-top:1px;
}
#colGauche .marginBottom{
margin-bottom:1px;
}
#colGauche .borderBottom{
border-bottom:solid 1px #370802;
}
#colGauche .cNiv1:hover{
border-left:solid 12px black;
color:black
}
#colGauche .cNiv2:hover, #colGauche .cNiv3:hover{
text-decoration:underline;
}
/* */
/* */
#colDroite {
float:right;
position:relative;
width:748px;
border-left:solid 2px #cfc8c2;
/*background:url(../gifs/backColDroite.jpg) left top repeat-y*/
}
#filet_4{
height:25px;
width:320px;
border-bottom:solid 2px #cfc8c2
}
#contenu{
margin:15px 0 15px 20px;
width:600px
}
#filet_8{
height:5px;
width:100%;
border-bottom:solid 2px #cfc8c2;
margin-bottom:25px
}
#contenu section{
margin-bottom:25px;
display:block
}
#contenu section h2{
float:left;
font-size:1.8em;
padding:4px 0 7px;
margin-bottom:10px;
color:#6d6764;
line-height:1;
display:block
}

#contenu section h3{
float:left;
font-size:1.3em;
padding:4px 0 7px;
margin-bottom:10px;
color:#6d6764;
line-height:1;
display:block
}

.titreGen{
margin-bottom:10px;
}
#filet_9, #filet_10{
float:left;
margin-left:15px;
width:50px;
height:22px;
border-bottom:solid 2px #cfc8c2
}
#contenu section p.texte{
float:left;
width:290px;
}
#contenu section p.marginRight{
margin-right:20px
}
#contenu section p.texte a{
color:#CC6600;
text-decoration:underline
}
#contenu section .liens{
clear:both;
padding-top:8px;
width:100%;
text-align:right;
}
#contenu section .liens a{
color:#6d6764;
font-size:0.8em;
text-decoration:underline
}
#contenu section .liens a:hover{
color:#cfc8c2;
text-decoration:underline
}
#contenu section#sec1Index img{
margin-bottom:10px
}
#contenu section#sec2Index img{
float:left;
margin-right:20px
}
#contenu section#sec2Index p.texte{
	float:none !important;
	margin-bottom:1em;
	width:auto !important;
	line-height:1.2em;
	font-size:0.8em;
	text-align:justify;
}

#contenu section#sec2Index h3 {
	float:none;
}

#contenu p.liste {
border-left:2px solid #CFC8C2;
/*color:#6D6764;*/
display:block;
line-height:1em;
padding:6px 0 6px 15px;
}

#chapeau h2, #contenu h2{
color:#333333;
font-size:1.6em;
line-height:1em;
margin-bottom:8px;
}
#chapeau img{
margin-bottom:5px
}
#chapeau p{
color:#003;
font-size:0.8em;
margin-bottom:0.5em;
line-height:1.2em;
}
#chapeau ul{
color:#bc041c;
font-size:0.8em;
}
#chapeau ul li a{
color:#590006;
font-weight:700;
}
#chapeau ul li a:hover{
color:#bc041c;
}
#corps{
clear:both;
padding-top:15px;
}
#corps h3{
margin:1.2em 0 1em;
padding:0 0 0 8px;
color:#6d6764;
border-left:solid 5px #6d6764;
font-size:1.2em;
}
#corps h6{
padding:0 0 8px 0;
margin:0 0 0 35px;
color:#590006;
font-size:1em;
}
#corps ul{
margin:0 0 20px 20px;
font-size:0.8em;
}
.description{
padding:0 0 0 20px;
margin:0 0 20px 0;
font-size:0.8em;
}

.description a { color:#CC6600; text-decoration:underline;}

#lienContact{
margin-bottom:20px
}
#lienContact a{
padding:2px 0 2px 5px;
display:block;
color:#333333;
font-weight:700;
background-color:#CCCCCC;
}
#lienContact a:hover{
background-color:#999999;
}
#leFil{
width:300px;
padding:15px;
background-color:#f8f8f8;
margin-bottom:30px
}
#leFil p{
font-weight:700;
margin-bottom:10px;
}
#leFil ul{
width:300px;
}
#leFil ul li{
width:290px;
margin:0 1px 3px 0
}
#leFil ul li a{
color:black;
border-left:solid 4px black;
padding:2px 0 2px 10px;
font-style:italic;
background-color:#e5e5e5;
font-size:0.9em;
font-weight:700;
display:block
}
#leFil ul li a:hover{
text-decoration:underline
}
.texteUp{
color:black;
font-size:0.8em;
}
.imgAmb{
margin-bottom:10px
}
/* page avocat */
#img1{
float:left;
margin:0 10px 10px 0;
}
/* page engagements */
#imgEngagements{
position:absolute;
top:30px;
left:350px}
#texteEngagements{
width:275px}
/* page des sommaires */
.encart{
width:290px;
margin-bottom:15px
}
#contenu .encart h2{
font-size:1.5em;
color:white;
padding:5px 0 5px 5px;
background-color:#333333;
width:285px;
display:block;
-moz-border-radius:0 10px 0 0;
-webkit-border-top-right-radius:10px;
-khtml-border-radius:0 10px 0 0;
border-radius:0 10px 0 0;
}
#col1 {
float:right;
margin-left:15px;
height:0.1%;
}
#col2 {
float:right;
height:0.1%;
}
#col3 {
float:right;
margin-left:15px;
height:0.1%;
}
#col4 {
float:right;
height:0.1%;
}
#col5 {
float:right;
margin-left:15px;
height:0.1%;
}
#col6 {
float:right;
height:0.1%;
}
.lien{
text-align:right;
}
.lien a{
font-size:0.9em;
color:#6d6764;
}
.lien a:hover{
color:black;
}
.lien a img{
margin:1px 0 0 8px;
}
/* Page contact et plan*/
#colDroite article#contact section#secCoordonnees{
width:300px;
height:570px
}
#colDroite article#plan section#secCoordonnees{
width:300px;
height:570px
}
#colDroite #contenu article section#secCoordonnees p{
margin-bottom:8px;
font-size:0.9em;
width:100%;
padding-left:0;
}
#colDroite article section#secCoordonnees p a{
color:#666666;
text-decoration:underline
}
#colDroite article section#secCoordonnees p span{
font-weight:700
}
#colDroite article section#secCoordonnees p a:hover{
color:black
}
#colDroite article section#secCoordonnees address{
font-style:normal;
font-weight:700;
margin-bottom:15px;
text-align:left;
}
#goPlan a, #goContact a{
font-size:1.3em;
color:black;
text-decoration:underline;
font-style:italic;
margin:30px 0;
width:150px;
display:block;
}
aside#formulaire, aside#map{
position:absolute;
top:63px;
left:360px;
width:430px
}
aside#map{
border-left:none;
}
form.generateur label{
line-height:1em;
}
#colDroite aside#formDevis{
float:right;
}
#colDroite aside#formulaire p, #colDroite aside#formDevis p{
font-style:normal;
font-weight:100;
}
.divGenerateurRequired{
width:150px;
margin-left:150px;
font-size:0.9em;
}
#formulaire_8 fieldset{
width:400px;
margin-bottom:10px;
font-size:1.1em;
}
#formulaire_8 fieldset legend{
font-weight:700;
padding:0 10px;
}
#formulaire_8 fieldset label{
font-size:11px;
}
form.generateur p.erreur, form.generateur div.divGenerateurErreur{
border:none;
}
form.generateur p.erreur span.erreur, form.generateur div.divGenerateurErreur span.erreur{
color:red;
font-size:12px;
}
.validation{display:none;}
#colDroite aside#formulaire .valide p, #colDroite aside#formDevis .valide p{
color:#54752f;
line-height:1em;
font-weight:700;
}
#colDroite aside#formulaire .erreur, #colDroite aside#formDevis .erreur{
}
#colDroite aside#formulaire p.erreur, #colDroite aside#formDevis .perreur{
line-height:1em;
font-weight:700;
}
/* page actualités */
.container_actualite{
width:600px;
}
#container_actualite{
padding:0
}
#listing_calendrier{
display:none
}
#listing_calendrier ul{
list-style:none;
margin-bottom:15px;
}
#listing_calendrier ul li ul{
margin-top:10px;
}
#listing_calendrier ul li{
margin-bottom:5px;
}
#listing_calendrier li li a{
color:#000000;
text-decoration:underline;
}
#listing_calendrier li li a:hover{
color:#666666;
}
#categorie_listing{
margin:0
}
#categorie_listing ul li.selected a{
color:#590006
}
#categorie_listing ul li.selected a:hover{
text-decoration:underline;
color:#bc041c
}
.actualite{
margin:10px 0 5px
}
#contenu .actualite h2{
line-height:0.7em;
padding-bottom:5px;
}
.actualite h2 a{
color:#590006
}
.actualite h2 a:hover{
text-decoration:underline;
color:#bc041c
}
.actualite .link{
text-decoration:underline;
color:#bc041c
}
#actualite_detail .date{
font-size:12px;
color:73a901;
}
#actualite_detail h2{
border:none;
padding-top:5px;
color:#73a901;
margin-bottom:10px;
}
#actualite_detail div{
font-size:13px;
}
#recherche_actualite{
min-width:535px;
padding:10px 0 10px 5px;
}
#recherche_actualite p{
font-size:0.9em;
}
#categorie_listing ul li:hover{
background:none;
}
.height{
height:650px;
min-height:650px;
}
/* */
/* */
/*** FOOTER */
footer {
clear:both;
display:block;
float:left;
width:100%;
position:relative;
height:200px; /*  modifier*/
padding:15px 0 0 15px;
background-color:#d4cabf;
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-khtml-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
footer #coordonnees address{
font-style:normal;
font-size:0.9em;
font-weight:700;
color:#333;
margin:20px 0;
display:block;
text-align:left;
}
footer #coordonnees hgroup{
color:#333333;
padding-bottom:10px
}
footer #coordonnees hgroup h1{
font-size:1.2em
}
footer #coordonnees{
width:250px;
float:left
}
footer #coordonnees p{
color:#333333;
font-size:0.8em;
font-weight:700
}
footer #coordonnees #fCell{
margin-bottom:15px;
}
footer #nav1{
display:block;
float:right;
width:700px;
}
footer .fNiv1{
float:left;
width:170px;
display:block
}
footer .fNiv1 a{
font-weight:700;
color:#6d6764;
font-size:0.9em
}
footer .fNiv1 a:hover{
color:#55504e
}
footer .fNiv2{
color:#6d6764;
font-size:0.7em;
}

footer .fNiv3{
color:#6d6764;
font-size:0.6em;
}
footer #nav1 ul li ul li a.fNiv2{
height:18px;
padding:0 0 0 10px;
color:#6d6764;
font-size:0.7em;
font-weight:100;
display:block
}
footer #nav1 ul li ul li a.fNiv3{
height:16px;
padding:0 0 0 20px;
color:#6d6764;
font-size:0.6em;
font-weight:100;
display:block
}

footer .borderBottom{
border-bottom:solid 1px #370802;
}
footer .fNiv1:hover{
color:black
}
footer .fNiv2:hover, footer .fNiv3:hover {
text-decoration:underline;
}
footer #nav1 ul li.float{
float:left;
font-weight:700;
width:170px
}
footer #except{
float:none;
position:absolute;
top:120px; left:826px}
/** 404 */
.redirection{
display:block;
width:650px;
height:500px;
}
.redirection h1, .redirection h2{
font-size:1.2em;
margin-bottom:10px;
}
.redirection h1{
font-size:1.4em;
line-height:1em;
}
.redirection p{
margin-bottom:15px;
line-height:1em;
}
.redirection ul li{
padding:0 10px;
line-height:1em;
}
.redirection ul{
margin-bottom:15px}
.redirection p a{
color:black;
text-decoration:underline;
}
.redirection ul li a:hover{
color:#000000;
text-decoration:underline;
}
/********************************************************************* CSS associes aux box d'inscription a la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.img_l { float:left; margin-right:10px; border:1px solid #c3b4a5; }
.img_r { float:right; margin-left:10px; border:1px solid #c3b4a5; }
#contenu p {
	text-align:justify;
}

form.generateur label {
	display:block !important;
	text-align:left !important;
	line-height:1.2em !important;
	float:none !important;
}

#formulaire_1 textarea {
	width:300px;
	border:1px solid #C3B5A8;
}

#formulaire_1 input {
	width:260px;
	border:1px solid #C3B5A8;
}

#formulaire_1 #field_5 {
	width:70px !important;
	margin-left:38px;
}
/*----------------Modifications référencement-------------------------------------------------------*/
.bold {
	font-weight:bold;
}
.strong_special {
	font-weight:normal;
}
a.lien_separation {
	text-decoration:underline;
	color:#CC6600;
}
#h2_absolu{
	position:absolute;
	top:1px;
	padding-top:5px;
	padding-bottom:4px;
	font-size:2.2em;
	left:170px;
	height:30px;
}
#h1_absolu{
	position:absolute;
	font-size:1.2em;
	top:33px;
	left:170px;
}
