* { margin: 0; padding: 0; border: 0; }

html {overflow: -moz-scrollbars-vertical;}

body {
	text-align: center; /* centrage pour IE */
	font-family: verdana, arial, geneva, sans-serif;
	font-size: 76%;
	color: #060004;
	line-height: 1.15em;
	font-weight: normal;
	background: #FECB00;
	}
	
.center {text-align: center;}
.right {float: right;}
br {clear: both;}
	
/* ---[ Mise en page/Structure des pages ]--------------------- */


#header {
	clear: both;
	position: relative;
	margin: 0px auto; 
	width: 960px;
	height: 62px;
	background: url(../images/muskolHead.gif) no-repeat top center;
	}
	
	#header.fr {background: url(../images/muskolHead_fr.gif) no-repeat top center;}
	
#container {
	position: relative;
	margin: 0 auto; 
	width: 930px;
	min-height: 585px;
	padding: 0 15px;
	text-align: left;
	background: #1d582b url(../images/bg.jpg) no-repeat top center ;
	}
	
body#home img#logo {
	position: absolute;
	left: 30px; top: 9px;
	}
	
	img#logo {
		position: absolute;
		left: 30px; top: 13px;
		}

	ul#nav {
		clear: both;
		float: right;
		margin: 20px 0 0 0;
		min-width: 400px;
		text-align: right;
		}
		
		ul#nav li {
			list-style-type: none;
			display: inline;
			margin-right: 5px;
			color: #03414e;
			}
			
			ul#nav li.last {margin: 0;}
			
			ul#nav li a:link, ul#nav li a:visited  {
				text-decoration: none;
				text-transform: uppercase;
				font-size: 80%;
				color: #03414e;
				}
			
			ul#nav li a:hover, ul#nav li a:active {text-decoration: underline;}


span#btSubmitStory {
	position: absolute;
	top: 64px; right: 238px;
	width: 218px;
	height: 66px;
	
	}
	
	span#btSubmitStory a:link, span#btSubmitStory a:visited {
		width: 218px;
		height: 33px;
		display: block;
		text-indent: -9999px;
		background: url(../images/bt_submitStory.gif) no-repeat 0 0;
		}
		
		span#btSubmitStory.fr a:link, span#btSubmitStory.fr a:visited {background: url(../images/bt_submitStory_fr.gif) no-repeat 0 0;}

span#btReadStories {
	position: absolute;
	top: 64px; right: 15px;
	width: 218px;
	height: 33px;
	}
	
	span#btReadStories a:link, span#btReadStories a:visited {
		width: 218px;
		height: 33px;
		display: block;
		text-indent: -9999px;
		background: url(../images/bt_readStories.gif) no-repeat 0 0;
		}
		
		span#btReadStories.fr a:link, span#btReadStories.fr a:visited {background: url(../images/bt_readStories_fr.gif) no-repeat 0 0;}
		
	span#btSubmitStory a:hover, span#btSubmitStory a:active,
	span#btSubmitStory.fr a:hover, span#btSubmitStory.fr a:active,
	span#btReadStories a:hover, span#btReadStories a:active,
	span#btReadStories.fr a:hover, span#btReadStories.fr a:active{
		background-position: 0 -33px;
		}	

body#home #leftCol {
	float: left;
	width: 470px;
	height: auto;
	margin-top: 120px;
	}

	img#welcomeMsg {margin: 7px 0 0 7px;}
	
	#loginBox {
		clear: both;
		width: 265px;
		height: 207px;
		padding: 30px 15px 15px 190px;
		background: url(../images/loginBox-trans.png) no-repeat top center;
		overflow: hidden;
		color: #fff;
		}	

#slideshow {
	float: right;
	width: 442px;
	height: 418px;
	padding-top: 20px;
	margin-top: 95px;
	background: url(../images/bg_slideshow-trans.png) no-repeat top center;
	text-align: center;
	}
	
	object { outline:none; }

#sidebar {
	float: left;
	width: 277px;
	height: auto;
	margin: 0 0 25px 0;
	color: #fff;
	}


#contentTop {
	clear: both;
	margin: 85px 0 0 4px;
	width: 924px;
	height: auto;
	padding-top: 27px;
	background: url(../images/bgContainer-top-trans.png) no-repeat top center;
	}
	
#contentBot {
	width: 894px;
	padding: 28px 15px 15px 16px;
	margin-bottom: 15px;
	height: auto;
	background: url(../images/bgContainer-bot-trans.png) no-repeat bottom center;
	color: #fff;
	}	

#content {
	float: right;
	width: 576px;
	height: auto;
	padding: 10px 12px;
	margin: 0 0 25px 0;
	background: #e6dfc2;
	color: #000;
	}	
	
	body#single #content {padding: 17px 12px;}
	
	
#photo	 {
	position: relative;	
	float: right;
	width: 534px;
	height: 334px;
	padding: 33px;
	background: #edcd10;
	color: #000;
	}	
	
	img#tagLine {
		position: absolute;
		bottom: 10px; right: 33px;
		}
		
#photoInstruct {
	float: right;
	width: 600px;
	height: auto;
	text-align: center;
	color: #edcd10;
	font-size: 85%;
	margin: 10px 0;
	}		

div.pagination	{
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: 15px;
	padding-bottom: 10px;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	}

	#content div.pagination a:link, #content div.pagination a:visited {text-decoration: none; margin: 0 4px; }
	#content div.pagination a:hover, #content div.pagination a:active {text-decoration: underline;}

span.date {
	float: right;
	width: 100px;
	height: 15px;
	text-align: right;
	font-size: 85%;
	font-weight: bold;
	margin-top: 5px;
	}

img.thumb {float: left; margin: 5px 10px 10px 0;}

span.more {float: left; width: 100px; margin-top: 5px;}

span.cat  {float: right; width: 300px; text-align: right; margin-top: 5px;}


#footer {
	clear: both;
	margin: 15px auto; 
	width: 960px;
	text-align: right;
	font-size: 85%;
	color: #1D582C;
	}

/* ---[ Formulaires ]--------------------- */

/*login form*/
#loginBox p {
	font-family: arial, geneva, sans-serif;
	font-size: 120%; 
	line-height: 1.4em;
	margin: 0 0 10px 0;
	}
	
	#loginBox.fr p {font-size: 100%; }
	
#loginBox p.large {font-size: 140%;}
	#loginBox.fr p.large {font-size: 120%;}
	
#loginBox label {float: left; width: 85px; display: block; font-weight: bold; text-align: right; margin: 0 5px 8px 0;}
	#loginBox.fr label {width: 115px;}
#loginBox input {float: left; clear: right; background: #fecb00; margin: 0 0 8px 0; height: 18px;}

.smaller {font-size: 90%;}

form {margin-top: 15px;}
form#loginForm p {font-size: 90%;}
	
input#photoNo {width: 80px;}
	#loginBox.fr input#photoNo {width: 70px;}
input#email {width: 165px;}
	#loginBox.fr input#email {width: 130px;}
input#postalCode {width: 80px; margin-right: 5px;}
	#loginBox.fr input#postalCode {width: 70px;}


/*registration form*/
#content label {float: left; width: 85px; display: block; font-weight: bold; text-align: right; margin: 0 5px 8px 0;}
#content input {float: left; clear: right; background: #fff; border: 1px #abadb3 solid; margin: 0 0 8px 0; height: 18px;}

#content input#name {width: 278px;margin:-4px 5px 12px 0;}
#content input#email, #content input#email2 {width: 278px; margin:-4px 5px 12px 0;}
	form#regForm.fr label, form#loginForm2.fr label {width: 130px;}
#content input#postalCode, #content input#postalCode2 {width: 95px;margin:-4px 5px 12px 0;}
#content input#pw {width: 95px;margin:-4px 5px 12px 0;}

/*submit story form*/

#content textarea#story {width: 566px; height: 130px; border: 1px #abadb3 solid;}
#content select#categories {width: 150px; background: #fff; border: 1px #abadb3 solid; margin: 5px 0 10px 0;}
#content input.fileUpload {background: #fff; border: 1px #abadb3 solid; margin: 3px 0;}
#content input.radioCheck {border: 0; margin: 0 3px 0 0; vertical-align: middle;}

input#btEnter {width: 78px; height: 26px; background: url(../images/btEnter-trans.png) no-repeat top center; margin-left: 88px; border: 0; text-indent: -9999px;}
	input#btEnter.fr {background: url(../images/btEnter_fr-trans.png) no-repeat top center; margin-left: 135px;}
	#loginBox.fr input#btEnter {margin-left: 118px;}
input#btSend {width: 78px; height: 26px; background: url(../images/btSend-trans.png) no-repeat top center; margin-left: 88px; border: 0; text-indent: -9999px;}
	input#btSend.fr {background: url(../images/btSend_fr-trans.png) no-repeat top center; margin-left: 135px;}


/* ---[ Format du texte ]--------------------- */

#contentBot h1 {
	font-size: 160%;
	margin: 5px 0 20px 0;
	}
	
#content h1 {
	font-size: 160%;
	margin: 5px 0 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px #cccdc8 solid;
	}
	
#content h2 {
	font-size: 140%;
	margin: 5px 0 10px 0;
	color: #000;
	}	
	
	#content h2 .notice {
		font-weight: normal;
		color: #fe0404;
		font-size: 75%;
		}
		
		#contentBot h2 {font-size: 140%; padding: 5px 0 10px 0;}
		#contentBot h3 {font-size: 110%; padding: 5px 0 10px 0;}
		
		.yellow {color: #FECB00;}
		
		#contentBot ul {margin: 15px 0 15px 30px;}
		#contentBot ul li {list-style-type: disc; margin: 5px 0; font-size: 90%;}
		#contentBot a {color: #FECB00;}

#content h3 {
	font-size: 120%;
	margin: 5px 0 10px 0;
	}
		
	#content h3 .notice {
		font-weight: normal;
		font-size: 90%;
		}	
	
	
#content p, #contentBot p {
	font-size: 90%;
	margin: 5px 0 20px 0;
	}
	
#contentBot #sidebar h1 { 
	font-size: 210%;
	padding-bottom: 15px;
	margin: 0;
	line-height: normal;
	color: #ffd203;
	font-weight: normal;
	}
	

#contentBot #sidebar p {
	font-size: 100%;
	margin: 0 0 20px 0;
	line-height: 1.4em;
	}	
	
#contentBot #sidebar h2 {
	width: 257px;
	height: 16px;
	padding: 6px 10px;
	background: #1d582c;
	color: #f9d306;
	font-weight: bold;
	font-size: 100%;
	margin: 5px 0 10px 0;
	}	
	
#sidebar ul {margin: 0 10px 20px 10px;}	
	
	#sidebar ul li {
		list-style-type: none;
		color: #fff;
		padding: 5px 0;
		font-size: 90%;
		}
		
		#sidebar ul li a:link, #sidebar ul li a:visited {color: #fff; text-decoration: none; font-weight: bold;}
		#sidebar ul li a:hover, #sidebar ul li a:active {color: #ffd300; }
	
#sidebar p a {color: #fff;}	

.black {color: #000;}


/* ---[ Listes ]------------------------------- */

#contentBot ol {
	margin: 5px 0 15px 25px;
	}

#contentBot ol li {
	font-size: 90%;
	margin: 3px 0 8px 0;
	}

#contentBot ol ol {
	margin: 10px 0 10px 25px;
	}
	
#contentBot ol ul {
	margin: 10px 0 10px 25px;
	}	
	
	
#contentBot ol ul li, #contentBot ol ol li, #contentBot ol ol ol li, #contentBot ol li p {font-size: 100%;	}	

/* ---[ Hyperliens ]------------------------------- */

a:focus, li:focus {outline: none;} /* remove annoying dotted box in Firefox */

#content a:link, #content a:visited {text-decoration: underline; color: #060004;}
#content a:hover, #content a:active {color: #113f27;}

#footer a:link, #footer a:visited {}
#footer a:hover, #footer a:active { }


/* ---[ Déco ]------------------------------- */

#sidebar ul.bullet {list-style-type:disc; margin-left: 15px;}
	#sidebar ul.bullet li {list-style-type:disc;}

hr {
	width: 100%;
	height: 1px;
	color: #ccc;
	background: #ccc;
	margin: 0 0 10px 0;
	}


/* ---[ Messages d'erreurs ]------------------------------- */
.form-errors{/*float:left;*/color:#fe0404;padding:0;margin:0 0 0 90px;font-size:11px;}
.form-errors-2{/*float:left;*/color:#fe0404;padding:0;margin:0;font-size:11px;}
.form-errors-3{/*float:left;*/color:#fff;padding:0;margin:0;font-size:11px;}
.form-errors-4{/*float:left;*/color:#fe0404;padding:0;margin:0 0 0 135px;;font-size:11px;}
.form-success{/*float:left;*/color:green;padding:0;margin:0 0 0 90px;font-size:11px;}
/*.field-hint{float:left;margin-right:5px;display:inline;}*/

/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

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