@import url(featured_slide.css);


html {
	margin: 0;
	padding: 0;
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#828280;
	background-color:#222222;
	/*background:  url(images/fd.png) top center repeat;*/
	}
#css-notaire{
margin: 0px;
padding: 0px;
margin-left:auto;
margin-right:auto;
}	
	


a img {border: none;} 

a:link { 
	font-weight: normal; 
	text-decoration: underline;
	/*text-decoration: none; */
	color: #00a5d0;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #00a5d0;
	}
a:hover, a:active { 
	 
	color: #FFFFFF;
	}
a.savoir{
	display:block;
	color: #5e7d9a;
	text-align:right;
	font-size: 11px;
	}
a.savoir:hover{
	display:block;
	color: #e9995e;
	text-align:right;
	font-size: 11px;
	}
li.drapo-russe{
float:right;
display:block;
width: 122px; 
height: 32px;
background: transparent url(images/ru.png) top center no-repeat;
}
a.drapo-russe{
float:right;
display:block;
width: 122px; 
height: 32px;
background: transparent url(images/ru.png) top center no-repeat;
}

a.drapo-russe:hover{
float:right;
display:block;
width: 122px; 
height: 32px;
background: transparent url(images/ru2.png) top center no-repeat;
}

a.courent-drapo-russe{
float:right;
display:block;
width: 122px; 
height: 32px;
background: transparent url(images/ru2.png) top center no-repeat;
}	
p{
padding:10px;
}	
b{
	color:#FFFFFF;
	font-weight:normal;
	
	}
strong{
	color:#FFFFFF;
	/*font-weight:normal;*/
	font-size: 11px;
	}
strong.orange{
	color:#ffcc66;
	/*font-size: 11px;*/
	}
	
acronym {
	border-bottom: none;
	
	}
h2{
/*background:url("images/mini-puce.png") no-repeat left;*/
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:0px;
padding-top:0px;
padding-bottom:10px;
padding-right:0px;
margin:0px;
margin-top:0px;
margin-left:0px;
text-decoration:none;
/*font-weight:bold;*/
font-size: 13px;
color: #fe6400;
/*font-weight:normal;*/
	}
	
h3{
background:url("images/mini-puce.png") no-repeat left;
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:30px;
padding-top:7px;
padding-bottom:0px;
padding-right:10px;
margin:0px;
margin-top:0px;
margin-left:0px;
text-decoration:none;
/*font-weight:bold;*/
font-size: 11px;
color: #00a5d0;
/*font-weight:normal;*/
	}


h4{
/*background:url("images/mini-puce.png") no-repeat left;*/
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:0px;
padding-top:20px;
padding-bottom:0px;
padding-right:0px;
margin:0px;
margin-top:0px;
margin-left:15px;
text-decoration:none;
/*font-weight:bold;*/
font-size: 13px;
color: #fe6400;
/*font-weight:normal;*/
	}
h5{
/*background:url("images/mini-puce.png") no-repeat left;*/
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:0px;
padding-top:0px;
padding-bottom:5px;
padding-right:0px;
margin:0px;
margin-top:0px;
margin-left:15px;
text-decoration:none;
text-transform : uppercase;
font-size: 13px;
font-weight:bold;
color: #fe6400;
/*font-weight:normal;*/
	}
	
	
	
p.liste{
font-size: 13px;
color: #FFFFFF;
font-weight:bold;
padding:0px;
padding-top:0px;
padding-bottom:10px;
padding-left:15px;
}


	
.imageflotleft
{
margin-right:10px;
margin-bottom:10px;
margin-top:0px;
margin-left:0px;
padding:0px;
   float: left;
}

.imageflotright
{
margin-right:0px;
margin-bottom:10px;
margin-top:0px;
margin-left:10px;
padding:0px;
   float: right;
}


#haut{
margin:0px;
padding:0px;
width: 100%; 
height: 10px;
background-color:#000000;
/*background: #e5e5e5 url(images/fd-haut.png) top center repeat-x;*/
margin-bottom:0px;
}



#drapo{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width:950px; 
height: 5px;
}
#navigation{
margin:0px;
padding:0px;
width: 670px;
margin-left:auto;
margin-right:auto; 
height: 95px;
/*background: #2d2d2d url(images/ht-navigation.png) top center repeat-x;*/
}	
#carre{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width:280px; 
height: 320px;


}

#title{

margin:0px;

padding:0px;
width:280px; 
height: 135px;
}


ul#nav {
	width: auto; margin: 0 auto; float:right; text-align: center; overflow: hidden;
}
	ul#nav li {
		float: left; list-style: none; 
	}
		ul#nav li a {
			display: block; width: 97px; height: 77px; 
			padding: 72px 0 0 0; margin: 0 0px 0 0px;
			font: bold 16px Arial, Helvetica, Century Gothic, Sans-Serif; text-transform: uppercase;
			color: #FFFFFF; /*text-shadow: 0 1px 3px #c4bda6; */text-decoration: none;
			
			background: url(images/label.png) 0 -149px no-repeat; 
		}
			ul#nav li a:hover {
				background: url(images/label.png) 0 0 no-repeat;
				color: #e94e44; text-shadow: 0 2px 3px #4c2222;
			}
			
			ul#nav li a.js:hover {
				background: url(images/label.png) 0 -149px no-repeat;
			}
			
			ul#nav li a.courent{
				
				color: #e94e44; text-shadow: 0 2px 3px #4c2222;
			}
			ul#nav li a.courent:hover{
				
				color: #e94e44; text-shadow: 0 2px 3px #4c2222;
			}
			
			


/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:670px;
	text-align:left;
	
	margin:0;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}

.col0, .col0 a{color:#999999; background-color:#333333;}
.col1{color:#666666; background-color:#000000; border-bottom:1px solid #363636;}
.col2{color:#FFFFFF; background-color:#1c1c1c; padding:0;margin:0px; width:670px; height:342px;}
.col2 a{color:#FFFFFF; background-color:#2a2a2a;}
.col3{margin:1px 0; border-top:1px solid #363636; border-bottom:1px solid #363636;}
.col4{color:#FFFFFF; background-color:#000000;}
.col4 a{color:#FFFF00; background-color:#000000;}
.col5, .col5 a{color:#999999; background-color:#1B1B1B;}
.col4, .col5{font-family: Verdana, Geneva, sans-serif;}
.col4 h2, .col5 h2{font-family: Georgia, "Times New Roman", Times, serif;}


/*------------------------------------------------------------------------------------------------------------------------*/










#conteneur{
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width: 950px; 
height: auto;
/*background-color:#CC0000;*/
/*background: #1c1c1c url(images/carre.png) top center repeat;*/
}	

/*--------------------------------------------menu deroulant------------------------------------------------------------------*/
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
		padding-top:0px;
		padding-left:0px;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 88px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family:  Arial,Verdana, Helvetica, sans-serif; /* on utilise Arial, c'est plus beau ^^ */
		
        font-size : 12px; /* hauteur du texte : 12 pixels */
		
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
       /* background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
		/*background:url("images/fd-bouton.jpg") center no-repeat;*/
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 102px; /* largeur */
		height : 88px
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
       /* border-right : 1px solid #000; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
       /* border-right: 1px solid #000 ; /* on met une bordure transparente à droite de chaque élément */
}



#menu a.courent /* Lorsque la souris passe sur un des liens */    
{
		
        color: #FFF; /* On passe le texte en noir... */
        /*background: #fff; /* ... et au contraire, le fond en blanc */
		background:url("images/fd-bouton.png") center no-repeat;
}




#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
		
        color: #FFF; /* On passe le texte en noir... */
        /*background: #fff; /* ... et au contraire, le fond en blanc */
		background:url("images/fd-bouton.png") center no-repeat;
		
}


#menu a.peysson
{
display:block;
width:158px;
height:64px;
background:url("bontons/bouton-peysson-associes.png") center no-repeat;
}
#menu a.peysson:hover
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-peysson-associes-2.png") center no-repeat;
}
#menu a.peyssoncourent
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-peysson-associes-2.png") center no-repeat;
}
#menu a.equipe
{
display:block;
width:156px;
height:64px;
background:url("boutons/bouton-equipe.png") center no-repeat;
}
#menu a.equipe:hover
{
display:block;
width:156px;
height:64px;
background:url("boutons/bouton-equipe-2.png") center no-repeat;
}
#menu a.equipecourent
{
display:block;
width:156px;
height:64px;
background:url("boutons/bouton-equipe-2.png") center no-repeat;
}


#menu a.clientele
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-clientel-privee.png") center no-repeat;
}
#menu a.clientele:hover
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-clientel-privee-2.png") center no-repeat;
}
#menu a.clientelecourent
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-clientel-privee-2.png") center no-repeat;
}


#menu a.pharmacie
{
display:block;
width:156px;
height:64px;
background:url("boutons/bouton-pharmacie.png") center no-repeat;
}
#menu a.pharmacie:hover
{
display:block;
width:156px;
height:64px;
background:url("boutons/bouton-pharmacie-2.png") center no-repeat;
}
#menu a.pharmaciecourent
{
display:block;
width:156px;
height:64px;
background:url("boutons/bouton-pharmacie-2.png") center no-repeat;
}

#menu a.professionnels
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-professionnels.png") center no-repeat;
}
#menu a.professionnels:hover
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-professionnels-2.png") center no-repeat;
}
#menu a.professionnelscourent
{
display:block;
width:158px;
height:64px;
background:url("boutons/bouton-professionnels-2.png") center no-repeat;
}

#menu a.actualites
{
display:block;
width:157px;
height:64px;
background:url("boutons/bouton-informations.png") center no-repeat;
}
#menu a.actualites:hover
{
display:block;
width:157px;
height:64px;
background:url("boutons/bouton-informations-2.png") center no-repeat;
}
#menu a.actualitescourent
{
display:block;
width:157px;
height:64px;
background:url("boutons/bouton-informations-2.png") center no-repeat;
}

#menu a.contact
{
display:block;
width:154px;
height:64px;
background:url("boutons/bouton-contact.png") center no-repeat;
}
#menu a.contact:hover
{
display:block;
width:154px;
height:64px;
background:url("boutons/bouton-contact-2.png") center no-repeat;
}


#menu a.contactcourent
{
display:block;
width:154px;
height:64px;
background:url("boutons/bouton-contact-2.png") center no-repeat;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*/





#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 156px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		line-height : 21px;
}
#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #000; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid #000; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #000 ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid #000 ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul,#menu li li a.courent ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}













/*---------------------------------------------------menu-bas----------------------------------------------------------------------------------------------------------*/



/*----------------------------------cssmenu---------------------------------------------------------*/

#cssmenu {
	background: transparent;
	list-style: none;
	margin: 0;
	
	/*margin-left:713px;*/
	padding: 0;
	padding-top:0px;
	width: 210px;
	text-align:left;
}

#cssmenu ul{
padding:0px;
margin:0px;
margin-left:10px;
margin-top:10px;


}
#cssmenu li {
list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align:left;
}
#cssmenu a {
	background: url('images/puce.png') left center no-repeat;
	/*border-top: 1px solid #de3003;*/
	/*border-bottom: 1px solid #2d2e2e;*/
	color: #FFFFFF;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 3px 12px;
	text-decoration: none;
	text-align:left;
	/*font-weight:bold;*/
}
#cssmenu a:hover {
	background: url('images/puce.png') left center no-repeat;
	color: #ebebeb;
	/*font-weight:bold;*/
	text-align:left;
	padding: 3px 12px;
}

#cssmenu a.active{
	background: url('images/puce.png') left center no-repeat;
	color: #ebebeb;
	/*font-weight:bold;*/
	text-align:left;
	padding: 3px 12px;
}






	/*--------------------------------------------------------------------------------------------*/


.menu_div ul
{
    padding:8px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#FFF;
    list-style:none;
    text-indent:15px;
    background:#333333;
	
}
.menu_div ul li
{
    background:#333333;
    line-height:40px;
    border-bottom:1px solid #000;
}
.menu_div ul li a
{
    text-decoration:none;
    color:#FFF;
    display:block;
}
.menu_div ul li a:hover
{
    background:#01a3cc;
}
.menu_div ul li#active
{
    background:#01a3cc;
}




/*-------------------------------------------------------------------------------------------------------------*/



table.conteneur{
border:none;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
border-collapse: collapse;
padding:0px;
width:950px;
/*background-color:#262321;*/
}

table.conteneur td.gauche{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:280px;

text-align:justify;
}
table.conteneur td.ecart{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:1px;

background-color:#1d1d1d;
}
table.conteneur td.droite{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:670px;
background-color:#0f0f0f;
text-align:justify;
}

table.conteneur td.mill{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:294px;
color: #CCCCCC;
text-align:justify;
}

#bloc-gauche{
width:270px;
height:auto;
padding:0px;
margin-top:10px;
margin-right:10px;
margin-bottom:0px;
margin-left:0px;
background-color:#161616;
}


#bloc-email{
width:270px;
height:62px;
}

#ligne{
width:95%;
height:1px;
padding:0px;
margin-top:15px;
margin-right:0px;
margin-bottom:15px;
margin-left:15px;
background-color:#333333;

}

table.presentation{
border:none;
border-collapse: collapse;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:670px;

}

table.presentation td{
padding:10px;

}



























table.adresses{
border:none;
border-collapse: collapse;
margin:0px;
padding:0px;
width:307px;
height: auto;


}

table.adresses td.fd1{
border:none;
border-collapse: collapse;
margin:0px;
padding:0px;
width:307px;
height: 25px;
background: transparent url(images/bor-dessus.png) top center no-repeat;

}

table.adresses td.fd2{
border:none;
border-collapse: collapse;
margin:0px;
padding:0px;
width:307px;
height: 45px;
background: transparent url(images/bor-dessous.png) top center no-repeat;

}


table.adresses td.ligne-g{
border:none;
border-collapse: collapse;
margin:0px;
padding:0px;
width:307px;
height: auto;
background: transparent url(images/ligne-g.png) top center repeat-y;

}
	
table.equipe{
border:none;
border-collapse: collapse;
padding:0px;
margin:0px;

width:642px;

}
table.equipe  td{
padding:10px;
text-align:left;

}
table.equipe  td.texte{
padding-left:0px;


}
table.equipe  td.tof{
width:150px;
padding:5px;
text-align:justify;

}

table.equipe  td.enveloppe{
display:block;
width: 24px; 
height: 13px;
padding:5px;
text-align:justify;
}	

table.bienvenue{
border:none;
border-collapse: collapse;
padding:0px;
margin:0px;

width:642px;

}
table.bienvenue  td{
padding:10px;
/*text-align:left;*/

}

table.competences{
border:none;
border-collapse: collapse;
padding:0px;
margin:0px;

width:313px;

}
table.competences  td{
padding:10px;
/*text-align:left;*/

}
table.info{
border:none;
border-collapse: collapse;
padding:0px;
margin:0px;

width:642px;

}
table.info  td{
padding:10px;
text-align:left;

}

/*-------------formulaire----------------*/

.remarque { display:none; }

table.contact td{
padding-right:10px;
padding-bottom:10px;

}	
form{
width:642px;
margin-left:10px;
}	
label{
margin-top:30px;
}
form input[type=text]{
border:1px solid #422317;
margin-top:5px;
background:#FFF;
width:280px;
}
textarea{
padding:10px;
border: solid 1px #422317;
width:555px;
height:150px;
}
input[type=submit]{
padding:10px;
/*background:#DDD;*/
cursor:pointer;
border:1px solid #422317;

}
input[type=reset]{
padding:10px;
/*background:#DDD;*/
cursor:pointer;
border:1px solid #422317;

}
.error-message{
	color:#422317;
	font-size: 10px;
}

#rue{
border:1px solid #422317;
margin-top:5px;
background:#FFF;
width:575px;
}

/*--------fin formulaire----------------*/
	
#bande-bas{
margin:0px;
padding:0px;
margin-top:30px;
width: 100%; 
height: 70px;
background-color:#0e7d99;
/*background: #e5e5e5 url(images/fd-bas.png) top center repeat-x;*/
}	


#bas{

margin-right:auto;
margin-left:auto;
padding:0px;
width: 950px; 
height: 60px;
}


/*------------------------------------------------------*/				
	

a.bulle {
     position:relative;
     color:#FFFFFF; 
     text-decoration:none; 
     font-family:arial, verdana, sans-serif; 
     text-align:center; 
     font-size:11px;
	 
   }
   
   a.bulle:hover {
      background: none; 
      z-index: 50; 
   }
   
   a.bulle span { 
     display: none;
   }
   
   a.bulle:hover span {
      display: block; 
      position: absolute;
      top: -250px; 
      left: 40px;
      font-family:arial, verdana, sans-serif; 
      text-align:justify; 
      font-size:12px;
      font-weight:normal;
      background: white;
      padding: 5px;
      border: 1px solid #000000;
      border-left: 1px solid #000000;
   }
   



/*-----------------------------------------*/