/* CSS Document
Style pour Hors Champ 2008
JS Beaulieu
*/

/*
structure de base
*/
body{background-color:#333;padding:10px}
#master_wrap{width:920px;margin:0 auto;}
#hc_hd, #hc_bd, #hc_ft{width:900px;margin:0 auto;border-left:1px solid #000;border-right:1px solid #000}

#hc_hd{background-color:#ccc}
#hc_bd{background:#ffffff url(../imgs/body-bkg.gif) top center repeat-y;padding-bottom:24px}
#hc_ft{background-color:#242624}

/*
structure de base modif 12-2009
*/
	#hc_hd, #hc_bd, #hc_ft{width:960px;}
	#hc_bd{background:#ffffff url(../imgs/body-bkg-2009.gif) top center repeat-y;}

/*
la grille
*/

.hc-g-un{width:40px;margin-left:0px;float:right}
div.prim{float:left;margin-left:0px}

.hc-g-126 .hc-g-un{width:300px}
.hc-g-126 div.prim{width:600px}

.hc-g-66 .hc-g-un{width:300px}
.hc-g-66 div.prim{width:300px}

.hc-g-33 .hc-g-un{width:150px}
.hc-g-33 div.prim{width:150px}

/*
la grille modif 12-2009
*/
	.hc-g-126 .hc-g-un{width:360px}
	.hc-g-126 div.prim{width:600px}
.hc-g-66 .hc-g-un{width:300px}
.hc-g-66 div.prim{width:300px}
	.hc-g-33 .hc-g-un{width:160px}
	.hc-g-33 div.prim{width:200px}

.hc-g-126:after,
.hc-g-66:after,
.hc-g-33:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.hc-g-126, 
.hc-g-66,
.hc-g-33{zoom:1}


/*
cleaner
*/
.cover-image:after,
.article:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.article,.cover-image{zoom:1}
/*
garniture des colonnes
*/
.clns-md{background:#fff url(../imgs/colone-bkg.gif) top center repeat-y}
/*.clns-sm{background:#fff url(../imgs/colone-150-bkg.gif) top center repeat-y}*/
/*
styles
*/

h1.hc-logo{position:relative; width:112px;height:80px;}
h1.hc-logo span{width:112px;height:80px;position:absolute;top:0px;left:0px;z-index:1;background-image:url(../imgs/tit_hors.gif)}

.topmenu{background-color:#fff;border-top:1px solid #999;border-bottom:1px solid #999;font-size:1.2em;padding:4px 10px}
.topmenu li{display:inline;padding-right:20px}
.topmenu a:link{color:#000}
.topmenu a:visited{color:#000}
.topmenu a:hover{color:#c00}


.topmenu em{font-style:normal}

.pagination{font-size:1.2em;line-height:1.6em;border-top:1px solid #ccc;border-bottom:3px double #ccc;padding:0.6em 0}
.pagination a{padding:0 0.5em}
.pagination .on {font-weight:bold;border-bottom:3px double #333;margin:0 0.5em}
.pagination a:hover{text-decoration:underline;color:#900}

.marquise{background-color:#fff}

.section-cine{}
.section-media{}

.section-recherche{}
.section-alire{}

.section-avoir{}
.section-avoir a:link, .section-avoir a:visited{color:#993333}

.section-event{}

.section-header{font-weight:normal;font-size:1.6em;font-family:Arial, Helvetica, sans-serif;color:#fff;padding:5px 10px}
.section-header a:link{color:#FFFFFF}
.section-header a:hover{color:#ffffff;text-decoration:underline}
.section-header a:visited{color:#FFFFFF}

.section-cine .section-header{background-color:#600;font-size:2em;padding:3px 10px}
.section-media .section-header{background-color:#c00;font-size:2em;padding:3px 10px}
.section-avoir .section-header{background-color:#000}
.section-event .section-header{background-color:#000}
.section-recherche .section-header{background-color:#666}
.section-motscles .section-header{background-color:#666}
.section-auteurs .section-header{background-color:#666}
.section-alire .section-header{background-color:#666}
.section-resultats .section-header{background-color:#999}

/*
article et articles en vedette
*/

.article{font-size:1.3em}

.vedette, .article{margin:10px 10px 0px;}
.vedette img, .cover-image img{float:left;padding:0px 10px 10px 0px}
.cover-image img{padding:0px 10px 20px 0px}
/*.vedette img, .article img{float:left;padding:0px 10px 10px 0px}*/
.vedette h2,.vedette h3, .article h2{margin-top:0px;font-weight:normal;text-transform:uppercase;}

.vedette h2 a:link, .vedette h3 a:link, .article h2 a:link{color:#900;text-decoration:none}
.vedette h2 a:visited, .vedette h3 a:visited, .article h2 a:visited{color:#c33;text-decoration:none}
.vedette h2 a:hover, .vedette h3 a:hover, .article h2 a:hover{color:#f33;text-decoration:underline}


.vedette h3{font-size:1.1em}
.section-media .vedette h3, .section-media .vedette p, .section-cine .vedette h3, .section-cine .vedette p{margin-left:102px;line-height:1.2em}
.section-media .vedette, .section-cine .vedette{border-bottom:1px solid #ccc}

.section-cine .more p, .section-media .more p{margin-left:0px;}
.section-cine .more, .section-media .more {border-bottom:0px solid #ccc}
/*ajustement de la cover image*/
.marquise .vedette{margin:0px 0px 0px 0px}
.marquise .vedette img{margin:0px;padding:0px;display:block}
.marquise .vedette .txt-wrap{margin-left:310px;padding:10px 10px 0 0}

.vedette:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.vedette{zoom:1}
.marquise .vedette .date{font-weight:normal;font-size:0.9em}
.marquise .vedette .soustitre{font-size:1.4em}
.content .surtitre, .content .date{margin:0px;font-weight:bold;color:#555555}
	.section-alire .content .surtitre{margin:2px 0px;}
.content .surtitre:after{content:" : "}



.article .cover{padding-bottom:0px}
.article .surtitre, .marquise .vedette .surtitre{font-size:1.2em; font-weight:normal; padding-bottom:0em}
.article .titre{padding-bottom:0em;color:#c00}
.article .soustitre{font-size:1.2em;margin-bottom:0.8em}
.article .meta{line-height:1em;margin-top:0em;margin-bottom:3.6em;font-size:0.8em;color:#666}
.article .meta .date{}
.article .meta .auteur{}

.vedette .meta a:link, .article .meta a:link{color:#CC0000}
.vedette .meta a:visited, .article .meta a:visited{color:#f60}
.vedette .meta a:hover, .article .meta a:hover{color:#f00}

.article .illustation{margin-right:10px;padding-bottom:7px;border-bottom:1px solid #ccc;margin-bottom:0px}
.article .illustation dt, .article .illustation dd{font-size:0.8em;color:#633;line-height:1.6em;margin:0px}
.article .illustation dt.ttl{margin-top:8px}
.article .illustation dd {}
.article .illustation dt.vis{margin:0px;padding:0px;line-height:0px}
.article .illustation dt.vis img{padding:0px;float:none}



.article dl.spip_documents_center { clear: both; margin: 1em auto; text-align:center;border-bottom:none }
.article span.spip_documents_center { display: block; margin-top:1em; }
  .article span.spip_documents_center img { display: block; float:none; margin:1em auto; }
.article dl.spip_documents_left { float: left; margin-right: 10px;}
.article dl.spip_documents_right { float: right; margin-left: 10px;}

.article span.spip_documents_left { float: left; margin-right: 10px;}
.article span.spip_documents_right { float: right; margin-left: 10px;}

.article span.spip_documents_left img, .article span.spip_documents_right img{float:none;padding:0px 0px 0px 0px;}

.article .sous-article{display: block; background: #fff; border-bottom: 9px dotted #ccc;margin:54px 100px 36px}
.article .division-article{display: block; background: #fff; border-bottom: 3px solid #ccc;margin:54px 100px 36px}
/*ie*/
/*.article dl.illustation{display:inline}*/

.section-event{}


.notes{margin:10px 10px 20px;color:#633;border-top:3px double #ccc}
.notes h2{font-size:1.4em;font-weight:normal;margin:1em 0}
.notes p{text-indent:-1.5em;padding-left:1.5em;font-size:1.2em;line-height:1.8em}
a.note_article{}
.notes p a.spip_note{}
.intro{margin:1em 24px 2em;}
i.spip{font-style:italic}

/*
Recherche et mots clef
*/
.section-recherche{}
.section-recherche form{margin:10px 0px}
.section-recherche .inpt{margin:10px;}
.section-recherche .inpt input{font-size:1.6em;width:160px;padding:4px 2px}
.section-recherche .sbmt{margin:10px}
.section-recherche .sbmt input{font-size:1.2em}
.section-recherche label{display:none}
.section-recherche p, .section-recherche ul, .section-motscles p, .section-motscles ul, .section-auteurs p, .section-auteurs ul{margin:10px;font-size:1.2em}
.section-recherche li, .section-motscles li, .section-auteurs li{background:url(../imgs/mc-fleche.gif) top left no-repeat;padding-left:20px;font-size:1.2em;margin-bottom:2px}
.section-recherche li em, .section-motscles li em, .section-auteurs li em{font-style:normal}

.section-recherche li a:link, .section-motscles li a:link, .section-auteurs li a:link{color:#000}
.section-recherche li a:visited, .section-motscles li a:visited, .section-auteurs li a:visited{color:#000}
.section-recherche li a:hover, .section-motscles li a:hover, .section-auteurs li a:hover{color:#c00}

.section-resultats .terme{font-size:2em;font-weight:normal;margin:1em 10px}
.section-resultats ul{margin:0px 24px}
.section-resultats p{margin:0px 24px}

.section-resultats .titre{padding-bottom:0em;color:#c00;font-weight:normal;margin-bottom:0px}
.section-resultats .soustitre{font-size:1.2em;margin-bottom:0.8em}
.section-resultats .meta{line-height:1em;margin-top:0em;margin-bottom:3.6em;font-size:1.1em;color:#666}

.section-resultats .meta a{text-decoration:none}
.section-resultats .meta a:hover{text-decoration:underline}
.section-resultats .meta .date{}
.section-resultats .meta .auteur{}
.section-resultats .illustation{float:left;margin:0 10px 0px 24px;padding-bottom:0px;border-bottom:1px solid #f00;}
.section-resultats .extrait{margin-top:0em;font-size:1em}
.section-resultats .pagination{margin:24px}

.section-resultats .cartouche{border-bottom:1px solid #ccc;margin-bottom:2em;margin-left:10px;width:75%}
.section-resultats .cartouche div.intro{margin:0px 0px 6px;line-height:1.2em}
.section-resultats .cartouche .meta{line-height:1em;margin-top:0em;margin-bottom:1em;font-size:1.1em;color:#666;margin-left:0px}
.section-resultats .cartouche p.courriel{margin-bottom:1em;font-size:1.2em;line-height:1.2em}


.section-auteurs ul{font-size:10px;line-height:12px}
.section-auteurs li{margin-bottom:4px}



/*page groupe de mots-cles */

.section-resultats .section-motscles{padding-bottom:40px}
.section-resultats .section-motscles ul li .frequence{display:none}


/*
sidebar
*/

.section-alire li{line-height:1.2em;border-bottom:1px solid #CCCCCC;}


.section-avoir p{margin:10px;font-size:1.1em}

.section-event ul{margin:10px}
.section-event li{font-size:11px;line-height:1.1em}
.section-event li h3{font-size:13px;line-height:1.1em}
.section-event a:link{color:#333399}

/*footer*/

#hc_ft img{margin:10px}
#hc_ft p{padding:10px;float:right;color:#666;text-align:right}