/*-------------    Insertion outline         -------------------------- */
div.tete {
height:170px;
background-color:black;}

div.bas {
background-color:#a9a9a9;
position:absolute;

margin-left:1%;
margin-right:4%;
width:95%;
min-height:15px;
font-size:10px;color:#483d8b;

}
div.bas p{
padding-left:30px;
margin-bottom:0px;
display:inline;
color:#747474;line-height:20px;
}
div.bas p:first-letter{
color:#483d8b;
font-size:10px;
}
div.bas a:link{
color:#483d8b;
font-size:10px;
}
div.bas a:visited{
color:#483d8b;
font-size:10px;
}
div.bas a:hover{
color:#b22222;
font-size:10px;
font-weight:400;
}

div.float, div.color {
float: left;
}
div.color {
background: rgba(206,183,110,0.1);
padding-left:10px;
}

div.spacer {
clear:both;
}
/*---------------------- Insertion inline     -------------------------*/
span.b{
color:#ff6321;font-weight:bold;
}
span.b:hover{
text-shadow:#aaaaaa 1px 1px 2px;
color:#ff5000;
}
span.stabilo{
background-color:#f78c21;
}
/*----------------           body              -----------------*/
body{
background-image:url('../logos/fondag.gif');
background-attachment:fixed;
}
/*----------------           Titres            -----------------*/
h1:first-letter {
color:#ce0000;
font-size:30pt;}
h1 {
font-family:Arial, Helvetica;
color:#424242;
font-size:26pt;
}

h2:first-letter {
color:#ff6321;
font-size:24pt;}
h2 {
color:#484848;
font-family:Times,Arial;
font-size:20pt;
text-shadow:  0.2em 0.2em 0.3em grey;
}
h3 {
font-family:Comic,Arial;
font-size:16pt;
color:#ff6321;
text-shadow:grey 0.1em 0.1em 0.1em;
}

h4 {
font-family: Arial;
font-size:13pt;
color:#373737;
text-shadow:#B9A28B 0.1em 0.1em 0.3em;
}
/*--------------------      Paragraphes          --------------------*/
p{
color:#262626;font-family:verdana;font-size:10pt;
}

p ul,li{
color:#262626;font-family:verdana;font-size:10pt;
}

p.premiereLigne:first-line 
{
color: #730404;
font-variant: small-caps;
font-size:120%;
text-shadow:#4b4b4b 2px 2px 3px;
}
p:first-letter{
color:#666;
font-size:16pt;
}
p.titre1 {
background-color:#FFECB5;
color:#BE5D02;
text-shadow:grey 0.2em 0.2em 0.2em;
padding:4px 0px 4px 40px;
}
p.date{
color:#556b2f;
font-size:70%;
font-weight:bold;
font-family:sans-serif;
font-variant:small-caps;
letter-spacing:2px;
}
p.date:first-letter{
color:#556b2f;
font-size:100%;
}
p.auteur{
color:#333;
text-transform:capitalize;
font-size:90%;
text-align:right;
margin-right:20%;
}
p.auteur:first-letter{
color:#0d0d0d;
font-size:100%;
}
p.retour a:visited{
background-image:url('../bouton/retour3.gif') no-repeat;
display:block;
}
p.retour a{
background-image:url('../bouton/flecheRetour.png'); 
background-repeat:no-repeat;
line-height:30px;
width:30px;
display:block;
position:relative;
}
p.retour a:hover{
background-image:url('../bouton/flecheRetourOn.png'); 
background-repeat:no-repeat;
}
p.haut a:visited{
background-image:url('../bouton/flecheHaut.png'); 
background-repeat:no-repeat;
line-height:30px;
}
p.haut a{
background-image:url('../bouton/flecheHaut.png'); 
background-repeat:no-repeat;
display:block;
position:relative;
left:8%;
width:30px;
line-height:30px;
}
p.haut a:hover{
background-image:url('../bouton/flecheHautOn.png');
background-repeat:no-repeat;
display:block;
}


/*------------------      Images               -----------------*/
img.ombre {
-webkit-box-shadow:#7D5D4A 5px 8px 8px;
-moz-box-shadow:#7D5D4A 5px 8px 8px ;
box-shadow:#7D5D4A 5px 8px 8px;
}


/*------------------      Tableaux             -----------------*/
table{
border-color:#EB7B1F;
border-width:3px;
-webkit-box-shadow:#7D5D4A 5px 8px 8px;
-moz-box-shadow:#7D5D4A 5px 8px 8px ;
box-shadow:#7D5D4A 5px 8px 8px ;
border-collapse:collapse;
}

th,th.border {
width:100px;
height:35px;
color:#FC730A;
text-align:center;
font-family:Helvetica;
background-color:#5F5B4D;
-moz-box-shadow:0px 20px 10px -10px rgba(252,227,149,0.4) inset; 
-webkit-box-shadow:0px 20px 10px -10px rgba(252,227,149,0.4) inset;
box-shadow:0px 20px 10px -10px rgba(252,227,149,0.4) inset;
text-shadow:black 2px 3px 3px;
}
th.border, td.border {
border-left: 2px solid #fc3;
}
tr{
border-color:grey;
width:100px;
height:30px;
background-color:rgba(255,238,153,0.7);
text-align:center;
color:#5E5E5E;
-webkit-transition-property: background-color,text-shadow;
-webkit-transition-duration: 0.6s;
-moz-transition-property: background-color;text-shadow;
-moz-transition-duration: 0.6s;
transition-property: background-color;text-shadow;
transition-duration: 0.6s;
}
tr:hover:not(:first-of-type){
color:rgba(50,50,60,0.9);;
background:rgba(203,191,102,0.4);
text-shadow:#fff 0px 1px 3px;
}


p.color1,tr.color1{
background:rgba(255,204,51,0.2);
}
p.color2,tr.color2{
background:rgba(255,238,153,0.2);
}


td.vide {
width:100px;
height:30px;
background-color:transparent;

}
td.sinf{
background-color:#FAF6BE;
text-align:center;
}
td.sup {
background-color:#CBBF7A;
text-align:center;
}
td.moy {
background-color:#E0D28B;
text-align:center;
}
td.inf {
background-color:#F5E59C;
text-align:center;
}

/*-----------------------           Liens          ------------------------*/
a {color:#313131;}
a:link{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
-moz-transition-duration:1s;
-moz-transition-property:color;
-webkit-transition-duration:1s;
-webkit-transition-property:color;
transition-duration:1s;
transition-property:color;Ê
color:#840f07;
text-decoration:none;
border: 0px solid #ffcc33 ;
}
a:visited{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
text-decoration:none;
color:#840f07;
border: 0px solid #ffcc33 ;
}
a:hover{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
font-weight:800;
text-decoration:none;
letter-spacing:0pt;
border:0px solid #000000 ;
color:rgb(286,53,0);
}
a:active{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
text-decoration:none;
color:red;
border: 0px solid #000000 ;
}

a.titre:link{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
color:#000000;
text-decoration:none;
letter-spacing:0pt;
padding:7px 5px;
float:middle;
width:140px;
font-weight:500;
text-align:center;
border-right:2px solid black;
border-bottom:2px solid black;
border-top:2px solid white;
border-left:2px solid white;
}
a.titre:visited{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
color:#000000;
text-decoration:none;
letter-spacing:0pt;
padding:7px 5px;
float:middle;
width:140px;
font-weight:500;
text-align:center;
border-right:2px solid black;
border-bottom:2px solid black;
border-top:2px solid white;
border-left:2px solid white;
}
a.titre:hover{
font-family:Verdana,Arial,Helvetica;
font-size:12pt;
color:#ff3300;
text-decoration:none;
letter-spacing:0pt;
padding:7px 5px;
float:middle;
width:140px;
font-weight:500;
text-align:center;
background-color:#ffffff;filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;
border-left:2px solid #424242;
border-top:2px solid #424242;
border-right:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}
a.comment:link{
color:#333333;
font-size:11px;
}
a.comment:hover{
font-weight:bold;
}
a.comment:visited{
color:#585858;
font-size:11px;
}
/*------------------------- Input ---------------------------------------*/
input {background-color:transparent;text-shadow:2px 2px 3px grey;}
input:focus{background-color:#FFD52E;;color:#292929;}
input:active{background-color:#FFBE4A;}

/*------------------------       Divers         -------------------------*/
b{
color:#404040;
background-color:none;
font-family:geneva;
}
/*------------------------ Encadrements  -------------------------*/
legend.fieldset{
color:#ff6321;
text-shadow:grey 2px 2px 3px;
font-family:arial;
}

fieldset#sommaire{
filter:alpha(opacity=45);
-moz-opacity:.45;
opacity:.45;
width:85%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgba(206,183,110,0.4);
border: 1px solid darkgrey;
}
#sommaire ul{
font-size:12px;
list-style:square;
}
fieldset#sommaire li{
font-size:12px;
}
fieldset#sommaire li a{
font-size:12px;
color:#000000;
}
fieldset#sommaire li a:hover{
font-size:12px;
color:#8f3922;
}
fieldset#sommaire li a:visited{
font-size:12px;
}

/*------------------------ Abbreviations -------------------------*/
abbr.help{
border-bottom:1px dotted blue;
cursor:help;
}