* {
padding: 0;
margin: 0;
}
body {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 70%;
}
h1 {
font-size: 1.4em;
padding: 10px 10px 0;
}

h2 {
font-size: 1em;
padding: 10px 10px 0;
color: #491DAD;
}

p {
padding: 0 10px 1em;
}

html, body {
height: 100%;
background-color: #E7F1F1;
}

#rose {
min-height: 40%;
background-color: #E7F1F1;

width: 10%;
margin: 0 auto;
top: 70%;
}

#container {
min-height: 100%;
background-color: #E7F1F1;

width: 70%;
margin: 0 auto;
margin-top:40px;
}

* html #container {
height: 100%;
}

A {
	COLOR: #000
}
A:visited {
	COLOR: #111
}
A:active {
	COLOR: #336699
}
A:hover {
	TEXT-DECORATION: none
}

table.fond{
   background-image: url('images/headbg.jpg');
}

/***************************************************/
			#footer_menu {
				float: right;
				list-style: none;
				font-size: 0.9em;
				margin: 5px 0 0;
				padding-top: 8px;
				}
				#footer_menu li {
					border-left: 1px solid #eb0438;
					display: inline;
					margin: 0;
					padding: 0pt 0pt 0pt 0.3em;
					}
					#footer_menu li:first-child { /*!jsIE*/
						border-left: none;
						padding-left: 5px;
						position: relative;
						}
					#footer_menu li a {
						color: #7D6E6B;
						text-decoration: none;
						}
						#footer_menu li a:hover {
							text-decoration: underline;
							}
					#logoutLink img{
						vertical-align: bottom;
						position: relative;
							top: 2px;
						}

/*========================================================*/
		/* =OUTILS */
		#outils, div.moteur form#synform ul#outils {
			border-top: 1px solid #D7D3D2;
			border-bottom:1px solid #D7D3D2;
			clear: both;
			height: 26px;
			list-style: none;
			list-style-image: none;
			margin-top: 1em;
			padding-top: 0.5em;
			padding-bottom: 0;
			}
			div.moteur form#synform ul#outils {
				width: auto;
				}
			#outils li {
				margin: 3px;
				}
			#outils li a {
				font-size : 1em;
				text-decoration: none;
				padding: 1px 0 3px 22px;
				}
			#outils li#dewPlayer{
				float: left;
				margin-top:0px;
				line-height:1;
				text-align:center;
				width: 216px;
				}
				/*#outils li#dewPlayer a {
					padding: 0;
					margin: 0;
					font-size: 75%;
					vertical-align: top;
					}*/
			#outilRetour {
				float: left;
				}
				#outilRetour a {
					background: url(/images/picto_retour.gif) 0  no-repeat;

					}
				#outilRetour a:hover {
					background: url(/images/picto_retour_on.gif) 0  no-repeat;
					}
			#outilEnvoyerAUnAmi {
				float: right;
				}
				#outilEnvoyerAUnAmi a {
					background: url(/images/picto_envoyer.gif) 0  no-repeat;

					}
				#outilEnvoyerAUnAmi a:hover {
					background: url(/images/picto_envoyer_on.gif) 0  no-repeat;
					}
			#outilImprimer {
				float: right;
				}
				#outilImprimer a {
					background: url(/images/picto_print.gif) 0  no-repeat;

					}
				#outilImprimer a:hover {
					background: url(/images/picto_print_on.gif) 0  no-repeat;
					}
					
			#outilFavori {
				float: right;
				}	
			#outilFavori a {
					background: url(/images/picto_favori.gif) 0  no-repeat;
					}
/*****************************************************************************************************************************/
		#listeSousRubriquesFullText {
			clear: both;
			list-style: none;
			font-size: 1em;
			/* border-right-style: solid ; border-width: thin ; border-color: navy ; */
			/* border-left-style: solid ; border-width: thin ; border-color: navy ;	*/		
			/* border-top-style: solid ; border-width: thin ; border-color: navy ; */
			}
			#listeSousRubriquesFullText li {
				float: left;
				margin: 0 7px 0.5em 0; /* !IE */
				padding: 0;
				width: 400px; /* !IE */
				}

				#listeSousRubriquesFullText li li {
					float: none;
					list-style: square url(/images/puce_liste.gif);
					margin: 0;
					width: auto;
					}
				#listeSousRubriquesFullText h2 {
					border-bottom: 3px solid #7c6e6b;
					color: #6b5852;
					font-size: 2em;
					font-weight: bold;
					margin:0;
					margin-bottom: 10px;
					text-align: left;
					}

				#listeSousRubriquesFullText h4 {
					font-size: 1em;
					font-family: Times new roman, helvetica, sans-serif ;
					font-size: 10pt ;
					
					margin:0;
					text-align: left;
					width:400px
					}
					
				#listeSousRubriquesFullText p {
					font-size: 10em;
					margin: 1em 0 0;
					}
					#listeSousRubriquesFullText div p {margin: 0;}		

/****************************************************************************************************************/

		.lienSousRubrique {
			background: transparent url(/images/puce_liens.gif) 0 2px no-repeat;
			color: #EB0438;
			float: right;
			margin: 0;
			padding-left: 15px;
			text-decoration: underline;
			}
		p.lienSousRubrique {
			cursor:pointer;
			}

		#home .lienSousRubrique a {
			border: none;  /* Safari */
			color: #EB0438;
			}
		/*
		.lienSousRubrique a{
			color: #EB0438;
			}
			*/

		/*a:hover .lienSousRubrique {
			background: #efeeec url(/vexin/images/puce_liens.gif) 0 2px no-repeat;
			}*/
		.liste{
			padding-left: 8px;
			}
		#listeSousRubriques {
			clear: both;
			list-style: none;
			font-size: 0.9em;
			}
			#listeSousRubriques li {
				float: left;
				margin: 0 7px 0.5em 0; /* !IE */
				padding: 0;
				width: 226px; /* !IE */
				}

				#listeSousRubriques li li {
					float: none;
					list-style: square url(/images/puce_liste.gif);
					margin: 0;
					width: auto;
					}
				#listeSousRubriques li a { /* !IE  !IE7 */
					display: block;
					padding: 0 0 10px 0;
					text-decoration: none;
					}
					#listeSousRubriques li a:hover {
						background: #efeeec;
						color: #EB0438;
						outline: 4px solid #efeeec;
						}
						.satellite #listeSousRubriques li a:hover {
							background: none;
							outline: none;
							}
				#listeSousRubriques h2 {
					border-bottom: 3px solid #7c6e6b;
					color: #6b5852;
					font-size: 1.6em;
					font-weight: bold;
					margin:0;
					margin-bottom: 10px;
					text-align: left;
					}
					.mission #listeSousRubriques h2 {
						border-bottom: 2px solid #f1aa00;
						margin-top:10px;
						}
					.projets #listeSousRubriques h2 {
						border-bottom: 2px solid #EB0438;
						margin-top:10px;
						}
					.alaune #listeSousRubriques h2 {
						border-bottom: 2px solid #35BDE7;
						margin-top:10px;
						}
					.partenaires #listeSousRubriques h2 {
						margin-top:10px;
						}
				#listeSousRubriques p {
					font-size: 1em;
					margin: 1em 0 0;
					}
					#listeSousRubriques div p {margin: 0;}
				#listeSousRubriques .logo {
					float: left;
					margin: 0 1em 1em 0;
					}
				#listeSousRubriques .zoomSur {
					background: url(/images/degrade_gris.gif) 0 100% repeat-x;
					padding: 0 0 0 9px;
					zoom: 1;
					}
					#listeSousRubriques .zoomSur p { /* IE! IE7! */
						background: url(/images/puce_zoom.gif) 0 2px no-repeat;
						float: left;
						padding-left: 15px;
						}

						#listeSousRubriques .zoomSur div .vignetteZS{
							float: left;
							margin-right: 5px;
							}
						#listeSousRubriques .zoomSur a {
							color: #EB0438;
							text-decoration: underline;
							text-align: left;
							}
							#listeSousRubriques .zoomSur a:hover {
								background-color: transparent;
								outline: none;
								}
				#listeSousRubriques .zoomIllustration p {
					background: url(/images/puce_zoom.gif) 45px 2px no-repeat;
					min-height: 60px; /* !IE */
					padding-left: 60px;
					position: relative;
					}
					#listeSousRubriques .zoomIllustration p img {
						float: left;
						position: absolute;
							top: 0;
							left: 0;
						}
					
/*=============================================================================================================*/
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/

text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

/****************************************************************************************************************************/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	
	text-decoration: none; 
	color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}
/**************************************************************************************/
.codebox {
	font-family:monospace;
	font-size:0.95em;
	margin:10px;
	padding:5px;
	width:500px;
	background: #FFFFFF;
	display: block;
}

/*************************************** Button *************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor:hand;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
/****************************************************************************************/
#menu { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu ul, #menu ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist { display: none; }


/******************************************/

#menu1 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu1 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu1 ul, #menu1 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu1 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu1 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist1 { display: none; }

/******************************************/

#menu2 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu2 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu2 ul, #menu2 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu2 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu2 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist2 { display: none; }
/******************************************/

#menu3 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu3 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu3 ul, #menu3 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu3 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu3 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist3 { display: none; }
/******************************************/

#menu4 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu4 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu4 ul, #menu4 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu4 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu4 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist4 { display: none; }
/******************************************/

#menu5 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu5 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu5 ul, #menu4 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu5 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu5 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist5 { display: none; }
/******************************************/

#menu6 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu6 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu6 ul, #menu4 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu6 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu6 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist6 { display: none; }

/******************************************/

#menu7 { 
  width: 300px; 
  border: 1px solid #ccc; 
  padding: 0px; 
  margin: 0px; 
}
 
#menu7 h3 { 
  height: 30px; 
  font-weight: normal; 
  background-color: #8EBCDA; 
  color: #fff; 
  padding: 3px 0px 0px 3px; 
  margin: 0px; 
  cursor:  pointer;

}
 
#menu7 ul, #menu7 ul li { 
  padding: 3px; 
  margin: 0px; 
  list-style: none; 
}
 
#menu7 ul li { 
  height: 30px; 
  vertical-align: middle; 
}
 
#menu7 ul li a { 
  display: block; 
  border-bottom: 1px dashed #eee; 
  text-decoration: none; 
  font-weight: bold; 
  cursor:  pointer;
}

#mylist7 { display: none; }
/*************************************************************

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:640px;
		height:480px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	}

/*********************************************************************/
/* Scrolling text  */
	 #scrollup {
	   position: relative;
	   overflow: hidden;
	   border: 1px solid #000;
	   height: 200px;
	   width: 200px
	 }
	 .headline {
	   position: absolute;
	   top: 210px;
     left: 5px;
	   height: 195px;
	   width:190px;
	   font-size: 1.4em;
	   font-weight: normal;	   
	 }

/********************************************************************/
/*  Popup   */

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}


#slideshow {
  width: 600px;
  height: 600px;
}