body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; background-color:#e0f7ff;}
html, body, img, table, label {margin:0; padding:0; border:none;}
div, a, ul, ol, li, select, input, b, form, p {margin:0; padding:0;}
ul{list-style: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}

/* taille typo */
body {font-size: 1em;}
h1 {font-size: 1.25em;}
h2, h3 {font-size:14px;}
h4, h5, h6 {font-size:12px;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* Gestion des "largeurs" uniquement des colonnes et borders associées*/
#page {width:914px; margin:3px auto auto 5px;border-top:2px solid #00a9e0;}
#page {background-color:#cff3ff;margin: 0 auto;}
#paddpage { width:910px;}

#header {margin:0;width:910px; height:104px;border-right:2px solid #00a9e0;border-left:2px solid #00a9e0;}
#header {background:#fff;/*ceeef4background:url('img/png/fd_header.png') no-repeat left top;*/}
#logosite {margin:0;}
#navtop {float:left; position:absolute; top:82px;margin-left:0; padding:0 0 0 0; background-color:transparent;}

#content {width:910px;}
#content {background-color:#002F2F;border-top:2px solid #00a9e0;border-left:2px solid #00a9e0;border-right:2px solid #00a9e0;}
#maincontentpadd {background-color:#fff; padding-top:0px;}
#allcontent {width:910px;}
#allcontent {background:#cff3ff;}
#maincontent {float:left; width:700px; padding:10px;}
#contenu {float:left; width:485px;}
#contenug {float:right; width:485px;}
/* Gestion des styles pour une seule colonne centrale */
#contenularge {width:700px;}

#outerpremier {background:#fff; margin-bottom:10px;}
#premier {background-color:#fff; padding:10px;}
#premier img {float: left;margin-right: 1rem;}
#premier h1 {color:#333; font-weight:bold; margin-bottom:10px;}
#premier a {color:#333;}
#premier p {margin:0 0 6px 0; text-align:justify;line-height: 18px;}
#premier a:hover, #premier h1:hover, #premier :hover {color:#c00;}

.contautre h1 {color:#00a9e0; font-weight:bold; border-bottom:2px solid #00a9e0; margin-bottom:10px;}
.contautre {background-color:#fff; padding:10px; margin-bottom:10px;}
.contautre h2 {color:#00a9e0; font-weight:bold; margin-bottom:10px; padding-bottom:3px; background:url('img/gifs/pointbleu.gif') repeat-x bottom left;}
/*.contautre ul {padding:0 0 10px 10px ;}
.contautre ul li {background:url('img/gifs/puce_bleu.gif') no-repeat 0% 6px; padding-left:10px;}
.contautre ul li a {text-decoration:underline;}*/

.contautre ol {padding:0 10px 5px 10px;}
.contautre li {padding:0 10px 5px 10px;}
.contautre li:hover {background:url('img/gifs/back_bleu_rub.gif');}
.contautre li a {text-decoration:none;background:url('img/gifs/puce_bleu.gif') no-repeat 0% 6px;padding:0 10px 5px 10px;}
.contautre p img.spip_logos {float:left; padding:2px; border:1px solid #ccc; margin-right:10px;}
.contautre p {text-align:justify;line-height: 18px;margin: 1rem 0;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.contautre strong i {color:#000;}
.contautre fieldset {border:none;}
.contautre legend {padding: 10px; color:#000; background: #f00; color: #fff;}
.contautre label {display:block;}

.subautre {background:#fff; padding:0 5px 0px 5px; margin-bottom:10px;}
.subautreTitre {background:#17b1c9; padding:1px 10px 0px 10px; /*margin-bottom:10px;*/color:#fff;}
.subautreTitre h4 {color:#fff; font-weight:bold;}
.subautre h4 {color:#00a9e0; font-weight:bold; margin:10px 0;}
.subautre li {/*background:url('img/gifs/puce_rouge.gif') no-repeat 0% 6px;*/padding:0 10px 5px 0px;}
.subautre li:hover {background:url('img/gifs/back_10.gif');}
.subautre li a {background:url('img/gifs/puce_rouge.gif') no-repeat 0% 6px;padding:0 10px 5px 10px;text-decoration:none;}
.subautre li a:hover {text-decoration:underline;}

.subrub li a, .subautre li a {font-weight:bold;color:#000;}
.subrub {background:#fff; padding:10px 0px 10px 0px; margin-bottom:10px;}
.subrubTitre {background:#f00; padding:6px 10px 6px 10px; text-align:center;/*margin-bottom:10px;*/color:#fff;text-transform: uppercase;}
.subrub h4{color:#00a9e0; font-weight:bold; margin:10px 0;}
.subrubTitre h4 {color:#fff; font-weight:bold;}
.subrub ul li {background:url('img/gifs/puce_rouge.gif') no-repeat 3px 8px; padding:0px 0 0px 10px;text-transform: uppercase;}
.subrub ul li ul li{background:url('img/gifs/fleche_rouge.gif') no-repeat 0% 6px;color:#ccc;text-transform: none;}
.subrub li a.select, .subrub li a:hover.select{color:#f00;;}
/*.subrub li.select{color:000;}*/
.subrub li.select{background:url('img/gifs/fond_rub.gif') no-repeat 0% 2px;}
.subrub ul li ul li.select{background:url('img/gifs/fleche_rouge.gif') no-repeat 0% 6px;}
/*.subrub ul li ul li a:hover.select{color:#f00;}*/


.alaune {background:#fff; padding:0px 10px 10px 10px; margin-bottom:10px;}
.alauneIdentification {background:#f00; padding:1px 10px 0px 10px; color:#fff;}
.alauneIdentification h4 {color:#fff; font-weight:bold;font-size:1.5em;}
/*.alauneTitre {background:#0086c8; padding:1px 10px 0px 10px; color:#fff;}*/
.alauneTitre {background-color:#00a9e0; margin:0 0 0 0;padding:5px 5px 5px 5px;}
.alauneTitre h4 {color:#fff; font-weight:bold;text-align: center;}
.alaune h4 {color:#00a9e0; font-weight:bold; margin:10px 0;}
.alaune li {padding:0 5px 5px 0px;}
.alaune li:hover {background:url('img/gifs/back_bleu.gif');}
.alaune li a {background:url('img/gifs/puce_bleu.gif') no-repeat 0% 6px;padding:0 10px 5px 10px;text-decoration:none;}
.alaune li a:hover {text-decoration:underline;}

#navvert {float:right; width:180px;}
#navvert {padding:10px 5px 5px 5px; background-color:#ceeef4;}

.formulaire_recherche {background-color:#fff; margin:0 5px 10px 0px; text-align:center; padding:10px 5px;}
.formulaire_recherche div label {margin-right:10px;}

.subsites {background-color:#fff; margin:0 5px 0 0;padding:10px 5px 5px 5px;font-weight: normal;}
.subsitesTitre {background-color:#00a9e0; margin:0 5px 0 0;padding:5px 5px 5px 5px;}
.subsitesTitre h4 {color:#fff; font-weight:bold; margin:1px 0 0 0;text-align: center;}
.subsites a {font-weight: normal;}
.subsites h4 {color:#00a9e0; font-weight:bold; margin:10px;}
.subsites li {padding:0 0px 5px 5px; text-align:left;}
.subsites li:hover {background:url('img/gifs/back_11.gif');}
.subsites li b.sitetitre {color:#000;}
.subsites li a, .subsites li a:hover {background:url('img/gifs/puce_vert.gif') no-repeat 0% 6px;padding:0 10px 5px 10px;text-decoration:none;font-weight:normal;}
.subsites li img {float:left; margin-right:10px; padding:2px; border:1px solid #ccc;}
.subsites fieldset {border:none;}
.subsites legend {color:#000; padding:5px 0; font-weight:bold; cursor:pointer;}
.subsites legend:hover {text-decoration:underline;}
.subsites label {display:block;}
.subsites input, .subsites textarea {width:180px;}
.subsites p.spip_bouton input {width:auto;}


/* Favoris */
.favoris {position:absolute; top:22px;margin-left:792px; cursor:pointer;width:120px;text-align:right;}
.navigation {position:absolute; top:25px;margin-left:920px; cursor:pointer;width:20px;text-align:right;}

#deconnexion {position:absolute; top:20px;margin-left:820px; cursor:pointer;}
/* Menu vertical */
#menu {background-color:#fff; padding:3px 0 0 0; margin-bottom:10px;}
#menu a, #menu a:hover {text-decoration:none;}
#menu ul li.mainrub, #menu ul li.mainrubnosub {border-bottom:1px solid #00a9e0;}
#menu ul li.mainrub a, #menu ul li.mainrubnosub a {display:block; width:180px;}
#menu ul li a {color:#00a9e0;}
#menu ul li ul {padding-bottom:1px;}
#menu ul li li {/*padding:2px;*/ border-bottom:1px dotted #00a9e0;}
#menu ul li li:hover, #menu ul li li a:hover {background-color:#fc0;}
#menu ul li li.subfirst {border-top:1px dotted #00a9e0;}
#menu ul li li.sublast {border-bottom:none;}
/* Fin menu vertical */

#subnav {float:right; width:200px;}
#subnavg {float:left; width:200px;}

/* Pied de page */
#piedpadd {padding:2px 0 0 0; background:#00a9e0;width:914px;}
#pied {text-align:center;}
#pied ul {padding:5px 1px;}
#pied ul li {display:inline; padding:10px;}
#pied ul li a {color:#fff;}


/* navigation horizontale */

#navtop {margin:0;padding:0;font-size: .85em;}
#navtop li{float:left;background: url("img/png/left-home.png") no-repeat left top;margin:0;padding:0 0 0 4px;}
#navtop a{float:left;display:block;background: url("img/png/right-home.png") no-repeat right top;padding:5px 5px 4px 2px;text-decoration:none;font-weight:bold;color:#fff;outline:none;}
#navtop a:hover{color:#06c;background-image: url("img/png/right.png");}
#navtop .home{background-image: url("img/png/left-home.png");}
#navtop .home a{background-image: url("img/png/right-home.png");}
#navtop .select{background-image: url("img/png/left_on.png");}
#navtop .select a{background-image: url("img/png/right_on.png");color:#fff;/*padding-bottom:5px;*/}
/* Espaceur de blocs */
.nettoyeur {clear:both; margin:0; padding:0; border:none; height:0; line-height:1px; font-size:1px;}
.espaceur {clear:both; margin:0; padding:0; border:none; height:0; line-height:5px; font-size:1px;}
/* Non visible a l'ecran */
.invisible {position:absolute; top:-3000em; height:1%; }
.format_png { behavior: url('win_png.htc');}

/* couleurs et couleurs typo */
body, a, a:hover {color: #333;}

.bleu, a.bleu, a:hover.bleu {color:#6699CC;}
.bleufonce, a.bleufonce, a:hover.bleufonce {color:#002F2F;}
.beige, a.beige, a:hover.beige {color:#EFECCA;}
.beigeclair, a.beigeclair, a:hover.beigeclair {color:#F9F8EC;}
.beigefonce, a.beigefonce, a:hover.beigefonce {color:#D5D6BB;}
.beigeplusfonce, a.beigeplusfonce, a:hover.beigeplusfonce {color:#A8A790;}
.rougefonce, a.rougefonce, a:hover.rougefonce {color:#7F211B;}

.black, a.black, a:hover.black {color:#000;}
.white, a.white, a:hover.white {color:#fff;}
img.fleft {float:left; margin-right:10px;}
img.fright {float:right; margin-left:10px;}

.ulleft {width:45%;}
.ulright {width:45%; float:right;}

.pucebleu {background:url('img/gifs/puce_bleu.gif') no-repeat 1% 2px; padding-left:15px;}
.pucerouge {background:url('img/gifs/puce_rouge.gif') no-repeat 1% 2px; padding-left:15px;}

span.commentaires {margin-bottom:15px;}
.pointbot {background:url('img/gifs/pointbleu.gif') repeat-x left bottom;}
.imgdeco {border:1px solid #CCC; padding:2px;}
.cur {font-weight:bold; }
.seesite {padding-bottom:15px;}
p.spip {padding-bottom:10px;}
div.forum-repondre {padding-bottom:15px;}

/* affichage des formulaires */
.formulaire_notation {display:block; width:auto; margin:2px; padding:10px;}
.formulaire_site {margin:0 10px 10px 10px;}
.formulaire_inscription b {color:#7F211B; cursor:pointer;}
.formulaire_forum fieldset {border:none; padding-bottom:5px; border-bottom:1px solid #D5D6BB; margin-bottom:10px;}
.formulaire_forum label {display:block; text-align:left;}
.formulaire_inscription {background-color:#F9F8EC; padding:10px; margin-bottom:10px;}
.formulaire_inscription legend {color:#7F211B; padding:5px 0;}
.formulaire_inscription fieldset {border:none; }

#documents_portfolio {margin-bottom:15px;}
#documents_portfolio img {padding:2px; border:1px solid #ccc; margin-right:10px;}
#document_actif {width:400px; margin:15px auto; text-align:center; padding:20px 0; border:1px solid #A8A790; background:#fff;}
p.spip_bouton input {border:1px solid #A8A790; background-color:#EFECCA; color:#002F2F; margin:3px 0; }
p.spip_bouton input:hover {border:1px solid #A8A790; background-color:#D5D6BB; color:#002F2F; margin:3px 0; cursor:pointer;}
p.spip_bouton input.highlightinput {border:1px solid #002F2F; background-color:#6699CC; color:#7F211B; margin:3px 0;}
p.spip_bouton input:hover.highlightinput {border:1px solid #002F2F; background-color:#FFF; color:#7F211B; margin:3px 0; cursor:pointer;}

#hierarchie {margin:0px 0 10px 0; padding:5px 10px;background:url('img/gifs/back_02.gif')}


.navvertautre {background-color:#F9F8EC; padding:10px 0; margin-bottom:10px; }
.navvertautre h4 {color:#7F211B; padding:5px 10px; }
.navvertautre ul {padding-left:10px; }
.navvertautre li {background:url('img/gifs/puce_rouge.gif') no-repeat 0% 6px; padding-left:10px }
.navvertautre li a {padding:3px 0; }


p.pagination {font-size:80%; height:18px; text-align:center; padding-top:12px; margin:10px 0 10px 0;border-top:1px dotted #00a9e0;}
p.pagination a {padding:2px 4px; margin-right:8px; background-color:#fff; border:1px solid #ccc; }
p.pagination a:hover {text-decoration:none; background-color:#c00;color:#fff;}
p.pagination span.on {padding:2px 4px; margin-right:8px; background-color:#c00;color:#fff; border:1px solid #ccc; }


#theme {font-size:75%; padding:10px 0; }
#theme a {color:#EFECCA; }

/* page plan */
#plan h2 {background:url('img/gifs/puce_rouge.gif') no-repeat 1% 6px; padding-left:15px; margin:15px 0 10px 0; }
#plan h2 a {color:#7F211B; }
#plan div.contre-encart {margin-left:20px; }
#plan div div {margin-left:20px; }
#plan div div h3 {color:#002F2F; }


#login fieldset {display: block;margin:0;padding:0.77em;border:1px solid #009ee0;color:#777;}
#login legend {text-transform:uppercase;color:#333;font-weight:bold;padding:0;background:#BFDDED;border:1px solid #009ee0; /* Sinon, superposition dans MSIE */}
#login label {font-weight:bold;}
#login p{margin-top:20px}
#login forml {width:99%;padding:1px;border:1px solid #009ee0;background-color:#e6f7fc;font-family:Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;;font-size:inherit;}
.spip_bouton {margin-top:20px;}

.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-right: 15px; margin-bottom: 5px;}
.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; }

/* Tableaux */
table.spip {margin: 1em auto 1em auto;border-collapse: collapse;}
table.spip caption {caption-side: top;text-align: center;margin: auto;padding: 3px;font-weight: bold;}
table.spip tr.row_first {background: #eef;}
table.spip tr.row_odd {background: #fff;}
table.spip tr.row_even {background: #eff;}
table.spip th, table.spip td {padding: 3px;text-align: left;vertical-align: middle;border: 1px dotted #00a9e0;}

/* Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #900;font-weight:bold;text-decoration:underline;} /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */

/* DIVERS */
.details, .editer_session {display: none;}
.contautre .boutons p {text-align: center;}