/**********************************************
	/              zone texte modifiable           /
	***********************************************/
	.section{
		float:left;
		width:100%;
		margin:0;
		padding: 0;

	}

	.col1_1 {
		float:left;
		width:100%;
		margin: 0;
		padding: 0;
	}
	.col2_1 {
		float:left;
		width: 49%;
	}
	.col2_2 {
		float:right;
		width: 49%;
	}

	.col3_1 {
		float:left;
		width:32%;
	}
	.col3_2 {
		float:left;
		width:32%;
		margin-left: 2%;
	}
	.col3_3 {
		float:right;
		width:32%;
	}
	.module	{
		float:left;
		width: 100%;
	}

	.module li{
		font-size: 0.8em;

	}
	.module li li{
		font-size: 1.0em;

	}

	.module_laune	{
		float:left;
		width: 45%;
	}
	/*******************************************************
		Couleurs d'alternance des lignes d'une liste
	*********************************************************/
	.bgbody	{
		background-color: #e3eff0;
	}
	.bgclair	{
		background-color: #F1F7F1;
	}
	.bgfonce	{
		background-color: #97D3B0;
	}
	/***********************************************
		ACTUALITE
	*************************************************/
	.finactualite {
		float: left;
		width: 100%;
		height: 1px;
		margin: 5px 0;
		border-top: 1px solid #C8D200;
	}
	/***********************************************
		LIEN MEDIATHEQUE
	*************************************************/
	div#liste_liens	{
		float: left;
		width: 520px;
		margin: 10px 0 20px 0;
		padding: 0;
	}
	.liens_mediatheque	{
		float: left;
		width: 100%;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	/********************************/
	div#sommaireliens	{
		float: right;
		width: 180px;
		margin: 10px 0 0px 0;
		padding: 0;
	}
	/********************************/
	div#rechercherss	{
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;
	}
	div#rechercherss form	{
		margin: 10px 0 0 0;
		padding: 0;
		text-align: left;
	}
	div#rechercherss label	{
		float: left;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	div#rechercherss input#contenu	{
		clear: both;
		width: 130px;
		height: 18px;
		border: 1px solid #ccf;
		margin: 0;
		padding: 0;
		font-size: 100%;
	}
	div#rechercherss input#submit	{
		width: 30px;
		height: 20px;
		border: 0px solid #fff;
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #181D83;
		background: url('../../fr/images/clear.gif') no-repeat;
	}
	/********************************/
	div#menuliens	{
		float: left;
		width: 100%;
		margin: 0px 0 0 0;
		padding: 0;
	}
	div#menuliens ul {
		margin: 0;
		padding: 0 0 0 15px;
	}
	div#menuliens ul li a.menu{
		font-weight: bold;
	}
	/***********************************************
		ACTUALITE RSS
	*************************************************/
	div#sommairerss	{
		float: left;
		width: 540px;
		margin: 10px 0 20px 0;
		padding: 0;
	}
	#sommairerss A.ancre {
		color: #030D8A;
		text-decoration: underline;
	}
	#menurss	{
		float: right;
		width: 140px;
		margin: 0 0 5px 0;
		padding: 0;
	}
	#menurss form	{
		margin: 10px 0 0 0;
		padding: 0;
		text-align: left;
	}
	#menurss label	{
		float: left;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	#menurss input#contenu	{
		clear: both;
		width: 100px;
		height: 18px;
		border: 1px solid #ccf;
		margin: 0;
		padding: 0;
		font-size: 100%;
	}
	#menurss input#submit	{
		width: 36px;
		height: 20px;
		border: 0px solid #fff;
		margin: 0;
		padding: 3px 0 0 4px;
		font-weight: bold;
		color: #181D83;
		background: url('../../fr/images/clear.gif') no-repeat;
	}
	#menurss .menu{
		color: #030D8A;
		text-decoration: underline;
		font-weight: bold;
	}
	#menurss P{
		margin: 10px 0 0 0;
		padding: 0;
	}
	.rss	{
		clear: both;
		margin: 0;
		padding: 0;
	}
	.rss ul	{
		width: 320px;
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	.rss  li {
		float:left;
		position:relative;
		line-height: 22px;
		width: 80px;
		padding: 0;
		margin:0;
		text-align: center;
	}
	.rss .contenu {
		text-align: justify;
	}
	.rss .source {
		/*clear: both;*/
		margin-top: 10px;
	}
	.rss .hautpage {
		margin: 10px 0;
		text-align: center;
	}
	.rss .hautpage A{
		color: #030D8A;
		text-decoration: underline;
	}
	/***********************************************
		AGENDA
	*************************************************/
	div#moisagenda{
		float: left;
		width: 85px;
		margin: 5px 0 0 0;
		padding: 0 0 0 20px;
	}
	div#moisagenda .mois{

	}
	div#moisagenda .select{
		font-weight: bold
	}
	div#contenuagenda{
		float: left;
	}
	/***********************************************
		ARTICLE
	*************************************************/
	table {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	/***********************************************
		FAQ
	*************************************************/
	.faqquestion {
		float:left;
		width:100%;
	}
	.faqreponse {
		display:none;
		width:100%;
	}
	/***********************************************
		FORMULAIRE
	*************************************************/
	.colformg{
		float:left;
		margin:0 0.5em  0.5em 0;
		width: 40%;
		text-align: right;

	}
	.colformd{
		float:left;
		width: 55%;
		margin: 0 0 0.5em 0;
	}
	.ctbtn{
		clear: both;
		width:100%;
		margin: 1.5em 0 0 0;
	}
	.champoblig {
		text-align:center;
		width:100%;
		height:40px;
		font-size: 0.8em;
	}
	legend	{
		font-size: 1.0em;
		color: #0390A2;
	}
	input	{
		font-size: 1.0em;
	}
	textarea	{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.0em;

	}
	.msgtraitement{
		margin: 0 0 10px 0;
		font-size: 1.0em;
		color: #CF2952;
	}
	/********************************************************
		LIEN
	********************************************************/
	.modulelien{
		width: 100%;
		margin: 0;
		padding-left: 10px;
		line-height: 24px;
		background: url(../../fr/images/modules/flecheb.gif)  no-repeat left;
	}

	.liensavoirplus{
		width: 590px;
		padding: 0 90px 0 0;
		margin: 0;
		text-align: right;
		line-height: 24px;
		background: url(../../fr/images/modules/flecheb.gif)  no-repeat right;


	}
	/***********************************************
			MOTEUR DE RECHERCHE
	*************************************************/

	#recherche {
		width: 100%;
			margin: 5px 0 0 0;
			padding: 0;
	}
	#recherche form{
			margin: 0;
			padding: 0;
	}
	#recherche label{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 0.8em;
	}
	#recherche input#qu{
		width: 250px;
		height: 18px;
		border: 1px solid #ccc;
		margin: 5px 10px 0 0;
			padding: 0;
	}

	#recherche input#submit{
		/*width: 20px;
		height: 20px;
		border: 0px solid #fff;
			background: url('../../fr/images/communs/bouton.png') no-repeat;*/
	}

	.recherchemsg {
		height: 30px;
			margin: 5px 0 0 0;
			font-weight: bold;
	}
	p.txtrecherche {
		font-size: 0.8em;
	}
	a.txtrecherche {
		font-size: 0.8em;
		text-decoration: none;
	}
	a.titrerecherche {
		font-size: 0.8em;
		text-decoration: underline;
	}
	/***********************************************
		NEWS
	*************************************************/
	#sectionnewsletter {
		width: 500px;
		margin-left: 10px;
		padding: 0;
	}
	.newsletter {
		width: 500px;
		margin: 0;
		padding: 0;
	}
	#newsletter	{
		text-align: center;
		margin: 0;
		padding: 0;
	}
	#newsletter	legend{
		color: #335366;
	}
	/***********************************************
		PHOTO
	*************************************************/
	.lefttop {
		float:left;
		text-align: center;
		margin: 0 0 5px 0;
		padding: 0 15px 0 0;
	}
	.righttop {
		float: right;
		text-align:center;
		margin: 0 0 5px 0;
		padding: 0 0 0 5px;			border: 0px solid red;
	}
	.centertop {
		clear:both;
		text-align:center;
		margin: 0 0 5px 0;
		padding: 0;			border: 0px solid red;
	}
	.centerbottom{
		clear:both;
		text-align:center;
		margin: 5px 0 0 0;
		padding: 0;			border: 0px solid red;
	}
	.legende {
		margin-top: 5px;
		padding: 0;
		text-align: center;
		font-size: 0.7em;
		line-height: 1em;		border: 0px solid green;

	}
	/***********************************************
		PHOTOTEQUE
	*************************************************/
	.phototeque{
		float:left;
		padding: 10px 0 0 0px;
		margin: 0;
		text-align: center;
	}
	.phototequeligne{
		float:left;
		margin: 0 0 20px 10px;
	}
	.phototequephoto{
		float:left;
		width:155px;
		margin: 0;
		padding: 0 15px 0 0;
		background: url('../../fr/images/modules/cadre_photo.gif') no-repeat 0px 0px ;
	}
	.phototequephotoimgage{
		float:left;
		padding: 0;
		margin: 0;
	}
	.phototequelegende {
		float:left;
		width:155px;
		margin-top: 5px;
		padding: 0;
		text-align: center;
		font-size: 0.8em;
		line-height: 1em;
	}
	.numPhoto {
		position: absolute;
		font-size: 0.7em;
		color: #c0a;
	}
	/***********************************************
			PLAN DU SITE
	*************************************************/

	#plansitedate	{
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	#plansitedate #submit	{
		height:25px;
		margin: 0 0 10px 0;
		font-size:10px;
		background-color: #DAF7FF;
		border: 1px solid #999;
	}
	.plansitegauche	{
		float: left;
		width: 45%;
		margin: 0 0 20px 10px;
	}
	.plansitedroite	{
		float: right;
		width: 45%;
		margin: 0 10px 20px 0;
	}
	.plansite	{
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		border-left: 1px solid #ACCDD2;
		border-right: 1px solid #ACCDD2;
		border-bottom: 1px solid #ACCDD2;
		/*background-color: #eff;*/
	}
	.plansitetheme	{
		margin: 0;
		padding: 0 0 0 10px;
		background-color: #ACCDD2;
	}
	.plansitetheme	H1{
		padding: 0;
		margin: 0;
	}
	.plansitetheme	A{
		padding: 0;
		margin: 0;
	}
	.plansiterubrique	{
		margin: 5px 0 0 20px
	}
	.plansiterubrique A	{
		font-weight: bold;
		font-size: 12px;
		color: #666;
		text-decoration: none;
	}
	.plansitecategorie	{
		margin-left: 20px
	}
	.plansitecategorie A	{
		font-weight: bold;
		font-size: 12px;
		color: #666;
	}
	.plansitesousrubrique {
		margin: 5px 0 0 30px

	}
	.plansitesousrubrique A {
		font-size: 11px;
		color: #666;
		text-decoration: none;
	}
	.plansitepage A	{
		margin: 5px 0 0 40px

	}
	.plansitepage {
		font-size: 10px;
		color: #666;
	}
	/***********************************************
		TELECHARGEMENT
	*************************************************/
	.telechargement{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		line-height: 24px;
	}
	.telechargement img{
		margin-right: 10px;
		padding: 0;
		vertical-align: middle;
	}
	A.liensinternestelechargement {
		font-size: 1em;
		text-decoration: underline;
	}
	A.liensinternestelechargement:hover {
		/*font-weight: bold;*/
	}
	.telechargementtexte{
		float: left;
		padding-left: 20px  ;
	}