/*bases structures : Simon Jessey / Roger Johansson 
adaptations : Stephanie De Nadai CSS 1 */
html {
font-size: 100%;    
}
body {
margin:0;
padding:0;
background:#E3E3D5 url(imgW2/css7/content.jpg) no-repeat fixed 160px 44px; 
color:#060;
font: 0.625em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {color:#060; text-decoration:none; border-bottom:1px dotted #060;}
a:visited {color:#C09; }
a:active {color:#C09; }
a:hover {color:#F60; text-decoration:none; border-bottom:none;}
a.en:after { content: " (" attr(hreflang) ")"; }
acronym, abbr {
font-style:normal;
text-decoration:none; 
border-bottom:none; 
background:url(imgW2/borderacronym.gif) repeat-x left bottom;
padding-bottom:1px;
}
/** { font-family: Verdana, Arial, Helvetica, sans-serif; }*/
.brek {	clear:both; visibility:hidden;}
.error * {}
.error p {margin:0; font-weight:bold; color:#C00;}
.center {text-align:center;}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
position:absolute;
width:100%;
top:0;
left:0;
background:url(imgW2/css7/tete_.gif) no-repeat left top;/*#DAE310;red;*/
height:106px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
position:fixed;
}
div#header {
padding:.4em .5em 0 0;
font-size:small;
text-align:right;
/*padding-left:3.5em;*/
width:57em;
margin:0 0 0 12em;
}
div#header a {margin:auto .3em; color: #fff; }
div#header a:hover {color: #060; border-bottom:none;}
div#header form { display:inline; margin-left:.3em}
div#header select, div#header input {font-size:80%; vertical-align:middle;}
select, input, textarea {font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#030; border:1px solid #060;}
img, .noborder {border:0 none;}
.cssform {width:22em; margin:.2em 0; padding:.1em;}
h1#image {margin:0; font-size:2em; }
h1#image a {
display:block;
color:#060;
height:2.8em;
margin:0 0 0 10em;
text-indent:-9999px;
width:340px;
background-color:transparent;
border-bottom:none;
}
h1#image span {
display:block;
text-indent:0;
font-size:.6em;
color:#060;
margin:0 0 0 20.8em;
width:100%;
line-height:1.1;
}
html>body h1#image span {
margin:0 0 0 20.8em;
width:auto;
}

#fixed {
position: absolute;
top: 106px;
left: 0em;
width: 15em;
height: 100%;
color: black;
background:url(imgW2/css7/fixed_clair.png) no-repeat left top;
}
body > #fixed {
position: fixed;
}
#fixed ul {
list-style-type:none;
margin:70px 0 0 35px;
padding:0;
}
#fixed ul ul {
list-style-type:none;
margin:0;
padding:0;
}
#fixed li {margin:0; padding:0;  line-height:1.1; clear:both; height:2em;}
#fixed li li {margin-left:5px; padding:0; height:auto; }
html>body #fixed li {height:auto; min-height:2em;}
#fixed a {
float:left;
text-decoration:none;
border-bottom:none;
padding:.5em .3em;
color: #f60; 
font-weight: bold;
font-size: 1.2em;
}
#fixed li li a {
padding:0em .3em .3em;
color: #f60; 
font-size: 1.1em;
}

#fixed a:hover {border-bottom:1px dotted #060; color:#060;}
#fixed a span {font-size:smaller; font-variant:normal; display:none;}
/* links */
#fixed #menufolio a {margin-left:10px;  }
#fixed #menututo a {margin-left:15px; }
#fixed #menugribo a {margin-left:4px; }
#fixed #menupresta a {margin-left:23px; }
#fixed #menucv a {margin-left:4px; }

#fixed .guide a {
/*padding: 0 .8em .7em 14px;*/
padding:.5em 0 .7em 12px;
background:url(imgW2/css7/guide2.png) no-repeat left center; 
color:#060;
}
#fixed .guide li a {/**/
padding:0em 0 .2em 10px;
color:#f60;
background:url(imgW2/vide.gif); 
}
#fixed li .guide a {/**/
padding:0.25em 0 0.43em 10px;
/*color:#f60;*/
background:url(imgW2/css7/guide2.png) no-repeat left center; 
}
#fixed .guide a:hover {border-bottom:1px none #060;}
#fixed .guide li a:hover {border-bottom:1px dotted #060; color:#060;}

#fixed #menututo.guide a {
background:url(imgW2/css7/guide2.png) no-repeat left center; 
}
.menu .guide {
display:none;
}

#content {
margin:0 auto 4em 13em;
padding: 0em;
padding-left:0em;
font-size:small;
line-height: 1.5em;
color:#060;
width:57em;
}
#ariane {font-size:.8em; background:url(imgW2/css7/borderdotted.gif) repeat-x left bottom; padding:.1em .3em; color:#f60;}
#ariane em {display:none;}
#ariane img {vertical-align:middle;}
h2 { 
margin:.2em auto .2em .5em; 
text-align: right; 
padding:0 1.4em 1.8em 0; 
background:url(imgW2/css7/h2.png) no-repeat right 3px;
float:right;
color:#f19300;
font-size:150%;
letter-spacing:2px;
font:normal bold 150% Verdana, Arial, sans-serif;
}

h2 em {
display:none;
}
h3 {
font-size:105%;
}
#content a.brek {
display:block;
text-align:right;
padding:0 .95em .6em 0;
visibility:visible;
border-bottom:none;
}
div.address {
border-top: 2px solid black;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#footerwrap {
width:100%;
p\osition:absolute;
bottom:0;
left:0;
height:5em;
background:url(imgW2/css7/pied_.gif) no-repeat left top;
}
body>div#footerwrap {
position:fixed;
}
div#footer {
height:1em;
margin:2.3em 1em 0;
font-style:italic;
text-align:right;
/*width:57em;*/
}
div#footer * {
font-size:x-small; 
font-style:italic;
}
div#footer a:hover {color: #060;}
.copy {
line-height:normal;
}
/* sous menus dans page */
.menu {
text-align:right;
float:right;
list-style-type:none;
margin-left:0;
margin-right:-11em;
padding-left:0;
}
.menu li {
background:url(imgW2/puce2.png) no-repeat 100% 60%;
padding:2px 15px 2px 0;
}
.menu li a {
text-decoration:none;
border-bottom:1px dotted #060;
}
.menu li a:hover {
border-bottom:none;
}
.copy img {
vertical-align:middle;
}
.info {clear:both; text-align:center; font-size:.8em; margin-top:2em;}

@media aural {  
h1, h2, h3, h4 { stress: 20; richness: 90 }
.clir, .brek { speak: none }
#pied { volume: x-soft; speech-rate: x-fast }
li { pause-before: 20% }
}
.hr {font-size:.8em; background:url(imgW2/css7/borderdotted.gif) repeat-x left top; padding:.1em .3em; margin:2em 0 0; }

a.nobor {border:none;}
#hterror h2 {float:none; text-align:center;background:url(imgW2/vide.gif) no-repeat;}
#hterror p {text-align:center;}