/* CSS BY FETS */

/* ---------------------------------------------- */
/* ------------------ Generale ------------------ */
/* ---------------------------------------------- */

html { height: 100%; }
body {
	margin: 10px;
	padding: 0px;
	height: 100%;
	background: #0474be;
}

div {
	font-family: arial;
	font-size:12px;
	color:#535353;
	}

img {
	border: #CCCCCC;
}
	
p:first-letter { font-weight: bold; font-size:14px; } 
p              { 		text-indent: 10px ; 
                 margin: 0px; 
				 padding: 0px;
				 text-align:justify;
 }

a { 
	color: #666666 ;
	text-decoration:none;
	}
a:hover {
	color: #999999;
	}

.gauche {float: left ; } 
.droite {float: right ; }
.c-both {clear: both ; }

.align-droite {
	text-align: right;
	}
	
.align-gauche {
	text-align: left ;
	}
	
.align-centre {
	text-align: center;
}

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

li.ligne-gen {
	margin: 0 0 5px 25px;
	list-style: circle ;
	}
	
ul.liste-gen {
	margin: 0px;
	padding: 0 0 0 20px;
}

.img-gauche {
	float: left ; 
	margin: 5px 10px 5px 0px;
	clear: both;
} 

.img-gauche img {
	border: solid #dce8ee 1px;
} 

.img-centre {
	position: relative;
	float: left ; 
	margin: 5px 10px 5px 10px;
	left: 50%;
	clear: both;
} 

.img-centre img {
	border: solid #dce8ee 1px;
}


.img-droite {
	float: right ; 
	margin: 5px 0px 5px 10px;
	clear: both;
}

.img-droite img {
	border: solid #dce8ee 1px;
}

/* ---------------- Structure ------------------ */


#conteneur {
	position: relative;
	padding: 0 7px 0 8px;
	width:990px;
	margin: 0px auto 10px auto;
	background: url("images/fond.png") #0474be repeat-y;

	}

	#corp {
		position: relative;
		width: 100%;
		z-index: 100;
		}
			

#corp-gauche {
	float: left;
	width: 220px;
	height: 100%;
}

#corp-droite {
	position: relative;
	float: left;
	width: 770px;
	padding: 0px;
	height: 100%;
}

	#corp-droite-t {
		position: relative;
		padding: 0px;
		width: 100%;
		text-align: justify;
		}
	
	#corp-conteneur {
		position: relative;
		margin: 10px;
	}
	
#arbo {
	background: url("images/fond-arbo.png") repeat-x;
	width: 100%;
	height: 32px;
}

#arbo-g {
	background: url("images/arbo-g.png") no-repeat;
	width: 10px;
	height: 32px;
	float: left;
}

#arbo-t {
	padding: 8px 0 0 10px;
}

/* ------------------- Header ------------------- */	
	
#header {
	position: relative;
	background: url("images/header.png")  #FFFFFF no-repeat;
	height: 150px ;
	width: 990px;
	border: solid #000000;
	border-width: 1px 0 0 0;
	
	}
	
	
#barre-h, #barre-b {
	height: 10px ;
	width: 990;
	font-size: 0px;
	}

	#barre-h {
		background: url("images/barre-h-haut.png") #FFFFFF;
	}
	
	#barre-b {
		background: url("images/barre-h-bas.png") #FFFFFF;
	}
/* -------------------- Footer -------------------*/

	#footer {
	position:relative;
	background: url("images/fond-footer.png") #8fc1e2;
	height: 60px ;
	width: 100%;
	border: solid #000000;
	border-width: 0 0 1px 0;
	}
		
		#footer-g {
			position: absolute;
			background: url("images/footer-g.png");
			height: 60px ;
			width: 125px;
			left:0px
		}
		
		#footer-d {
			position: absolute;
			background: url("images/footer-d.png");
			height: 60px ;
			width: 90px;
			right:0px;
			top: 0px;
		}
		
		#footer-t {
			position: absolute;
			top: 10px;
			width: 100%;
			text-align: center;
			color: #666666;
			text-align: center;
			font-size: 10px;
			font-family: verdana;
}
		}
	
/* ---------------------------------------------- */
/* -------------------- Menu -------------------- */
/* ---------------------------------------------- */	

	
#menu  {
	position: relative;
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 1000;
}

.menu-titre {
	position: relative;
	left: 30px;
	top: 8px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	font-size: 14px;
	font-family: arial;
}

.menu-cat  {
	position: relative;
	background: url("images/menu-titre.png") #e3e3e3 no-repeat;
	color: #333333;
	height: 32px;
	width: 220px;
	display:block;
	cursor: pointer;
	*float: left;
}

#menu li.menu-li{
	background: url("images/menu-li-fond.png") no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 26px;
	width: 220px;
	display: block;
	*float: left;
}

#menu li.menu-li:hover {
   background: url("images/menu-li-fond-hover.png") no-repeat;
}

#menu li.menu-li a, #menu li.menu-li div  {
	position: relative;
	display: block; 
	height: 20px;
	width: 195px;
	padding: 5px 0 0 25px;
	color: #5b5e66;
	font-size: 12px;
	font-weight: normal;
	font-family: arial;
}

#menu li.menu-li a:hover, #menu li.menu-li:hover  a{
	color: #0775bf;
}

#menu li.menu-li a:first-letter, #menu li.menu-li div:first-letter {
	font-weight: bold;
	color: #0775bf;
}

#menu ul li ul{
	display:none;
	z-index: 1;
}

.menu-li-cont {
	position: relative; 
	*position: absolute;
	left: 220px; 
	top: -36px; 
	*top: -3px;
	width:220px; 
	padding: 0px;
	margin:0px; 
	list-style: none;
	}

#menu ul li:hover ul.niveau_1, #menu ul li ul li:hover ul.niveau_2 , #menu ul li ul li ul li:hover ul.niveau_3 , #menu ul li ul li ul li ul li:hover ul.niveau_4{
	display:block;
}


#menu-bas  {
	position: relative;
   	background: url("images/menu-bas.png") repeat-x ;
	width: 220px;
	height: 8px;
}


#menu li.menu-sep-lien {
   	background: url("images/menu-sep-lien.png") no-repeat;
	width: 220px;
	height: 5px;

	display: block;
	margin: 0;
}

.menu-context-sep {
   	background: url("images/menu-context-sep.png");
	width: 220px;
	height: 5px;
	display: block;
	*float: left;
	font-size: 0px;
}

#menu li.menu-sep-lien:hover {
   background: url("images/menu-sep-lien.png") no-repeat;
}

/* ---------------------------------------------- */
/* ------------ Mise en page General ------------ */
/* ---------------------------------------------- */

.h3-conteneur {
	position: relative;
	background: #f4f9fc;
	padding: 10px;
	border: solid #e2e2e2; 
	border-width: 0 1px 1px 1px;
}

.barre-h {
	position: relative;
	background: url("images/barre-hor.png") no-repeat;
	width: 425px; 
	height:10px;
	margin: 0 auto;
}

/* -------------------- Galerie ----------------- */

body #galerie-image {
	position: fixed; 
	*position: absolute;
	background: #f0f0f0; 
	left: 50%;
	top: 30px;
	z-index: 1000;
	border: solid #FFFFFF 10px;
}

body #galerie-image-cadre {
	background: #f0f0f0; 
	top: 35px;
	position: relative;
	overflow: none;
	margin: 0px auto;
}

#galerie-image-cadre-suivant, #galerie-image-cadre-precedent  {
	position: absolute;
	top: 0px;
	width: 50%;
	height: 100%;
}

#galerie-image-cadre-suivant{
	right: 0px;
}

#galerie-image-cadre-precedent {
	left: 0px;
}

body #galerie-image-haut {
	position: absolute;
	background: #f0f0f0; 
	height: 30px;
	width:100%;
	border: solid #666666;
	border-width: 0px 0px 5px 0px;
	z-index: 1000;
}
body #galerie-image-haut-centre {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1500;
}

body #galerie-image-haut-centre div {
	padding-top: 5px; 
	margin: 0px auto;
	font-weight: bold;
	}

body #galerie-image-fond {
	position: fixed;
	*position: absolute;
	filter: alpha(opacity=65);
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 999;
	background-color: #000!important;
}

body #galerie-image-suivant {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1510;
}

body #galerie-image-suivant a {
	color: #666666;
	font-weight: bold;
}

body #galerie-image-precedent {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1510;
}

body #galerie-image-precedent a {
	color: #666666;
	font-weight: bold;
}

#reduire {
	display: none;
}

.cadre-galerie	{
	position: relative;
	float: left;
	border: #dcecf5 solid 1px;
	background: #f6fafd;
	padding: 0px 10px 10px 10px;
	margin: 5px;
	width: 200px;
}

.image-mini-galerie	{
	border: #cccccc solid 1px;
}

.titre-galerie {
	font-weight:bold;
	color: #677696;
	margin-bottom:2px;
}

/* ---------- news ---------------*/ 

.news-presentation, .news-liste-presentation, .news-source, .news-source a {
	color: #999999; 
	font-size: 10px;
}

.news-presentation {
	position: absolute;
	top: 3px; 
	right: 3px;
}

.news-source, .news-source a {
	position: absolute;
	bottom: 3px; 
	right: 3px;
}

.news-liste {
	margin: 10px 0 10px 0;
	*float:left;
}

.news-liste li {
	padding: 0 0 1px 0;
}

.news-liste-presentation {
	position: relative; 
}

.news-liste-date {
	float: left;
	width: 100px; 
	font-size: 11px;
	color: #666;
	border: solid #edd4b3;
	border-width: 1px 1px 1px 3px;
	background: #f5e0c5;
	background: url("images/fond-deg-orange.png") repeat-x;
	text-align: center;
	padding: 2px;

}

.news-liste-cat {
	float: left;
	width: 160px; 
	margin: 0 0 0 3px;
	font-size: 11px;
	color: #666;
	border: solid #bfe4e8;
	border-width: 1px 1px 1px 3px;
	background: #e3f8fa;
	background: url("images/fond-deg-turquoise.png") repeat-x;
	text-align: center;
	padding: 2px;
	font-weight: bold;
}

.news-liste-titre {
	float: left;
	width: 434px; 
	height: 14px;
	margin: 0 0 0 3px;
	border: solid #9191cb;
	border-width: 0 0 0 3px;
	font-size: 11px;
	color: #666;
	padding: 3px 2px 3px 5px;
	overflow: hidden;
}

.news-liste-archive, .news-archive {
	border: solid #f9ebeb;
	margin-top: 2px;
	border-width: 2px 0 1px 0;
	font-size: 11px;
	color: #666;
	padding: 2px 2px 2px 5px;
	text-align: right;
	font-weight: bold;
	background: #fbf7f7;
}

.news-liste-archive {
	width: 720px; 
}

.news-archive {
	width: auto; 
}

.news-resize {
	position: absolute; 
	bottom: 0px;
	left: 0px;
	border: solid #e2e2e2;
	margin-top: 2px;
	border-width: 1px 0 0 0;
	font-size: 11px;
	color: #999999;
	width: 100%;
	background: url("images/fond-news-resize.png") repeat-x;
}

.news-resize a {
	float: right;
	margin: 0px 10px 2px 0 ;
}
/* ---------------------------------------------- */
/* -------------- Mise en page text ------------- */
/* ---------------------------------------------- */

.h3-fond {
	background: url('images/h3-fond.png') #f4f9fc;
}

h3 {
	color: #155f8f;
	background: url('images/h3-fond-d.png') no-repeat right;
	font-size: 14px;
	border: solid #62a6d5;
	border-width: 0 0 0 5px;
	padding: 3px 0 3px 5px;
	height: 20px;
	margin: 0px;
	}
	
h3:first-letter {
	font-size: 16px;
	}

.h3-link {
	cursor: pointer;
}

h4 {
	clear: both;
	color: #187fc3;
	font-size: 13px;
	background: url('images/h4-fond.png') #fafcfe repeat-x;
	margin: 3px 3px 3px -2px;
	border: solid #dce8ee;
	border-width: 1px 1px 1px 5px;
	padding: 3px 0 3px 5px;
	height: 15px;
}
	
h4:first-letter {
	font-size: 14px;
	}
	
.h4-link {
	cursor: pointer;
}

h2 {
	border: solid #c84f39;
	border-width: 0px 0px 2px;
	margin: 0px 0px 5px 0px;
	color: #c84f39;
	padding: 10px 0px 0px 0px;
	text-align: right;
}



	

	

/* ----------------- Pagination ----------------- */

.pagination {
	position: relative;
	float: left;
	width: 220px;
	left: 50%; 
	margin-left: -110px;
}

.pagination-fond {
	   background: url("images/pagination-fond.png") repeat-x;
	   height: 20px;
	   float: left;
}

.pagination-deco-g {
	   background: url("images/pagination-g.png") no-repeat;
	   height: 20px;
	   width: 22px; 
	   float: left;
}

.pagination-deco-d {
	   background: url("images/pagination-d.png") no-repeat;
	   height: 20px;
	   width: 22px; 
	   float: left;
}

.pagination-t {
	padding: 3px; 
	font-weight: bold;
	font-size: 11px; 
	color: #AAAAAA;
}

.form-pagination {
	float: left;
	margin: 2px 0 0 0;
	color: #124c72 ;
	border: solid #dcedf6  ;
	border-width: 1px 0 1px 1px;
	font-size: 10px; 
	font-weight: bold;
	height: 16px;
}

.form-pagination-t {
	float: left;
	margin: 2px 5px 0 0;
	color: #124c72 ;
	border: solid #dcedf6;
	border-width: 1px 1px 1px 0;	
	font-weight: bold;
	background: #FFF;
	cursor: pointer;
	font-size: 10px; 
	padding-bottom: 3px;
	width: 20px;
	height: 16px;
}

/* ---------------------------------------------- */
/* ----------------- Formulaire ----------------- */
/* ---------------------------------------------- */

.toolbar {
width: 710px; 
height: 385px;
}

.titre-form {
	font-weight: bold;
}

.form-deco-g {
	float: left;
	background: url(images/menu-titre.png) no-repeat;
	height: 22px;
	width: 15px;
}

.form-gen {
	width: 706px;
	margin-bottom: 10px;
}

textarea.form-gen {
	width: 721px;
}

.form-fond-send {
	background: url(images/form-send.png) no-repeat;
	height: 40px;
	width: 127px;
}

.form-send {
	color: #666666; 
	border: 0px;
	background: none;
	font-weight: bold; 
	font-size: 16px;
	padding: 5px 0px 0px 25px;
	cursor: pointer;
}

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }