@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;	
	font-family:Arial, Helvetica, sans-serif;		
}


html{
height:100%;
overflow:hidden;
}
body{
height:100%;
overflow:hidden;
}

div#preload { display: none; z-index:0; }

#wrapper img{
width:100%;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

img { -ms-interpolation-mode: bicubic; }

body {
    line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	background-color:#fff;
	position:relative;
}

ul,ol{
list-style:none;
}

 a{
	color:#004594;
	
}





h1{
	font-size:16px;
	color:#38434e;
	line-height:18px;
	margin-bottom:10px;
	
	font-weight:normal;
	font-weight:bold;
}

h2{
	font-size:14px;
	color:000#;
	line-height:18px;
	margin-bottom:10px;
	
}

h3{
	font-size:12px;
	color:#000;
	line-height:15px;
	margin-bottom:5px;
	
}

p{
	font-size:12px;
	color:333#;
	line-height:18px;
	margin-bottom:5px;
	
}

p.pdf a 
{
text-indent:10px;
}

dl.liste{
	font-size:12px;
	color:333#;
	line-height:18px;
	margin-bottom:18px;
	background-color:#f2f4f4;
}

dl.liste dt{
	font-size:12px;
	color:333#;
	line-height:18px;
	margin-bottom:5px;
	background-color:#f2f4f4;
	font-weight:bold;
	font-style:italic;
}

dl.liste dd{
	font-size:12px;
	color:333#;
	line-height:18px;
	background-color:#f2f4f4;
	margin-bottom:5px;
}

dl.liste dd a{
	color:#004594;
	
}

p.logo{
position:absolute;
top:3px;
left:25px;
z-index:1100;
background-color:#fff;

}


p.enovinfo{
position:absolute;
top:630px;
left:35px;
z-index:1100;
}

hr{
color: #bcbcbc;
background-color: #bcbcbc;
height: 1px;
display:block;
border: 0;
}


.imghover{
z-index:500px;
}

.imgnohover{
z-index:300px;
}


#menu{
        position:absolute;
		z-index:100;
        left:0;
        top:0;
        bottom:0;
        width:214px;
		height:100%;
        background:url(images/menu.jpg);
		background-repeat:no-repeat;
		background-color:#304d89;
}


        div#menu ul.navigation {
            width:105px;
            margin:295px auto 0 auto;
			display:block;
            *margin-left:30;
            font-size:12px;
			height:150px;
        }
        
            div#menu ul.navigation li {
                list-style:none;
                display:block;
                width:105px;
                height:23px;
                overflow:hidden;
				border-top:1px solid #a8b9cd;
				text-align:center;
				line-height:23px;
            }
			
			   div#menu ul.navigation li.border {
				border-bottom:1px solid #a8b9cd;
            }
			
        
            div#menu ul.navigation li a {
                display:block;
				color:#FFFFFF;
				font-size:10px;
				text-transform:uppercase;
				text-decoration:none;
            }
            
            div#menu ul.navigation li.selected a,
            div#menu ul.navigation li.ancestor a,
            div#menu ul.navigation li a:hover {
			color:#000;               
            }

/*les panneaux*/


ul#sousmenu li{
background-image:url(images/ombre.png);
background-repeat:repeat-y;
background-color:#f2f4f4;
width:1px;
position:absolute;
z-index:10;
left:210px;
top:0;
height:100%;
border-right:1px solid #555;
padding-top:295px;
}



ul#text li{
position:absolute;
z-index:5;
width:1px;
background-image:url(images/ombre.png);
background-repeat:repeat-y;
background-color:#f2f4f4;
height:100%;
left:210px;
top:0;
border-right:1px solid #555;
padding-top:80px;
}


.subnav {

	text-align:center;
	margin-left:16px;
}


.subnav a{
	font-size:10px;
	text-transform:uppercase;
	display:block;
	color:#373737;
	height:25px;
	text-decoration:none;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f2f4f4;
	border-bottom:1px solid #b1b2b2;
	margin-right:14px;
	width:132px;
}

.subnav a.diapolien{
	padding:5px 0;
	height:auto;
	line-height:15px;

}
.subnav div a{
	
	background:none;
	
}

li#liens .subnav a{
	color:#004594;
}

 a.bleu{
	color:#004594;
	
}

div#menu ul.navigation li a.current{
	color:#000;
	
}

.lien {
text-align:left;
} 

.lien a{
border:none;
line-height:35px;
height:35px;
}

.lien h5{
margin-bottom:10px;
font-size:12px;
}

.lien a img{
margin-right:3px;
}

.bordertop{
	
	border-top:1px solid #b1b2b2;

}

.subnav a:hover{
	color:#000;	
}


.contenu{
	
	padding:10px;
	
}

p.arrow{
position:absolute;
top:43px;
right:15px;
}

p.arrow a{

}


.panel{
width:330px; 
height:460px; 
overflow:auto; 
z-index:1000;
}

ul#text li div{
padding:20px 10px 20px 15px;
}

#mag{
width:100%;
height:100%;
}

ul#bulle li{
position:absolute;
z-index:1000;
left:500px;
top:200px;
width:160px;
height:230px;
text-align:center;
display:block;
}
ul#bulle li.cloud
{
width:320px;
height:235px;
background-image:url(images/new-cloud03.png);
background-repeat:no-repeat;
}

ul#bulle li.cloud2
{
width:190px;
height:200px;
background-image:url(images/new-cloud01.png);
background-repeat:no-repeat;
}

ul#bulle li.cloud3
{
width:310px;
height:230px;
background-image:url(images/new-cloud02.png);
background-repeat:no-repeat;
}

ul#bulle li.cloud4
{
width:165px;
height:175px;
background-image:url(images/new-cloud04.png);
background-repeat:no-repeat;
}

ul#bulle li.cloud div.contenu{
margin-top:5px;
width:320px;
height:160px;
display:block;
margin:10px auto 0 auto;
}

ul#bulle li.cloud2 div.contenu{
margin-top:15px;
width:160px;
height:160px;
display:block;
margin:10px auto 0 auto;
}

ul#bulle li.cloud3 div.contenu{
margin-top:5px;
width:285px;
height:200px;
display:block;
margin:5px auto 0 auto;
}


ul#bulle li div.contenu h1{
	width:160px;
	margin:0 auto;
	font-size:13px;
	color:#38434e;
	line-height:16px;
	margin-bottom:5px;
	background:none;
	font-weight:normal;
	font-weight:bold;
}


.bob, .team {
padding:5px;
}

.bob h1, .team h1{
width:100%;
text-align:center;
	font-size:12px;
	color:#242c33;
	line-height:16px;
	margin-bottom:5px;
	background:none;
	font-weight:normal;
	font-weight:bold;
}

.bob p, .team p{
width:100%;
text-align:center;
	font-size:11px;
	color:#333;
	line-height:13px;
	margin-bottom:5px;
	background:none;
	line-height:12px;
}

.bob a, .team a{
width:100%;
text-align:center;
	font-size:11px;
	color:#4a68a6;
	line-height:14px;
	margin-bottom:5px;
	background:none;
	line-height:11px;
}


.bob p.petit{
line-height:11px;
}

.bob p.histoire a{
	line-height:13px;
font-size:13px;
font-weight:bold;
	color:#000;
}


ul#bulle li.cloud2 div.contenu h1{
	width:160px;
	
}

ul#bulle li.cloud3 div.contenu h1{
	width:300px;
	
}

ul#bulle li.cloud4 div.contenu h1{
	width:150px;
	
}

ul#bulle li div.contenu p{
	font-size:11px;
	color:#333;
	line-height:13px;
	margin-bottom:5px;
	background:none;
}

ul#bulle li div.contenu p a{
	font-size:11px;
	color:#4a68a6;
	line-height:14px;
	margin-bottom:5px;
	background:none;
}

ul#bulle li div.contenu p.petit{
	width:130px;
	margin:0 auto 0 auto;
}

ul#bulle li.cloud4 div.contenu p.petit{
	width:130px;
	margin:0 auto 0 auto;
}



.close{
font-size:12px;
color:#373737;
line-height:14px;
position:absolute;
top:25px;
left:110px;
z-index:200;
border:none;
width:40px;
}

a.close {
border:none;
width:40px;
}

span dl.legende{
padding:0;
margin:0;
margin:2px;
display:block;
color:#FFFFFF;
}

span dl.legende dd{
color:#FFFFFF;
padding:0;
margin:0;
}

dl#canton dd{
margin:5px;
}



dl#canton dd a{
text-decoration:none;
font-size:12px;
}

dl#canton dd a span{
text-decoration:underline;
font-size:12px;
}

dl#canton dd img{
padding-right:10px;
}