#contenu { padding-top: 1px; }
#main form input, #main form select, #main form textarea { background: #fcfcfc; }
.erreur_msg, .ok_msg { margin-top: 20px; }

/******************* MAIN *********************/

#main { margin: 20px 19px 20px 2px; float: left; width: 607px; }
#main h1 { margin: 0; }
#main .utitle { margin-bottom: 0; }
#main .nores { margin-bottom: 0; padding-bottom: 10px; padding-top: 10px; }
#main .rss { float: left; margin-right: 10px; } 
#main .nav { margin: 0 0 10px 0; }
#main .nav .pagination { margin-right: 0; }

#main #menu-bottom { margin-top: 40px; }

#main .liste { width: 602px; margin: 0; padding: 10px 0 0 0; }
#main .liste .hleaderboard { padding: 18px 0 18px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
#main .liste .elem { margin-bottom: 40px; }
#main .liste .elem img { width: 180px; height: 140px; margin: 3px 0 0 0; }
#main .liste .elem img.left { float: left; margin-right: 15px; }
#main .liste .elem img.right { float: right; margin-left: 15px; }
#main .liste .elem h2 { float: left; width: 395px; font-size: 1.4em; font-weight: normal; line-height: 24px; padding: 0 0 5px 0; }
#main .liste .elem h2 a { text-decoration: none; }
#main .liste .elem .txt { float: left; width: 395px; padding: 3px 0 0 0; }
#main .liste .elem .txt p { padding: 5px 0 5px 0; }
#main .liste .elem .txt em { color: #777; font-style: normal; line-height: normal; }

#main #dossier { width: 602px; }
#main #dossier h1 { padding: 11px 0 15px 0; font-size: 2.1em; letter-spacing: -0.05em; line-height: 34px; }
#main #dossier .label { text-transform:uppercase; color: #777; font-size: 0.9em; line-height: normal; }
#main #dossier .label a { color: #D85142; text-decoration: none; }
#main #dossier .da { padding: 11px 0 10px 0; font-size: 0.9em; line-height: normal; background: url(/i/in/publi_bar.png) no-repeat 0 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
#main #dossier .da .date { background: url(/i/in/ico_calendar.png) no-repeat 0 1px; padding: 0 0 0 22px; font-style: normal; }
#main #dossier .da .auth { background: url(/i/in/ico_auteur.png) no-repeat 0 0; padding: 0 0 0 22px; font-style: normal; margin: 0 0 0 20px; }
#main #dossier .da .coms { background: url(/i/in/ico_ac_re.png) no-repeat 25px 1px; padding: 0 0 0 48px; font-style: normal; margin: 0 0 0 25px; border-left: 1px solid #bbb; }
#main #dossier .phnav { width: 164px; line-height: normal; height: 25px; margin: -32px 0 0 0; float: right; background: #fafafa; color: #bbb; border: 1px solid #e3e3e3; border-top: 0; border-left: 0; }
#main #dossier .phnav a, #dossier .phnav span { float: left; display: block; padding: 6px 5px 0 10px; text-decoration: none; font-size: 0.8em; }
#main #dossier .phnav a.last, #dossier .phnav span.last { padding: 6px 7px 0 5px; }
#main #dossier .phnav .curr { width: 40px; color: #999; }
#main #dossier .phnav .curr strong { color: #424242; }
#main #dossier .content { width: 600px; padding-top: 18px; /* text-align: justify; */ }
#main #dossier .content .h { display: block; padding: 0 0 7px 0; }
#main #dossier .content img.une { float: left; margin: 0 15px 10px 0; }
#main #dossier .pages { padding: 28px 0 0 0; height: 1%; }
#main #dossier .pages .prev, #main #dossier .pages .next { text-decoration: none; color: #777; width: 160px; height: 32px; position: relative; margin-top: -2px; line-height: normal; font-size: 0.9em; }
#main #dossier .pages .prev { padding: 1px 0 0 42px; float: left; text-align: left; background: url(/i/in/more_6.png) no-repeat left 0; }
#main #dossier .pages .next { padding: 1px 45px 0 0; float: right; text-align: right; background: url(/i/in/more_5.png) no-repeat right 0; }
#main #dossier .pages .prev:hover, #main #dossier .pages .next:hover  { color: #D85142; }
#main #dossier .pages .prev span, #main #dossier .pages .next span { cursor: pointer; display: block; width: 160px; text-decoration: underline; color: #424242; font-size: 1.1em; }
#main #dossier .pages .liste { text-align: center; padding: 0; margin: 0 auto; }
#main #dossier .pages .liste a { color: #777; margin-right: 1px; }
#main #dossier .pages .liste a.on { font-weight: bold; color: #424242; text-decoration: none; padding: 0; }
#main #dossier .sommaire { width: 599px; min-height: 116px; padding: 0 0 25px 0; margin: 38px 0 0 0; border: 1px solid #ddd; background: #fafafa; }
#main #dossier .sommaire .inner { width: 599px; margin: 0; }
#main #dossier .sommaire .inner .title { display: block; text-shadow: 1px 1px 0 #fff; font-size: 1.2em; text-align: center; background: #f0f0f0; padding: 10px 0 11px 0; border-bottom: 1px solid #d5d5d5; background-image:-moz-linear-gradient(#fff, #eee); background-image:-webkit-linear-gradient(#fff, #eee); background-image:-o-linear-gradient(#fff, #eee); background-image:linear-gradient(#fff, #eee); }
#main #dossier .sommaire .inner .title span { display: block; font-size: 0.8em; text-align: center; padding: 2px 0 0 0; color: #888; font-weight: normal;  }
#main #dossier .sommaire .inner ul { display: none; }
#main #dossier .sommaire .inner select { width: 430px; display: block; padding: 8px 10px; margin: 25px 0 0 85px; line-height: 25px; border: 1px solid #ccc; }

/* Tags dossiers */
#main #dossier .content h2 { font-size: 1.3em; font-weight: bold; line-height: 24px; margin: 0; padding: 10px 0 6px 0; display: block; }
#main #dossier .content h2 span { color: #999; font-size: 0.7em; margin: 0 10px 0 5px; }
#main #dossier .content .left { float: left; margin: 10px 15px 10px 0; text-align: center; }
#main #dossier .content .right { float: right; margin: 10px 0 10px 15px; text-align: center; }
#main #dossier .content .center { margin: 10px 0 10px 0; text-align: center; }
#main #dossier .content .left em, #main #dossier .content .right em, #main #dossier .content .center em { display: block; background: #fff; margin-top: 4px; margin-bottom: 4px; }
#main #dossier .content .cols { width: 600px; }
#main #dossier .content .cols .col1 { float: left; width: 284px; padding: 0 15px 0 0; border-right: 1px solid #ccc; }
#main #dossier .content .cols .col2 { float: left; width: 285px; padding: 0 0 0 15px; }
#main #dossier .content .slide-edit { display: block; padding: 5px 0 6px 0; }
#main #dossier .content #edit-plus { padding: 3px 0 0 0; }
#main #dossier .content ul, #main #dossier .content ol { margin-top: 5px; }
#main #dossier .content ul li, #main #dossier .content ol li { margin: 3px 0 0 28px; }
#main #dossier .content p { padding: 0 0 8px 0; }
#main #dossier .content table { width: 602px; border: 1px solid #ddd; }
#main #dossier .content table thead { background: #ddd; }
#main #dossier .content table thead th { padding: 5px; }
#main #dossier .content table tbody { background: #f8f8f8; }
#main #dossier .content table tbody tr:nth-child(odd) { background: #eee; }
#main #dossier .content table tbody td { padding: 3px; text-align: left; }

/* Fin tags dossiers */

#main #dossier .content .source { padding: 7px 0 7px 0; }
#main #dossier .author { margin: 30px 0 0 0; height: 1%; padding: 16px 0 0 0; background: url(/i/in/publi_bar.png) no-repeat 0 0; border-top: 1px solid #e5e5e5; }
#main #dossier .author img { float: left; margin: 0 12px 0 0; border: 1px solid #d5d5d5; background: #fff; padding: 4px; width: 100px; height: 100px; }
#main #dossier .author p { float: left; width: 465px; }
#main #dossier .author p strong { font-size: 1.6em; font-weight: normal; display: block; padding: 7px 0 7px 0; }
#main #dossier .author p .mopu { display: block; margin: 3px 0 0 0; }
#main #dossier .hleaderboard2 { margin: 42px 0 0 0; }
#main #dossier .add_comment { float: left; width: 180px; text-align: center; margin: 45px 30px 0 0; display: block; text-decoration: none; font-weight: bold; background: #FFEA7E; border: 1px solid #FFC14D; padding: 14px 9px 14px 9px; }
#main #dossier .add_comment:hover { text-decoration: none; color: #424242; background: #FEE043; border: 1px solid #F29F04; }
#main #dossier .r_comments { display: block; float: right; height: 20px; margin: 20px 1px 0 0; padding: 6px 27px 6px 0; background: url(/i/in/more_1.png) no-repeat right 3px; text-decoration: underline; font-weight: bold; text-align: right; }
#main #dossier .hleaderboard { width: 602px; padding-top: 20px; padding-bottom: 20px; margin-top: 25px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#main .plus { width: 602px; padding: 35px 0 30px 0; }
#main .plus h2 { margin: 0; }
#main .plus .liste { margin: 3px 0 0 0; }
#main .plus .liste .elem { float: left; width: 194px; margin: 0 8px 0 0; padding: 5px 0 7px 0; text-align: center; }
#main .plus .liste .elem img { display: block; width: 180px; height: 140px; margin: 0 0 6px 0; padding: 6px; background: #f0f0f0; border: 1px solid #ccc; }
#main .plus .liste .elem a:hover img { opacity : 0.7; -moz-opacity : 0.7; filter : alpha(opacity=70); }
#main .plus .liste .elem strong { line-height: 16px; font-weight: normal; display: block; margin: 0 3px 0 3px; }
#main .plus .liste .last { margin-right: 0; }
#main .plus .more2 { font-size: 1.1em; display: block; height: 21px; margin: 15px 2px 0 0; padding: 1px 27px 0 0; background: url(/i/in/more_1.png) no-repeat right top; text-decoration: underline; font-weight: bold; float: right; }

/******************* RELATED *********************/

#related { background-image: none; }
#related #commune { margin-top: 12px; }
#related .mpu_2 { margin-bottom: 25px; }

#related #geo-carte { width: 300px; background: #fff; padding: 1px 0 8px 0; margin: 0 0 0 0; }
#related #geo-carte h2 { border-bottom: 1px solid #ccc; padding: 0 0 2px 0; margin: 0 0 1px 0; }
#related #geo-carte p { background: #f6f6f6; font-size: 0.9em; line-height: 15px; text-align: center; padding: 4px 10px 4px 1px; margin: 0 0 2px 0; }
#related #carte-dossier { width: 300px; height: 190px; }

/******************* Mobile *********************/

@media screen and (max-width: 665px)
{
	#main { width: 100%; margin: 18px 0 20px 0; }
	#main .utitle { padding-top: 0; }
	#main .utitle h1 { margin: 10px 0 0 0; }
	#main .utitle h1 span { display: none; }	
	
	#main .liste { width: 100%; }
	
	#main .liste .elem { padding-top: 22px; margin-bottom: 22px; border-top: 1px solid #ddd; }
	#main .liste .first { padding-top: 0; border-top: 0; }
	#main .liste .pub, #main .liste .hleaderboard { display: none; }
	#main .liste .elem img { width: 30%; height: auto; margin-bottom: 10px; }
	#main .liste .elem img.left { float: right; margin-left: 10px; margin-right: 5px; }
	#main .liste .elem h2 { float: none; font-size: 1.2em; font-weight: bold; line-height: 22px; width: 100%; }
	#main .liste .elem .txt { float: none; width: 100%; }
	#main .liste .elem .txt em span { display: none; }
	
	#main #dossier { width: 100%; }
	#main #dossier h1 { font-size: 1.8em; line-height: 30px; }
	#main #dossier .label { font-size: 0.8em; display: inline-block; padding: 3px 5px; background: #D85142; }
	#main #dossier .label a { color: #fff; }
	#main #dossier .da .coms { display: none; }
	#main #dossier .phnav { display: none; }
	#main #dossier .content { width: 100%; font-size: 1em; line-height: 22px; }
	#main #dossier .content h2 { font-size: 1.2em; line-height: 22px; }
	#main #dossier .content img.une { float: right; width: 30%; height: auto; max-width: 180px; margin: 0 3px 10px 10px; }
	#main #dossier .content .left, #main #dossier .content .right, #main #dossier .content .center { float: none; margin: 10px 0 10px 0 !important; text-align: center; }
	#main #dossier .content .left img, #main #dossier .content .right img, #main #dossier .content .center img { max-width: 100%; }
	#main #dossier .content .cols { width: 100%; }
	#main #dossier .content .cols .col1 { width: 45%; }
	#main #dossier .content .cols .col2 { width: 45%; }
	#main #dossier .content table { width: 100%; }
	#main #dossier .content iframe { width: 100%; max-width: 100%; }
		
	#main #dossier .pages .next, #main #dossier .pages .prev { width: 35%; }
	#main #dossier .pages .prev span, #main #dossier .pages .next span { width: 100%; }
	
	#main #dossier .sommaire { width: 100%; min-height: none; border: 0; padding-bottom: 0; background: none; }
	#main #dossier .sommaire .inner { width: 100%; }
	#main #dossier .sommaire .inner .title span {font-size: 0.8em; line-height: normal; }
	#main #dossier .sommaire .inner select { width: 100%; margin-left: 0; margin-top: 10px; padding: 8px 10px; }
	
	#main #dossier .hleaderboard2 { display: none; }
	
	#main .plus { display: none; }
	
	#main #poster_commentaire {padding-top: 25px; }
}