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

form {
	padding: 0px;
	margin: 0px;
}

td {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(gifs/body.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	padding:8px 0 15px 22px;
	line-height:30px;
	background:url(gifs/titre.gif) no-repeat
}

h1 span {
	font-size:18px !important;
}

h2 {
	font-size:18px;
	color:#356FA7;
	margin-top:20px;
}
/******************************************************************** Lien ***************************************************************** ID */

#page {
	width:989px;
	margin:0 auto 0 auto; 
}

#header {
	width:989px;
	height:149px;
	background:url(gifs/header.gif);
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}

.borel {
	color:#356fa7;
	font-size:36px;
	font-weight:bolder;
}

.borel span {
	font-size:42px;
}

.avocat {
	font-size:30px;
	font-weight:bolder;
}


#logo {
	height:149px;
	width:235px;
	float:left;
}

#logo a {
	display:block;
	padding:128px 0 0 0;
	height:7px;
	text-align:center;
}

#logo a:hover {
	text-decoration:none;
}

#animation_header {
	float:left;
	width:754px;
	height:149px;
}

#baseline {
	height:27px;
}

#flash {
	height:102px;
	padding:20px 235px 0 0;
	overflow:hidden;
}

#menu {
	clear:both;
	height:57px;
	width:989px;
	margin:0 0 3px 0;
}

.plan {
	border:#000000 1px solid;
	float:left;
	width:220px;
	margin:0 20px 0 7px;;
}

#description_acces {
	float:left;
	width:320px;
}

#description_acces h3 {
}

#description_acces p {
	padding-left:15px;
	line-height:21px !important;
}

#contenu span {
	color:#333333;
	font-size:11px;
	font-size:15px
}

#contenu ul {
	list-style:none;
	margin:5px 0 5px 10px;
}

#contenu li {
	background:url(gifs/lien.gif) no-repeat;
	line-height:17px;
	margin:2px 0 2px 0;
	padding-left:20px;
}

.sous_navigation {
	border:1px solid #6FB142;
	height:80px;

}

.sous_navigation li {
	font-weight:bolder;
	font-size:14px;
	color:#41566C;
}


.sous_navigation li a {
	font-weight:normal;
}

.sous_navigation ul {
	float:left;
	padding-right:25px;
}
/******************************************************************** Left ******************************************************************/


#left {
	width:179px;
	margin:0 3px 0 0;
	background:#FFFFFF;
	float:left; 
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	background:url(gifs/puce_h3.gif) no-repeat;
	border-bottom:1px solid #99b3ca;
	height:32px;
	line-height:35px;
	padding-left:15px;
}

#left p{
	padding:0 0 0 15px;
	line-height:18px;
}

#bloc_contact {
	background:url(gifs/contact.gif) no-repeat;
	height:145px;
	width:179px;
	padding:4px 0 0 0;
	margin:10px 0 1px 0;
}

.tel {
	font-size:18px;
	font-weight:bolder;
}

.fax {
	font-size:15px;
	font-weight:bolder;
}

#plan_acces img {
	overflow:hidden;
}

#liens_utiles {
	margin:35px 0 0 0;
	padding:4px 0 0 0;
	background:url(gifs/liens.jpg) no-repeat;
	width:179px;
	height:210px;
}
/******************************************************************** wrapper ******************************************************************/

#wrapper {
	width:591px;
	margin:0 3px 0 0;
	background:#ffffff;
	float:left;

}

#newsletter {
	height:32px;
	border-bottom:1px solid #99b3ca;
}

#contenu {
	padding:0 10px 0 10px;
}

#contenu p {
	line-height:17px;
}

.espacement p {
	margin-top:10px;
	text-align:justify;
}

.chemin_fer {
	height:22px;
	text-align:right;
	padding-right:10px;
	line-height:22px;
	clear:both;
}

.chemin_fer strong {
	color:#41566C;
}

.flottant {
	float:right;
	padding:12px 0 0 10px;
}

#presentation p{
	line-height:16px;
	padding-left:7px;
}

#presentation {
	border-bottom:#99b3ca 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}

.bloc {
	float:left;
	margin-right:21px;
	height:230px;
}

.bloc h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	margin:0 0 10px 0;
}

.bloc a:hover {
	color:#70B242;
	text-decoration:none;
}


.bloc img {
	border:1px solid #000000;
}

.bloc ul {
	border:1px solid #000000;
	list-style:none;
	padding:3px 0 3px 0 !important;
	margin:0!important;
	height:82px;
	
}
.bloc li {
	background:url(gifs/lien.gif) no-repeat;
	line-height:14px !important;
	padding:1px 0 0px 18px !important;
	height:17px;
	font-size:12px !important;
}

.bloc strong {
	color:#356fa7;
}

.bloc p {
	line-height:17px;
	margin-top:3px;
}
/******************************************************************** right ******************************************************************/

#right {
	width:213px;
	background:#ffffff; 
	float:left; 
}

#actu {
	background:url(gifs/actu.gif);
	width:213px;
	height:234px;
}

#actu ul {
	list-style:none;
}

#actu li {
	background:url(gifs/puce_actu.gif) no-repeat;
	padding:0 0 10px 35px;
	margin:5px 0 15px 0;
	height:80px;
	
}

#actu strong {
	color:#356fa7;
}

#actu span {
	line-height:20px;
}

#actu a:hover {
	text-decoration:none;
	color:#70B242;
}

#partenaire {
	border:1px solid #000000;
	margin:10px auto 10px auto;
	width:176px;
	height:243px;
}
#video {
	margin:20px auto 10px auto;
	width:178px;
	text-align:center;
}

/******************************************************************** footer ******************************************************************/

#footer {
	border-top:1px solid #70b242;
	padding:5px 0 5px 0;
	text-align:center;
	clear:both;
	margin:10px 0 0 0;
}

#footer a {
	font-size:11px;
	padding:0 8px 0 8px;
}

#selected-footer {
	text-decoration:underline;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a img {
	border:none;
}


.conseiller, .ajouter {
	line-height:27px;
	display:block;
	height:27px;
	float:right;	
}

.conseiller {
	background:url(gifs/conseiller.gif) no-repeat;
	padding:0 0 0 30px;
}

.ajouter {
	background:url(gifs/ajouter.gif) no-repeat;
	padding:0 0 0 33px;
	margin:0 0 0 20px;
}


.liens {
	display:block;
	border:1px solid #70b242;
	float:right;
	background:url(gifs/lien.gif) #FFFFFF no-repeat;
	height:17px;
	line-height:17px;
	padding:0 5px 0 16px;
	margin:10px 10px 0 0;
}

.liens:hover {
	text-decoration:none;
	color:#70B242;
}

.liens2 a {
color:#356fa7;
text-decoration:underline;
font-weight:bold;
}
.liens2 a:hover {
color:#356fa7;
text-decoration:none;
font-weight:bold;
}
/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
legend {
	padding:0 10px 0 10px;
	color:#356FA7;
	font-weight:bolder;
}


.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
	margin:2px 0 2px 0;
}

.area {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
	width:300px;
	margin:5px 0 10px 0;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#356FA7;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

#newsletter .email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border:#000000 1px solid;

	float:left;
	height:15px;
	margin:7px 10px 0 10px;
	padding:2px 0 0 5px;
}

#newsletter .bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#000000;
	background:none;
	border:#70B242 1px solid;
	background:url(gifs/lien.gif) no-repeat;
	padding:0 5px 0 15px;
	float:left;
	margin:7px 0 0 0;
	height:19px;
}

#newsletter h3 {
	float:left;
	border:none;

}

/**********************************************************BDD AUTO **************************************/
.numpage {
	display:block;
	float:left;
	width:17px;
	border:1px solid #70B242;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	color:#666666 !important;
}

.numpage:hover {
	color:#70B242;
	text-decoration:none;
}

.numpage_selec {
	display:block;
	float:left;
	width:17px;
	border:1px solid #ffffff;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	font-weight:bolder;
}
.bt_suivant{
	display:block;
	float:left;
	width:35px;
	border:1px solid #ffffff;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	color:#666666;
}

.bt_suivant:hover {
	color:#70B242;
	text-decoration:none;
}

.bt_precedent{
	display:block;
	float:left;
	width:35px;
	border:1px solid #ffffff;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	color:#666666;
}

.bt_precedent:hover {
	color:#70B242;
	text-decoration:none;
}

.liste_cat{
}
.fichierbin{
}
.photo{
}

.navigation {
	margin-left:auto;
	margin-right:auto;
}

.image {
	border:#000000 1px solid;
	float:left;
	margin:10px 15px 10px 10px;
}

.texte_tpl {
	margin-top:10px;
}

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



/*********************************************************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);}
	
/******************************************************************************************************** MENU **/
ul.MenuHorizontal {
   width: 989px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   height:57px;
}

ul.MenuHorizontal li {
   float:left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #000000;         /*Ici, changer la couleur de la police*/
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;         /*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: 57px;         /*Ici, on augmente la hauteur du menu*/ 
   text-decoration: none;
   line-height:57px;
   text-align:center;

}

#menu1 ul, #menu1 li a{
	width: 320px !important;
}
#menu3 ul, #menu3 li a{
	width: 280px !important;
}
#menu5 ul, #menu5 li a{
	width: 350px !important;
}

li#menu0 a {
   background-image: url('gifs/menu_01.gif');         /*Ici l'image de fond de la cellule*/
   width:83px;
}

li#menu1 a {
   background-image: url('gifs/menu_02.gif');         /*Ici l'image de fond de la cellule*/
   width:78px;}

li#menu2 a {
   background-image: url('gifs/menu_03.gif');         /*Ici l'image de fond de la cellule*/
   width:102px;}

li#menu3 a {
   background-image: url('gifs/menu_04.gif');         /*Ici l'image de fond de la cellule*/
   width:162px;}

li#menu4 a {
   background-image: url('gifs/menu_05.gif');         /*Ici l'image de fond de la cellule*/
   width:85px;}

li#menu5 a {
   background-image: url('gifs/menu_06.gif');         /*Ici l'image de fond de la cellule*/
   width:120px;}

li#menu6 a {
   background-image: url('gifs/menu_07.gif');         /*Ici l'image de fond de la cellule*/
   width:102px;}

li#menu7 a {
   background-image: url('gifs/menu_08.gif');         /*Ici l'image de fond de la cellule*/
   width:141px;}

li#menu8 a {
   background-image: url('gifs/menu_09.gif');         /*Ici l'image de fond de la cellule*/
   width:116px;}

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

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

a#selected-over1 {
   background-image: url('gifs/menu_02_hover.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

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

li#menu3 a:hover, a#selected-over3 {
        /*Ici l'image de fond over de la cellule*/
   background-color: #EFEACD !important;
}

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

a#selected-over4 {
   background-image: url('gifs/menu_05_hover.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu5 a:hover, a#selected-over5 {
   background-color: #EFEACD !important;       /*Ici l'image de fond over de la cellule*/
}

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

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

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

#plan ul{
	margin-left: 50px;
}

#plan a{
	color: #356FA7;
	font-weight: bold;
}