/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background:#f6f6f6;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	height:auto!important;
	height:100%;
	width:980px;
	background:#f6f6f6;
	margin:0 auto;/*background:url(../images/charte/bg-container.jpg) left top repeat-y;*/
}
/***************** HEADER *****************/
#header {
	float:left;
	width:980px;
	height:483px;
}
#headerInterne {
	float:left;
	width:980px;
	height:280px;
	margin-bottom:10px;
}
#headerLogoMenu {
	float:left;
	width:980px;
	height:130px;
	margin-bottom:10px;
}
#headerLogo{
	float:left;
	width:158px;
	height:130px;	
}
#headerLogo img{
	float:right;
}
#headerMenu1{
	float:right;
	width:822px;
	height:95px;	
}
#headerMenu2{
	float:right;
	width:822px;
	height:35px;	
	background:url(../images/charte/fondmenu.png) left top no-repeat;
}
#headerMenu2 ul{
	float:right;
	width:666px;
	padding:0;
	height:35px;
	margin-right:140px;
	margin:0;
	list-style-type:none;
}
#headerMenu2 ul li {
	float:left;
	padding:0;
	height:24px;
	width:111px;
	margin:0;
	list-style-type:none;
	text-align:right;
	padding:10px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#404040;
}
#headerMenu2 ul li :link, #headerMenu2 ul li :visited{
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#404040;
	font-weight:bold;
	text-decoration:none;
}
#headerMenu2 ul li :hover{
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#404040;
	text-decoration:underline;
	font-weight:bold;
}
#headerMenu{
	float:left;
	width:822px;
	height:130px;	
}
#headerFlash {
	float:left;
	width:980px;
	height:280px;
}
#headerFlashInterne {
	float:left;
	width:980px;
	height:140px;
}
#headerImage {
	float:left;
	width:886px;
	height:63px;
	background:url(../images/charte/top.png) left top no-repeat;
	color:#8f8e8b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:16px 0 0 94px;
}
.contenuTop1{
	float:left;
	width:300px;
	margin-right:30px;
}
.contenuTop2{
	float:left;
	width:300px;
}
.plus{
	float:right;
	width:70px;
	height:20px;
	background:url(../images/charte/fondinfosplus.jpg) left top no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:2px;
	margin-top:5px;
}
.plus a:link, .plus a:visited{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.plus a:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	text-decoration:underline;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	width:960px;
	min-height:350px;
	height:auto!important;
	padding:0px 10px 0 10px;
}

a img{
border:none;
}
a:active, a:focus{
outline:none;
}

#contenu p{
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#333333;
line-height:1.3em;
margin-bottom:1.2em;
}

#contenu p.p_home{
height:145px;
margin-bottom:0;
}

#separateur {
	float:left;
	width:960px;
	height:42px;
}
#contenuTop {
	float:left;
	width:960px;
	height:212px;
	font-family:Arial, Helvetica, sans-serif;
}
.contenuTop1Span{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	margin-bottom:15px;
}
#contenuBottom {
	float:left;
	width:960px;
}
#contenuBottom1 {
	float:left;
	width:620px;
	margin:0 40px 0 0;
}
#contenuBottom1 h1{
	float:left;
	width:610px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding:8px 0 0 10px;
	background:url(../images/charte/fondh1.png) left top no-repeat;
}
#contenuBottom1 .contenuBottom1Contenu{
	float:left;
	width:620px;
}
#contenuBottom1 .fondref{
	float:left;
	width:600px;
	padding:9px 10px 0 10px;
	height:251px;
	background:url(../images/charte/fondref.jpg) left top no-repeat;
}
#JfnContentNews1_contenuBottom2 {
	float:left;
	width:300px;
}
#JfnContentNews1_contenuBottom2 .actualites{
	float:left;
	width:300px;
}
#JfnContentNews1_contenuBottom2 .actualites .date-actualites{
	float:left;
	width:300px;
	color:#2b7690;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
#JfnContentNews1_contenuBottom2 .actualites .p-actualites{
	float:left;
	width:300px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#JfnContentNews1_contenuBottom2 .actualites .infos-actualites{
	float:right;
	width:300px;
	color:#aa4d10;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	margin-bottom:10px;
}
#JfnContentNews1_contenuBottom2 .actualites .infos-actualites a:link, #contenuBottom2 .actualites .infos-actualites a:visited{
	color:#aa4d10;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
#JfnContentNews1_contenuBottom2 .actualites .infos-actualites a:hover{
	color:#aa4d10;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
#JfnContentNews1_contenuBottom2 h1{
	float:left;
	width:290px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding:8px 0 0 10px;
	background:url(../images/charte/h1news.png) left top no-repeat;
}

#contenu ul{
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
	clear:both;
	margin:0px 0px 10px 10px;
}
#contenu ul li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
	padding:0px 0 0 20px;
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/charte/puce.png) no-repeat;
	background-position:8px 5px;
	color:#404040;
	text-align:justify;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:289px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/

#footer1 {
	width:100%;
	height:289px;
	clear:both;
	position:relative;
	margin:-289px auto;
}
#footer {
	position: relative;/*---obligatoire pour le footer---*/
	margin:0 auto;
	width:980px;
	height:289px;
	color:#838383;
	background:url(../images/charte/fond.png) left top no-repeat;
	padding-bottom:15px;
}
#footerCopyright {
	float:right;
	height:24px;
	margin:59px 0 37px 0;
}
#footerBas{
	float:left;
	width:980px;
}
#footerBasLeft {
	float:left;
	width:310px;
	margin-left:9px;
	margin-right:42px;
}

#footerBasRight {
	float:left;
	width:618px;
	font:10px Arial, Helvetica, sans-serif;
}
.footerBasRight1 {
	float:left;
	width:150px;
	font:10px Arial, Helvetica, sans-serif;
/*	cursor:pointer;*/
}
.footerBasRight1 span{
	float:left;
	margin-bottom:10px;
	width:100%;
	display:block;
}
.footerBasLeft1 {
	float:left;
	width:61px;
}
.footerBasLeft2 {
	float:left;
	width:232px;
	font:12px Tahoma, Geneva, sans-serif;
	margin-left:10px;
}
.footerBasLeft2 span {
	margin-bottom:12px;
	display:block;
}

.formNews{
	float:left;
	margin-top:4px;
	width:233px;
}

.suivContainer{
	clear:both;
	float:left;
	margin-top:30px;
	width:233px;
}

.forminput {
	margin-top:15px;
	margin-bottom:15px;
}
.forminput input.textfield{
	width:202px;
	height:21px;
	border:0;
	color:#a9a9a9;
	padding:2px 4px;
	background:url(../images/charte/input.gif) left top no-repeat;
	float:left;
}

.forminput input.bt{
	width:23px;
	height:25px;
	border:0;
	font-size:0;
	background:url(../images/charte/input_ok.gif) left top no-repeat;
	float:left;
}


.footerBasRight1 a:link, .footerBasRight1 a:visited{
	text-decoration:none;
	color:#838383;
	cursor:pointer;
}
.footerBasRight1 a:hover{
	text-decoration:underline;
	color:#838383;
}
#footerCopyright {
	float:left;
	width:980px;
}
#footerCopyright ul {
	float:right;
	padding:0;
	height:24px;
	margin:0;
	list-style-type:none;
	margin-right:15px;
}
#footerCopyright ul li {
	float:right;
	padding:0;
	height:24px;
	margin:0;
	list-style-type:none;
	padding-right:43px;
	padding-top:5px;
	font:11px Tahoma, Geneva, sans-serif;
	background:url(../images/charte/pucecopyright.gif) right top no-repeat;
}
.logoSuivezNous .savoir{
	float:left;
	width:26px;
	height:27px;
	margin-right:8px;
}
.logoSuivezNous .savoir1 a:link, .logoSuivezNous .savoir1 a:visited{
	float:left;
	width:26px;
	height:27px;
	background:url(../images/charte/1.gif) left top no-repeat;
	margin-right:8px;
	display:block;
}
.logoSuivezNous .savoir1 a:hover{
	float:left;
	background:url(../images/charte/1over.gif) left top no-repeat;
	margin-right:8px;
	display:block;
	width:26px;
	height:27px;
}
.logoSuivezNous .savoir2 a:link, .logoSuivezNous .savoir2 a:visited{
	float:left;
	width:26px;
	height:27px;
	background:url(../images/charte/2.gif) left top no-repeat;
	margin-right:8px;
	display:block;
}
.logoSuivezNous .savoir2 a:hover{
	float:left;
	background:url(../images/charte/2over.gif) left top no-repeat;
	margin-right:8px;
	display:block;
	width:26px;
	height:27px;
}
.logoSuivezNous .savoir3 a:link, .logoSuivezNous .savoir3 a:visited{
	float:left;
	width:26px;
	height:27px;
	background:url(../images/charte/3.gif) left top no-repeat;
	margin-right:8px;
	display:block;
}
.logoSuivezNous .savoir3 a:hover{
	float:left;
	background:url(../images/charte/3over.gif) left top no-repeat;
	margin-right:8px;
	display:block;
	width:26px;
	height:27px;
}
.logoSuivezNous .savoir4 a:link, .logoSuivezNous .savoir4 a:visited{
	float:left;
	width:26px;
	height:27px;
	background:url(../images/charte/4.gif) left top no-repeat;
	margin-right:8px;
	display:block;
}
.logoSuivezNous .savoir4 a:hover{
	float:left;
	background:url(../images/charte/4over.gif) left top no-repeat;
	margin-right:8px;
	display:block;
	width:26px;
	height:27px;
}
.logoSuivezNous .savoir5 a:link, .logoSuivezNous .savoir5 a:visited{
	float:left;
	width:26px;
	height:27px;
	background:url(../images/charte/5.gif) left top no-repeat;
	margin-right:8px;
	display:block;
}
.logoSuivezNous .savoir5 a:hover{
	float:left;
	background:url(../images/charte/5over.gif) left top no-repeat;
	margin-right:8px;
	display:block;
	width:26px;
	height:27px;
}

/* SCROLLABLE */
/* ---------- */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 618px;
	margin:0 1px;
	height:600px;
}

#contenu ul.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	padding:0;
	margin:0;
}

#contenu ul.items li{
	width:618px;
	padding:0;
	margin:0;
}

#contenu ul.items li div.thumbsBloc{
	width:196px;
	margin:5px;
	float:left;
	background:url(../images/charte/references_bg_thumbs.gif) no-repeat;
	background-position:0 130px;
}

#contenu ul.items li div.thumbsBloc img{
	width:190px;
	height:124px;
	float:left;
	border:3px solid #ccc;
	margin-bottom:10px;
}

#contenu ul.items li div.thumbsBloc h3{
	width:100%;
	float:left;
	color:#2B7690;
	font-size:11px;
	margin-bottom:4px;
	text-transform:uppercase;
}

#contenu ul.items li div.thumbsBloc p{
	width:100%;
	float:left;
	color:#333;
	font-size:11px;
}

#contenu a.browse {
	background:url(../images/charte/reference_boutons.png) no-repeat;
	width:50px;
	height:30px;
	cursor:pointer;
	font-size:1px;
}

/* right */
#contenu a.right{
	float:right;
	background-position:-50px 0px;
} 


/* left */
#contenu a.left{
	 float:left;
	 background-position:0 0;
} 

#contenu a.disabled {
	visibility:hidden !important;		
} 

	
#contenu div.navigation{
	width:600px;
	height:50px;
	padding:10px;
	float:left;
	background:url(../images/charte/reference_pagination.gif) top left no-repeat;
}
/* ---------- */

/****************CONTACT****************************************/
.adresse1{
	float:left;
	width:280px;
	margin-right:20px;
	margin-bottom:10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.adresse2{
	float:left;
	width:250px;
	margin-right:20px;
	margin-bottom:10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenuBottom1 .contenuBottom1ContenuContact{
	float:left;
	width:620px;
	margin-bottom:20px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenuBottom1 .contenuBottom1ContenuContact a:link, #contenuBottom1 .contenuBottom1ContenuContact a:visited, #contenuBottom1 .contenuBottom1ContenuContact a:hover {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.inpuuut{
	float:left;
	margin-bottom:18px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenuBottom1 .contenuBottom1ContenuContact1{
	float:left;
	width:600px;
	padding:0px 10px 0 10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenuBottom1 .contenuBottom1ContenuContact1 .input{
	float:left;
	width:286px;
	font-size:11px;
	padding:0px 2px 0 2px;
	height:28px;
	color:#404040;
	border:0;
	background:url(../images/charte/inputcontact.png) left top no-repeat;
}
#contenuBottom1 .contenuBottom1ContenuContact1Center .input{
	float:left;
	width:600px;
	font-size:11px;
	padding:0px 2px 0 2px;
	height:28px;
	color:#404040;
	border:0;
	background:url(../images/charte/inputadresse.png) left top no-repeat;
}
#contenuBottom1 .contenuBottom1ContenuContact1Left{
	float:left;
	width:290px;
	margin-right:20px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenuBottom1 .contenuBottom1ContenuContact1Center textarea{
	float:left;
	width:600px;
	font-size:11px;
	padding:2px 2px 0 2px;
	height:178px;
	color:#404040;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/charte/textaria.png) left top no-repeat;
}
#contenuBottom1 .contenuBottom1ContenuContact1Center{
	float:left;
	width:600px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:20px;
}
#contenuBottom1 .contenuBottom1ContenuContact1Center .buttons{
	float:right;
	width:70px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:15px;
	height:20px;
	border:none;
	color:#FFF;
	background:url(../images/charte/fondinfosplus.jpg) no-repeat left top;
}
.infos{
	float:left;
	margin-left:5px;
	margin-bottom:1px;
}
#contenuBottom1 .contenuBottom1ContenuContact1Center .buttons1{
	float:right;
	width:70px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	border:none;
	color:#FFF;
	margin-left:20px;
	background:url(../images/charte/fondinfosplus.jpg) no-repeat left top;
}
#contenuBottom1 .contenuBottom1ContenuContact1Right{
	float:left;
	width:290px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}