@charset "utf-8";
/* CSS Document */
#menu {
width: 149px;
background:none;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0px;
}
#menu a {
font: 11px optima, helvetica, arial, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #fff;
margin: 0;
padding: 0px 3px;
}
#menu h2 {
font: 11px optima, helvetica, arial, sans-serif;
display: block;
border-width: 0px;
margin: 0;
color: #ca2127;
}
#menu a {
color: #ffffff;
text-decoration: none;
}

#menu a:hover {
color: #ca2127;
}

#menu li {
position: relative;
}

#menu ul ul{
position: absolute;
top: 25%;
left: 100%;
width: 140px;
text-decoration: none;
z-index:9999;
background-color: none;
padding-left: 3px;
}
div#menu ul ul,
div#menu ul li:hover ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

.redtext {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #ca2127;
	font-weight: normal;
	text-decoration: none;
}
.redtextbold {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #ca2127;
	font-weight: bold;
	text-decoration: none;
}
.blacktextbigbold {
	font-family: Myriad, Tahoma, Arial;
	font-size: 11pt;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.blacktextbold {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.blacktext2 {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext2:link {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext2:link:hover {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #ec1e24;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext2:link:visited {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext2:link:active {
font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.blacktext:link {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext:link:hover {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #ec1e24;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext:link:visited {
	font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext:link:visited:hover {
font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext:link:active {
font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.blacktext:link:active:hover {
font-family: Myriad, Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.liens {background-image: url(images/topmenu/liens-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.liens:hover {background-image: url(images/topmenu/liens-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.liens1 {background-image: url(images/topmenu/liens-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.contact {background-image: url(images/topmenu/contact-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.contact:hover {background-image: url(images/topmenu/contact-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.contact1 {background-image: url(images/topmenu/contact-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.accuiel {background-image: url(images/topmenu/accuiel-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.accuiel:hover {background-image: url(images/topmenu/accuiel-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.accuiel1 {background-image: url(images/topmenu/accuiel-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.cours {background-image: url(images/leftmenu/cours-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.cours:hover {background-image: url(images/leftmenu/cours-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.cours1 {background-image: url(images/leftmenu/cours-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.notre-equipe {background-image: url(images/leftmenu/notre-equipe-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.notre-equipe:hover {background-image: url(images/leftmenu/notre-equipe-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.notre-equipe1{background-image: url(images/leftmenu/notre-equipe-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.milongas {background-image: url(images/leftmenu/milongas-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.milongas:hover {background-image: url(images/leftmenu/milongas-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.milongas1 {background-image: url(images/leftmenu/milongas-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.origines {background-image: url(images/leftmenu/origines-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.origines:hover {background-image: url(images/leftmenu/origines-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.origines1 {background-image: url(images/leftmenu/origines-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.sante {background-image: url(images/leftmenu/sante-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.sante:hover {background-image: url(images/leftmenu/sante-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.sante1{background-image: url(images/leftmenu/sante-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.photos {background-image: url(images/leftmenu/photos-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.photos:hover {background-image: url(images/leftmenu/photos-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.photos1 {background-image: url(images/leftmenu/photos-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
#bg_image {
	width: 100%;
	height: 900px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 0;
	display:block;
}
#contents {
	position:absolute;
	z-index:1;
	text-align:center;
	right: 7px;
	height: 100%;
	top: -1px;

}
.cours2 {background-image: url(images/leftmenu/cours2-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.cours2:hover {background-image: url(images/leftmenu/cours2-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.cours21 {background-image: url(images/leftmenu/cours2-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.atelier {background-image: url(images/leftmenu/ateliers-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.atelier:hover {background-image: url(images/leftmenu/ateliers-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.atelier1 {background-image: url(images/leftmenu/ateliers-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.even {background-image: url(images/leftmenu/even-off.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.even:hover {background-image: url(images/leftmenu/even-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}
.even1 {background-image: url(images/leftmenu/even-on.jpg);
	background-size: 100% auto;
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
}

#menu2 {
width: 140px;
background-color: #faf9e5;
}
#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu2 a {
font: 11px helvetica, arial, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #faf9e5;
margin-left: 0px;
margin-bottom: 1px;
padding: 0px 0px;
background-color: #faf9e5;
}
#menu2 a {
color: #ffffff;
text-decoration: none;
}
#menu2 a:hover {
color: #639ad0;
}
#menu2 li {
position: relative;
}
#menu2 ul ul{
position: absolute;
top: 0;
left: 100%;
width: 100%;
color: #ffffff;
text-decoration: none;
}
div#menu2 ul ul,
div#menu2 ul li:hover ul
{display: none;}
div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul
{display: block;}