/* CSS du site de C.COMPAGNON */
/* version 2.0 : passage en taille de police relative de façon à être compatible WAI */
@media aural { 
  h1, h2, h3 {stress: 20; richness: 90;}
  .hide {speak: none;}
  p.copyright {volume: x-soft; speech-rate: x-fast;}
  dt {pause-before: 20%;}
  pre {speak-punctuation: code;} 
}
/*Passage de la police de référence à 10px pour conserver le rapport */
/*Par exemple 12px --> 1.2em */
html {
background-color: #a0a0a0;
/* On fixe la taille du texte par rapport à la valeur par défaut :
10px : 1.0 em
15px : 1.5 em
etc.
*/
font-size:62.5%; 
padding : 5px 15px 8px 15px;
}

body {
background-color  : #ffffff;

/* On définit le pourtour ombré */
border : 1px solid #505050;
/*margin: 8px;*/
-moz-box-shadow: 6px 6px 7px #101010;
-webkit-box-shadow: 6px 6px 7px #101010;
box-shadow: 6px 6px 7px #101010;

padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 0px;

height: auto; 
overflow: visible; 
}

/*Pour assurer la compatibilité qq soit le navigateur */
h1 { font-size : 4.6em }

h2 { font-size : 2.8em }

h3 { font-size : 2.0em }

h4 { font-size : 1.8em }

h5 { font-size : 1.7em }

p { font-size : 1.2em }

li { font-size : 1.2em }

input, td, th, tr { font-size : 1.0em }

a img { border: 0; }

a:link, a:visited {
	text-decoration: underline;
	color: #365D95;
}

a:hover, a:active {
	text-decoration: underline;
	color: #1f2126;
}


ul.square { 
list-style-type : square; 
margin-top : 40px;
margin-bottom : 5px;}

ul.circle { list-style-type : cicle; }

ul.circle li{ 
font-size : 1.2em; 
margin-left : 30px;
}

ul.square li{ font-size : 1.2em; }

/*-------------------------------------------------------------*/

.stabilo {background-color : #b5ffff;}

.centre {text-align : center;}

.droite {text-align : right;}

.gauche {text-align : left;}

/*-------------------- MENU--------------------*/

ul.menu {
margin-bottom : 50px;
margin-top : 10px;
margin-left : 0px;
margin-right : 0px;
padding-top : 5px;
padding-bottom : 10px;
/*padding : 0;*/
/*font-family: arial, sans-serif;*/
/*font-size : 14px;*/
font-size : 1.4em;
/*font-weight : bold;*/
list-style-type : none;
/*border-bottom : 5px solid #e0e0e0;*/
background-color : #f0f0f0;
text-align : center;
}

.menu a:active {
color : #1f2126;
text-decoration : underline;
/*line-height : 25px;*/
}

.menu a:hover {
color : #1f2126;
}

.menu a:link {
color : #365D95;
background-color : transparent;
}

.menu a:visited {
color : #365D95;
background-color:transparent;
}

.menu li {
display : inline;
/*color : #dfdfdf;*/
margin-bottom : 5px;
margin-top : 5px;
margin-left : 5px;
margin-right : 5px;

}
/*-------------------- TITRE--------------------*/
div#banner {
background: #365D95;
padding-top : 10px;
padding-bottom : 10px;
padding-right : 20px;
padding-left : 20px;
margin-bottom : 15px;
margin-top : 15px;
margin-left : 15px;
margin-right : 15px;
}

h1#title {
font-size : 2.6em;
color : #fdfdfd;
background-color : #365D95;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 20px;
padding-left : 0px;
margin-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}

h1#title span {
border-bottom: 1px solid #6383b1;
border-color: #4e6f9e;
}

p#tagline {
text-align : left;
font-size: 1.0em;
/*margin-top : -1.5em;*/
/*margin-left: 3.5em;*/
/*padding-bottom: 10px;*/
letter-spacing: 0.1em;
/*line-height: 100% !important;*/
color: #D0DCEE;
background-color: transparent;
}


/*-------------------- PAGE --------------------*/
/*
div.page {
background-color : #ffffff;
border-bottom : 3px solid #505050;
border-top : 1px solid #505050;
border-left : 1px solid #505050;
border-right : 3px solid #505050;
margin-bottom : 7px;
margin-top : 4px;
margin-left : 4px;
margin-right : 4px;
}
*/

.page h1{
/*font-family:  Helvetica, Arial, Sans-Serif;*/
font-size : 2.6em;
color: #fdfdfd;
background-color  : #365D95;
/*font-weight : bold;*/
text-align : left;
/*font-variant : small-caps;*/
padding-top : 5px;
padding-bottom : 5px;
padding-right : 20px;
padding-left : 20px;
margin-bottom : 15px;
margin-top : 15px;
margin-left : 15px;
margin-right : 15px;
}


div.page h2 {
/*font-size : 18px;*/
font-size : 1.8em;
color : #000000;
border-bottom : 1px solid #d0d0d0;
font-weight : bold;
text-align : left;
font-variant : small-caps;
padding-top : 20px;
padding-bottom : 00px;
margin-bottom : 0px;
margin-top : 10px;
}

div.page h3 {
/*font-size : 14px;*/
font-size : 1.4em;
color : #000000;
font-weight : bold;
font-style : normal;
border-bottom : 1px dashed #d0d0d0;
/*none, dotted, dashed, solid, double, groove, ridge, inset, outset*/
text-align : left;
padding-top : 10px;
padding-bottom : 0px;
margin-bottom : 5px;
margin-top : 15px;
}

div.page h4 {
/*font-size : 12px;*/
font-size : 1.2em;
color : #000000;
font-weight : bold;
font-style : normal;
text-align : left;
padding-top : 20px;
padding-bottom : 10px;
margin-bottom : 5px;
margin-top : 10px;
}

div.page h5 {
/*font-size : 11px;*/
/*font-size : 1.1em;*/
color : #000000;
font-weight : bold;
font-style : italic;
text-align : left;
padding-left : 10px;
padding-top : 10px;
padding-bottom : 0px;
margin-bottom : 5px;
margin-top : 10px;
}

.page p, li{
color : #000000;
padding-left : 0px;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
font-style : normal;
font-weight : normal;
text-align : justify;
margin-bottom : 0px;
margin-top : 7px;
}

.page a {
text-decoration : none;
font-size : 1.0em;
}

.page a:link {
color : #365D95;
background-color : transparent;
}

.page a:visited {
color : gray;
background-color:transparent;
}

.page a:hover {
text-decoration : underline;
}



/*-------------------- SOMMAIRE --------------------*/

div#sommaire {
margin-left : 0px;
margin-bottom : 50px;
padding-top : 0px;
padding-bottom : 10px;
padding-right : 0px;
padding-left : 0px;
border-bottom : 1px solid #d0d0d0;
}

div#sommaire h1 {
/*font-size : 18px;*/
font-size : 1.8em;
border-bottom : 1px solid #d0d0d0;
color : #000000;
background-color  : #ffffff;
font-weight : bold;
text-align : left;
font-variant : small-caps;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
margin-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}

div#sommaire  p, a, span, li {
/*font-size : 12px;*/
font-size : 1.2em;
}


/*----------------------------------------------*/

div#contenu {
background-color : #ffffff;
margin-bottom : 15px;
margin-top : 15px;
margin-left : 15px;
margin-right : 15px;
}
/*----------------------------------------------*/


.miniature {
width : 300px;
background-color : #ffffff;
border-bottom : 1px solid #505050;
border-top : 1px solid #505050;
border-left : 1px solid #505050;
border-right : 1px solid #505050;
margin-bottom : 2px;
margin-top : 2px;
margin-left : 2px;
margin-right : 2px;
}

.illustration{
text-align : left;
background-color:#efefef;
border-top : 1px solid #d0d0d0;
border-bottom : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
margin-bottom : 20px;
margin-top : 20px;
margin-left : 2px;
margin-right : 2px;
padding-bottom : 10px;
}

.illustration p{
/*font-size : 11px;*/
font-size : 1.2em;
margin-left : 10px;
margin-right : 10px;
margin-top : 0px;
margin-bottom : 10px;
padding-top : 5px;
padding-bottom : 5px;
}

.illustration img{
/*border-top : 1px solid #000000;*/
/*border-bottom : 1px solid #000000;*/
/*border-left : 1px solid #000000;*/
/*border-right : 1px solid #000000;*/
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

div#note {
clear : both ;
margin-top : 15px;
font-size : 10px;
}

div#note hr{
color: #000000;
text-align : left;
height: 1px;
width : 300px;
}




/*------------------ TABLEAUX ------------------*/

table.invisible {
border-style : solid; 
border-width : 0px; 
/*font-size : 12px;*/
font-size : 1.2em;
border-color : #ffffff;
border-collapse : collapse;
margin : auto;
}

table.invisible td {
color : black;
border-color : #ffffff;
text-align : left;
border-width : 1px;
border-style : solid; 
}

table {
border-style : solid; 
border-width : 1px; 
/*font-size : 12px;*/
font-size : 1.2em;
border-color : #000000;
border-collapse : collapse;
margin : auto;
}

td {
color : black;
border-color : #efefef;
text-align : left;
border-width : 1px;
border-style : solid; 
}

th {
background-color : #cfcfcf;
color : black;
border-style : solid;
border-color : #efefef;
text-align : center;
border-width : 1px;
padding-left : 8px;
padding-right : 8px;
}

/*-------------------- FORMULAIRES --------------------*/

div.formulaire {
border-top : 1px solid #cfcfcf;
border-bottom : 1px solid #cfcfcf;
border-left : 1px solid #cfcfcf;
border-right : 1px solid #cfcfcf;
background-color : #efefef; 
color : #000000;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom: 7px;
}

.formulaire table {
border-style : solid; 
border-width : 0px; 
border-color : #000000;
border-collapse : collapse;
margin : auto;
}

.formulaire td {
color : black;
border-color : #efefef;
text-align : left;
border-width : 1px;
border-style : solid; 
padding-left : 5px;
padding-right : 5px;
padding-top : 3px;
padding-bottom : 3px;
}

.formulaire th {
background-color : #cfcfcf;
color : black;
border-style : solid;
border-color : #efefef;
text-align : center;
border-width : 1px;
padding-left : 8px;
padding-right : 8px;
}
/*----------------------------------------------*/

div.remarque {
border-top : 1px solid #cfcfcf;
border-bottom : 1px solid #cfcfcf;
border-left : 1px solid #cfcfcf;
border-right : 1px solid #cfcfcf;
background-color : #efefef; 
color : #000000;
padding : 8px;
margin-bottom: 7px;
margin-top: 10px;
}

.remarque h1 {
color : #000000;
text-align : left;
background-color : #efefef;
padding-top : 0px; 
font-size : 1.3em;
margin-bottom : 4px; 
margin-top: 4px; 
font-variant : small-caps;
}

.remarque p {
margin-top: 7px; 
padding-left: 20px;
padding-right: 20px; 
margin-bottom : 7px;
}


.copyright {
text-align:center;
/*font-size : 10px;*/
font-size : 1.0em;
color : #a0a0a0;
margin-bottom : 7px;
margin-top : 45px;
}


div#index {
/*font-family : helvetica,verdana,arial,sans-serif;*/
/*font-size : 12px;*/
font-size : 1.2em;
color : #000000;
border-top : 1px solid #dfdfdf;
border-bottom : 1px solid #dfdfdf;
border-left : 1px solid #dfdfdf;
border-right : 1px solid #dfdfdf;
}

div#index h1 {
/*font-size : 14px;*/
font-size : 1.4em;
text-align : center;
font-variant : small-caps;
background-color : #dfdfdf;
margin-top : 0px;
font-weight : bold;
}

div#index p {
/*font-size : 12px;*/
font-size : 1.2em;
padding-left : 5px;
}

div#index a {
text-decoration : none;
}

div#index a:link {
/*font-family:arial, sans-serif;*/
/*font-size : 12px;*/
font-size : 1.2em;
color : blue;
background-color : transparent;
}

div#index a:visited {
/*font-family:arial, sans-serif;*/
/*font-size : 12px;*/
font-size : 1.2em;
color : gray;
background-color:transparent;
}

div#index a:hover {
text-decoration : underline;
}


.lettrine {
float : left;
color : #000000;
font-weight : bold;
/*font-size : 35px;*/
font-size : 3.5em;
}

.exemple {
font-family : 'lucida console','courier new'; 
background-color  : #d0d0d0;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 2px;
padding-left : 2px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 0px;
margin-right : 0px;
}



div#annonce {
background-color  : #fff9b0;
float : right;
width : 200px;
border-bottom : 1px solid #d0d0d0;
border-top : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
margin-left : 20px;
padding-top : 0px;
padding-bottom : 5px;
padding-right : 0px;
padding-left : 0px;
}


div#annonce h1 {
/*font-size : 12px;*/
font-size : 1.2em;
color : #ffffff;
background-color  : #d0d0d0;
font-weight : bold;
text-align : center;
text-transform : uppercase;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
margin-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}

div#annonce a, span {
/*font-size : 12px;*/
font-size : 1.2em;
}

p.unix{
/*font-size : 16px;*/
/*font-size : 1.6em; */
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
}

div.unix {
/*font-size : 16px;*/
/*font-size : 1.6em;*/
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
color : #ffffff;
background-color  : #000000;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 2px;
padding-left : 2px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 0px;
margin-right : 0px;
}

.unix p{
/*font-size : 14px;*/
/*font-size : 1.4em;*/
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
color : #dfdfdf;
background-color  : #000000;
}

.unix pre{
/*font-size : 14px;*/
font-size : 1.2em;
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
color : #dfdfdf;
background-color  : #000000;
}

/*-------------------- REDACTEUR--------------------*/

div#redacteur {
background-color  : #ffffff;
float : right;
width : 200px;
border-bottom : 1px solid #d0d0d0;
border-top : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
margin-left : 20px;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 5px;
padding-left : 5px;
}


div#redacteur h1 {
/*font-size : 12px;*/
font-size : 1.2em;
color : #ffffff;
background-color  : #d0d0d0;
font-weight : bold;
text-align : center;
text-transform : uppercase;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
margin-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}

div#redacteur a, span {
/*font-size : 12px;*/
font-size : 1.2em;
}

/*-------------------- FOOTER--------------------*/
table#footer {
border-style : none; 
border-width : 0px; 
/*font-size : 12px;*/
font-size : 1.2em;
border-color : #ffffff;
border-collapse : collapse;
margin : auto;
}

table#footer td {
padding-left : 15px;
padding-right : 15px;
padding-top : 3px;
padding-bottom : 3px;
border-width : 0px; 
}
/*-------------------- A SUPPRIMER-------------------*/
ul#menu {
margin-bottom : 50px;
margin-top : 10px;
margin-left : 0px;
margin-right : 0px;
padding-top : 5px;
padding-bottom : 10px;
/*padding : 0;*/
/*font-family: arial, sans-serif;*/
font-size : 14px;
/*font-weight : bold;*/
list-style-type : none;
border-bottom : 5px solid #e0e0e0;
}

#menu a {
color : #dfdfdf;
text-decoration : none;
/*line-height : 25px;*/
}

#menu a:hover {
color : orange;
}

#menu a:link {
color : #dfdfdf;
background-color : transparent;
}

#menu a:visited {
color : gray;
background-color:transparent;
}

#menu li {
display : inline;
/*color : #dfdfdf;*/
margin-bottom : 5px;
margin-top : 5px;
margin-left : 5px;
margin-right : 5px;
}

.NOWINTEXT  pre {
color : #000000;
font-size : 1.4em;
}