/* CSS WIZZU juin 2009 */

html,body {margin:0;padding:0;}
html {background:white url(wizzufond.jpg) no-repeat top left;color:#000;}

body {background:transparent url(logos/bordhaut.gif) no-repeat center 0;color:black;font-size:100.01%;font-family:Georgia,'Times New Roman','Lucida Console', 'Lucida Sans', 'Lucida Sans Unicode', 'Microsoft Sans Serif', 'MS Serif', 'MS Sans serif', System, 'Trebuchet MS', 'Courier New', 'Monotype Corsiva', Monotype, Tahoma;}

a, a:link, a:visited, a:active {text-decoration:none;color:#000;line-height:170%;}
a:visited {color:#C0C0C0;}

#ariane {font-family:System,'Lucida Sans Unicode','MS Sans serif';margin-top:-20px;}

a:hover, a.index {text-decoration:none;color:orange;}
a.active {text-decoration:underline;}

h1 {font-size:145%;text-align:center;}
h2 {font-size:125%;}
ol ol 	{list-style-type: lower-roman;}
ul li a, ol li a {line-height:155%;}

#wizzu {width:1000px;margin:auto;text-align:left;padding:50px 0 0 0;}

#prelogo {
width:350px;
float:left;
display:block;
border:2px solid transparent;
}

#entete {
width:430px;
margin:auto;
float:left;
}

#entete a img {
border:0;
}


#lang {
width:200px;
float:right;
}


#lang p {
width:200px;
height:20px;
text-align:left;
}

#lang p a {
width:100%;
display:block;
margin:0;
padding:0;
}

#lang p.fr {
background:transparent url(logos/fr.gif) no-repeat center right;
}

#lang p.en {
background:transparent url(logos/en.gif) no-repeat center right;
}

#lang p.es {
background:transparent url(logos/es.gif) no-repeat center right;
}

#conteneur {float:left;width:1000px;height:450px;
height:auto !important;
min-height:450px;}

#nav {
float:left;
text-indent:30px;
width:190px;
background:transparent;
height:400px;
}

#nav p a, #nav ul.premier li a {
font-weight:bolder;
width:173px;
height:42px;
display:block;
background:transparent url(nav.gif) no-repeat top left;
}

#nav ul.premier li a:hover {

}

#nav ul.premier, #nav ul.premier li ul.second, #nav ul.premier li ul.second li, #nav ul.premier li ul.second li a {
margin:0;
padding:0;
}

#nav ul.premier li ul.second  {
position:absolute;
left:-1000px;
}

#nav ul.premier li:hover ul.second {
left: auto;
}

#nav ul.premier li, #nav ul.premier li ul.second li {
list-style-type:none;
}

#nav ul.premier li ul.second li {
font-size:85%;
width:250px;

}

nav ul.premier li ul.second li a {
position:relative;
width:250px;
top:-30px;
left:30px;
background:transparent none;
}


#nav p.action a{
background:transparent url(navaction.gif) no-repeat top right;
text-indent:80px;
}


#acces {
float:left;
width:780px;
background:transparent url(colibrig.gif) no-repeat top left;
padding:20px 0 0 0;
height:880px;
overflow-y:auto;
}


body.wizzu #acces {
float:left;
width:430px;
background:transparent url(colibrig.gif) no-repeat top left;
padding:20px 0 0 0;
max-height:880px;
overflow-y:auto;
}

#acces ul {
text-align:left;
list-style-type:square;
line-height:163%;
}


#acces p em {
padding:0 0 0 50px;
}

#contenu {display:none;}

body.wizzu #contenu {
display:block;
float:right;
width:350px;
background:transparent url(avantages.gif) no-repeat top left;
}

body.wizzu #contenu ul {
margin:60px 0 40px 0;
text-align:left;
list-style-type:circle;
line-height:153%;
color:orange;
}

body.wizzu #contenu h2 {
visibility:hidden;
}


body.wizzu #contenu ul li {
color:#000;
text-indent:10px;
}


#pied {background:transparent url(bordbas.gif) no-repeat center bottom;color:#fff;text-align:center;margin:auto;width:1000px;clear:both;height:100px;padding-top:22px;display:block;margin-top:30px;}

#pied p {background:transparent url(minicolg.gif) no-repeat top left; height:40px; padding-left:18px;}

#pied p a, #pied p a:link, #pied p a:visited, #pied p a:hover, #pied p a:active {color:#feffef;border:none; }
#pied a[href="accessibilite.php"] {background:transparent url(minicold.gif) no-repeat top right;}