@charset "utf-8";

html {
    font-size: 100%; /* évite un bug d'IE 6-7. (1) */
}

body {
margin:0;
color: black;
background: #f5f1e8;
padding: 0.5em;
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-size: 0.8em;
}

img {
border:0px;
}

ul, ol {
    margin: 0;
    padding: 0;
	list-style:none;
}


#conteneur {
position:relative;
width: 986px;
background-image: url(../images/ombre-verticale.png);
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
overflow:auto;
}

#ombre_debut {
position:absolute;
width:9px;
top:0;
left:0;
}

div#entete
{
width: 977px;
height: 250px;
background-color:white;
margin-left: 9px;
}

div#entete #photo {
	position:relative;
	width: 977px;
	height: 180px;
	background-image: url(../images/photo-entete.jpg);
	background-repeat: no-repeat;
	z-index:10;
}

div#entete #bandeau {
	position:relative;
	top:80px;
	width: 977px;
	height: 85px;
	background-color: #FFA926;
}

div#entete #bandeau #logo {
float: left;
position:relative;
left:33px;
width: 200px;
height: 90px;
}

div#entete #bandeau #menu2 {
	float:left;
	position:relative;
	left:270px;
	width: 190px;
	height: 85px;
	margin-top: 10px;
	background-image: url(../images/separation.png);
	background-repeat: no-repeat;
	background-position:185px -10px;
}


.liste_menu
{
list-style-type:none;
margin: 6px 0 18px 0;
padding: 0;
}

.liste_menu a
{
text-decoration: none;
}

.liste_menu a:hover
{
text-decoration:underline;
}

ul#liste_menu2 li
{
float:left;
font-size: 1em;
margin-top: 0px;
margin-left: 4px;
}

ul#liste_menu2 li, a
{
color:#686767;
}

div#entete #bandeau #connexion {
color:#686767;
float:right;
position:relative;
font-size: 1em;
top:30px;
width: 290px;
height: 85px;
}

input {
border-style:solid;
border-color: gray;
border-width: 1px;
}

input.info_log {
width: 110px;
}

div#headerbis {
height: 22px;
width: 977px;
background-color: white;
}

div#headerbis strong {
display:block;
float:left;
height: 35px;
width: 977px;
overflow:hidden;
font-size:3.4em;
margin:-0.3em 0 -1em 0;
padding:0;
color:#ebebeb;
z-index:-1;
}

div#date {
float:right;
width: 170px;
font-size:0.8em;
padding-right:20px;
padding-top:6px;
text-align:right;
}

div#menu1 {
background-color: #686767;
width: 977px;
height: 30px;
line-height: 30px;

}

ul#liste_menu1 li {
padding-left: 6px;
margin-right: 3px;
float:left;
background-image:url(../images/bg-bouton.png);
background-repeat:no-repeat;
width:90px;
color:#FFFFFF;
text-align:center;
}
ul#liste_menu1 li a {
color:#FFFFFF;
}

div#corps {
background-color:white;
width: 977px;
overflow:auto;
margin-left: 9px;
}

div#corps #contenu {
width: 677px;
float:left;
padding: 0px 15px 10px 35px;
}

H1 {
color:#686767;
padding-left:1.3em;
font-size:1.4em;
border-bottom-style:solid;
border-bottom-color:#ffa926;
border-bottom-width:1px;
border-top-style:solid;
border-top-color:#ffa926;
border-top-width:1px;
margin-top:15px;
}

H1 a {
text-decoration: none;
}

H2 {
color: #ffa926;
font-size:1.3em;
padding-left:2.5em;
}



/*  Titre avec trait */
.h2bis { 
font-size:1.2em;
margin: 20px 0 5px 0;
padding-left: 1.2em;
height:19px;
border-bottom-style:solid;
border-bottom-color:#ffa926;
border-bottom-width:1px;
background-image:url(../images/h2bis-bg.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight: bold;
}

.h2bis a{
float:left;
color:#FFFFFF;
text-decoration:none;
}

.h2bis .comment a{
float:right;
color:gray;
font-size:0.8em;
font-weight: normal;
}

.h2bis .double {
float:right;
height:19px;
text-align:right;
z-index:3;
width:250px;
background-image:url(../images/h2bis-bg-double.png);
}

.h2bis .double a{
float:right;
padding-right: 1.2em;
}

.lienUP{
	color:#102165;
}

.page_legi_num {
margin-top:15px;
text-decoration:none;
color:black;
font-style: italic;
}

.alerte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	padding: 4px;
	border: 1px solid #757575;
	background-color: #5D8AA8;}
	
.alerte a {
   color: #FFFFFF;
}

.alerte a:hover {
   color: #FFFFFF;
}

div#corps .pagereservee{
	display:block;
	font-style: italic;
	margin: 1em;
	padding: 1em;
	border: 1px solid #DDD;
	background:#ffeaad;
	width: 92%;
}

div#corps .chapeau{
	display:block;
	font-style: italic;
	margin: 1em;
	padding: 1em;
	border: 1px solid #DDD;
	background:#ffeaad;
	width: 92%;
}

div#corps #contenu table .tabtitre {
	font-weight: bold;
	color:#333333;
	border-top: 1px;
	border-left: 1px;
	border-bottom: 1px;
	border-color: #c8c8c8;
	border-style: solid;
}

.valide {
	color:green;
}

.attente {
	color:red;
}

div#corps #contenu table .tabpied {
color: #525252;
font-weight: bold;
}

.sinscrire{border-left: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; background: #e2e2e2 url('../images/inscription-fond.png') repeat-x;}
.tabinscript{border: 1px solid #c6c6c6; background: #e2e2e2 url('../images/inscription-fond.png') repeat-x; }
.tabinscript2{border: 1px solid #c6c6c6; background: #e2e2e2 url('../images/inscription-fond2.png') repeat-x; font-size: 12px; font-weight: normal;}
.tabinscript3{border: 1px solid #c6c6c6; background: #fff; font-size: 12px; font-weight: normal;}

div#corps #contenu #tabtextcentre td{
text-align:center;
}

.tabvide {
	height: 5px;
}


div#corps #colonne {
float:left;
width: 250px;
}


div#corps #colonne .titre_colonne {
background-image:url(../images/bg-titre-col.png);
background-repeat:no-repeat;
width: 250px;
height:27px;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
margin-top: 10px;/**/
text-align:center;
line-height: 25px;
}

div#corps #colonne .titre_colonne a{
color:#FFFFFF;
text-decoration:none;
}

div#corps #colonne ul {
width: 248px;
border-width: 1px;
border-style: solid;
border-top-style:none;
border-color:gray;
line-height: 1.3em;
margin-bottom: 10px;/**/
}

div#corps #colonne .bloc{
width: 248px;
border-width: 1px;
border-style: solid;
border-top-style:none;
border-color:gray;
line-height: 1.3em;
margin-bottom: 10px;/**/
}

div#corps #colonne ul li {
padding: 5px 8px 4px 30px;
background-image:url(../images/puce1.png);
background-repeat:no-repeat;
background-position: 10px 10px;
}


div#corps #colonne #pub {
width: 250px;
height:250px;
margin-top:4px;
margin-bottom: 10px;/**/
}

.menu_colonne{
margin-top: 0px;
width: 248px;
border-width: 1px;
border-style: solid;
border-top-style:none;
border-color:gray;
line-height: 1.3em;
}

div#corps #colonne #pub2 {
width: 250px;
height:250px;
margin-top:20px;
}

div#pied {
background-color: #f5f1e8;
width: 986px;
overflow: auto;
color:gray;
background-image:url(../images/ombre-bas.png);
background-repeat:no-repeat;
}

div#pied #titre_pied {
width: 956px;
height: 30px;
font-variant:small-caps;
padding-top: 20px;
padding-left:10px;
}

div#pied #titre_pied h3 {
font-variant:small-caps;
font-size:1.3em;
margin: 0 0 15px 0;
padding: 0;
}


div#pied #menu_pied h4 {
font-variant:small-caps;
margin: 0;
padding: 0;
font-size: 1.1em;
}

div#pied #menu_pied .grand_menu {
float:left;
width: 298px;
padding-left: 30px;
}

div#entreprise{
background-image:url(../images/bord.png);
background-repeat: repeat-y;
background-position: left;
}

div#pied #menu_pied .petit_menu
{
float:right;
width: 298px;
padding-left: 30px;
}
/*Annuaire des professionnels du droit*/
.activ_dom{
width: 300px;
float: left;
margin-bottom: 16px;
}

.ville_importante{
height: 218px;
width: 677px;
margin-top: 16px;
}

.metier_ville {
background-image:url(../images/bg-titre-col.png);
background-repeat:no-repeat;
width: 140px;
height:27px;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
margin-top: 20px;
text-align:center;
line-height: 25px;
}

.colonne_ville{
float: left;
height: 217px;
width: 140px;
margin : 0 10px 0 10px;
}

.liste_ville{
padding: 3px 2px 5px 10px;
border-style: solid;
border-top-style:none;
border-color:gray;
border-width: 1px;
}

#select_ville{
visibility: hidden;
}

.conten_result{
width: 677px;
overflow: visible;
}

.result_quer{
width: 320px;
height: 195px;
float: left;
margin: 4px 4px 4px 4px;
padding-left: 5px;
padding-right: 2px;
overflow: visible;
background:#eee;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.result_quer2{
width: 97%;
float: left;
margin: 4px 4px 4px 4px;
padding-left: 5px;
padding-right: 2px;
overflow: visible;
background:#eee;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.conten_result .competences{
color:gray;
font-size:0.9em;
}

.titre_result_quer{
color:#5D8AA8;
font-size:14px;
font-weight:bold;
}


.q_num { float:left;
 width:50px;
 font-size:30px; font-weight:bold; margin-right:10px; color:#c0c0c0; }



#num_page {
padding:0;
margin: 15px 0 0 0;
}

#num_page ul li {
float:left;
margin:5px 1px 5px 0;
}

#num_page ul li  a{
display:inline-block;
border-right-style:solid;
border-right-width:1px;
border-left-style:solid;
border-left-width:1px;
border-color:#cecece;
}

#num_page ul li a:link, #num_page ul li a:visited{
text-decoration:none;
padding:3px 7px;}

#num_page ul li a:hover, #num_page ul li a:active, #num_page ul li a.active{
text-decoration:none;
padding:3px 7px;
background:#cecece;}




/* Pour la page d'accueil */
.accueil_1livre {
float: left;
width: 33%;
}

.accueil_1livre img {
border:0px;
}

#accueil_emploi {
float:left;
width:190px;
}

#img_emploi {
display:block;
float:left;
width:115px;
}

#accueil_emploi li {
background-image:url(../images/puce1.png); 
background-repeat:no-repeat;
background-position: 0px 5px;
padding: 3px 0px 8px 12px;
}

/* Contenu de la page en deux colonnes */

#contenu .doublecolonne {
overflow:auto;
width:100%;
}
#contenu .colonneG {
width:330px; float:left; margin-right:10px;
}
#contenu .colonneD {
width:330px; float:left; 
}

/* Formulaire */

/*  Permet de chacher un champ dans un formulaire : système Anti-spam */
.cacherform {
    display: none;
}

/* Cache le div pour apparition progressive */
.partenaire2 {
	visibility: hidden;
}

/* Gestion des différents comptes utilisateur */

.initium_compte{
	background: url('../images/icones-compte/initium.png') no-repeat;
	text-align: right;
	width: 582px;
	height: 99px;
	margin-left: 12px;
	margin-bottom: 10px;
	padding-top: 20px;
}

.premium_compte{
	background: url('../images/icones-compte/premium.png') no-repeat;
	text-align: right;
	width: 582px;
	height: 99px;
	margin-left: 12px;
	margin-bottom: 10px;
	padding-top: 20px;
}

.platinium_compte{
	background: url('../images/icones-compte/platinium.png') no-repeat;
	text-align: right;
	width: 582px;
	height: 99px;
	margin-left: 12px;
	margin-bottom: 10px;
	padding-top: 20px;
}

.txt_compte {margin-right: 10px;}

/* Menu principal */

.wrapper1{
	color: #FFFFFF;	
	font: 12px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding:0;
	}
	.wrapper1 a{
		color: #f5f1e8;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #09548B;
	}
.wrapper {
	width: 977px;
	background-color: #686767;
}
.nav {
	background-color: #686767;
	float: left;
}
.nav-wrapper {
	clear: both;
	float: left;
}
.home {
	float: left;
	width: 38px;
}


#rechercher {
	float: left;
	padding-top:8px;
	width: 454px;
	background-color: #686767;
	height:21px;
	text-align:right;
	padding-right:5px;
}

#rechercher input {
margin-top:-3px;
}

.nav ul {
	/*width: 648px;*/
	height: 29px;
	float: left;
	margin: 0;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding: 0 15px;
	background: url(../images/bg-bouton.png) no-repeat right top;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 27px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(../images/menu_left.png) no-repeat left top;
	width: 8px;
	height: 27px;
	line-height: 26px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu_mid.png) repeat-x top left;
	height: 27px;
	line-height: 26px;
	display: block;
	float: left;
}

a .menu-right {
	background: url(../images/menu_right.png) no-repeat top left;
	width: 8px;
	height: 27px;
	line-height: 26px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 26px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 22px;
	left: 6px;
	background: url(../images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 4px;
}
.nav li ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 7px;
	overflow: hidden;
	clear: both;
}