/************************************************************************
Feuille de style principale réalisée en mai 2003
URL: http://www.tutoweb.com/
Deux couleurs de base: #a31e22 et #2b537a
*************************************************************************/

a {
	color: #2b537a;
	background-color: #f7f7d7;
	text-decoration: none;
}

a:visited {
	background-color: #ffffde;
}

a:hover {
	background-color: #dedf99;
}

/*Ajout de la langue pour les liens externes en anglais*/
a[hreflang|="en"]:after {
	content: "\0000a0" url(../images/ext_en.png);
}

acronym, abbr {  
	cursor: help;
	border-bottom: 1px dotted #666;
}

abbr {
	speak: spell-out; /*Indique au navigateur vocal qu'il doit lire lettre par lettre*/
}

.astuce {
	background-color: #f7f7ff;
	border: 1px dotted #999;
}

/*Citation longue*/
blockquote {
	border-top: 1px dotted #878787;
	border-bottom: 1px dotted #878787;
	border-left: 0;
	margin: 0.1em 0.5em 0.8em 0.5em;
	background: #f7f7d7 url(../images/bg-citation-gauche.gif) no-repeat left top;
	padding: 1em 0.8em 0.4em 3.6em;
	text-align: justify;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #efefef;
	margin: 0px;
	padding: 0px;
}

/*Menu fixe. !Attention: fonctionne sur Opera / Mozilla et pas MSIE*/
.boite-simple {
	background-color: #efefef;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: fixed;
	top: 0.25cm;
	left: 1cm;	
	border: 0.25mm solid #000;
	padding: 1mm 4mm 1mm 4mm;
}

/*Personnalisation du bouton send du formulaire*/
.button-send {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #a31e22;
	font-size: 10px;
	border: 1px solid #000;
}

.cadre-pointille {
	border: 1px dotted #666;
}

.cadre {
	border: 1px solid #333;
}

.cadre-rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #f1ddde;
	border: 1px dotted #999;
}

.cadre-gris {
	background-color: #efefef;
	border: 1px solid #999;
}

.caract-evidence {
	font-weight: bold;
	color: #a31e22;
}

code {
	color: #2b537a;
	font-family: "Courier New", Courier, mono;
}

.code-evidence {
	color: #a31e22;
	font-family: "Courier New", Courier, mono;
}

/*Mise en forme pour le texte à encoder par l'utilisateur*/
.tape-utilisateur {
	font-family: "Courier New", Courier, mono;
	color: #060;
}

code.obsolete {
	color: #a31e22;
}

/*Mise en forme pour les menus des programmes informatiques*/
.code-menu {
	font-family: "Courier New", Courier, mono;
	color: #a31e22;
	font-size: 13px;
}

.conseils {
	background: #f7f7ef url(../images/punaise.gif) no-repeat right top;
	padding: 1.6em 0.4em 0.5em 0.4em;
	border: 1px solid #E0E0E0;
	margin-top: 15px;
}

.conseils-bas {
	background: #fff;
	padding: 0.8em;
}

.definition {
	cursor: help;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #666;
}

sup.modifie {
	position: relative;
	top: 2px;
	font-size: 0.85em;
}

.exemple {
	color: #060;
	background-color: #f7f7f7;
	border-left: 7px solid #060;
	padding: 1em 0 1em 1em;
}

.exposant {
	position: relative;
	top: -3px;
	font-size: 9px;
}

.abr-exposant {
	vertical-align: super;
}

.fond-rose {
	background-color: #f1ddde;
}

.fond-bleu-table {
	background-color: #2b537a;
}

.gras {
	font-weight: bold;
}

h2, h3, h4 {
	margin-top: 25px;
}

h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 22px;
	color: #a31e22;
	font-variant: small-caps;
	margin-bottom: -0.5em;
}

h3 {
	font-size: 1.2em;
	color: #2b537a;
	background-color: transparent;
}

h3:before {
	content: url(../images/arrow_red.gif);
}

h4 {
	font-size: 10px;
	color: #a31e22;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-right: 15px;
}

hr {
	height: 1px;
	border: 0;
	color: #eee;
	background-color: #eee;
	margin-top: 15px;
	margin-bottom: 15px;
}

img {
	border: 0 none;  /*Toutes les images sont sans bordure*/
}

img.contenu {
	margin-top: 10px;
	margin-bottom: 10px;
}

img.vignette {
	float: left;
	margin: 0.2em 0.7em 0 0;
	padding: 3px;
	background-color: #efefef;
	border: 1px solid #bcbcbc;
}

img.bordure {
	margin: 0.2em 0.7em 0 0;
	padding: 3px;
	background-color: #efefef;
	border: 1px solid #bcbcbc;
}

.img-border-grey  {  /*Bordure d'image grise*/
	border: 1px solid #999999;
	padding: 3px;
	margin: 3px; 
}

.img-border-black  {  /*Bordure d'image noire*/
	border: 1px solid #000000;  
}

img.cadre-noir {
	border: 1px solid #000000;
}

img.cadre-gris {
	border: 1px dashed #ccc;
	padding: 5px;
	background-color: transparent;
}

.indice {
	vertical-align: sub;
}

.info {
	background-color: transparent;  /*Précéder le titre d'une puce placée en fond*/
}

.info:before {
	content: url(../images/arrow_blue.gif);
}

.info02 {
	background-color: transparent;  /*Précéder le titre d'une puce placée en fond*/
}

.info02:before {
	content: url(../images/arrow_blue.gif);
}

/*Cadre pour les titres des gros dossiers*/
.intro {
	background-color: #fefbf3;
	border: 1px dotted #999999;
	color: #000000;
}

kbd {
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	background: #faf6f6;
	color: #000;
	border-color:  #edd #baa #baa #eed;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

li.tick-green {
	list-style: url(../images/tick_green.gif);
}

li.cross-red {
	list-style: url(../images/cross_red.gif);
}

li.puce {
	list-style: url(../images/puce-13.gif) outside circle;
	margin-left: -5px;
}

ol.code {
	border: 1px solid #ddd;
	margin: 1em 0em;
	padding: 3px 5px 3px 35px;
	font-family: georgia, serif;
	list-style-type: decimal-leading-zero;
}

.petite-cap {
	font-variant: small-caps;
}

pre {
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	margin: 1em 0em;
	padding: 10px;
	color: #9c9c9c;
}

.selecteur {
	color: #f0f;
}

.propriete {
	color: #009;
}

.valeur {
	color: #00f;
}

/*ol.code code {
	font-family: "Courier New", Courier, mono;
}*/

ol.code li {
	padding: 0 5px;
	margin: 2px 0;
	color: #2b537a;
	background: #efefef;
}

ol.code li.tab1 {
	padding-left: 2ex;
}

ol.code li.tab2 {
	padding-left: 4ex;
}

ol.code li.tab3 {
	padding-left:15ex;
}

.code .changed {
	font-weight: bold;
	color: #a31e22;
}

.declaration {
	color: #f0f;
}

/*Retrait de paragraphe*/
p.texte-retrait {
	margin-left: 25px;
	margin-right: 15px;
	text-align: justify;
}

/*Paragraphe centré*/
p.texte-centre {
	margin-left: 25px;
	margin-right: 15px;
	text-align: center;
}

/*Paragraphe à droite*/
p.texte-droit {
	margin-left: 25px;
	margin-right: 15px;
	text-align: right;
}

/*Paragraphe à droite*/
p.before-next {
	background-color: #efefef;
	margin-left: 25px;
	margin-right: 15px;
	text-align: right;
}

/* Spécifie des paires de guillemets sur deux niveaux et pour deux langues */

Q:lang(en) { quotes: '"' '"' "'" "'" }
Q:lang(no) { quotes: "«" "»" "<" ">" }

/* Insère des guillemets avant et après le contenu d'un élément Q */
Q:before { 
	content: open-quote 
}

Q:after  { 
	content: close-quote
}

.regle-typo-italique {
	font-style: italic;
}

.retrait {
	margin-left: 25px;
}

.retrait {
	margin-left: 25px;
}

.retrait-tableau {
	margin-left: 25px;
}

.retrait-tableau-intro {
	background-color: #fefbf3;
	border: 1px dotted #999;
	color: #000;
	margin-left: 25px;
}

.romain {
	font-variant: small-caps;
}

.strong {
	font-weight: bold;
}

.strong-red {
	font-weight: bold;
	color: #ff0000;
}

td, span {
	font-size: 12px;
}

.text-red {
	color: #f00;
}

.text-green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #50BB44;
}

th {
	color:#fff;
	background-color: #2b537a;
	background: #2b537a url(../images/bg-th.gif) repeat;
	border: 1px solid #2b537a;
	padding: 3px;
	font-size: 13px;
}

table.donnees {
	border-collapse: collapse;
	margin: auto; /*sert à centrer (pas reconnu par IE)*/
	width: 100%;
}

caption { /* Courte description visible à la page. Summary est un résumé qui ne s'affiche pas mais peut être lu par une synthèse vocale */
	background-color: #CAD4DE;
	margin: auto; /*sert à centrer (pas reconnu par IE)*/
	font-size: 12px;
	padding: 2px;
	margin-top: 15px;
}

/*Cellules impaires*/
td.pair {
	color: #000;
	background-color: #fff;
	padding: 4px;
	border: thin solid #2b537a;
	font-size: 12px;
	vertical-align: top;

}

td.pair-dl {
	color: #000;
	background-color: #fff;
	padding: 4px;
	border: thin solid #2b537a;
	font-size: 12px;
	text-align: center;
}

/*Cellules paires*/
td.impair {
	color: #000;
	background-color: #efefef;
	padding: 4px;
	border: thin solid #2b537a;
	font-size: 12px;
	vertical-align: top;
}

td.impair02 {
	color: #000;
	padding: 4px;
	border: thin solid #2b537a;
}

/*Fond colonne de gauche*/
td.ligne-verticale-g{
	background-image: url(../images/home_page_02.gif);
}

/*Fond colonne de droite*/
td.ligne-verticale-d{
	background-image: url(../images/home_page_04.gif);
}

.table-gris {
	color: #000;
	background-color: #efefef;
}

td.fond-gris:hover { 
	background-image: url(../images/fond_gris.gif);
}

td.fond-noir:hover {
	color: #fff;
	background-color: #000;
}

.texte-bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2b537a;
	margin-left: 25px;
}

.text-blue {
	color: #003399;
}

.text-red-bold {
	font-weight: bold;
	color: #ce0000;
}

.titre-image {
	margin-top: 20px;
	margin-left: 25px;
}

.titre-image-gauche {
	margin-top: 7px;
}

.titre-noir {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.titre-gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.titre-colonne {
	color: #a31e22;
	font-weight: bold;
	font-size: 1em;
}

.titre-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
}

.typo-noire {
	font-size: 10px;
	color: #000000;
	background-color: #f1ddde;
}

.texte-astuce {
	font-weight: bold;
	color: #2b537a;
}

tt {  /*Teletype: facon machine a ecrire, chasse fixe*/
	color: #2b537a;
	font-size: 1.2em;
}

.titre-livre {
	font-size: 1.2em;
	color: #2b537a;
	font-weight: bold;
}

.info-livre {
	color: #666;
	font-size: 0.8em;
}

ol {
	margin-top: 1em;
	margin-bottom: 1em;
}

.warning {
	background-color: #fff6f6;
	border: 1px dotted #999;
}

img.bordure{
	margin: 0.2em 0.7em 0 0;
	padding: 3px;
	background-color: #efefef;
	border: 1px solid #bcbcbc;
}

dt {
	font-weight: bold;
	background-color: #efefef;
	/*border-top: 5px solid #efefef;
	border-bottom: 5px solid #efefef;*/
	padding: 5px;
	margin-top: 25px;
	margin-rignt: 15px;
}

dd {
	margin-top: 10px;
	text-align: justify;
	margin-right: 15px;
}

p.justifie {
	text-align: justify;
	margin-right: 15px;
}

cite {
	color: #878778;
}

.legende {
	color: #7e7e7e;
	font-size: smaller;
	text-align: center;
}

tt {  /*Teletype: facon machine a ecrire, chasse fixe*/
	color: #2b537a;
}

.fraction {
	font-size: 16px;
	vertical-align: middle;
}

ins { /*Supprimer le soulignement réservé aux liens hypertextes*/
	text-decoration: none;
}

.img-centre {
	font-size: smaller;
	text-align: center;
}

/*Trouver la façon de mettre les liens en bgcolor efefef (gris)*/
/*Trouver la façon de mettre un titre Hn en image + texte. Voir: http://www.brandydejerez.es/*/

.attention {
	font-weight: bold;
	color: #F00;
}

.exposant-css {
	vertical-align: super;
}

.exposant-css2 {
	vertical-align: super;
	font-size: 0.75em;
	position: relative;
	top: 2px;
}

.vertical-align {
	vertical-align: text-top;
	font-size: 0.75em;
}

.vertical-align1 {
	vertical-align: super;
	font-size: 0.75em;
	position: relative;
	top: 2px;
}

.vertical-align2 {
	vertical-align: super;
	position: relative;
	top: 2px;
	font-size: 0.75em;
}
.rouge {
	color: #FF0000;
}

.petite-cap {
	font-variant: small-caps;
}

p.intertitre {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

.mot-etranger { /* Spécifier la langue du mot pour permettre aux lecteurs d'écran d'adapter leur prononciation */
	font-style: italic;
}

#bloc1 {
   position: absolute;
   left: 50px; top: 50px;
   color: #00FFFF;
   z-index: 2;
}

#bloc2 {
   position: absolute;
   left: 53px; top: 53px;
   color: gray;
   z-index: 1;
}

.date {
	top: -15px;
	color:#CCCCCC;
}

.floatL { 
	float: left;
}

.url {
	color: #888;
	font-style: italic;
}

.menu { /*Mise en forme pour les menus des programmes informatiques*/
	font-family: "Courier New", Courier, mono;
	color: #a31e22;
	background-color: #FFFFE2;
	font-size: 13px;
}