/*
gris taupe sanef : 665C4B 
orange : f18f2e
bleu : 0094c7
vert : a7c855
rose : c5005e
*/

.format_png { behavior: url(win_png.htc); }

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

body { margin:0; padding:0; color:#5e91a8; font-family: Arial; font-size: 12px; background:#E8F0F0 url(bg_body.bleu-origine.gif) center top repeat-y; }
/* bg bleu origine: E8F0F0 - gris taupe : 665C4B - gris clair : 9b958a*/
a { color:#5e91a8; }
a:hover { color:#004e96; }

#global { width: 768px; margin: 0 auto 0 auto; background:#FFF; }
a#logo {  }
a#logo img { position: absolute; z-index: 100; margin-left:540px; top: 8px; behavior: url(win_png.htc); }

#debug { position: absolute; top:0; left: 0; font-size: 22px; } 

#phrase_top { font-size:14px; position: absolute; z-index: 6; width: 500px; padding: 0 0 0 0; overflow:hidden; margin: 0 0 0 12px;
font-weight:bold; color:#FFF; }
#phrase_top a { font-weight:bold; color:#FFF; text-decoration:none; padding: 0 4px 0 4px; margin: 0 12px 0 0;}
#phrase_top a:hover { color:#f18f2e; text-decoration: underline; }
#defil { height:18px; overflow: hidden; }


#exofade { margin: 20px 0 24px 0; z-index:1; height: 260px; }
#exofade img { top:0; left:0; }

a#picto_trace { display: block; }
a#picto_trace img { position: absolute; margin-left:540px; top: 178px;  z-index: 100; }

#bandeautop { position: absolute; z-index: 5;}
#bandeaubas { position: absolute; top: 230px; z-index: 5; }

img.imgbanniere { margin: 44px 0 0 0; }

#menu { text-align: center; margin: 10px 0 4px 0; }
#menu a { text-decoration: none; font-weight:bold; padding: 10px 6px 8px 6px; display:block; float:left; 
	border:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; }
#menu a:hover { border:1px solid #DDD; border-right:1px solid #888; border-bottom:1px solid #888; }
#menu a.on { color:#009DCD; border:1px solid #DDD; border-right:1px solid #888; border-bottom:1px solid #888; }
#menu a.on span.bleu { color: #009DCD; }
#menu img { vertical-align: middle; margin: 0 3px 0 3px; }
#menu img.logoRmenu { margin: -6px 3px 0 0;  display:block; float:left; }
#menu a span.bleu { color: #004e96; }
#menu img.separ_menu { float:left; margin-top: 10px; }

#content { background: url(bg_contentrepeat.gif) center top repeat-y; }
#contentTop { background:  url(bg_content.gif) center top no-repeat; height: 86px; }
#contentTop a { color:#FFF; text-decoration: none; font-weight: bold; }
#contentTop a:hover { text-decoration: underline; }
#contentTop a img { vertical-align: middle; margin: 0 4px 0 0; }

/* http://www.positioniseverything.net/explorer/doubled-margin.html : laisser display:inline; pour bug IE float margin doublées */
#colGauche { width: 191px; float:left; margin: 0 0 0 2px; display: inline; }
#colMilieu { width: 381px; float:left; margin: 0 0 0 3px; display: inline; font-family: Verdana; }
#colDroite { width: 185px; float:left; margin: 0 0 0 3px; display: inline; }

#pied { height: 35px; color:#FFF; padding: 25px 0 0 0; background: url(bg_footer.png) no-repeat; font-size:10px; }

#colGauche .margeBox { margin: 0 8px 0 8px; }
#colGauche .danslarubrique { background: url(bg_colGauche.gif) left top no-repeat; margin: 4px 0 0 0; padding: 28px 0 0 0; color:#FFF; text-align: right; }
#colGauche .danslarubrique a { color:#FFF; display:block; text-decoration: none; margin: 0 0 5px 0; padding: 2px 0 2px 0; }
#colGauche .danslarubrique a:hover { color:#004e96; }
#colGauche .danslarubrique a img { visibility: hidden; margin: 0 6px 0 0; }
#colGauche .danslarubrique a:hover img { visibility: visible;  }
#colGauche .danslarubrique a.on { color:#004e96; }
#colGauche .danslarubrique a.on img { visibility: visible; }
#colGauche .danslarubrique  .finbg { background: url(bg_colGauche_bas.gif) left bottom no-repeat; height:14px; }

#colMilieu .margeBox { margin: 0 20px 0 20px; }
#colMilieu .bloc { margin: 16px 8px 8px 8px;  }
#colMilieu .blocGauche { padding: 4px 8px 4px 12px; text-align: left; }
#colMilieu .blocDroite { padding: 4px 12px 4px 8px; text-align: right; }
.blocGaucheHover {  }
.blocDroiteHover {  }

.rub_racine_discret { display:block; margin: 0 0 10px 0; font-size:11px; color:#B5D2DF; cursor: default; font-variant: small-caps; }

h2.sommaire_titre  { padding:0; margin: 0 0 12px 0; font-weight:bold; font-size: 16px; letter-spacing: -1px; color:#004e96;}
h2.sommaire_titre a { color:#004e96; text-decoration: none; }
h2.sommaire_titre a:hover { color:#004e96; text-decoration: underline; }
img.logo_homepage { float:left; margin: 0 8px 8px 8px; }


/*
table.tbl_titrePage { width: 100%; margin: 0 0 10px 0;}
table.tbl_titrePage td { vertical-align: middle; }
table.tbl_titrePage td.tbl_titrePage_tdR { width: 100px; font-size:9px; text-align: right; padding: 0 10px 0 0;}
table.tbl_titrePage td.tbl_titrePage_tdR a { background: url(fleche3.gif) right center no-repeat; padding: 0 16px 0 0; margin: 0 10px 0 0; 
text-decoration: none;}
table.tbl_titrePage td.tbl_titrePage_tdR a:hover { background-image: url(fleche3_on.gif); }
*/

p.article_surtitre { margin:0 0 3px 0; padding:0; color:#004e96; font-size:11px; font-style: italic; text-align: right; }
h2.article_titre  { padding:0; margin: 0 0 0 0; font-weight:bold; font-size: 24px; letter-spacing: -1px; color:#004e96;}
.article_titre .bleu { color:#5D90A7; }
.sommaire_titre .bleu { color:#5D90A7; }

body.body_article h2.article_titre { margin: 0 0 16px 0; padding: 0 0 0 0; }
body.body_rubrique h2.article_titre { margin: 0 0 16px 0; padding: 0 0 0 0; }

/*
h2.article_titre span.titre_pageRubrique { width: 120px; font-size:10px; display: block; float:left; text-align: right; padding: 0 0 0 0; vertical-align: middle; }
h2.article_titre span.titre_pageRubrique a {}
h2.article_titre span.titre_pageRubrique a:hover {}
h2.article_titre span.titre_pageArticle { display: block; float:left; width: 215px; vertical-align: middle;  }
*/
p.article_soustitre { margin:-28px 0 20px 1px; padding:0; font-size:10px; font-weight: bold; }
div.article_chapo { font-weight: bold; margin: 0 0 18px 0; font-size:11px; line-height: 14px; }
div.article_texte { margin: 0 0 16px 0; font-size: 11px; line-height: 14px; color:#333; }
div.article_introduction { margin: 0 8px 10px 0; font-size: 10px; padding: 0 0 0 0; }

div.boxListeA { margin: 0 0 16px 0;  }
div.boxListeA h2 { font-size:11px; font-weight:normal; margin: 0 0 2px 0; padding: 2px 2px 2px 0;}
div.boxListeA h2 a {  }
div.boxListeA h2 a:hover {}

#colMilieu h4 { margin: 0 0 8px 0; padding:0; font-weight: bold; font-size:14px; color:#004e96; }
#colMilieu h4 a { color:#004e96; text-decoration: underline; }
#colMilieu h4 a:hover { color:#009DCD; }

#hierarchie { margin: 0 0 12px 0; font-size:9px; line-height:14px; }

#colDroite h4 { margin: 0 0 4px 0; padding: 42px 8px 0 8px; font-size:14px;  }
#colDroite h4 a { color:#f18f2e; text-decoration: none; border: 1px solid #FFF;display:block; padding: 2px 1px 3px 2px;}
#colDroite h4 a:hover { border-color:#f18f2e; color:#004e96; }
#colDroite h4.pointanime1 { background: url(pointanimebleu2_1.gif) center top no-repeat; }
#colDroite h4.pointanime2 { background: url(pointanimebleu2_3.gif) center top no-repeat; }
#colDroite h4.pointanime3 { background: url(pointanimebleu3_1.gif) center top no-repeat; }
#colDroite h4.pointanime4 { background: url(pointanimebleu1.gif) center top no-repeat; }
#colDroite h4.pointanime5 { background: url(pointanimebleu2_1.gif) center top no-repeat; }
#colDroite h4.pointanime6 { background: url(pointanimebleu2_3.gif) center top no-repeat; }
#colDroite h4.pointanime7 { background: url(pointanimebleu3_1.gif) center top no-repeat; }
#colDroite h4.pointanime8 { background: url(pointanimebleu1.gif) center top no-repeat; }
#colDroite h4.pointanime9 ,
#colDroite h4.pointanime10 ,
#colDroite h4.pointanime11 ,
#colDroite h4.pointanime12 { background: url(pointanimebleu3_1.gif) center top no-repeat; }
#colDroite h5 { margin: 0 0 2px 0; padding: 0 8px 0 16px; font-size:11px; }
#colDroite h5 a { display:block; border-bottom:3px double #f18f2e; text-decoration: none; padding: 2px 1px 3px 1px;}
#colDroite h5 a:hover { background:#EEE; color:#666; border-color:#AAA;}
#colDroite .margeBox { margin: 12px; }

#pied .margeBox { margin: 8px 8px 0 8px; }
#pied a { color:#FFF; }
#pied a:hover { color:#000; }

.menupied { float:right; }
.menupied a { color:#FFF; text-decoration: none; font-style: italic; }
.menupied a:hover { color:#000; }

.centrer { text-align: center; }

a.lienFleche1 { background: url(fleche1.gif) left center no-repeat; padding: 2px 0 2px 22px; line-height: 22px; text-decoration: none; font-weight: bold; }

p.spip { margin: 0 0 12px 0; }
ul.spip { margin-left: 16px; list-style-image: url(puce.gif) !important; }
ul.spip ul.spip {  }

table.tbl2cols { width: 100%;  }
table.tbl2cols td { width: 50%; vertical-align: top; }
table.tbl2cols td.tdColGauche { padding: 0 6px 12px 0; }
table.tbl2cols td.tdColDroite { padding: 0 0 12px 6px; border-left:1px solid #5D90A7; }
table.tbl2cols td h4 a { font-size:12px; margin: 0 0 0 0; }
table.tbl2cols td h5  {  margin: 0 0 5px 0; padding:0; }
table.tbl2cols td h5 a { font-size:10px; }

table.tbl1col { width: 100%; }
table.tbl1col td { vertical-align: top; }
table.tbl1col td.td_logo_rubrique a img { border:1px solid #5D90A7; background:#FFF; padding:2px; }
table.tbl1col td.td_logo_rubrique a:hover img { border:1px solid #004E96; background:#5D90A7; padding:2px; }

a.puce_jn { background: url(../aa/puce.gif) left center no-repeat; padding: 4px 0 6px 12px; display:block; }
h4.marsR { margin:0 0 10px 0 !important; padding:0; font-size:14px !important;  }
h4.marsR a { display:block; text-decoration: none !important; color:#888 !important;}
h4.marsR a:hover { color:#004E96 !important;  }
h5.marsSR { font-size:12px !important; margin: 0 0 5px 0; }
h5.marsSR a {}
h5.marsSR a:hover { color:#666 !important; }
h5.marsA { margin: 0 0 3px 0; }
h5.marsA a { text-decoration: none; }
h5.marsA a:hover {}

.portfolio { }
.portfolio h3 { margin: 0 0 12px 0; }
.portfolio div { margin: 0 0 8px 0; }
.portfolio a img { background:#FFF; border:1px dotted #004E96; padding:2px; }
.portfolio a:hover img { background:#FFF; border:1px solid #004E96; padding:2px; }
.tbl_portfolio { width: 100%; }
.tbl_portfolio td { width: 33%; padding: 0 0 12px 0; text-align: center; }

.portedocument {}
.portedocument h3 { margin: 0 0 8px 0; }
.portedocument h4 { margin: 0 0 2px 0; padding: 4px 4px 4px 4px; border:1px solid #AAA; }
.portedocument h4 a { display:block; text-decoration: none !important; }
.portedocument h4 a img { vertical-align: middle; margin: 4px 12px 4px 0; }
.portedocument_a_titre { font-size:10px; color:#004E96; font-weight:bold; }
.portedocument_a_desc { font-size:10px; color:#009DCD; font-weight:normal; }
.portedocument_a_poids { float:right; font-size:10px; font-weight:normal; margin: 4px 4px 0 0;}
.portedocument h4 a:hover { color:#004E96; background: #EEE; }
.portedocument h4 a:hover .portedocument_a_titre { color:#000 !important; }
.portedocument h4 a:hover .portedocument_a_desc { color:#333 !important; }
.portedocument h4 a:hover .portedocument_a_poids { color:#666 !important; }

a#lienNL { background: url(enveloppe_off.gif) left center no-repeat; padding: 3px 2px 3px 42px; margin: 0 12px 0 0;}
a#lienNL:hover { background-image: url(enveloppe_on.gif); }
a#lienMeteo { background: url(meteo_off.gif) left center no-repeat; padding: 3px 2px 3px 28px; }
a#lienMeteo:hover { background-image: url(meteo_on.gif); }
a#lienContact { background: url(contact_off.gif) left center no-repeat; padding: 3px 2px 3px 24px; }
a#lienContact:hover { background-image: url(contact_on.gif); }
a#lienVisites { background: url(visites_off.gif) left center no-repeat; padding: 3px 2px 3px 32px; margin: 0 12px 0 0; }
a#lienVisites:hover { background-image: url(visites_on.gif); }

div.formulaire_ecrire_auteur { }
div.formulaire_ecrire_auteur form {  }
div.formulaire_ecrire_auteur form p { margin: 0 0 4px 0; clear:both; }
div.formulaire_ecrire_auteur form fieldset{ border:0; }
div.formulaire_ecrire_auteur form legend { font-weight:bold; }
div.formulaire_ecrire_auteur form label {  font-weight:bold; float:left; margin: 0 4px 0 0; width: 125px; font-size:10px; }
div.formulaire_ecrire_auteur form .exoform_input_text { background:#5E91A8; border:1px solid #333; width: 200px; color:#FFF;}
div.formulaire_ecrire_auteur form .exoform_textarea { background:#5E91A8; border:1px solid #333;  color:#FFF; margin: 4px 0 2px 0; width: 329px; overflow: auto;}
.previsu, .mail_envoi_ok, p.reponse_formulaire { border:1px solid #AAA !important; padding: 4px; margin: 18px 0; }
p.reponse_formulaire { margin: 8px 0; }

hr.separ_menuNew { height:1px; background:#004E96; border:0; border-top: 1px solid #004E96; margin: 2px 0 4px 0; }

.valeur { color: #004E96; font-size:14px; }