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

	Site : http://www.info-meningocoques.fr
	HTML/CSS : Romy Duhem-Verdiere - 2008

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

/* Correction des styles par defaut / mise a zero multinavigateurs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
/*q:before,q:after { content:''; }*/
abbr,acronym { border: 0; }


/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font: 1em/normal "Trebuchet MS", Helvetica, sans-serif; }

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* Couleur des liens */
a { text-decoration: none; color: #fbb901; color: #002F30; }
a.out { padding-right: 21px; background: url(img/out.gif) no-repeat right bottom; }
a.pdf { padding-right: 21px; background: url(img/pdf.gif) no-repeat right bottom; }
a[href^="mailto"]:before { content: "\002709\0000a0"; }
a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; }
.on { font-weight: bold; }
a:focus, a:hover, a:active { text-decoration: underline; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; line-height: normal; }
h1 { font-size: 1.4em; font-weight: bold; }
h2 { font-weight: bold; }
hr { height: 1px; margin: 1.6em 0; border: 0; background: #007984; color: #007984; }

/* Enrichissements typo basiques */
strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: .9em; line-height: normal; }
abbr,acronym { border-bottom: 1px dotted; cursor: help; }
dfn { font-weight: bold; font-style: italic; }
del { text-decoration: line-through; }
ins { color: #B40000 !important; text-decoration: none; }


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
html { /*overflow-y: scroll;*/ }
body 	{ margin: 0; padding: 0; background: #FFF; text-align: center; color: #333; }
#page 	{ width: 900px; margin: 0 auto; padding: 0; text-align: left;background: url(img/bg-contenu.jpg) repeat-y; }

#conteneur { float: left; width: 100%; }
#contenu { margin: 0 127px 0 10px; padding: 1.3em 80px 0 94px; background-color: #daedf0; border-top: 11px solid #faba00; overflow: hidden; color: #007984; position:relative; }
#contenu .imprimer { position:absolute; right:90px; top:10px;  }
#extra { float: left; margin-left: -127px; width: 127px; overflow: hidden; }

/* Entete de page */
#entete { background: #fff; }
#entete h1 { display: block; }
#entete h1, #entete h1 a, #entete .baseline { display: block; color: #007984; }
#entete h1 a { text-decoration: none; }
#entete h1 img { font-size: 3em; }
#entete .baseline { height: 31px; min-height: 31px; margin: 0; padding: 0; font-weight: normal; }

#navigation { /*width: 785px;*/ height: 52px; overflow: hidden;}

#navigation ul {}
#navigation ul li { display: inline; cursor: pointer; }
#navigation ul li a { float: left; display: block; max-width: 175px; height: 52px; background: #007984; color: #FFF; }
#navigation ul li.on a,
#navigation ul li a:focus, #navigation ul li a:hover, #navigation ul li a:active { background: #58abb9; text-decoration: none; }



/* Extra */
#extra * { margin: 0; padding: 0; }
#extra ul {}
#extra ul li { width: 127px; }
#extra ul li a { display: block; margin: 0; padding: 0; background: #59aab9; width:127px; color: #fff; text-decoration: none; }
#extra ul li.on a,
#extra ul li a:focus, #extra ul li a:hover, #extra ul li a:active { background-color: #077983; }
#extra ul li.extra6 { width: 127px; height: 62px; padding: 10px 7px; background: #59aab9 url(img/extra6.png) no-repeat; }
#extra ul li.extra6 a { float: left; margin-right: 5px; background: none; width:auto; }

/* Pied de page */
#pied { clear: both; width: 745px; padding: 40px 20px; background: #fff url(img/bg-pied.jpg) no-repeat left top; text-align: center; font-size: .71em; }

/* clearfix : http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.none { display: none; }


/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */

.cartouche { width: 586px; min-height: 100px; margin: 0 0 0 -94px; padding: 0 0 .2em 94px; background: url(img/bg-cartouche.gif) no-repeat 0 1.2em;  }
* html .cartouche { float: left; display: inline; /*height: 72px;*/ }
.cartouche img { float: left; margin-left: -94px; margin-top: 1em; }
.cartouche .chapo { margin: 0 0 35px 0; margin: 0; padding: 0 1em 0 0; font-size: .88em; font-weight: bold; line-height: normal; color: #007984; }
.cartouche .chapo p { margin: 0; padding: 0 0 1em 0; }

.texte { width: 586px; font-size: .88em; }
.texte p { margin-bottom: 1em; }

/* Blocs fonces */
.cadre { clear: both; display: block; width: 586px; margin: 0 0 1em 0; padding: 0; background: #007984 url(img/bg-bloc-top.jpg) no-repeat; color: #fff; }
.cadre p, .cadre ul, .cadre ol { clear: both; display: block; margin-bottom: 0 !important; padding: 10px; }
.cadre ul, .cadre ol { margin-left: 2.2em; }
.cadre ul { list-style: square url(img/puce-li.gif) outside; }
.cadre ol { list-style: decimal; }
.cadre ul li { list-style-image: url(img/puce-li.gif); }
.cadre a { color: #F4F500; }

/* arrondis */
.top, .bottom { clear: both; display: block; width: 586px; height: 9px; line-height: normal; }
.top { background: #007984 url(img/bg-bloc-top.jpg) no-repeat top; }
.bottom { background: #007984 url(img/bg-bloc-bottom.jpg) no-repeat bottom; }

/* Liste de definiton depliante */
dl { width: 586px; padding-bottom: 16px; }
dt, dd { clear: both; display: block; padding: 3px; background-color: #007984; background-repeat: no-repeat; color: #fff; }
dt { margin-top: 1em; padding-left: 20px; background-image: url(img/bg-dt-open.jpg); background-position: top; font-weight: bold; cursor: pointer; }
dt.close { background-image: url(img/bg-dt-close.jpg); }
dd { padding-top: 0; padding-bottom: 0; background-image: url(img/bg-dd.jpg); background-position: bottom; font-weight: normal; font-size: .96em;  }
dd p, dd ul, dd ol { clear: both; display: block; margin-bottom: 0 !important; }
dd p { padding: 0 0 9px 20px; }
dd ul, dd ol { margin-left: 40px; }
dd ul { list-style: square url(img/puce-li.gif) outside; }
dd ol { list-style: decimal; }
dd li { padding-bottom: 9px; }
dd ul li ul { padding-top: .4em; }
dd ul li li { list-style-image: url(img/puce-li-li.gif); }
dd a { color: #F4F500; }

/* Liste serree */
ul ul.simple { margin-left: 2.2em; }
ul ul.simple li { margin: 0; padding: 0; }

/* Citations, code et poesie */
cite:before, q:before { content:'« '; }
cite:after, q:after { content:' »'; }
blockquote { margin: 0 1.5em 1.4em 0; padding: 0 1em; border-left: 4px solid #FABA00; }
code, pre, kbd, samp { color: #009; }
kbd { padding: .01em .3em; background-color: #009; color: #fff; }
samp { font-weight: bold; }
var { font-style: italic; }

/* Tableaux */
table { width: 586px; margin-bottom: 1em; }
table caption { text-align: center; font-size: .88em; }
table th, td { padding: .3em; border: 1px solid #007984; }

/* Logos, documents et images */
.illustration { display: block; text-align: center; font-size: .9em; line-height: normal; }
.illustration_left { float: left; margin: 0 .8em .8em 0; }
.illustration_right { float: right; margin: 0 0 .8em .8em; }
.illustration_center { clear: both; width: 100%; margin: 0 auto 1em auto; }

/* Publications */
#publications { width: 586px; }
#publications ul {}
#publications ul li { clear: both; display: block; margin: 0 0 1em 0; padding: 0; background: #007984 url(img/bg-bloc.jpg) repeat-y; color: #fff; }
#publications ul li strong.titre { float: right; display: block; width: 450px; margin-bottom: 1em; }
#publications ul li .document { float: left; display: block; width: 130px; text-align: center; font-size: .71em; color: #fff; }
#publications ul li .document img { margin: 0 auto; display: block; }
#publications ul li a strong.titre,
#publications ul li a:hover strong.titre,
#publications ul li a:hover .document { color: #FBB901; text-decoration: none; cursor: pointer; }
#publications ul li .descriptif { float: right; width: 450px; font-size: .77em; }

/* Carte de France */
#carte { position: relative; width: 700px; height: 515px; margin-left: -50px; margin-right: -100px; background: url(img/carte.gif) no-repeat; font-size: .9em; }
#carte ul { margin: 0; padding: 0; list-style: none; }
#carte h2 { position: absolute; margin: 0; padding: 0; font-size: 1.3em; font-weight: bold; }
#carte a { position: absolute; display: block; padding: 1em; background: none; text-align: center; font-weight: bold; color: #007984; }
#carte a:hover { text-decoration: none; color: #faba00; }

/* Page d'accueil */
.accueil {}
.accueil #contenu { padding-left: 33px; padding-right: 25px; }
.accueil #contenu .bienvenue { margin: 3px 20px 0 6px; margin-left: 6px; padding-left: 0.71em; color:#007984; zoom:1;  border-left: 3px solid #FABA00; font-size: 0.88em; }
.accueil #contenu #sommaire { margin-top: 40px; }
.accueil #contenu #sommaire ul {}
.accueil #contenu #sommaire ul li { float: left; width: 235px; height: 160px; overflow: hidden; text-align: center; font-size: 1.27em; }


/*  ------------------------------------------
/*  Impression
/*  ------------------------------------------ */

@media print {
.invisible, .none, #navigation, #extra { display: none !important; }
#contenu a { text-decoration: underline; padding-right: 0 !important; border: 0 !important; background: none !important; color: #002F30; }
#contenu a.out:after { content: " (" attr(href) ") "; font-size: 90%; font-weight: normal; }
#texte, #texte * { color: #002F30; }
dd { display: block !important; }
#carte { width: auto; height: auto; background: none; }
#carte h2, #carte a { position: static; text-align: left; margin: 0; padding: 0; background: none; }
}