body{
background-color:#369;
color:#fff;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:2em 1%;
padding:0;
}

/* Definitions generales */
acronym.premier{
cursor:help;
border-bottom:1px dotted #369;
}

code,pre{
color:#297700;
background-color:transparent;
font-family:"Courier New",Courier,monospace;
font-size:small;
}

pre{
border-left:5px solid #a2c2e1;
padding:0.5em 1em;
margin-left:2em;
}

blockquote,q{
font-style:italic;
color:#369;
background-color:transparent;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

samp{
font-size:small;
color:#000;
background-color:#d6e1ec;
}

caption{
margin:1em 0;
color:#369;
background-color:#a1c2e1;
font-weight:700;
}

thead{
background-color:#d6e1ec;
color:#369;
}

table{
margin-top:1em;
}

table,td{
border-collapse:collapse;
border:1px solid #a2c2e1;
padding:0.2em;
}

:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important;
}

/**********************************************************************/
span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}
/**********************************************************************/

/* Definitions des elements dans l'ordre du code Xhtml */
#page{
color:#000;
background-color:#fff;
border:3px solid #000;
}

#moteur{
position:absolute;
right:6%;
top:4.9em;
text-align:right;
}

#moteurint label{
display:block;
text-align:left;
color:#c60;
background-color:#fff;
font-weight:700;
}

#moteur input.champs,#texte #moteurint input.champs{
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
}

#moteur input.valid,#texte #moteurint input.valid{
background-color:#f90;
background-image:url("ok.png");
background-position:bottom;
background-repeat:repeat-x;
border-color:#c60;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

#moteur input.valid:hover,#texte #moteurint input.valid:hover{
background-color:#69c;
background-image:url("oksurvol.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #369;
color:#fff;
}

#moteur input.valid:active,#texte #moteurint input.valid:active{
background-color:#9cf;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #9cb4ce;
color:#fff;
}

/* --------------- */
#accessible{
left:0;
position:absolute;
top:0.2em;
width:100%;
margin:0;
padding:0;
}

#accessible ul{
margin:0 0 0 1em;
padding:0;
float:left;
}

#accessible li{
background-color:transparent;
color:#fff;
display:inline;
margin:0 1em 0 0;
}

#accessible a{
background-color:transparent;
color:#fff;
/*text-decoration:none;*/
}

#accessible a:hover{
text-decoration:none;
}

/* --------------- */
#switcher{
margin:0;
padding:0;
}

#habillage label{
vertical-align:top;
margin-left:0.5em;
color:#fff;
background-color:transparent;
}

#habillage select{
background-color:#369;
color:#fff;
}

#habillage input{
border:1px solid #fff;
color:#fff;
background-color:#f90;
font-weight:700;
}

#habillage input:hover{
color:#036;
background-color:#d6e1ec;
cursor:pointer;
}

/* --------------- */
#logo{
margin:4em 0 0 5%;
}

#logo img{
border:0;
/*color:#fff;
background-color:#999;*/
}

#logo a{
color:#000;
background-color:transparent;
}

/* Page d'accueil uniquement */
#texteaccueil{
margin:5px 5px 5px 5px;
}

#texteaccueil h2{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:medium;
font-weight:700;
}

#texteaccueil h3{
color:#690;
background-color:transparent;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:small;
font-weight:700;
}

#intro{
float:right;
margin-left:1%;
width:30%;
}

#resume{
color:#000;
background-color:#ffecce;
border:1px solid #666;
margin:0 0 1em 0;
padding:0.5em 1em;
}

#resume h2{
background-color:transparent;
color:#c60;
margin:0;
}

#resume p{
margin:0.5em 0;
}

#resume a{
color:#c60;
background-color:transparent;
}

#resume a:hover{
color:#369;
background-color:transparent;
}

#news{
border:1px solid #6699cc;
background:#ffffff;
margin:0;
padding:0 1em 1em 1em;
}

#news h2{
background-color:#eff4fa;
border-color:#69c;
border-style:solid;
border-width:0 1px 1px 1px;
color:#369;
margin:0 0 0.5em 0;
padding:0.4em 0.2em 0.2em 0.2em;
width:55%;
}

#news h3{
margin:0;
padding:0;
}

#news h4{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:85%;
font-weight:500;
margin:0.2em 0 1em 0;
padding:0;
}

#news p{
margin:0;
}

#news a{
color:#f60;
background-color:transparent;
}

#news a:hover{
color:#369;
background-color:transparent;
}

/* --------------- */
#corps{
margin-bottom:2em;
}

#corps,#messages{
padding:0 2%;
width:90%;
}


#corps h2{
border-bottom:2px solid #369;
color:#369;
font-size:large;
background-color:transparent;
padding:0 0 0.2em 0;
}

#corps h3,#messages h3{
margin:0;
color:#69c;
background-color:transparent;
}

#corps h4,#messages h4{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:85%;
font-weight:500;
margin:0.2em 0 1em 0;
}

#news h5,#corps h5,#messages h5{
text-align:right;
font-size:small;
}

#news h5 a,#corps h5 a,#messages h5 a{
background-color:#ffecce;
border:1px solid #c60;
color:#000;
font-weight:500;
padding:0.2em;
text-decoration:none;
}

#news h5 a:hover,#corps h5 a:hover,#messages h5 a:hover{
background-color:#ffecce;
color:#c60;
}

#corps p,#messages p{
margin:0 0 2em 0;
}

#corps a,#messages a{
background-color:transparent;
color:#f60;
}

#corps a:hover,#messages a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}

#messages{
color:#000;
background-color:#eff4fa;
border:1px solid #9cb4ce;
}

#messages h2{
border-bottom:2px solid #369;
color:#369;
background-color:transparent;
padding:0.8em 0 0.2em 0;
}

/* Pages interieures */
#texte{
color:#000;
background-color:#f5f8fc;
border:1px solid #69c;
line-height:150%;
margin:0 3% 2em 21%;
padding:0 2% 3em 2%;
}

#texte a[hreflang]:after {
content:"\0000a0[" attr(hreflang) "]";
}

#texte .abstract{
background-color:#fff;
background-image:none;
border:1px dotted #69c;
color:#333;
margin:0;
padding:0 1em;
display:block;
}

#texte .abstract em{
font-weight:700;
font-style:normal;
color:#690;
background-color:transparent;
}

#texte .abstract hr{
display:block;
clear:both;
visibility:hidden;
}

#texte .auteur{
margin:1em 0 0 0;
float:right;
display:block;
}

#texte .auteur ul{
color:#000;
background-color:transparent;
margin:0 0 0 0.5em;
padding:0 1em;
border-left:1px solid #69c;
}

#texte .auteur li{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:80%;
border-bottom:1px dotted #69c;
list-style:none;
color:#369;
background-color:transparent;
}

#texte .auteur li.dernier{
border-bottom:0;
}

#texte .auteur strong{
background-color:transparent;
color:#690;
}

/**********************************************************************/
#texte div.attention, #texte div.important, #texte div.note, #texte div.astuce{
color:#000;
background-color:transparent;
border:1px dotted #69c;
padding:1em;
}

#texte span.attention, #texte span.important, #texte span.note, #texte span.astuce{
font-variant:small-caps;
font-size:1.1em;
}
/**********************************************************************/

#texte hr{
display:none;
}

#texte li{
list-style:disc;
}

#texte ul ul li{
list-style-type:circle;
}

#texte ol li{
list-style-type:decimal;
}

#texte h2,#texte h3,#texte .resultat dt{
font-family:Georgia,"Times New Roman",Times,serif;
}

#texte h2{
background-color:transparent;
color:#369;
font-size:130%;
}

#texte h3 code{
color:inherit;
background-color:transparent;
}

#texte h3,#texte .resultat dt{
background-color:transparent;
color:#369;
font-size:small;
margin:2em 0 0 0;
line-height:110%;
}

#texte h4{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color:#69c;
font-weight:700;
font-size:small;
border-bottom:1px dotted #a1c2e1;
}

#texte h5{
color:#69c;
background-color:transparent;
font-weight:500;
font-size:small;
}

#texte a{
color:#f60;
background-color:transparent;
}

#texte a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}

#texte a:visited{
color:#369;
background-color:transparent;
}

dl.listeintro{
color:#000;
background-color:#fff;
border:1px dotted #69c;
padding:1em;
}

dl.listeintro dt{
border-bottom:1px dotted #69c;
margin-bottom:0;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color:#69c;
font-weight:700;
font-size:small;
}

dl.listeintro h5{
margin:0;
font-weight:500;
}

dl.listeintro h5 strong{
margin-right:1em;
font-weight:500;
}

dl.listeintro p{
margin:0.2em 0 2em 0;
}

/* Menus */
/*#menus{

}*/

#accueil{
margin-bottom:1em;
}

#accueil ul{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#accueil a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
padding-left:1em;
}

#accueil a:hover{
background-color:#eff4fa;
color:#036;
}

#profil{
background-color:#fff;
color:#000;
position:absolute;
right:6%;
text-align:center;
top:9em;
width:20.5em;
}

#profil h2{
border-bottom:3px solid #78705c;
font-size:small;
font-weight:500;
margin:0;
}

#profil h2 em{
color:#69c;
background-color:transparent;
font-style:normal;
font-weight:700;
}

#profil ul{
background-image:url("profil.png");
background-position:top;
background-repeat:repeat-x;
margin:0;
padding:3px 0 0 0;
}

#profil li{
display:inline;
font-weight:700;
margin:0;
padding:0;
}

#profil a{
color:#686151;
background-color:transparent;
padding:0 0.5em;
text-decoration:none;
}

#profil a:hover{
background-color:#c60;
color:#fff;
}

/* --------------- */
#sectionmenus{
left:3%;
position:absolute;
top:15.2em;
width:17%;
overflow:hidden;
}

#techno,#themes{
color:#655f4b;
background-color:#fff;
}

/* --------------- */
#techno h2,#themes h2{
border-color:#f90;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#techno h2:first-letter,#themes h2:first-letter{
color:#f90;
background-color:transparent;
}

#techno ul,#themes ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#techno li,#themes li,#ressources li{
display:inline;
list-style:none;
}

#techno a,#themes a{
color:#f60;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#techno a:hover,#themes a:hover{
background-color:#ffecce;
color:#f60;
}

#ressources{
color:#655f4b;
background-color:#fff;
margin:0;
padding:0;
}


#ressources h2{
border-bottom:3px #690 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#ressources h2:first-letter{
color:#690;
background-color:transparent;
}

#ressources a{
color:#690;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#ressources a:hover{
color:#690;
background-color:#eaf2db;
}

#ours{
color:#036;
background-color:transparent;
margin:0 3% 0 21%;
padding:0 0 1em 0;
}

#ours ul{
margin-left:0;
padding-left:0;
}

#ours li{
border-right:1px solid #036;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
}

#ours li.dernier{
border:0;
}

#ours a{
background-color:transparent;
color:#f60;
}

#ours a:hover{
background-color:#eff4fa;
color:#369;
text-decoration:none;
}

/*Page resultat AtomZ */
#texte #moteurint{
margin:2.5em 0;
}

#texte #moteurint label{
color:#369;
background-color:transparent;
margin:0.5em 0;
}

#texte .resultat{
background-color:#fff;
background-image:none;
border:1px dotted #69c;
color:#333;
margin:0;
padding:0 1em;
display:block;
}