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

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

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#4c4c4c;
	text-decoration: none;
}

body {
	margin: 0px;
	background:#525fa4;
	font-size:12px;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:19px;
	font-weight:normal;
	letter-spacing:1px;
	border-bottom:2px solid #586294;
	padding:5px 0 5px 0;
	margin-bottom:12px;
}

h2 {
	color:#424e86;
	font-size:16px;
	font-weight:bolder;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #586294;
	letter-spacing:0.04em;
	padding:10px 0 5px 0;
	margin:15px 0 5px 0;
	clear:both;
}

h3 {
	font-size:15px;
}

#page {
	width:990px;
	margin:15px auto 0 auto;
	background:#FFFFFF;
}

#bonus {
	height:15px;
	width:990px;
	background:#525FA4;
}

#header {
	width:990px;
	height:106px;
	background:url(gifs/header.gif);
	text-align:center;
}

#header a {
	display:block;
	width:990px;
	height:96px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.05em;
	color:#000000;
	padding-top:5px;
}

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

.nom {
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-weight:bolder;
	color:#586294;
	display:block;
	padding:0;
	margin:0;
}

.expert {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bolder;
	color:#586294;
	line-height:24px;
	margin:0;
	padding:0;
}

#menu_container {
	height:40px;
	width:990px;
	border-bottom:1px solid #80859b;
}

#flash {
	margin:2px 2px 3px 2px;
	border:1px solid #000000;
	width:984px;
	background:url(gifs/flash.gif);
	height:116px;
}

#left {
	width:211px;
	float:left;
}

#wrapper {
	width:719px;
	float:left;
	padding:0 40px 0 20px;
}

.bloc {
	width:195px;
	float:left;
	border-right:1px solid #586294;
	padding:15px 20px 15px 20px;
}

.bloc h2 {
	color:#424e86;
	font-size:16px;
	font-weight:bolder;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #586294;
	letter-spacing:0.04em;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

.bloc img {
	border:#000000 1px solid;
	text-align:center;
	margin-top:10px;
}

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

.photo {
	border:1px solid #000000;
	margin:17px;
	overflow:hidden;
	width:200px;
}

.photo2 {
	border:1px solid #000000;
	margin:5px 10px 15px 0;
	overflow:hidden;
	width:200px;
	float:left;
}

.photo3 {
	border:1px solid #000000;
	margin:0 10px 17px 0;
	overflow:hidden;
	width:200px;
	float:left;
}

.photo4 {
	border:1px solid #000000;
	margin:15px 10px 15px 0;
	overflow:hidden;
	width:200px;
	float:left;
}

.photo5 {
	border:1px solid #000000;
	margin:5px 130px 10px 0;
	overflow:hidden;
	width:110px;
	float:right;
}


#select {
	float:left;
	width:400px;
	padding:0 25px 0 0;
	text-align:justify;
}

#vitrine {
	float:left;
}

#vitrine img {
	border:1px solid #000000;
	margin:42px 0 0 40px;
}

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

#contenu ul.etranger {
	list-style:none;
	margin:10px 0 10px 230px;
}

#contenu li {
	color:#303030;
	margin:2px 0 7px 0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(gifs/puce_lien.gif) no-repeat;
	padding:0 0 0 16px;
}

#contenu li a {
	color:#586294;
}

h4 {
	text-align:right;
	background:url(gifs/liens.gif) repeat-x;
	font-size:12px;
}

h4 span {
	background:#FFFFFF;
	padding:0 10px 0 10px;
}

#contenu strong {
	color:#586294;
}

#menu_ver {
	border-top:6px solid #586294;
	margin:0 0 5px 0;
}

#menu_ver ul {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}

#menu_ver li a {
	width:191px;
	height:24px;
	background:url(gifs/menu_hor_01.gif);
	display:block;
	font-size:13px;
	font-weight:bolder;
	padding:4px 0 0 20px;
	color:#000000;

}

#menu_ver li a:hover, #selected {
	background:url(gifs/menu_hor_01_hover.gif) !important;
	text-decoration:none;
}



#bloc_contact {
	background:url(gifs/coordonne.gif) no-repeat;
	height:207px;
	width:191px;
	color:#000000;
	padding:0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

#bloc_contact p {
	line-height:18px;
}

#bloc_contact h3 {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bolder;
	letter-spacing:1px;
	margin:0;
	padding: 8px 0 20px 10px;
}

#bloc_contact h4 {
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:5px 0 5px 0;
	background:none;
	text-align:left;
}

#bloc_contact span {
	color:#586294;
	font-size:14px;
}

#bloc_contact span strong {
	font-size:16px;
	padding-right:2px;
}

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

#newsletter {
	background:url(gifs/newsletter.gif) no-repeat;
	padding:0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:105px;
}

#newsletter h3 {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bolder;
	letter-spacing:1px;
	margin:0;
	padding: 4px 0 10px 10px;
	color:#000000;
}

#footer {
	text-align:center;
	padding:5px 0 5px 0;
	color:#FFFFFF;
	background:#525FA4;
}

#footer a {
	color:#FFFFFF !important;
	font-size:11px;
}

#selected_footer {
	text-decoration:underline;
}
/******************************************************************** Lien ******************************************************************/
a {
	font-size: 12px;
	color:#3f4b87;
	text-decoration: none;
}
a:link {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #000000;
}

.ajouter, .conseiller {
	color:#FFFFFF !important;
	display:block;
	float:right;
	line-height:13px;
}

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

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

.liens {
	background:url(gifs/puce_lien.gif) no-repeat;
	display:block;
	padding:0 0 0 15px;
	height:13px;
	line-height:13px;
	float:right;
	margin-right:10px;
	color:#3f4b87 !important;
}

a.liens2, a.liens2:active, a.liens2:link {
	color:#4c4c4c !important;
	text-decoration:underline;
}

a.liens2:hover {
	color:#4c4c4c !important;
	text-decoration:none;
}


.bordure {
	border:1px solid #000000;
	width:713px;
	background:url(gifs/map.jpg); 
}


#transport h3{
	padding:0 0 0 22px;
	line-height:20px;
	height:20px;
	margin:10px 0 0 0;
	font-size:15px;
}

#transport p {
	margin:2px 0 2px 25px;
}

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

/********************************************************************** Newsletter **************************************************************/

legend {
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-size:14px;
	letter-spacing:0.05em;
	padding:0 10px 0 10px;
	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;
	height:15px;

}

.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:450px;
	margin:5px 0 5px 0;
	height:130px;
}


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


#newsletter .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;
	width:110px;
	padding:0 0 0 4px;
	height:15px;
}

#newsletter .bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#4d5478;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
	width:57px;
	height:17px;
	margin-bottom:0px;
	
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.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);}
	
/********************************************************************************************************** MENU */

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

ul.MenuHorizontal li {
   float: left;
}

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

ul.MenuHorizontal li a:hover {
/*	color:#FFFFFF;*/
	text-decoration:none;
}

li#menu0 {
   width: 224px;
}

li#menu1 {
   width: 160px;
}

li#menu2 {
   width: 163px;
}

li#menu3 {
   width: 169px;
}

li#menu4 {
   width: 100px;
}

li#menu5 {
   width: 174px;
}

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

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

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

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

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

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

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') !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 {
   background-image: url('gifs/menu_04_hover.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu4 a:hover, 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-image: url('gifs/menu_06_hover.gif') !important;         /*Ici l'image de fond over de la cellule*/
}
	
