#menu
{
position:relative;
margin-top:10px;
padding-top:70px;
font-size:14px;
z-index:1;
margin-left:10px;

}

#menu dl, dt, dd, ul, li { 
margin: 0; 
padding: 0; 
list-style-type: none; 

} 
#menu dl,dt,dd{

margin-left:7px;
}
 
#menu dl { 
float: left; 

position:relative;
} 
#menu dt { 


text-align: center; 
font-weight: bold; 
height:28px;
color:white;
margin: -5px; 
padding-top:8px;
padding-left:3px;

} 
#menu dd { 
display: none; 
width:100em;
padding-left:4px;
position:absolute;
} 
#menu li { 

text-align: center; 
padding-left:5px;

font-size:11px;



} 

#menu dt a
{
height:300px;
border:3px solid red;
}

#menu li a, #menu dt a { 
color:white; 
text-decoration: none; 
display: block; 




} 
 
 
#smenu1 li a
{
color:#06d0fb;
text-align:left;
padding-top:5px;
height:20px;
font-weight:bold;
}

#smenu1 li a:hover
{
background:#06d0fb;
}
#smenu1 ul
{
 background-image:url(images/font_menu.jpg);
 width:150px;
 position:absolute;
 z-index:100;
}

#smenu2 li a
{
color:#f02991;
text-align:left;
padding-top:5px;
height:20px;
font-weight:bold;
}
#smenu2 ul
{
 background-image:url(images/font_menu2.jpg);
 width:170px;
  position:absolute;
 z-index:100;

}
#smenu2 li a:hover
{
background:#f02991;
}

#smenu3 li a
{
color:#811688;
text-align:left;
padding-top:5px;
height:20px;
font-weight:bold;
}

#smenu3 ul
{
 background-image:url(images/font_menu3.jpg);
 width:170px;
  position:absolute;
 z-index:100;

}

#smenu3 li a:hover
{
background:#811688;
}

#smenu4 li a
{
color:#19a12d;
text-align:left;
padding-top:5px;
height:20px;
font-weight:bold;
}
#smenu4 ul
{
 background-image:url(images/font_menu4.jpg);
  width:220px;
}

#smenu4 li a:hover
{
background:#19a12d;
}
#smenu5 li a
{
color:#ffa201;
text-align:left;
padding-top:5px;
height:20px;
font-weight:bold;
}

#smenu5 ul
{
 background-image:url(images/font_menu5.jpg);
   width:140px;
}

#smenu5 li a:hover
{
background:#ffa201;
}

#smenu6 li a{
color:#fe0000;
text-align:left;
padding-top:5px;
height:20px;
font-weight:bold;
}

#smenu6 ul
{
 background-image:url(images/font_menu6.jpg);
   width:150px;
}
 
#smenu6 li a:hover
{
background:#fe0000;
} 
 
#site { 
position: absolute; 
z-index: 1; 
top : 70px; 
left : 10px; 
color: #000; 
background-color: #ddd; 
padding: 5px; 
border: 1px solid gray; 
} 
	
#menu ul
{
position :absolute;
left:-10px;


}	
	
	
	
#accordion{
background: white;
width:304px;

}

	
h3.toggler {
	cursor: pointer;
	border: 2px solid #f5f5f5;
	/*border-right-color: #ddd;
	border-bottom-color: #ddd;*/
	font-family: Arial;
	font-size: 12px;
	background: #383838;
	color: white;
	margin: 0 0 -4px 0;
	padding: 9px 5px 1px;
	height:20px;
	width:290px;
	
}

h3.liens
{
	cursor: pointer;
	border: 2px solid #f5f5f5;
	/*border-right-color: #ddd;
	border-bottom-color: #ddd;*/
	font-family: Arial;
	font-size: 12px;
	background: #383838;
	color: white;
	margin: 0 0 -4px 0;
	padding: 9px 5px 1px;
	width:290px;
}

.societe
{
background-image:url(images/societe.jpg);
background-repeat:no-repeat;
width:136px; 

}

#societe_texte
{
float:left;
margin-left:40px;
margin-top:4px;
}

#pedagogie_texte
{
float:left;
margin-left:40px;
margin-top:4px;
}

#architecture_texte
{
float:left;
margin-left:40px;
margin-top:4px;
}

#developpement_texte
{
float:left;
margin-left:30px;
margin-top:4px;
}

#creche_texte
{
float:left;
margin-left:31px;
margin-top:4px;
}


#carriere_texte
{
float:left;
margin-left:54px;
margin-top:4px;
}

.pedagogie
{
background-image:url(images/pedagogie.jpg);
background-repeat:no-repeat;
width:143px; 
}

.architecture
{
background-image:url(images/architecture.jpg);
background-repeat:no-repeat;
width:170px; 
}	

.developpement
{
background-image:url(images/developpement.jpg);
background-repeat:no-repeat;
width:228px; 
}

.creche
{
background-image:url(images/creche.jpg);
background-repeat:no-repeat;
width:148px; 
}

.carriere
{
background-image:url(images/carriere.jpg);
background-repeat:no-repeat;
width:156px; 
}


.liens span{
color: white;
text-decoration:none;
border:none;
}	
	
.toggler span{
color: white;
text-decoration:none;
border:none;
}	

.toggler a:hover{
color: white;
text-decoration:underline;

}

.liens a:hover{
color: white;
text-decoration:underline;

}

#agence 
{
color:#E7511E;
font-size: 12px;


}	
#technologie , #technologie a
{
color:#273869;

font-size: 12px;
}

#marketing 
{

color:#a91b69;
font-size: 12px;

}

#mark
{
height:15px;
padding-top:5px;
}
.element a
{
cursor: pointer;
	border: 2px solid #f5f5f5;
	/*border-right-color: #ddd;
	border-bottom-color: #ddd;*/
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	width:290px;

}
.element h3
{
width:290px;
}

.element a:hover
{

text-decoration:underline;

}