@import url(animate.css);


html {
	margin: 0;
	padding: 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#484848;
	/*background-color:#FFFFFF;*/
	/*background:url("images/main-bg.gif") top center repeat;*/
	background-color:#FFFFFF;

	}
	#avocats{
margin: 0;
padding: 0;
}		
.clear {
	clear:both;
}
span{
font-style: normal;
font-size:11px;

}

a img {border: none;} 

a:link { 
	font-weight: normal; 
	text-decoration: none;
	text-decoration: none;
	color: #000000;
	
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	
	}
a:hover, a:active { 
	 
	color: #72aad0;
	}

h4{
background:url("images/email.png") no-repeat left;
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:20px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
margin:0px;
margin-top:0px;
margin-left:0px;
font-style: normal;
text-decoration:none;
/*font-weight:bold;*/
font-size: 11px;
color: #1f1f1f;
/*font-weight:normal;*/
	}
h5{

background:url("images/flesh-n.png") no-repeat left;
color:#1e1e1e;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
text-decoration:none;
padding:0 0 0 15px;
font-variant:caps;
font-weight:normal;
font-size: 12px;
/*font-weight:normal;*/
	}
.retour-equipe{
float:right;	
	
	
	
}
.retour-equipe a h3{
float:right;	
	
	font-size: 14px;
	
}
.retour-equipe a h3:hover{
float:right;	
color:#72aad0;	
	font-size: 14px;
	
}	
h3{

background:url("images/flesh.png") no-repeat left;
color:#1e1e1e;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:0 0 0 15px;
text-decoration:none;
font-variant:caps;
font-weight:normal;
font-size: 12px;
/*font-weight:normal;*/
	}
	
h3 a{
color:#1e1e1e;

}

h3 a:hover{
color:#72aad0;

}
h3.bis{

background:url("images/fleshd.png") no-repeat left;
color:#666666;

/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:20px;
padding-top:0px;
padding-bottom:0px;

margin-top:5px;
margin-bottom:5px;
margin-left:50px;
text-decoration:none;
font-variant:caps;
font-weight:normal;
font-size: 12px;

/*font-weight:normal;*/
	}	
	h3.bis2{

background:url("images/flesh.png") no-repeat left;
color:#666666;

/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:15px;
padding-top:0px;
padding-bottom:0px;

margin-top:5px;
margin-bottom:5px;
margin-left:100px;
text-decoration:none;
font-variant:caps;
font-weight:normal;
font-size: 12px;

/*font-weight:normal;*/
	}
.portrait h3{
color:#000;
padding:0 0 0 12px;
font-style: normal;
}	
.portrait1 h3{
color:#000;
padding:0 0 0 12px;
font-style: normal;

}
.portrait0 h3{
color:#000;
padding:0 0 0 12px;
font-style: normal;

}	


.portrait p{
padding:0px;
color:#000;

font-style: normal;
}	
.portrait1 p{
padding:0px;
color:#000;

font-style: normal;

}
.portrait0 p{
padding:0px;
color:#000;

font-style: normal;

}	

.portrait0 b{
color:#000;

font-style: normal;

}
.portrait b{
color:#000;

font-style: normal;

}	
.portrait1 b{
color:#000;

font-style: normal;

}	
#bande-haut{
width: 100%; 
height: 60px;
background: transparent url(images/fd-bht.png) top center repeat-x;
margin-top:0px;
}
#haut{
width: 100%; 
height: 138px;
/*background-color: #2d2822;*/
margin-top:20px;
}
#onglets{
width: 940px; 
height: 60px;
/*background: transparent url(images/fd-onglet.png) top center no-repeat;*/
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#logo{
width: 942px; 
height: 138px;
z-index:200;
margin-top:0px;
margin-right:auto;
margin-left:auto;
}

#diapo{
width: 100%; 
height: 425px;
background-color: #c7cbd0;
margin-top:0px;
}
#bando{
width: 940px; 
height: 425px;
/*background-color: #2d2822;*/
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
#ligne-bleu{
width: 100%; 
height: 5px;
background-color: #72aad0;

}
#garentie{

width: 413px; 
height: 40px;
/*background: transparent url(images/fd-onglet.png) top center no-repeat;*/
float:right;
margin-top:10px;

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

#menu /* Ensemble du menu */
{

        font-weight : normal; /* on met le texte en gras */
        font-family: Orator Std, Lithos Pro, Symphony, Decker, Arial, Verdana; /* on utilise Arial, c'est plus beau ^^ */
		
        font-size : 18px; /* hauteur du texte : 12 pixels */
		
}

#menu a /* Contenu des listes */
{

background:url("images/lulu.png") no-repeat left;
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		font-family: Orator Std, Lithos Pro, Symphony, Decker, Arial, Verdana;
       padding : 20px;/* aucune marge intérieure */
		padding-top:20px;
		
       /* background : #000; /* couleur de fond */        
        color : #a1a1a1; /* couleur du texte */
		/*background:url("images/barre.png") center right no-repeat;*/
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
       width: auto; 
		height: 20px;
		
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
       /* border-right : 1px solid #fff; /* 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 #fff ; /* on met une bordure transparente à droite de chaque élément */
}



#menu a.courent/* page-actif */    
{
		
      
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		
       /* padding-left : 10px;/* aucune marge intérieure */
		
		/*background:url("images/barre2.png") center right no-repeat;*/
       /* background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
		background : #72aad0;
		
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

}




#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
		
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		
        /*padding-left : 10px;/* aucune marge intérieure */
		
		
        background : #72aad0; /* couleur de fond */        
        color : #fff; /* couleur du texte */
	/*background:url("images/barre2.png") center right no-repeat;*/
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
  
}

#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.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----------------------------------------------------------------------------------------------------------*/	
/*--------------------------------------------ss-menu------------------------------------------------------------------*/
#ss-menu, #ss-menu ul /* Liste */     
{
		
		width: auto; 
		float:left;
		z-index:3000;
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
		margin-top:0px;
		height:60px;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : auto; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		/* background : #cc0000;*/
		
}

#ss-menu /* Ensemble du menu */
{

        font-weight : normal; /* on met le texte en gras */
        font-family: Orator Std, Lithos Pro, Symphony, Decker, Arial, Verdana; /* on utilise Arial, c'est plus beau ^^ */
		
        font-size : 14px; /* hauteur du texte : 12 pixels */
		
}

#ss-menu a /* Contenu des listes */
{

background:url("images/lulu.png") no-repeat left;
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		font-family: Orator Std, Lithos Pro, Symphony, Decker, Arial, Verdana;
       padding : 20px;/* aucune marge intérieure */
		padding-top:20px;
		/*word-spacing:-4px;*/
       /* background : #000; /* couleur de fond */        
        color : #a1a1a1; /* couleur du texte */
		/*background:url("images/barre.png") center right no-repeat;*/
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
       width: auto; 
		height: 20px;
		text-transform: uppercase;
}

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

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #ss-menu li
{


       /* border-right: 1px solid #fff ; /* on met une bordure transparente à droite de chaque élément */
}



#ss-menu a.courent/* page-actif */    
{
		
      
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		
       /* padding-left : 10px;/* aucune marge intérieure */
		
		/*background:url("images/barre2.png") center right no-repeat;*/
       /* background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
		background : #72aad0;
		
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

}




#ss-menu a:hover /* Lorsque la souris passe sur un des liens */    
{
		
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		
        /*padding-left : 10px;/* aucune marge intérieure */
		
		
        background : #72aad0; /* couleur de fond */        
        color : #fff; /* couleur du texte */
	/*background:url("images/barre2.png") center right no-repeat;*/
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
  
}

#ss-menu li:hover ul ul, #ss-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 */
}

#ss-menu li:hover ul, #ss-menu li li:hover ul, #ss-menu li.sfhover ul, #ss-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 */
}





/*---------------------------------------------------ss-menu----------------------------------------------------------------------------------------------------------*/	

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


/*------------diapo---------------------------------*/
/*===================*/
/*=== Main Styles ===*/
/*===================*/


/*a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}*/




.theme-default #slider {
	display:block;
    margin-left:auto;
	margin-right:auto;
    width:940px; 
    height:425px; 
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


	

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


#boutons{
width:940px; 
height:74px;
margin-left:auto;
margin-right:auto;

}
ul.boutons{
width:940px; 
height:74px;
margin-left:-40px;
}
ul.boutons li{
list-style:none;
float : left; 
}
a.bouton1{

display:block;
width:313px; 
height:74px; 

background: transparent url(images/bouton-ht1.png) top center no-repeat;
}
a.bouton1:hover{

display:block;
width:313px; 
height:74px;

background: transparent url(images/bouton-ht1b.png) top center no-repeat;
}



a.bouton2{

display:block;
width:313px; 
height:74px;  

background: transparent url(images/bouton-ht2.png) top center no-repeat;
}
a.bouton2:hover{
display:block;

width:313px; 
height:74px; 

background: transparent url(images/bouton-ht2b.png) top center no-repeat;
}

a.bouton3{
display:block;
width:313px; 
height:74px; 

background: transparent url(images/bouton-ht3.png) top center no-repeat;
}
a.bouton3:hover{
display:block;
width:313px; 
height:74px; 

background: transparent url(images/bouton-ht3b.png) top center no-repeat;
}

.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;
}	


#contenu{
width:940px; 
height:auto;
margin-right:auto;
margin-left:auto;


}




#presentation{
width:616px; 
height:auto; 
float:left;
}



#activites{

width:290px; 
height:auto; 
float:right;
}

#principal{

width:290px; 
height:auto; 
float:right;
}

#secondaire{

width:290px; 
height:auto; 
float:right;
}

#secondaire2{

width:290px; 
height:auto; 
float:right;
}

.ligne{
width:940px; 
height:1px;
background : #e5e5e5;
margin-top:20px;
margin-bottom:20px;
}

.page-defini{
width:940px; 
height:auto;
margin-right:auto;
margin-left:auto;
}
.portrait{
float:left;
width:220px;
height:auto;
margin-right:10px;
margin-left:10px;
text-align:left;
margin-bottom:50px;
font-style: italic;
position:relative;
}

.portrait0{
float:left;
width:220px;
height:auto;
margin-right:10px;
margin-left:0px;
text-align:left;
margin-bottom:50px;
font-style: italic;
position:relative;
}	

.portrait1{
float:left;
width:220px;
height:auto;
margin-right:0px;
margin-left:10px;
text-align:left;
margin-bottom:50px;
font-style: italic;
position:relative;
}

.droit{
float:left;
width:293px;
height:auto;
margin-right:15px;
margin-left:15px;
text-align:left;
margin-bottom:30px;
/*font-style: italic;*/
position:relative;
}

.droit0{
float:left;
width:293px;
height:auto;
margin-right:15px;
margin-left:0px;
text-align:left;
margin-bottom:30px;
/*font-style: italic;*/
position:relative;
}	

.droit1{
float:left;
width:293px;
height:auto;
margin-right:0px;
margin-left:15px;
text-align:left;
margin-bottom:30px;
/*font-style: italic;*/
position:relative;
}
li.plus{
display:block;
width:147px; 
height:42px; 
list-style:none;
background: transparent url(images/+savoir.png) top center no-repeat;
position:absolute;
bottom:0;
}
a.plus{
display:block;
width:147px; 
height:42px; 
background: transparent url(images/+savoir.png) top center no-repeat;
}

a.plus:hover{
display:block;
width:147px; 
height:42px; 
background: transparent url(images/+savoir.png) top center no-repeat;
}


#bas{
width: 100%; 
height: 120px;
background : #c7cbd0;
bottom:0;
}


#coordonees-rapide{
width:940px; 
height:120px;
margin-left:auto;
margin-right:auto;

}
ul.boutonsbas{
width:940px; 
height:120px;
margin-left:-40px;
}
ul.boutonsbas li{
list-style:none;
float : left; 
}
a.bas-bouton1{

display:block;
width:313px; 
height:120px; 

background: transparent url(images/bas-bouton1.png) top center no-repeat;
}
a.bas-bouton1:hover{

display:block;
width:313px; 
height:120px;

background: transparent url(images/bas-bouton1.png) top center no-repeat;
}



a.bas-bouton2{

display:block;
width:313px; 
height:120px; 

background: transparent url(images/bas-bouton2.png) top center no-repeat;
}
a.bas-bouton2:hover{
display:block;

width:313px; 
height:120px;

background: transparent url(images/bas-bouton2.png) top center no-repeat;
}


a.bas-bouton4{

display:block;
width:313px; 
height:120px; 

background: transparent url(images/bas-boutonMO.png) top center no-repeat;
}
a.bas-bouton2:hover{
display:block;

width:313px; 
height:120px;

background: transparent url(images/bas-bouton2.png) top center no-repeat;
}

a.bas-bouton3{
display:block;
width:313px; 
height:120px;

background: transparent url(images/boutonpartenaire.png) top center no-repeat;
}
a.bas-bouton3:hover{
display:block;
width:313px; 
height:120px;

background: transparent url(images/boutonpartenaire.png) top center no-repeat;
}



#pied{
width: 100%; 
height: 100px;
background : #a8adb4;
bottom:0;
}
#baspied{
width: 940px; 
height: 100px;
margin-left:auto;
margin-right:auto;


}
#copirate{
width: 600px; 
height: 80px;
padding-top:20px;
float:left;
}

#place-logo{
float:right;
width: 297px; 
height: 100px;



}

#menubas ul.horizon{

	float:right;
	margin-left:auto;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:20px;
	list-style-type:none;
	width:630px;
	height: 100px;
	}

#menubas ul.horizon li {
	display:inline;
	margin:0;
	padding:0;	
	}

#menubas ul.horizon li a {
	float:right;
	background:url("images/lili.png") no-repeat left;
	margin-right:10px;
	padding:0 0 0 15px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 14px;
	font-family:Eras Light ITC;
	}
	
	
#menubas ul.horizon li a:hover{
  background: url("images/lili.png") no-repeat left;
  color:#000;
  font-weight:bold;

}


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

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;
   }
   



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