/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	margin: 0;
	padding:0;
	text-align: justify;
	font-size: 0.74em;
	font-family:tahoma;
	font-weight:400;
	color: #000;
}

img, table {
	margin: 0;
	padding: 0;
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

ul, li{
	margin:0;
	padding:0;
	list-style:none;
}

p{
	margin:0;
	padding:0;}

a{
	color:#000;
	text-decoration:none;
	outline:0;
}

a:hover{
	text-decoration:underline;
}

/*  -----------------------
/*  Différentes parties 
/*  -----------------------*/

/***** bandeau *****/
#global_bandeau_som{
	width:100%;
	height:291px;
	background:url(images/background_bandeau_01.jpg) no-repeat top center;
}

#global_bandeau{
	width:100%;
	height:211px;
	background:url(images/background_bandeau_02.jpg) no-repeat top center;
}

#bandeau{
	width:957px;
	margin:auto;
}

	#bandeau #logo_ot{
		width:225px;
		height:211px;
		float:left;
	}
	#bandeau #entete{
		color:#FFFFFF;
		float:right;
		font-family:tahoma;
		margin-bottom:10px;
		margin-top:10px;
		width:732px;
	}
		#bandeau #entete a{
			color:#fff;
			padding-left:4px;
			padding-right:4px;
		}
		#bandeau #entete #langues{
			width:100px;
			float:left;
		}
		#bandeau #entete #outil{
			width:600px;
			float:right;
		}
			#bandeau #entete #outil ul.align{
				display:inline;
			}	
			#bandeau #entete #outil ul li.h{
				display:inline;
			}
			#bandeau #entete #outil ul li.h form{
				display:inline;
			}
			#bandeau #entete #outil ul li.h form input#recherche{
				width:100px;
				height:15px;
				border:2px solid #628ade;
			}
			#bandeau #entete #outil ul li.h form input#submit{
				background:transparent url(images/bouton_ok.jpg) no-repeat center center;
				border:0;
				width:20px;
			}
	#bandeau #image{
		float:right;
		!margin-top:35px;
	}
		#bandeau #image #diaporama{
			margin-top:35px;
		}

/***** corps *****/
#global_page{
	width:100%;
	background:#fff;
	min-height:300px;
    height:auto !important;
    height:300px;
}

#page{
	width:957px;
	margin:auto;
}

	#navigation{
		width:200px;
		float:left;
		text-align:right;
		padding-top:30px;
	}
		#navigation li.navigation{
			font-family:georgia;
			font-weight:bold;
			font-style:italic;
			font-size:1.2em;
			border-bottom:1px dotted #e3e5e9;
			margin-top:10px;
			padding-bottom:10px;
		}
		#navigation li.sous_navigation{
			padding-top:3px;
			padding-bottom:3px;
		}
		#navigation li.sous_navigation a{
			color:#455068;
			font-family:tahoma;
			font-size:0.9em;
			font-style:normal;
			font-weight:normal;
		}
		#navigation a{
			color:#d80000;
		}
	
	#contenu{
		width:723px;
		float:right;
		padding-top:30px;
	}
	#contenu a{
		color:#dd0000;
	}
	#contenu h1{
		color:#dd0000;
		font-style:italic;
		font-weight:bold;
		font-family:georgia;
		font-size:1.6em;
		padding-bottom:15px;
	}
	#contenu h3{
		color:#dd0000;
		font-family:tahoma;
		font-style:normal;
		font-weight:0;
		font-size:1.3em;
	}
	#contenu p.spip a #legende{
		color:grey;
		font-size:0.71em;
		font-style:italic;
	}
	#contenu p.spip img{}
	
	#contenu #chapo{
		font-weight:bold;
		padding-bottom:10px;
	}
	#contenu #texte img{
		float:left;
	}
		#contenu #logo{
			padding-left:10px;
			padding-right:10px;
			width:500px;
		}
		#contenu #logo img.logo{
			width:25px;
			padding:2px;
			border:1px solid #ccc;
		}
	#contenu #logo_art{
		float:left;
		margin-right:10px;
	}
		#contenu #logo_art img{
			border:1px solid #ccc;
			padding:2px;
		}
		#contenu #article_accueil{
			width:423px;
			min-height:183px;
			float:left;
			padding-right:20px;
		}
			#contenu #article_accueil h1{
				color:#dd0000;
				font-style:italic;
				font-weight:bold;
				font-family:georgia;
				font-size:1.6em;
				padding-bottom:15px;
			}
			#contenu #article_accueil #chapeau{
				font-weight:bold;
				font-style:normal;
				color:#000;
				padding-bottom:10px;
			}
		#contenu #galerie{
			float:right;
			width:280px;
			height:297px;
			background:url(images/galerie.jpg) no-repeat top right;
		}
			#contenu #galerie h2{
				margin-top:-5px;
			}
			#contenu #galerie .vignettes{
				padding:10px;
			}
			#contenu #galerie .vignettes img{
				border:5px solid #FFFFFF;
				!border:0px;
				float:left;
				margin-bottom:6px;
				margin-right:6px;
				!margin-right:15px;
			}
			#contenu #galerie #plus a img{
				margin-left:12px;
			}
			#contenu #galeriePLUS a img{
				border:1px solid #ccc;
				padding:2px;
				float:left;
				margin-right:24px;
				margin-bottom:24px;
			}
		#contenu #bonplan{
			background:transparent url(images/fond_bonplan.jpg) no-repeat scroll left top;
			color:#973301;
			float:left;
			height:314px;
			padding-left:20px;
			padding-right:20px;
			padding-top:100px;
			width:380px;
		}
			#contenu #bonplan ul li.bonsplans{
				list-style:url(images/puce_bonplan.jpg);
				margin-left:15px;
				margin-top:10px;
			}
			#contenu #bonplan a{
				color:#973301;
				font-weight:bold;
				text-decoration:underline;
			}
		#contenu #actualites{
			width:280px;
			height:200px;
			float:right;
			background:url(images/actus.jpg) no-repeat top right;
			padding-top:10px;
			color:#2a6594;
		}
			#contenu #actualites h2{
				padding-bottom:5px;
			}
			#contenu #actualites a{
				color:#2a6594;
				font-weight:bold;
				float:right;
			}
			#contenu #actualites #contenu_actu{
				padding-left:20px;
				padding-right:20px;
			}
			#contenu #actualites #contenu_actu #titre{
				font-weight:bold;
				padding-bottom:2px;
			}
			#contenu #actuPlus{
				font-weight:bold;
				float:right;
				font-size:1.2em;
			}
		#contenu #actu{
			padding-bottom:20px;
		}
		#contenu ul li.plan_rub{
			padding-top:5px;
			padding-bottom:5px;
		}
			#contenu ul li.plan_rub a{
				color:#dd0000;
				font-weight:bold;
			}
		#contenu ul li.plan_art{
			text-indent:15px;
		}
			#contenu ul li.plan_art a{
				color:#455068;
				font-weight:normal;
			}
/***** pied *****/
#global_pied{
	width:100%;
	height:254px;
	background:url(images/background_pied.jpg) repeat-x bottom center;
}

#pied{
	width:957px;
	margin:auto;
	color:#fff;
}
#pied a{
	color:#a0f001;
}
	#pied #blanc{
		width:100%;
	}
		#blanc #logos{
			width:234px;
			float:left;
		}
		#blanc #menu2{
			border-top:1px dotted #485268;
			float:right;
			margin-top:65px;
			padding-top:10px;
			width:723px;
		}
			#menu2 ul li.outil, #menu2 ul li.outil_der{
				display:inline;
			}
			#menu2 ul li.outil a{
				color:#485268;
				font-family:tahoma;
				font-style:regular;
				border-right:1px solid #485268;
				padding-left:4px;
				padding-right:4px;
			}
	#pied #herbe{
		width:100%;
		margin-top:80px;
	}
		#pied #herbe #infos{
			width:50%;
			float:left;
		}
		#pied #herbe #rea{
			width:50%;
			float:right;
			text-align:right;
		}
		#pied #herbe #rea a{
			font-weight:bold;
		}
		
/**** classes ****/
.break { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0px; font-size: 0px; }