/*
 * Général
 */

body{font-size:1em;font-family:Arial, Helvetica,sans-serif;color:#3e3d40;text-align:left}
body,html{width:100%;height:100%;background-color:white;margin:0;}
a:focus,a:active {outline: none;}
body{font-size:62.6%;}
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
p { font-size:1.1em;  }
a {font-size:12px; }
img {border:0} 
.clearer {display:block; clear:both;font-size:0px;line-height:0px; }
.cacher{display: none;}
ul {list-style-type:square; padding:0px;margin:0;}



/*
 * HOME
 */
 #largeur{
	position: relative;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	background: transparent url(../img/fondLargeur.gif) repeat-y;
	padding: 0 18px 0 12px;
	overflow: hidden;
	min-height: 100%;
	_overflow: visible;
	_height: 100%;
}

	/*Colonne Gauche*/
	#colonneLeft{
		float: left;
		width: 180px;
	}
	
	#logo{
		width: 180px;
		height: 155px;
		background: transparent url(../img/fondLogo.gif) no-repeat;
	}
	#logo img{
		margin-top: 22px;
		margin-left: 22px;
	}
	
	#menuLeft{
		width: 180px;
		padding-bottom: 105px;
		background: transparent url(../img/fondMenuLeft.gif) left bottom no-repeat;
	}
	#menuLeft ul{
		width: 180px;
		padding-bottom: 50px;
		list-style: none;
		background: transparent url(../img/fondUlMenuLeft.gif) repeat-y;
	}
	#menuLeft ul li{
		width: 180px;
		padding-bottom: 2px;
		background: transparent url(../img/fondLiMenuLeft.gif) left bottom no-repeat;
	}
	#menuLeft ul li a{
		width: 160px;
		padding: 10px;
		background: none;
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		letter-spacing: 0.5px;
	}
	#menuLeft ul li.current a{
		width: 160px;
		padding: 10px;
		background: none;
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		background: #ed7a0b;
		color: #014a99;
		text-decoration: none;
		letter-spacing: 0.5px;
	}
	#menuLeft ul li a:hover{
		background: #ed7a0b;
		color: #014a99;
	}
	#coordonne{
		padding-top: 40px;
		width: 160px;
		padding: 10px;
		color: #014a99;
		font-size: 1.1em;
	}
	
	/*Contenu*/
	#colonneContent{
		float: left;
		width: 770px;
		position: relative;
	}
	#espacePrive{
		position: absolute;
		right: 50px;
		top: 0px;
	}
	#espacePrive a{
		background: transparent url('../img/fondEspacePrive.png') no-repeat;
		color: #ffffff;
		font-size: 1em;
		font-weight: bold;
		width: 77px;
		height: 16px;
		display: block;
		text-decoration: none;
		padding-top: 1px;
		text-align: center;
	}
	#espacePrive a:hover{
		background: transparent url('../img/fondEspacePriveOver.png') no-repeat;
	}
	#imageTop{
		height: 285px;
		width: 770px;
	}
	#content{
		margin-top: -40px;
		width: 670px;
		padding-left: 40px;
		padding-right: 60px;
		float: left;
		z-index: 2;
		position: relative;
	}
	
	#texteHome{
		float: left;
		width: 280px;
	}
	
	#texteHome h2{
		color: #014a99;
		margin-top: 0px;
		margin-bottom: 7px;
		font-size: 2.3em;
		font-weight: bold;
	}
	#texteHome h2{
		color: #014a99;
		margin-top: 0px;
		margin-bottom: 7px;
		font-size: 2.3em;
		font-weight: bold;
	}
	#texteHome p{
		margin-top: 0px;
	}
	
	#blockActualite{
		float :left;
		width: 340px;
		padding-left: 50px;
		padding-top: 50px;
	}
	#blockActualite h2{
		color: #014a99;
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 2.3em;
		font-weight: bold;
		border-bottom: solid 1px #014a99;
	}
	#blockActualite h3{
		color: #ed7f15;
		margin-top: 0px;
		margin-bottom: 7px;
		font-size: 1.2em;
		font-weight: bold;
	}
	#blockActualite img{
		margin-bottom: 7px;
		width: 160px;
	}
	#blockActualite p{
		margin-top: 0px;
		padding-bottom: 7px;
		width: 160px;
		font-size: 1.1em;
	}
	#blockActualite a.linkPlus{
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 15px;
		height: 15px;
	}
	#blockActualite a.linkPlus img{
		width: 15px;
		height: 15px;
	}
	#blockActualite1{
		float: left;
		width: 160px;
		position: relative;
	}
	#blockActualite2{
		float: right;
		width: 160px;
		position: relative;
		margin-bottom: 5px;
	}
	#blockActualiteLink{
		float: right;
		width: 160px;
		border-top: solid 1px #014a99;
		padding-top: 10px;
	}
	#blockActualiteLink p{
		margin-bottom: 9px;
		font-size: 1em;
		padding-bottom: 0px;
	}
	#blockActualiteLink a{
		color: #ec7704;
		font-weight: bold;
		font-size: 1.1em;
		text-decoration: underline;
	}
	#blockActualiteLink a.linkFlux{
		background: transparent url(../img/iconeFlux.gif) right center no-repeat;
		padding-right: 20px;
	}
	#blockActualiteLink a:hover{
		color: #ec7704;
		font-weight: bold;
		font-size: 1.1em;
		text-decoration: none;
	}
	#blockActualiteLink img{
		width: 14px;
		height: 14px;
		padding-left: 8px;
		margin-bottom: 10px;
	}
	
	/*Footer*/
	#footer{
		position: absolute;
		right: 48px;
		bottom: 0px;
		height: 15px;
		background: #014a99 url(../img/fondFooter.gif) left top no-repeat;
		padding-left: 9px;
		padding-right: 9px;
		padding-top: 3px;
		color: #ffffff;
	}
	#footer a{
		color: #ffffff;
		font-size: 1.1em;
		text-decoration: none;
	}
	#footer a:hover{
		color: #ED7A0B;
		font-size: 1.1em;
		text-decoration: none;
	}
	
/*
 * Standart
 */
 #largeurStandart{
	position: relative;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	background: transparent url(../img/fondLargeurStandart.gif) repeat-y;
	padding: 0 18px 0 12px;
	overflow: hidden;
	min-height: 100%;
	_overflow: visible;
	_height: 100%;
}
	/*Content*/
		/*Left*/
		#colonneContentLeft{
			float: left;
			width: 120px;
			background: transparent url(../img/fondStandartLeft.gif) left top no-repeat;
			padding-top: 155px;
		}
		#colonneContentLeft ul{
			background: transparent url(../img/fondLiStandartLeft.gif) left top no-repeat;
			padding-top: 2px;
			list-style: none;
		}
		#colonneContentLeft ul li{
			width: 120px;
			padding-bottom: 2px;
			background: transparent url(../img/fondLiStandartLeft.gif) left bottom no-repeat;
		}
		#colonneContentLeft ul li a{
			width: 100px;
			padding: 10px;
			background: none;
			display: block;
			font-size: 1.1em;
			color: #014a99;
			text-decoration: none;
		}
		#colonneContentLeft ul li a.selected{
			font-weight: normal;
			color:#fff;
			letter-spacing: 0px;
		}
		#colonneContentLeft ul li a:hover{
			font-weight: normal;
			color:#fff;
			letter-spacing: 0px;}
		#colonneContentLeft ul li a.on{
			font-weight: normal;
			color:#fff;
			letter-spacing: 0px;
		}
		#colonneContentLeft ul li ul{
			background: none;
			padding-left: 10px;
			padding-bottom: 10px;
			color: #014a99;
		}
		#colonneContentLeft ul li ul li{
			background: none;
			width: 100px;
		}
		#colonneContentLeft ul li ul li a{
			padding: 0px 0px 0px 8px;
			letter-spacing: 0px;
			width: auto;
			background: transparent url(../img/fondLiLiStandartLeft.gif) left 5px no-repeat;
		}
		#colonneContentLeft ul li ul li a.selected{
		}
		#colonneContentLeft ul li ul li a:hover{
		}
		
		/*Content*/
		#contentStandart{
			width: 650px;
			float: left;
		}
		#contentStandartHeader{
			width: 650px;
			min-height: 60px;
			_height: 60px;
			background: transparent url(../img/fondStandartHeader.gif) left top no-repeat;
		}
		#contentStandartHeader h1{
			margin: 0px;
			color: #ffffff;
			font-size: 2.9em;
			font-weight: normal;
			padding-top: 25px;
			padding-left: 20px;
			padding-bottom: 2px;
			padding-right:100px;
		}
		#contentStandart img#imgHeader{
			width: 650px;
			margin-bottom: 22px;
		}
		#contentTexte{
			width: 530px;
			overflow: hidden;
			margin-bottom: 60px;
			padding:0 60px;
		}
		#contentTexte h2{
			padding: 0 0 20px 0;
			margin: 0px;
			color: #00155c;
			font-weight: normal;
			font-size: 2.1em;
		}
		#contentTexte h3{
			color: #FFFFFF;
			font-size: 1.4em;
			font-weight: normal;
			overflow: hidden;
			margin-top: 20px;
			margin-bottom: 0px;
			margin-left:-10px;
			display:block;
			clear:both;
			width:100%;
		}
		#texteHome h3{
			color: #FFFFFF;
			font-size: 1.4em;
			font-weight: normal;
			overflow: hidden;
			margin-top: 20px;
			margin-bottom: 0px;
			margin-left:0px;
			display:block;
			clear:both;
			width:100%;
		}
		.contentTexteChapeau{
			/*padding: 0 60px;*/
		}
		.contentTexteChapeau img{
			float: left;
			margin: 0 20px 20px 0;
		}
		.contentTexteChapeau p{
			font-weight: bold;
			margin-top: 0px;
			margin-bottom: 15px;
		}
		#contentTexte h3 span.h3Left, #texteHome h3 span.h3Left{
			background: transparent url(../img/fondStandartH3Left.gif) right top no-repeat;
			width: 8px;
			height: 24px;
			display: block;
			float: left;			
		}
		#contentTexte h3 span.h3Content, #texteHome h3 span.h3Content{
			background: transparent url(../img/fondStandartH3.gif) repeat-x;
			height: 16px;
			display: block;
			float: left;
			padding: 4px 5px;
		}
		#contentTexte h3 span.h3Right, #texteHome h3 span.h3Right{
			background: transparent url(../img/fondStandartH3Right.gif) left top no-repeat;
			width: 8px;
			height: 24px;
			display: block;
			float: left;
		}
		.para{
		margin-bottom:15px;
		}
		.para p.spip{
			/*padding: 0 60px 0 60px;*/
		}
		.para a{
			color: #00155c;
			font-size: 1.0em;
			text-decoration: underline;
			overflow: hidden;
		}
		.para a:hover{
			color: #ed7a0b;
		}
		.para ul{
			list-style-type: disc;
			list-style-position: inside;
			color: #ed7a0b;
			margin: 11px 0;
			padding: 0 60px 0 60px;
		}
		.para ul li{
			font-size: 1.1em;
			margin-bottom: 15px;
		}
		.para ul li span{
			color: #3e3d40;
		}
		
		.contentTexteFichier{
			border-top: solid 1px #707173;
			padding-top: 30px;
			overflow: hidden
		}
		.fichierLeft{
			float: left;
			width: 235px;
			margin-bottom: 30px;
			display: block;
		}
		
		.fichierRight{
			float: right;
			width: 235px;
			margin-bottom: 30px;
			display: block;
		}
		.fichierLeftImage,.fichierRightImage{
			float:left;
			width: 45px;
		}
		.fichierLeftText,.fichierRightText{
			float: left;
			width: 170px;
			margin-left: 8px;
			border-left: solid 1px #ed7a0b;
			padding-left: 10px;
			color: #58585a;
			font-size: 1.1em;
		}
		
/*LISTE ACTU*/
#listeActuContent{
	margin-bottom: 50px;
	overflow: hidden;
}
.listePageActu{
	padding: 20px 30px 20px 60px;
	text-align: right;
	color: #014a99;
}
.listePageActu a{
	text-decoration: none;
	color: #014a99;
	font-size: 1.2em;
	border-right: solid 1px #014a99;
	padding: 0 5px;
}
.listePageActu a.next{
	border-right: none;	
}
.listePageActu a:hover{
	text-decoration: none;
	color: #ed7a0b;
}
.listePageActu span.on{
	font-size: 1.2em;
	color: #ed7a0b;
	font-weight:normal;
		border-right: solid 1px #014a99;
	padding: 0 5px;

}
#listeActu{
	padding: 0 30px 0px 60px;
}
.blockActuListe{
	overflox: hidden;
	display: block;
	margin-bottom: 25px;
	border-bottom: solid 1px #014a99;
}
.blockActuListeDate{
	margin-bottom: 5px;
	display: block;
	border-bottom: solid 1px #014a99;
	color: #014a99;;
}
.blockActuListeContent{
	overflow: hidden;
	display: block;
	position: relative;
	width: 560px;
}
.blockActuListeContent h2{
	margin: 0 0 6px 0;
	color: #00155c;
	font-size: 1.7em; 
}
.blockActuListeContent img{
	float: left;
	margin: 0 20px 10px 0;
	width: 170px;
}
.blockActuListeContent p{
	color: #3e3d40;
	margin-top: 0px;
	margin-bottom: 10px;
}
a.listeActuPlus{
	position: absolute;
	right: 0px;
	bottom: 7px;
	width: 30px;
	height: 24px;
}
a.listeActuPlus img{
	width: 30px;
	height: 24px;
}

.spip_forms {
border:0px;
color:black;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0px 0px 16px;
padding:0pt 60px;
}

.spip_forms fieldset {
border:1px solid #EC7704;
margin:0.5em 0pt;
padding:0.4em 0.4em 0.4em 1em;
}

.spip_forms legend {
font-size:14px;
font-weight:bold;
color:#999999;
padding:5px;
}

.spip_forms .forml, .spip_forms .fondl {
background:#ffffff none repeat scroll 0%;
color:#4A4336;
width:85%;
}

.spip_forms .spip_bouton input {
background:#F0E6DC none repeat scroll 0%;
border:1px solid #563033;
color:#4A4336;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
padding:0.4em;
width:100px;
}

.planrubracine {
	padding: 20px 60px 0px 60px;
	margin: 0px;
	color: #00155c;
	font-weight: normal;
	font-size: 2.1em;
}

/*ajout manuel*/

.illu img{float:left; margin:0 10px 10px 20px;}