/*
Theme Name: Theme LEA version
Theme URI: 
Description: Theme des blogs de L'Ecole aujourd'hui.
Version: 1.0
Author: Amelie Jouineau et Julie Rambeau
Tags: bleu, vert kaki, vert, jaune, orange, bordeaux, bleu turquoise, violet/parme, gris par defaut 


*/


body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center; /* pour corriger le bug de centrage IE */
	font-weight: normal;
	line-height: 15px;
}

img{
	border: none;
}

#global{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto 0 auto;
	width: 990px;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

	/*******************************************/
	/* pub */
	/*******************************************/
	#pub{
		position: relative;
		top: 0;
		left: 0;
	}
	/* Fin pub */


	/*******************************************/
	/* header */
	/*******************************************/
	#header{
		background-color: #FFF;
		position: relative;
		top: 5px;
		left: 0;
		width: 990px;
		height: 250px;
		margin: 0;
		padding: 0;
	}
		#header_gauche{
			background: #00a6c3 url(images/header_gauche_bg.gif) top left no-repeat;
			float: left;
			display: inline;
			width: 705px;
			height: 250px;
		}	
			#header_logo{
				float: left;
				display: inline;
				width: 370px;
				height: 153px;
				margin: 0;
				padding: 0;
			}
			#header_date{
				float: left;
				display: inline;
				width: 310px; /* 335 */
				height: 25px;
				margin: 25px 25px 0 0;
				color: #006680;
				font-size: 1.6em;
				font-style: italic;
				font-weight: bold;
				text-align: right;
			}
			#header_outils{
				float: left;
				display: inline;
				width: 332px; /* 335 */
				height: 31px;
				margin: 27px 3px 0 0;
				text-align: right;
			}
			#menu_pictos{
				float: left;
				display: inline;
				width: 335px;
				height: 67px;
				margin: 42px 0 0 0;
				text-align: right;
			}	
			#menu_texte{
				float: left;
				display: inline;
				width: 695px;
				height: auto;
				margin: 5px 0 0 10px;
				color: #666666;
				font-size: 1.2em;
				font-weight: normal;
				text-align: left;
			}
			
				#menu_texte a{
					color: #000;
					text-decoration: none;
					font-size: 0.8em;
				}
				#menu_texte a{
					color: #000;
					text-decoration: none;
					font-size: 0.8em;
				}
				
		
		
		#header_droite{
			background: #f9bf00 url(images/header_droite_bg.gif) top left no-repeat;
			float: left;
			display: inline;
			width: 285px;
			height: 250px;
		}
			#header_identification{
				float: left;
				display: inline;
				width: 265px;
				height: 150px;
				margin: 3px 0 0 15px;
			}
				#header_identification #infos_blog{
					margin: 15px 0 0 0;
					width: 260px;
					height: auto;
					color: #BE1E2D;
					font-size: 1.8em;
					font-weight: bold;
					line-height: 25px;
				}
				
				#header_identification #nom_uti{
					width: 260px;
					height: auto;
					color: #BE1E2D;
					font-size: 1.1em;
					font-weight: bold;
					line-height: 13px;
				}
				#header_identification .liens_espace_abonnes{
					float: left;
					display: inline;
					width: 130px;
					height: auto;
					margin: 5px 0 0 0;
					color: #663333;
					font-size: 1.1em;
					font-weight: bold;
				}
					#header_identification .liens_espace_abonnes a, #header_identification .liens_espace_abonnes a:hover, #header_identification .liens_espace_abonnes a:visited{
						color: #663333;
						text-decoration: underline;
					}
				#header_identification .bt_deconnexion{
					float: right;
					display: inline;
					width: 90px;
					height: auto;
					margin: 5px 0 0 0;
					color: #FFFFFF;
					font-size: 1.2em;
					font-weight: bold;
				}
					#header_identification .bt_deconnexion a, #header_identification .bt_deconnexion a:hover, #header_identification .bt_deconnexion a:visited{
						color: #FFFFFF;
						text-decoration: underline;
					}
				
				
			#header_recherche{
				background: #e7e5e7 url(images/header_recherche_bg.gif) top left no-repeat;
				float: left;
				display: inline;
				width: 260px;
				height: 92px; /* */
				margin: 0 0 0 10px;
				padding: 3px 0 0 0;
				color: #8F827C;
				font-size: 1.2em;
				font-weight: bold;
			}
				#header_recherche ul{
					margin: 0 0 0 35px;
					padding: 2px 0 0 0;
				}
					#header_recherche li{
						margin: 0;
						padding: 0 0 5px 0;
						list-style-image: url(images/header_fleche_jaune.gif);
						list-style-position: outside;
					}
				#header_recherche form{
					margin: 0;
					padding: 0;
				}
				#header_recherche .champ_recherche{
					float: left;
					display: inline;
					width: 215px;
					height: 24px;
					margin: 0 0 0 5px;
					padding: 0;
					border: #FFFFFF solid 1px;
				}
				#header_recherche .bouton_valid_recherche{
					float: left;
					display: inline;
					width: 29px;
					height: 26px;
					margin: 0 0 0 5px;
					padding: 0;
				}
				#header_recherche #lien_recherche_avancee a, #header_recherche #lien_recherche_avancee a:hover, #header_recherche #lien_recherche_avancee a:visited{
					float: left;
					display: inline;
					width: 250px; /* 260 */
					height: auto;
					margin: 5px 10px 0 0;
					color: #6A5D55;
					font-size: 10px;
					font-style: italic;
					font-weight: normal;
					text-decoration: none;
					text-align: right;
				} 
					
	/* Fin header */


	/*******************************************/
	/* main */
	/*******************************************/
	#main{
		background: #FFF url(images/main_bg.gif) top left repeat-y;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 15px 10px 20px 10px;
		width: 970px; /* 990 */
		height: auto;
		overflow: auto;
	}

		#main_col_gauche{
			background-color: #FFF;
			float: left;
			display: inline;
			width: 630px;
			height: auto;
			margin: 0;
			padding: 0;
		}

		#main_col_droite{
			background-color: #FFF;
			float: left;
			display: inline;
			width: 300px;
			height: auto;
			margin: 0 0 0 35px;
			padding: 0;
			font-size:12px;
			color:#666;
		}
		
			#pub_lea{
				background: #FFF;
				width: 300px;
				height: 200px;				
			}
			#pub_300_250{
				width: 300px;
				height: 265px;
				margin: 10px 0 20px 0;
				padding: 0;
				/*color: #666666;*/
				/*font-size: 0.9em;*/
				/*	line-height: 8px;*/
			}
			.titre_categorie_col_droite{
				background-image: url(images/titre_categorie_col_droite_bg.gif);
				background-position: top left;
				background-repeat: no-repeat;
				width: 285px; /* 300 */
				height: 20px; /* 25 */
				margin: 0;
				padding: 5px 0 0 15px;
				color: #FFFFFF;
				font-size: 1.2em;
				font-weight: bold;
			}
			#main_col_droite ul {
				background-color: #FFF;
				width: 300px;
				height: auto;
				margin: 5px 0 15px 0;
				padding: 0;
			}
			#main_col_droite ul.links li, #main_col_droite ul.ressources li, #main_col_droite ul.months li, #main_col_droite ul.feeds li, #main_col_droite ul.posts li, #main_col_droite ul.comments li{
				background-color: #FFFFFF;
				width: 275px;
				height: auto;
				margin: 3px 0 0 0;
				padding: 0 0 0 25px;
				line-height: 20px;
				list-style: none;
				border-bottom: #CCCCCC solid 1px;
			}
				#main_col_droite ul li ul li{ /* Catégorie enfant */
					background-color: #FFFFFF;
					width: 250px;
					height: auto;
					margin: 3px 0 0 25px;
					padding: 0 0 0 25px;
					line-height: 20px;
					list-style: none;
					border-bottom: #CCCCCC solid 1px;
				}
				#main_col_droite ul.categories li{
					background-color: #FFFFFF;
					list-style: none;
				}
				#main_col_droite ul.links li{
					background: transparent url(images/link.png) top left no-repeat;
				}
				#main_col_droite ul.categories li ul li, #main_col_droite ul.months li, #main_col_droite ul.ressources li{
					background: transparent url(images/page.png) top left no-repeat;
				}
				#main_col_droite ul.feeds li{
					background: transparent url(images/feed.png) top left no-repeat;
				}
				#main_col_droite ul.posts li{
					background: transparent url(images/post.png) top left no-repeat;
				}
				#main_col_droite ul.comments li{
					background: transparent url(images/comments.gif) top left no-repeat;
				}
				
			.titre_auteur{
				width: 300px; /* 300 */
				height: auto;
				font-weight: bold;
				font-size: 1.2em;
			}
			.extrait_auteur{
				margin: 0 0 15px 0;
				border-bottom: #CCCCCC solid 1px;
			}

		#fil_ariane{
			position: relative;
			top: 0;
			left: 0;
			width: 630px;
			height: auto;
			margin: 0;
			padding: 0 0 5px 0;
			color: #006680;
			font-size: 1.2em;
			border-bottom: #dddddd solid 1px;
		}
			#fil_ariane a, #fil_ariane a:hover, #fil_ariane a:visited{
				color: #006680;
				text-decoration: none;
			}
		
		#main_titre{
			position: relative;
			top: 0;
			left: 0;
			width: 625px;
			height: auto;
			margin: 10px 0 0 5px;
			padding: 0;
			font-size: 2em;
			font-weight: bold;
			line-height: 25px;
		}
		
		#main_contenu{
			position: relative;
			top: 0;
			left: 0;
			width: 625px;
			height: auto;
			margin: 20px 0 0 5px;
			padding: 0;
			color: #666666;
			font-size: 1.2em;
		}
			#main_contenu p{
				margin: 15px 0 0 0;
			}
			/*.image_en_float img{
				float: left;
				display: inline;
				margin: 0 10px 10px 0;
			}*/
			.message_erreur{
				margin: 15px 0 10px 0;
				color: #FF0000;
				font-weight: bold;
			}


			#main_contenu .article_home{
				width: 100%;
				height: auto;
				margin: 0 0 30px 0;
				padding: 0 0 5px 0;
			}
				.titre_article_home{
					margin: 0;
					padding: 0;
					font-size: 1.6em;
					font-weight: bold;
					line-height: 25px;
				}
				.titre_article_home a, .titre_article_home a:hover, .titre_article_home a:visited{
					text-decoration: none;
				}
				.extrait_article_home{
					margin: 10px 0 0 0;
					padding: 0;
					color: #333333;
					font-size: 1em;
				}
					.extrait_article_home p, .extrait_article_home span{
						margin: 0;
						padding: 0;
						color: #333333;
						font-family:Arial, Helvetica, sans-serif;
					}
					.extrait_article_home a, .extrait_article_home a:hover, .extrait_article_home a:visited{
						text-decoration: none;						
					}
					.more-link{
						display: block;
						margin: 15px 0 0 0;
						padding: 0;
					}
				.infos_article_home{
					margin: 10px 0 0 0;
					padding: 0;
					text-align: right;
					color: #000000;
					font-size: 0.9em;
				}
			.liens_precedent_suivant{
				margin: 10px 0 5px 0;
				width: 100%;
				height: 25px;
				text-align: center;
				font-size: 1em;
			}
				.previous{
					width: 300px;
					height: 20px;
					font-size: 1em;
					text-align: left;
				}
				.next{
					width: 300px;
					height: 20px;
					font-size: 1em;
					text-align: right;
				}
					.liens_precedent_suivant a, .liens_precedent_suivant a:hover, .liens_precedent_suivant a:visited, .previous a, .previous a:hover, .previous a:visited, .next a, .next a:hover, .next a:visited{
						text-decoration: none;
					}

			#commentaires{
				width: 100%;
				height: auto;
				margin: 40px 0 0 0;
				padding: 5px 0 0 0;
			}
				#commentaires ul{
					margin: 0;
					padding: 0;
				}
					#commentaires li{
						list-style: none;
					}
				.titre_bloc_commentaire{
					border-top: #dddddd solid 1px;
					margin: 0 0 15px 0;
					padding: 5px 0 0 0;
					font-size: 1.4em;
					font-weight: bold;
				}
				.nom_auteur_commentaire{
					margin: 0 0 0 5px;
					padding: 5px 0 5px 0;
					color: #FFFFFF;
				}
				.fond_commentaire_auteur{
					color: #FFFFFF;
					/* Voir dans header.php pour la couleur */
				}
				.contenu_commentaire{
					margin: 0 0 20px 0;
					padding: 0 0 0 20px;
				}
				#commentaires form{
					margin: 0;
					padding: 0;
				}
					#commentaires form label{
						float: left;
						display: inline;
						clear: left;
						width: 150px;
						height: 20px;
						margin: 5px 0 0 0;
					}
					#commentaires form .champ_input{
						float: left;
						display: inline;
						width: 443px;
						height: 20px;
						margin: 5px 0 0 0;
						border: 1px solid #aaaaaa;
						font-size: 12px;
						color: #333333;
					}					
					#commentaires form .champ_textarea{
						float: left;
						display: inline;
						margin: 5px 0 0 0;
						width: 443px;
						height: 157px;
						border: 1px solid #aaaaaa;
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
						color: #333333;
					}					
					#commentaires form .bt_valider{
						/*background: #ffdb00 url(images/bt_valider.gif) top left no-repeat;*/
						float: left;
						display: inline;
						width: 113px;
						height: 26px;
						margin: 5px 0 0 0;
					}
					
					
	/* Fin main */
	

	/*******************************************/
	/* footer */
	/*******************************************/
	#footer{
		background: #00a6c3 url(images/footer_bg.gif) top left no-repeat;
		position: relative;
		top: 0;
		left: 0;
		width: 990px;
		height: 100px;
		color: #006680;
		font-weight: bold;
	}
		#footer_logo_lea{
			float: left;
			display: inline;
			width: 990px;
			height: 55px;
			text-align: right;
		}
		#menu_footer{
			float: left;
			display: inline;
			width: 835px;
			height: 30px;
			margin: 15px 0 0 30px;
			text-align: right;
			font-size: 1.2em;
			font-style: italic;
			line-height: 13px;
		}
			#menu_footer a, #menu_footer a:hover, #menu_footer a:visited {
				color: #006680;
				text-decoration: none;
			}
		#copyright{
			float: left;
			display: inline;
			width: 115px;
			height: 25px;
			margin: 20px 0 0 10px;
			font-size: 1.4em;
			font-style: italic;
		}
	/* Fin footer */