body {
	font: 100% helvetica, sans-serif, Arial, sans-serif;
	background: #d6d2ca;
	padding: 0px;
	margin:0px;
	color: #000000;
	font-weight: lighter;
	background-image: url(images/hisseo_fond_nav.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	
}
h1
{
margin :0;
padding : 0;
	font-size: 25px;
	color: #991021;
	font-weight: lighter;
	line-height: 135%;
}
h2
{
	font-size: 18px;
	font-weight: lighter;
	padding-top: 35px;
	padding-bottom: 10px;
	margin :0;
}
#container {
	width: 980px;  
	margin: auto ;
	padding:0px;
	
}
#mainContent {
	padding: 0px;
	margin:0px;
    }
td,th {
	font-size: 12px;
	color: #5c5c5c;
}
.fdtransparent  {
	background-repeat: repeat;
	background-image: url(images/fdtransparent.png);
	background-color: transparent;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	 }
.fdtransparentcoldroite_accueil  {
	background-repeat: repeat;
	background-image: url(images/fdtransparent.png);
	background-color: transparent;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 23px;
	padding-left: 10px;
	position : relative;

	  }
	  .fdtransparentcoldroite_coldroite  {
	background-repeat: repeat;
	background-image: url(images/fdtransparent.png);
	background-color: transparent;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	position : relative;
	  }
	  .fdtransparentcoldroite  {
	background-repeat: repeat;
	background-image: url(images/fdtransparent.png);
	background-color: transparent;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position : relative;
	  }
.fdtransparentpresentation  {
	background-repeat: no-repeat;
	/* background-image: url(images/images/photo_presentation.jpg); */
	background-color: transparent;	
	}
	.fdtransparentpresentation .container-img {
		display :flex ;
		flex-direction : column ;
		width : 180px ;
		position : relative ;
		float : left ;
		margin-right : 15px ; 
		margin-bottom : 15px ; 
		
	}
	.fdtransparentpresentation p {
		margin : 0 ; 
	}
	.fdtransparentpresentation .container-img img {
		object-fit : cover ;
		width : 100% ;
		height : 100% ;
		object-position : center ;
	}
	.fdtransparentpresentation .container-img .texte_sous_anim {
		position : absolute ;
		bottom : 0 ;
		left : 0 ; 
		height : auto ; 
		font-size : 10px ;
		width : 100% ;
		padding : 0;
	}
		
.bkgcoldroite  {
	background-color: #e3dfd8;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
 }img.floatLeft { 
    float: left; 
    margin: 10px; 
}

.bkgcoldroite2  {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
		}
.bkgcoldroite3  {
	background-color: #f9f9f8;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width : 330px;
	
}
.bkgcoldroite4  {
	background-color: #e3dfd8;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
 }
		.boite {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	.boite2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f9f9f8;}
	.boite3 {
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #ffffff;
}
.Style3 {color: #f9f9f8}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
color : #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #991021;
}
a:active {
	text-decoration: none;
	color: #991021;
}

a.link1 {
	color: #222222;
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;	
}
a.link1:hover {
	color: #991021;
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
	
}

a.link2 {
	font-size: 14px;
	color: #222222;
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
	line-height: 115%;
}
a.link2:hover {
	font-size: 14px;
	color: #991021;
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
}

a.link3{
	color: #222222;
	background-image: url(images/images/loupe.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;	
}
a.link3:hover {
	color: #991021;
	background-image: url(images/images/loupe.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;
	}

a.link4{
	color: #5c5c5c;
	font-size: 11px;
}

a.linkliste {
	color: #222222;
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 15px;	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	background-color: #ffffff;
}
a.linkliste:hover {
	color: #991021;
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 15px;	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	background-color: #ffffff;
	
}

a.link4:hover {
	color: #991021;
	font-size: 11px;
	
}.titrepage {
	font-size: 25px;
	color: #991021;
	font-weight: lighter;
	line-height: 135%;
	}
.titrecategorie {
	font-size: 18px;
	font-weight: lighter;
	padding-top: 35px;
	padding-bottom: 10px;
		}
.titrecategorie2 {
	font-weight: lighter;
	padding-top: 35px;
	padding-bottom: 10px;
		}
		.titrecategorie3 {
	font-size: 18px;
	font-weight: lighter;
	padding-bottom: 10px;
		}
.titrecoldroite {
	font-size: 14px;
	font-weight: lighter;
	padding-top: 0;
	padding-bottom: 10px;
	}
.titrecoldroite1 {
	font-size: 14px;
	font-weight: lighter;
	padding-top: 35px;
	padding-bottom: 10px;
	}.categortetelechargement {
	font-size: 11px;
	}
.texterouge {
	font-size: 13px;
	font-weight: lighter;
	color: #991021;
	line-height: 140%;
	}
.texte {
	font-size: 11px;
	color: #5c5c5c;
	line-height: 180%;
	}
	.lien_menu
	{
		height : 30px;
		display : inline ;
		margin : 0px 13px 0 13px ;
		
	}
	.lien_menu a
	{
		text-decoration: none ;
		font-size: 14px;
		color: #5c5c5c;
		padding-bottom :10px;
		
	}
	.lien_menu a:hover
	{
		color: #991022;	
	}
	.lien_menu:hover
	{
	color: #991022;
	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :10px;
	}
.actif a
{
	color: #991022;
	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :10px;
}	
	.cell_menu
	{
		padding-top :8px;
	}
	.lien_menu1
	{
		height : 30px;
		display : inline ;
		margin : 0px 13px 0 13px ;
		
	}
	.lien_menu1 a
	{
		text-decoration: none ;
		font-size: 14px;
		font-weight: bold;
		color: #222222;
		padding-bottom :10px;
		
	}
	.lien_menu1 a:hover
	{
		color: #991022;	
	}
	.lien_menu1:hover
	{
	color: #991022;
	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :10px;
	}	
	.cell_menu1
	{
		padding-top :8px;
	}
	.boite_formulaire {background-color: #353330;
	padding: 5px;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
}
.texte_formulaire {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 10pt;
	font-weight: normal;
	color: #b5b5b5;
	text-decoration: none;	
}
.Style6 {font-size: 13px; font-weight: bold; color: #991021; line-height: 140%; }
.filet {
border-color: #d6d2ca;
 border-width: 1px; 
border-style:solid;}





/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 940px;
		height: 305px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics div {
		float:left;
		cursor:pointer;
		width:940px !important;
		height:317px;
		margin:0px;
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}
	.texte_sous_anim
	{
		background : #fff;
		padding : 2px 0px 5px 10px;
		margin : 0px;
		height : 50px;
	}
	.texte_sous_anim h2
	{
		margin:5px 0 2px 0;
		padding : 0;
		font-size : 16px;
		color : #5C5C5C ;
		font-weight : normal ;
		font-family : verdana ;
		
	}
	.texte_sous_anim h2 a
	{
		margin:0;
		padding : 0;
		font-size : 16px;
		color : #5C5C5C ;
		font-weight : normal ;
		font-family : verdana ;
		border : none;
		
	}
	.texte_sous_anim img
	{
		border : none;
		
	}
	.texte_sous_anim h2 a:hover
	{
		color : #000 ;
		
	}
	textarea
	{
		width : 300px;
		height : 194px;
		color : #5C5C5C;
		font-family : Helvetica, Lucida,Arial;
	}
	select
	{
		width :170px;
	}
	input
	{
		width :165px;
		color : #5C5C5C;
		font-family : Helvetica, Lucida,Arial;
	}
	p
	{
		line-height : 18px;
	}



/* position and dimensions of the navigator */
.navi {
	width:140px;
	height : 20px;
	background : #fff;
	float : left ;
	padding-left : 800px;
	padding-top : 3px;
	margin : 0px;
}


/* items inside navigator */
.navi a {
	width:17px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/bouton_anim.gif) 0 0 no-repeat;
	display:block;
	font-size:1px;
	
}

/* mouseover state */
.navi a:hover {
background:url(images/bouton_anim_roll.gif) 0 0 no-repeat;   
}

/* active state (current page state) */
.navi a.active {
background:url(images/bouton_anim_roll.gif) 0 0 no-repeat;   
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:940px;
	height:303px;
	margin : 0px;
	padding : 0px 0 0px 0;

	/* custom decorations */
	/*border:1px solid #ccc;*/
	/*background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:940px;
}
.items a {
	font-family : verdana;
}

/* single scrollable item */
.scrollable img .grande {
	float:left;
	margin:0px	;
	background-color:#fff;
	padding : 0px;
	border : none ;
	width:940px;
	height:260px;

}

/* active item */
.scrollable .active {
	/*border:2px solid #000;*/
	position:relative;
	cursor:default;
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

 	


/***************************** WRAP*************************************/
/* styling for the image wrapper  */
	#image_wrap {
	
		/* dimensions */
		width:525px;
		height : 240px;
		margin:30px 0 5px 0px;
		padding:15px 0;
		/* centered */
		text-align:center;
		/* some "skinning" */
		/*outline:1px solid #ddd;*/

	}
	
	#image_wrap2 {
	
		/* dimensions */
		width:215px;
		height : 120px;
		margin:30px 0 0px 0px;
		padding:15px 0;
		/* centered */
		text-align:center;
		/* some "skinning" */
		/*outline:1px solid #ddd;*/

	}

/*
	root element for the scrollable2.
	when scrolling occurs this element stays still.
*/
.scrollable3 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 200px;
	height:30px;
	float:left;
	position : absolute ;
	top : 0px ;
	left : 0px;
	background : #fff;

}

/*
	root element for scrollable2 items2. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable2 items2.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable3 .items3 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items3 div {
	float:left;
	width:200px;
	height :150px;
	margin : 0 0 0 21px;
}

.scrollable3 img {
	float:left;
	background-color:#fff;
	padding:1px;
	width:50px;
	height:28px;
	margin: 0px 5px 0 0;
	cursor : pointer;
	
}

/* active item */
.scrollable3 .active {

	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :15px;
	/*border:2px solid #000;
	position:relative;
	cursor:default;*/
}
.scrollable3 img:hover {

	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :15px;
	/*border:2px solid #000;
	position:relative;
	cursor:default;*/
}
a.browse2 {
	
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:0px 10px;
	cursor:pointer;
	font-size:1px;
	z-index : 100 ;
}
/* prev, next, prevPage and nextPage buttons */


/* right */
a.right 				{ 
float : right ;
/*background-position: 0 -30px; */
clear:right; 
margin: 0px;
padding : 0px;
position : absolute ;
top : 0px ;
right : -14px;
background:url(images/fleche_right.gif) no-repeat;

}
a.right:hover 
{ 
background:url(images/fleche_right_roll.gif) no-repeat;
/*background-position:-30px -30px; */
}
a.right:active 
{ 
background-position:-60px -30px; 
} 
/* left */
a.left{ 
margin-left: 0px;
float:left; 
position : absolute ;
top :0px;
left : 0px;
background:url(images/fleche_left.gif) no-repeat;
} 
a.left:hover  		{ 
background:url(images/fleche_left_roll.gif) no-repeat;
/*background-position:-30px 0;*/
 }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	/*background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;*/
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
.texte_realisations
{
	background : url(images/puce_lien.gif) no-repeat 160px 7px ;
	margin : 0px 0 0 0;
	width : 517px;
	height : 18px;
	padding : 4px 0px 0px 8px;
	background-color : #fff;
	text-align : left ;
	position : relative;
}
.texte_realisations_petit
{
	background : url(images/puce_lien.gif) no-repeat 135px 7px ;
	margin : 0px 0 0 0;
	width : 207px;
	height : 18px;
	padding : 4px 0px 0px 8px;
	background-color : #fff;
	text-align : left ;
	position : relative;
}
.libCat
{
	margin : 0 17px 0 0 ;
}

.libCat_petit
{
	font-size : 11px ;
	margin : 0 10px 0 0 ;
}
.petit
{
	font-size : 11px ;
}




/*
	root element for the scrollable2.
	when scrolling occurs this element stays still.
*/
.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 503px;
	height:35px;
	float:left;
	position : absolute ;
	top : 0px ;
	left : 0px;
	background : #fff;
	padding : 0 0 0 20px;
	z-index : 2;
	/* custom decorations */
	/*border:1px solid #ccc;*/
	/*background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable2 items2. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable2 items2.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items2 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items2 div {
	float:left;
	width:525px;
	height : 250px;
}

/* single scrollable2 item */
.scrollable2 img {
	float:left;
	/*margin:20px 5px 20px 21px;*/
	background-color:#fff;
	padding:1px;
	width:56px;
	height:33px;
	margin: 0px 5px 0 0;
	cursor : pointer;
	
}

/* active item */
.scrollable2 .active {

	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :15px;
	/*border:2px solid #000;
	position:relative;
	cursor:default;*/
}
.scrollable2 img:hover {

	background-image : url(images/images/puce_menu.gif);
	background-repeat :no-repeat;
	background-position : center bottom;
	padding-bottom :15px;
	/*border:2px solid #000;
	position:relative;
	cursor:default;*/
}
.lien_savoir_plus
{
position : absolute;
top : 4px;
left : 170px;
}
.lien_savoir_plus_petit
{
position : absolute;
top : 4px;
left : 145px;
}
.container_rea
{
	position : relative ;
	width : 520px;
	background : #ff0;
	padding : 0;
	margin :0 ;
}
.container_rea_petit
{
	position : relative ;
	background : #ff0;
	padding : 0;
	margin :0 ;
}