/* Style des menus principaux */
ul#menu {
	position: absolute;
	width: 940px;
	height: 40px;
}
ul#menu > li { background: url(../images/menu.png) top left no-repeat #fff; color: #000; list-style-type: none; float: left; }
ul#menu > li:hover { background-image: url(../images/menu.png); }
ul#menu.l2 > li { background: url(../images/menu-fr.png) top left no-repeat #fff; color: #000; list-style-type: none; float: left; }
ul#menu.l2 > li:hover { background-image: url(../images/menu-fr.png); }

ul#menu li a {display:block; text-decoration:none;}
ul#menu li a:link {text-decoration:none;}
ul#menu li a:visited {text-decoration:none;}
ul#menu li a:hover {text-decoration:none;}
ul#menu li a:active {text-decoration:none;}

ul#menu li div.submenu, ul#menu li div.submenu2 { display: none; }
ul#menu li:hover div.submenu, ul#menu li:hover div.submenu2 { display: block; }
ul#menu li.over div.submenu, ul#menu li.over div.submenu2 { display: block; }

ul#menu div.submenu { 
    position: absolute; top: 40px; left: 0; display: none; background-color: #03a1e0; padding: 0 6px 8px 0; z-index: 21;
    width: 940px; height: 250px;
}

ul#menu div.submenu2 {
    position: absolute; top: 40px; left: 0; display: none; background-color: #03a1e0; padding: 0 6px 8px 0; z-index: 21;
    width: 934px; height: 300px;
}

ul#menu div.submenu2 ul {
    width: 100%;
}
ul#menu div.submenu2 ul li a, ul#menu div.submenu2 ul li {
    width: auto; height: 25px;
    text-align: left;
}
ul#menu div.submenu2 a {
    display: inline;
    float: left;
    width: 80px;
}
ul#menu div.submenu2 img {
    float: left; margin: 0;
}
#cafeTabs {
    width: 900px; height: 275px;
    position: relative;
    margin: 15px auto; margin-bottom: 0;
    display: none;

}
#cafeTabs div {
    width: 100%; margin: 0 20px;
}
#cafeTabs div p {
    text-align: justify;
    width: 850px;
}
#cafeTabs div p.titre {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 15px;
}
#cafeTabs div p.chapo {
    font-size: 13px;
    padding-bottom: 15px;
}
#cafeTabs .ui-tabs-panel {
    height: 200px;
    overflow: auto;
}


ul#menu div.submenu div.content {
    width: 860px;
    position: relative;
    padding: 30px;
}
ul#menu div.submenu div.content div.logo {
    float: left;
    width: 273px; height: 150px;
    padding-top: 10px;
    margin-left: 25px;
}
ul#menu div.submenu div.content div.menu {
    float: left;
    width: 200px; height: 100%;
    margin-left: 80px;
}
ul#menu div.submenu div.content div.menu ul {margin: 0;}
ul#menu div.submenu div.content div.menu ul li {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 10px;
}
ul#menu div.submenu div.content div.menu ul li a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 17px;
    background-color: transparent; color: #1b456b;
    display: block;
}
ul#menu div.submenu div.content div.menu ul li a:hover {
    background-color: #1b456b;color: #fff;
}
ul#menu div.submenu div.content div.contact {
    float: left;
    width: 200px; height: 100%;
    padding-top: 10px;
    padding-left: 40px;
}
ul#menu div.submenu div.content div.separator {
    margin-top: 10px;
    width: 5px;
    height: 150px;
    border-left: 1px solid #fff;
    float: left;
}
ul#menu div.submenu div.content div.contact p {
    text-align: left;
    color: #fff;
}
ul#menu div.submenu div.content div.contact p a {
    color: #1b456b;

}
ul#menu div.submenu div.content div.contact p.titre {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 17px;
    background-color: transparent; color: #fff;
    margin-bottom: 10px;
}
/*ul#menu div.submenu ul.submenuNav {
    position: relative; float: left; 
    height: auto; margin: 20px 30px; 
    padding:2px 0px; 
    background-color: #03a1e0;
    width: 150px;
    text-decoration: none;
}
ul#menu div.submenu ul.submenuNav li {
	width: 150px; 
	float:none; background-image:none;
	list-style-type: none;
	background-color: #03a1e0;
	padding: 2px 0 10px 0; line-height:13px;
        margin: 10px 0;
        text-align: left;
        list-style-type: none;
        border-bottom: 1px solid #fff;
}
ul#menu div.submenu ul.submenuNav li a {
	width: 150px; height:100%;
	color: #000; background-color:transparent;
	font-size: 15px; line-height: 14px;
	padding: 5px;
        text-decoration: none;
        
}
ul#menu div.submenu ul.submenuNav li a:hover {
	color: #004f6e; 
	font-size: 15px;
        
}

ul#menu div.submenu ul.col1, ul#menu div.submenu ul.col2 {
    float: left;
    width: 40%;
}
ul#menu div.submenu ul.submenuNav li.cafes a {
    font-size: 11px; color: #6b14ae;
    margin-right: 5px;
}



ul#menu div.submenu2 ul, ul#menu div.submenu2 ul li {
    margin: 0; padding: 0;
}

ul#menu div.submenu2 div.cafes {
    float: left;
    width: 250px;
    height: 300px;
    background-color: transparent;
}
ul#menu div.submenu2 div.cafes ul.liste {
    margin: 15px 30px;
}
ul#menu div.submenu2 div.cafes ul.liste li {
    text-align: left;
    margin: 0; padding: 0;
    list-style-type: none;
    padding-bottom: 20px;
}
ul#menu div.submenu2 div.cafes ul.liste li a {
    width: 100%; height: 100%;
    font-size: 17px; color: #000;
    font-family: "Georgia", "Times New Roman", serif;
}

ul#menu div.submenu2 div.description {
    float: left;
    width: 684px;
    height: 300px;
    background-color: transparent;
}
ul#menu div.submenu2 div.description p {
    text-align: left;
}
ul#menu div.submenu2 div.description p a {
    width: 100%; height: 100%;
    display: inline;
    margin: 10px;
}
*/
ul#menu li.home {background-position:0px 0;}
ul#menu li.home:hover {background-position:0px -40px;}
ul#menu li.home a {width:53px; height:40px;}

ul#menu li.sourceProject {background-position:-53px 0;}
ul#menu li.sourceProject:hover {background-position:-53px -40px;}
ul#menu li.sourceProject a {width:150px; height:40px;}

ul#menu li.cafesEurope {background-position:-202px 0;}
ul#menu li.cafesEurope:hover {background-position:-202px -40px;}
ul#menu li.cafesEurope a {width:165px; height:40px;}
ul#menu li.cafesEurope div.submenu2 div p a {
    width: 100px; margin: 0; padding: 0;
    margin-top: 15px;
    margin-right: 40px;
}
ul#menu li.cafesEurope div.submenu2 div p.titre a {
    width: 100%; margin: 0; padding: 0;
}

ul#menu li.festivents {background-position:-366px 0;}
ul#menu li.festivents:hover {background-position:-366px -40px;}
ul#menu li.festivents a {width:122px; height:40px;}

ul#menu li.interactiveNovel {background-position:-487px 0;}
ul#menu li.interactiveNovel:hover {background-position:-487px -40px;}
ul#menu li.interactiveNovel a {width:183px; height:40px;}


ul#menu li.centerThermalHeritage {background-position:-669px 0;}
ul#menu li.centerThermalHeritage:hover {background-position:-669px -40px;}
ul#menu li.centerThermalHeritage a {width:267px; height:40px;}


#menu a.hid span { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }