html,body{margin:0;padding:0}
body{ font: 85%/1.3 Arial, Helvetica, sans-serif; background: #e7e7e7 url(../IMG/petitdegrade.jpg) repeat-x; text-align: center; padding-bottom:20px; }
p{ color: #4d4545; font-family: Arial, Helvetica, sans-serif; margin-top:0; margin-bottom: 0; }
h1{ font: 700 150% Arial, Helvetica, sans-serif ; margin-top: 0; margin-bottom: 5px; }
h2{ font-size:160%; font-family: Arial, Helvetica, sans-serif; }
h3{ font-size:120%; font-family: Arial, Helvetica, sans-serif; }
h5 { font-size: 90%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 1em; }
h6 { font-size: 80%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: right; margin: 0 0 1em; }
h7 { color: #603; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 6px; padding-top: 6px; }
.spip { margin: 0; padding: 0; }
p.spip_note { color: #000; font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
ul ul.spip { margin: 3px 0 0 20px; padding-left: 10px; }
li.spip { margin-left: 15px; }
a { color: #ed1a1a; text-decoration: none; }
a img {border: 0;}
a:link { color: #7e81a2; text-decoration: none; }
a:visited {  }
a:hover { color: #0073ff; }
.format_png { behavior: url("win_png.htc");}
.tem { color: #feffff; font-size: 16px; font-family: Arial, Geneva, Helvetica, sans-serif; line-height: 20px; }
/*  ------------------------------------------
/*  Conteneurs
/*  ------------------------------------------ */
div#container{ width:770px; margin:0 auto 5px; padding:0 0 10px; text-align:left; background:#feffff; position: relative; z-index: 1; }
div#content{ float:left; display:inline; width:500px; margin-top: 10px; margin-left: 10px; padding: 0; }
div#content2 { width:580px; float: right; margin-top: 0; margin-right: 0; padding: 0 10px 0 0; display:inline; }
div#content2 ul { color: #4d4545; margin-top: 12px; margin-bottom: 10px; margin-left: 25px; padding: 0; list-style-image: url(../IMG/moyenfreche.gif); }
div#content2 li { color: #4d4545; margin: 0; padding: 0; list-style-image: url(../IMG/moyenfreche.gif); }
div#content2 h3,h1, h2 { margin: 15px 0 8px 0; }
div#content2 a { color: #505993; text-decoration: none; }
div#content2 a:hover { color: #0357a0; }
div#side { float: none; width: 240px; margin: 10px; padding: 0; display: inline; }
div#side2 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 165px; float: left; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 3px; padding-left: 10px; display: inline; }
div#footer{ clear:both; width:750px; margin:0 10px; padding: 5px 0; color: #fff; font-size: 80%; font-family: Arial, Helvetica, sans-serif; background: #74859a; text-align:center    }
div#footer p, a, a:link { color: #fff; text-decoration: none; margin:0  }
div#footer a:hover { color: #ecf57a; font-family: Arial, Helvetica, sans-serif; margin:0   }
/*  ------------------------------------------
/*  Navigation sur le côté
/*  ------------------------------------------ */
ul#gauche,ul#gauche li{ width: 160px; list-style-type:none; margin:0; padding:0; }
ul#gauche{ float:left; font-size: 85%; }
ul#gauche li{ float:left; text-align: center }
ul#gauche a{ float:left; width: 160px; padding: 5px 1px 3px 0; text-decoration:none; color: #2a2d4c; background-image: url(../IMG/cote.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin: 0; border-left: 1px solid #c0cee0; }
ul#gauche a:hover{ color: #2a2d4c; background-image: url(../IMG/cote2.png); }
ul#gauche li.activeg a,ul#gauche li.activeg a:hover{ color: #2a2d4c; font-size: 99%; font-weight: bold; background-image: url(../IMG/cotefleche.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 165px; border-right-color: #fff; border-right-width: 1px; }

/*  ------------------------------------------
/*  Boîtes accueil
/*  ------------------------------------------ */
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li { width:240px; margin:0 10px 10px 0; list-style-image: none; }
ul#split p { font-size: 75%; color: #6a6e72; margin:0 0 4px; padding: 0 10px 0 26px; text-align: left }
ul#split h2 { font-size: 85%; color: #6f6c6c; line-height: 110%; margin:5px 0 0 25px; padding: 0 10px 0 0; text-align: left ; list-style-image: url(../IMG/petitefreche.gif); display: list-item; }
ul#split h3 { color: white; font-size: 90%; font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0 0 3px; text-align:center; }
ul#split h4 { font-size: 85%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 110%; margin:0; padding: 0 10px 3px; text-align:left; }
ul#split div{ background-color: #f0f3f7; background-image: url(../IMG/degrade-bleu.png); background-repeat: repeat-x; background-position: 0 0; padding-top: 8px; padding-bottom: 15px; }
ul#split a {color: #615f5f }
ul#split a:hover {color: #0357a0 }
li#one h3{ background: #9dacbf; padding-top: 5px; }
li#two h3{ background: #9dacbf; margin-top: 10px; padding-top: 3px; }
li#three h3{ background: #9dacbf ; padding-top: 5px; }
li#four h3{ color: #fff; font-size: 90%; font-family: Arial, Helvetica, sans-serif; background-color: #9dacbf; margin-top: 9px; padding-top: 3px; }
div.bas { color: #c0cee0; font-size: 50%; background: #c0cee0; text-align: center; width: 160px; }
div.accueilch { position: relative; width: 130px; float: right; clear: both; margin-top: 5px; margin-left: 10px; }
/*  ------------------------------------------
/*  Autres boîtes
/*  ------------------------------------------ */
div.bandeau{ width:770px; padding:0; text-align:left; background:#ebebeb; z-index: 1; margin: 16px auto 0; }
div.temoignage{ color: #feffff; font-size: 14px; line-height: 20px; width:300px; padding:5px 15px 0 0; text-align:left; position: absolute; bottom: 20px; z-index: 15; margin-left: 50px; }
/*div#temoignage {width: 235px; height: auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/IMG/carre_transparent.png', sizingMethod='scale')}*/
/*html>body #temoignage {filter:none; background-image: url(../IMG/carre_transparent.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0;  }*/
div.download{ float:right; margin: 2px 12px 4px; width: auto; }
div.langue{ color: #5f676f; background-image: url(../IMG/fondlangue.png); background-repeat: no-repeat; text-align: center; position: relative; top: 0; right: 50px; float:right; width: 90px; height: 16px; }
div.langue a { color: #193c83; }
div.langue a:hover { color: #b71c86; }
div.date{ float:right; color:#2a2d4c; margin: 0 12px 4px; font-size: 75%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:100%; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; width: auto; padding: 0 3px 5px 0; }
div.date span{font-size: 120%;font-weight:bold}
div.support { background: #e7e7e7 url(../IMG/degrade-gris.png) repeat-x 0 -5px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 5px; }
div.support p,h3,h6 { color: #4d4545; margin: 0; padding: 5px 10px; }
div.conseil h1 { margin: 0; padding-top: 5px; padding-bottom: 5px; }
div.support h2 { color: #da208d; margin: 0; padding: 5px 10px; }
div.conseil { color: #4d4545; background: #f0f3f7 url(../IMG/degrade-bleu.png) repeat-x 0 -5px; margin-top: 0; margin-bottom: 10px; padding: 10px 15px 5px; }
div.conseil p,h3,h6 { color: #4d4545; margin: 0; padding-top: 5px; padding-bottom: 5px; }
div.conseil h2 { color: #495d75; margin: 0; padding: 5px 0; }
div.conseil a { color: #7365ad; text-decoration: none; }
div.conseil a:hover { color: #3672c1; }
div.drop { background: #dfe6df url(../IMG/degrade-vert.png) repeat-x 0 -5px; margin-top: 10px; margin-bottom: 10px; padding: 10px 15px 5px; }
div.drop p,h3,h6,h1,ul { color: #4d4545; margin: 0; padding: 5px 0 5px 0; }
div.drop h2 { color: #618768; margin: 0; padding: 5px 0; }
div.chrono { background: #f0f3f7 url(../IMG/degrade-bleu.png) repeat-x 0 -5px; margin-top: 0; margin-bottom: 10px; padding: 10px 15px 5px; }
div.chrono p,h3,h6 { color: #312828; margin: 0; padding: 5px 0 5px 0; }
div.chrono h2 { color: #0abd2b; margin: 0; padding: 5px 0 5px 0; }
div.menud { background: #e7e7e7 url(../IMG/degrade-gris.png) repeat-x 0 -5px; width: 200px; float: none; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 5px; }
div.menud p { color: #4d4545; margin: 0; padding: 5px 10px; }
div.img { position: relative; top: 0; left: 0; z-index: 0; margin: 0; padding: 0; }
.formch { font-size: 90%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 2px 0 2px 2px; }

/*  ------------------------------------------
/*  Tableaux
/*  ------------------------------------------ */
table.spip { font-size: 85%; line-height: 110%; margin: 10px auto 1em; border: solid 1px #9dacbf; border-collapse: collapse; }
table.spip caption { font-size: 80%; font-family: Arial, Helvetica, sans-serif; caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center; margin: auto; padding: 3px; font-weight: bold; }
table.spip tr.row_first { color: #fff; font-size: 120%; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; line-height: 110%; background: #9dacbf; vertical-align: bottom; }
table.spip tr.row_odd { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: solid 1px #9dacbf; }
table.spip tr.row_even { background: #ddd; }
table.spip th, table.spip td { padding: 6px 5px; text-align: center; vertical-align: top; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 1em; margin-top: 0; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip h4 { color: #6a6e72; font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; margin: 5px 0; padding: 0; }

.formulaire_spip fieldset { margin: 0 10px; padding: 15px 10px 10px; }
.formulaire_spip legend {}

.formulaire_spip label { font-size: 90%; }
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; margin-bottom: 5px; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: left; margin-top: 5px; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; behavior: url("win_png.htc");}
.spip_logos {behavior: url("win_png.htc");}
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin: 5px 10px 5px 0; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }