/*********************************************************
 * 
 * 	Scénaristes Magazine - Styles globaux
 * 	 FONDS DE PAGE - BLOCS GENERAUX
 * 	 FRAMEWORK
 * 
 ********************************************************/
	/* Set zero lambda	
	/* General
	/* balise H
	/* Conteneurs fonds
	/* Footers
	/* Positionnements	
	/* Ticker	
	/* Breadcrumb
	/* Login
	/* Moteur de recherches
	/* Tags
	/* Pieds blocs
	/* Spacer & Co	
	/* Boutons
	/* Liens
	/* Pagination
	/* 
/**********************************************************/
	
/* Set zero lambda
-------------------------------------------------------*/
	html, body, div, span, button, applet, object, iframe, h1,h2,h3,h4,h5,h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
	:focus{outline:0;}
	
/* General
-------------------------------------------------------*/
	img{border:0}
	strong{
		font-weight: bold;
	}
	u{
		text-decoration: underline;
	}
	*{
	font-family: Arial, Helvetica, Verdana, sans-serif;;
	}
	body {
	color: black;
	background: #8bb7ff;
	padding: 20px 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;;
	font-size:12px;
	}
	
	.floatleft{
		float:left;
	}
	.floatright{
		float:right;
	}

/* Balise H
-------------------------------------------------------*/
	h1{font-size:2.3em;line-height:1.2em;}
	h2{font-size:1.9em;line-height:1.2em;}
	h3{font-size:1.7em;line-height:1.2em;}
	h4{font-size:1.5em;line-height:1.2em;}
	h5{font-size:1.3em;line-height:1.2em;}
	h6{font-size:1.1em;line-height:1.2em;}
	
	
/* Conteneurs Fonds
-------------------------------------------------------*/	

#global {
	width: 936px;
	margin: 0 auto;
}

#entete {
	padding:0;
	margin:0;
	background-image: url(maquette/fondheader.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 153px;
	width: 936px;
	position: relative;
}

#centre {
	background-color:white;
	width: 100%; 
	overflow: hidden;
}

/* colonnage (Yvan, of course !) ;-)  */

#principal {
	color: #181A12;
	float: left;
	width: 600px;
	clear: right;
	margin-left:10px;
}

#secondaire {
	margin-left: 625px; 
	width:300px;
	overflow: hidden;
}

/* Pied */

#pieddepage {
height:120px;background-color:#9b8d56;
}
#pieddepage p{
padding-left:150px;text-align:center;color:white;
}
#pieddepage p a,#pieddepage p a:visited{
color:white;
text-decoration:none;
}
#pieddepage p a:hover{
color:white;
text-decoration:underline;
}


/* Positionnements
-------------------------------------------------------*/

			#posmenu{
				height: 32px;
				position: absolute;
				top: 64px;
				left: 300px;
				z-index: 500;
			}
			#alertehome{
				color:#c5b43a;
				text-align:left;
				width:600px;
				position:absolute;
				top:150px;
				left:15px;
				display:none;
			}
			#posmoteur{
				height: 40px;
				width: 300px;
				position: absolute;
				top: 97px;
				left: 630px;
				text-align: center;
			}

			#poslogin {
				height: 80px;
				width: 170px;
				position: absolute;
				top: 10px;
				left: 760px;
				text-align: right;
				color:#ffffff;
				padding:0;margin:0;

			}

			#boutonslogin{
				text-align:center;
				padding-left:20px;
				padding-top:15px;

			}
			
/* ticker header
-------------------------------------------------------*/
			#ticker{
				height: 32px;
				width: 410px;
				position: absolute;
				top: 7px;
				left: 175px;
				background-position: top left;
				background-repeat: no-repeat;
			}
			#tickertexte{
				height: 30px;
				padding-left: 90px;
			}
			p.ticker{
				color:#ffffff;
				font-size: 11px;
				font-family: Arial;
				font-weight: bold;
				line-height: 12px;
				padding:2px 0 0 0;
				margin: 0;
			}
			a p.ticker{
				color:#ffffff;
				text-decoration: none;				
			}
			a:hover p.ticker{
				color:#ffffff;
				text-decoration: underline;				
			}
			.tickerstyle{	height: 32px; width: 410px; overflow:hidden;}
			.messagediv{display: none;background:none}

/* breadcrumb navigation
-------------------------------------------------------*/


				#breadcrumb{
					height: 22px;
					width: 600px;
					position: absolute;
					top: 97px;
					left: 6px;
					color:gray;
					/*	color:#cca400; */
					letter-spacing: 0.08em;
					line-height: 22px;
					font-size:11px;
							
				}
				#breadcrumb img{
					float: left;
					padding-right:4px;	
				}
				#breadcrumb a,#breadcrumb a:visited{
				/*	color:#cca400;*/
					color:#3a81ce;
					font-weight: bold;
				}
				#breadcrumb a:hover{
				color:#3a81ce;
				}
				
/* pave de login
-------------------------------------------------------*/


			fieldset.login {
				border: none;
				width: 160px;
				margin: 0;
				padding: 0px;
			}
			.login input, .login button {
				border: none;
			}
			.login input.boxlogin {
				font-size: 0.8em;
				width: 108px;
				padding: 3px;
				height: 14px;
				background: url(maquette/login-champlogin.png) no-repeat top left;
				color:black;
				margin: 0;
			}
			.login input.boxpass {
				font-size: 0.8em;
				width: 78px;
				height: 14px;
				background: url(maquette/login-champpass2.png) no-repeat top left;
				color:black;
				margin: 0;
				padding: 3px;
			}
			
/* moteur de recherche
-------------------------------------------------------*/
			#moteur{
				text-align: center;
				margin: 0;
				padding:0;
			}
			#moteur p{
			font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				padding:2px 0;
			}
			#moteur p a, #moteur p a:visited{
				color:black;
			}
			#moteur p a:hover {
				text-decoration:underline;
			}
			#moteur fieldset.search {
				border: none;
				width: 270px;
				margin: 0 auto;
				padding: 0;
			}
			#moteur .search input, #moteur .search button {
				border: none;
			}
			#moteur .search input.box {
				font-size: 11px;
				width: 159px;
				height: 18px;
				color:black;
				padding:0;			
				margin: 0;	
				line-height: 18px;
			}
			#moteur .search button.btn {
				width: 64px;
				height: 22px;
				cursor: pointer;
				text-indent: -9999px;
				background: url(maquette/fondmoteur3.jpg) no-repeat top right;
				line-height: 18px;
			}
			
	/* nuage de tags
	-------------------------------------------------------*/
								.tagscloud {
								text-align: center;
								/*background-color:#fef8d4;*/
								background-color: white;
								border-left:1px solid #ffd800;
								border-right:1px solid #ffd800;

							}
								div.tagsliste{
								padding-bottom:8px;
								width:270px;
								margin:0 15px;
							}
								div.tagsliste a {
								font-family: Arial, Helvetica, sans-serif;
								letter-spacing: 0;
								text-decoration: none;
								vertical-align: middle;
								line-height: 20px;
							}
								div.tagsliste a:hover {
								color: #000000;
								text-decoration: underline;
							}
							
							div.tagslisteback{
								padding-bottom:8px;
								width:350px;
								margin:0 15px;
								line-height: 1.4em;
							}
								div.tagslisteback a {
								font-family: Arial, Helvetica, sans-serif;
								font-size:1.2em;
								letter-spacing: 0;
								text-decoration: none;
							}
								div.tagslisteback a:hover {
								color: #000000;
								text-decoration: underline;
							}
							
							.onglettags{
							height: 35px;
							overflow: hidden;
							background-image: url(maquette/onglettags.png);
							background-repeat: no-repeat;
							background-position: top left;
							clear: both;
							}

						.tagsliste a.w1 { font-size:20px; font-weight:bold; color:#ffd800; }
						.tagsliste a.w2 { font-size:17px; font-weight:bold; color:orange; }
						.tagsliste a.w3 { font-size:14px; font-weight:bold; color:#cd853f; }
						.tagsliste a.w4 { font-size:14px; font-weight:normal; color:#bdb76b; }
						.tagsliste a.w5 { font-size:11px; font-weight:bold; color:#708090; }							
						.tagsliste a.w6 { font-size:11px; font-weight:normal; color:black; }		
			
						
	/* pied BLOC
	-------------------------------------------------------*/	
		
		p.piedbloc{
			background-color: #ffd800;
			height: 18px;
			text-align: right;
			text-transform: uppercase;
			font-size: 0.9em;
			margin:0;
			padding: 0;
		}
		p.piedbloc a,p.piedbloc a:visited{
			color:black;
			background-image: url(maquette/pucenoire2.png);
			background-repeat: no-repeat;
			background-position: center left;
			line-height: 18px;
			height:18px;
			text-decoration: none;
			padding: 0 10px 0 10px;	
			font-weight: bold;
		}								
		p.piedbloc a:hover{
			text-decoration: underline;
		}
							
						
/* Spacer & co
-------------------------------------------------------*/
				.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 */
	
				.spacer{
					clear:both;
					font-size:1px;
					line-height:1px;
					height:1px;
				}
				.space{
					clear:both;
					height:1px;
					width: 100%;
				}
		
				.cleaner{
					clear:both;
					font-size:1px;
					line-height:1px;
					height:1px;
				}
				.hr{
					border-bottom:1px solid #000000;
					width:100%;
				}
				div.spacerdashed{
				clear:both;
				background-image: url(droplist/linedot.gif);
				background-repeat: repeat-x;
				height: 2px;
			}


		

	/* liens
	-------------------------------------------------------*/

			a {
			text-decoration: none;
			color:#ff6600;
			font-weight: normal;
			}
			a:hover{
			text-decoration: underline;
			}

			a.alist{
				color: black;
			}
			a.alist:hover{
				color: black;
			}
			a.alertediscrete,a.alertediscrete:hover,a.alertediscrete:visited{
				color:#c5b43a;
			}
			a.alerte,a.alerte:hover,a.alerte:visited{
				color:red;
			}
			a.aideoubli{
			color: white;
			text-decoration:none;
			font-size: 9px;
			}
			a.aideoubli:hover{
			color: white;
			text-decoration: underline;
			}
			a.inscription{
				color: white;
				text-decoration: underline;
				font-size:1em;
									padding:2px;
					margin:2px;
					display: block;
			}
			a.inscription:hover{
				color: yellow;
				text-decoration: underline;
			}
			a.connexion{
				color: white;
				text-decoration: underline;
					font-size:1.4em;
					padding:2px;
					margin:2px;
					display: block;
			}
			a.connexion:hover{
				color: yellow;
				text-decoration: underline;
			}

			.puceorange{
				background-image: url(maquette/puceorange.png);
				background-repeat: no-repeat;
				background-position: left center;
				padding-left:10px;
			}
			a.puceorange:visited,a.puceorange{
				color: #ff6600;
					text-decoration: none;
					font-size:1em;
			}
			a.puceorange:hover{
				color: #ff6600;
					text-decoration: underline;
			}						

	/* pagination
	-------------------------------------------------------*/				
				
				a.paginationon,a.paginationon:hover,a.paginationon:visited {
				background-image: url(/maquette/paginationon.png);
				background-repeat: repeat-x;
				height: 20px;
				width: 20px;
				border:1px solid #ffd800;
				font-size:13px;
				color: #000000;
				line-height: 20px;
				display: inline-block;
				text-align: center;
				margin: 1px;
				padding: 1px;		
			}		
				a.paginationoff,a.paginationoff:hover,a.paginationoff:visited {
				background-image: url(/maquette/paginationoff.png);
				background-repeat: repeat-x;
				height: 20px;
				width: 20px;
				border:1px solid #d7d7d7;
				font-size:13px;
				color: #ff6600;
				line-height: 20px;
				font-weight: bold;
				display: inline-block;
				text-align: center;
				margin: 1px;
				padding: 1px;									
				}


	/* pagination
	-------------------------------------------------------*/				
				
				a.paginationon,a.paginationon:hover,a.paginationon:visited {
				background-image: url(/maquette/paginationon.png);
				background-repeat: repeat-x;
				height: 20px;
				width: 20px;
				border:1px solid #ffd800;
				font-size:13px;
				color: #000000;
				line-height: 20px;
				display: inline-block;
				text-align: center;
				margin: 1px;
				padding: 1px;		
			}		
				a.paginationoff,a.paginationoff:hover,a.paginationoff:visited {
				background-image: url(/maquette/paginationoff.png);
				background-repeat: repeat-x;
				height: 20px;
				width: 20px;
				border:1px solid #d7d7d7;
				font-size:13px;
				color: #ff6600;
				line-height: 20px;
				font-weight: bold;
				display: inline-block;
				text-align: center;
				margin: 1px;
				padding: 1px;									
				}

	/* ours
	-------------------------------------------------------*/	
								

	div.ours{
		padding: 20px 0;
	}
	
	div.ours h5.ourstitle{
		color:#ff6600;
		padding-bottom:10px;
	}
	
	div.ours h6{
		padding:5px 0 0 0;
		font-weight: bold;
	}
	div.ours p{
			padding:0 0 5px 0;
	}
	div.ours p.oursnom{
		font-size:11px;
	}
	
	
	
	
	
	
	
	
	/* boutons
	-------------------------------------------------------*/	
		.boutonbleu{
		background-color:#1868bc;color:#ffffff;font-weight:bold;text-transform:uppercase;border-top:1px solid #aed0f5;border-left:1px solid #aed0f5;border-bottom:1px solid #0f2944;border-right:1px solid #0f2944;
		}
		.boutonjaune{
			background-color:#ffd800;color:#000000;font-weight:bold;text-transform:uppercase;border-top:1px solid #feff40;border-left:1px solid #feff40;border-bottom:1px solid #716000;border-right:1px solid #716000;
		}
		
.boutonjaune{
background-color:gold;
color:black;
font-weight:bold;
}



/* Bon ben, là... C'est la fin ! */

/* 

	- Combien faut-il de scénaristes pour changer une ampoule ?
	Réponse d'un scénariste :
	- On ne change rien !!!
	
*/