body, html { width:100%; height:100%;}
body {
	margin:0px;
	background: #00A4D4 url(../img/bg2.jpg) repeat-x;
}

body, table, td, a, input, select, textarea {
	 font: 12px normal arial, sans-serif;
		 color: #9B9B9B;
}
* { outline: none; }
img { border:0px; }
ul, li, dl, dd, dt, ol { margin:0px; padding:0px; list-style:none;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
hr {
	height: 2px;
	color: #DADADA;
	background-color:#DADADA;
	border: 0px;
}
.left  {  float:left; }
.right { float:right; }
.clear {
	clear:both;
	height:0px;
	line-height:0px;
}
.table {
	border-spacing:0px;
	border-collapse: collapse;
	
}
.table td {
	padding:0px;
}

#global {
	width:855px;
	height:100%;
	background: transparent url(../img/bg.jpg) no-repeat;
	margin:0px auto;
}

#contener {
	width:725px;
	margin:0px auto;
	float:left;
}

#header {
	width:100%;
	height:124px;
	margin-bottom:8px;
}

#z {
	z-index:3;
	width:725px;
	height:124px;
	position:relative;
	bbackground:green;
}
#z a { display:block; width:100%; height:124px; }
#menu {
	z-index:4;
	position:absolute;
	width:725px;
	height:33px;
	bbackground:red;
	margin-top:-33px;
}
#menu li { 
	float:right;
	
}
#main {
	width:520px;
	background-color:#fff;
	float:left;
}
#home {
	width:484px;
	background-color:#fff;
	float:left;
}



#column {
	width:196px;
	float:right;
}
#footer {  margin-top:15px; text-align:center; width:100%;}
#footer li { display:inline; margin-right:10px;}
#footer li a { color:#1F2B84; font-size:9px; text-decoration:none; }
#footer li a:hover { text-decoration:underline; }


#frm_newsletter {
	width:196px;
	height:47px;
	background: transparent url(../img/bg_newsletter.gif) no-repeat;
	margin:7px 0px;
}
#frm_newsletter #text_newsletter {
	width:154px;
	height:13px;
	background-color:#F3F3F3;
	font-size:9px;
	color:#000;
	border:0px;
	
}


h3.blue {
	margin:0px;
	font-size:15px;
	color:#004365;
	padding-left:15px;
	background:url(../img/puce_blue.gif) no-repeat center left;
}
h1.blue {
	margin:0px;
	font-size:23px;
	color:#008CD6;
	line-height:20px;
}
h1.blue a {
	margin:0px;
	font-size:23px;
	color:#008CD6;
}	
h1.blue a, h6.blue a  {
		text-decoration:none;
	}

h1.blue a:hover, h6.blue a:hover  {
		text-decoration:underline;
	}
h5.blue, h5.blue a {
	margin:0px;
	font-size:10px;
	color:#82D2FC;
}
h6.blue, h6.blue a {
	margin:0px;
	font-size:13px;
	font-weight:bold;
	color:#008CD6;
}


h3.green {
	margin:0px;
	font-size:15px;
	color:#1F4901;
	padding-left:15px;
	padding-right:15px;
	background:url(../img/puce_green.gif) no-repeat center left;
	display:inline;
}
h5.green {
	margin:0px;
	font-size:15px;
	color:#539623;
	display:inline;
}

h2.event {
	font-size:18px;
	color:#004365;
	margin:17px 0px 17px 0px;
}

h5.event {
	color:#008CD6;
	margin:0px;
	text-transform:uppercase;
}
p.event {
	margin:8px 0px;
	padding:5px 10px;
	background-color:#E7E7E7;
	color:#004365;
	
}

#temoignage {
	width:345px;
	height:147px;
	background-color:#fff;
	float:left;
	margin:0px 6px 0px 6px;
	
}
#temoignage, #temoignage a { font-size:11px; }
#photo {
	width:168px;
	height:147px;
	float:left;
	background-color:#fff;
	font-size:9px;
}
#photo div {padding:7px 0px 0px 5px}
#photo p { text-align:center; bbackground:red; margin:0px 5px 0px 0px; } 

#frm label {
	display:block;
	float:left;
	width:112px;
	margin:2px 0px;
	padding-right:10px;
	color:#008CD6;
	text-align:right;
	padding-top:2px;
}
#frm label span  {
	font-size:9px;
	color:#9B9B9B;
	margin:0px;
	width:50px;
}
.input {
	width:276px;
	height:17px;
	border:1px solid #B3B3B3;
	margin:2px 0px;
}
				
.error { border:1px solid #FB5700; background-color:#E8E4DB; }
#msg_error {
	width:90%;
	background-color:#FFF;
	margin-bottom:7px;
	border:1px solid #FB5700;
}
#msg_error_content { padding:8px; }
#msg_error_content span  { 
	display:block;
	padding-left:12px;
	background:url(../img/puce_blue.gif) no-repeat 0px center;
	font-size:11px;
	font-weight:bold;
	color:#005579;
}


/* SCROLL */

div#hold0, div#hold1, div#hold2, div#hold3, div#hold4	{ 
	position:relative;
	overflow:hidden;
	z-index:1; 
	left: 0;
	top: 0px;
	float: left;
	background-color:#fff;
}

div#hold0 { width: 477px;	height: 233px; }
div#hold1 { width: 513px;	height: 451px; }
div#hold2 { width: 189px;	height: 143px; }
div#hold3 { width: 189px;	height: 127px; }
div#hold4 { width: 226px;	height: 212px; }

div#wn0, div#wn1, div#wn2, div#wn3, div#wn4	{ 
	position:absolute; 
	left:0px;
	top:0px; 
	overflow:hidden;	
	z-index:2;
	bbackground:green;
	}

div#wn0 {	width:433px; height:215px; margin:15px 0px 0px 27px;}
div#wn1 {	width:477px; height:429px; margin:17px 0px 0px 23px;}
div#wn2 {	width:162px; height:123px; margin:11px 0px 0px 10px; }
div#wn3 {	width:162px; height:107px; margin:11px 0px 0px 10px; }
div#wn4 {	width:196px; height:194px; margin:11px 0px 0px 10px;}


div#wn2, div#wn2 a, div#wn3, div#wn3 a, div#wn4, div#wn4 a  { font-size:11px; }
div#wn2 p, div#wn3 p, div#wn4 p { margin:9px 0px; }

	
div.content { 
	position:absolute;
	visibility:hidden;
	left:0px; top:0px; 
	z-index:3;
	font-weight:normal; 
}

/* Set small font-size or size/position of div's will be off in some browsers  */
/*agit sur la position globale de la scrollbar */

div#scrollbar0, div#scrollbar1, div#scrollbar2, div#scrollbar3, div#scrollbar4 { 
  position:relative; 
  left:0px;
  top: 0px;
  font-size:1px; 
  z-index:4;
  float: left;
 }
div#scrollbar0 { width:7px; height:234px; background-color:#E4E4E4;}
div#scrollbar1 { width:7px; height:451px; background-color:#E4E4E4;}
div#scrollbar2 { width:7px; height:143px; background-color:#E4E4E4;}
div#scrollbar3 { width:7px; height:127px; background-color:#E4E4E4;}
div#scrollbar4 { width:7px; height:212px; background-color:#E4E4E4;}

 
 
 /*agit sur le contour de la barre de scroll */

div#track0, div#track1, div#track2, div#track3, div#track4 { 
  position:absolute; 
  left: -1px; 
  top: 6px;  
  z-index:4;
  }

 div#track0 { width: 7px; height: 222px; } 
 div#track1 { width: 7px; height: 439px; } 
 div#track2 { width: 7px; height: 131px; } 
 div#track3 { width: 7px; height: 115px; } 
 div#track4 { width: 7px; height: 200px; } 
  
/* agit sur le barre de scroll - largueur */

div#dragBar0, div#dragBar1, div#dragBar2, div#dragBar3, div#dragBar4 {
  position:absolute; 
  left: 0px; 
  top: 0px;
  z-index:4;
  }
 
 div#dragBar0{width:7px; height: 40px; background-color: #A2A2A2; }
 div#dragBar1{width:7px; height: 40px; background-color: #A2A2A2; }
 div#dragBar2{width:7px; height: 40px; background-color: #A2A2A2; }
 div#dragBar3{width:7px; height: 40px; background-color: #A2A2A2; }
 div#dragBar4{width:7px; height: 40px; background-color: #A2A2A2; }
  
 /* agit sur les boutons haut et bas de la scrollbar */
  
div#up0, div#up1, div#up2, div#up3, div#up4{ position:relative;  z-index:2; height: 6px; width: 7px;}  
div#down0, div#down1, div#down2, div#down3, div#down4 { position:absolute; z-index:3; height: 6px; width: 7px; } 
div#down0 {top:228px}
div#down1 {top:445px}
div#down2 {top:137px}
div#down3 {top:121px}
div#down4 {top:206px}


#menu_m2 { background-color:#008CD6; width:195px; height:22px;}
#menu_m2 li { float:left;  margin:3px 2px 0px 0px;}
#menu_m2 li a { font-size:9px; color:#fff; text-decoration:none; }
#menu_m2 li a:hover { text-decoration:underline; }

#menu_m3,  #menu_m4{ background-color:#539623; width:195px; height:22px;}
#menu_m3 li, #menu_m4 li { float:left;  margin:3px 2px 0px 0px;}
#menu_m3 li a, #menu_m4 li a { font-size:9px; color:#fff; text-decoration:none;}
#menu_m3 li a:hover,  #menu_m4 li a:hover{ text-decoration:underline; }

#menu_m4 {width:233px;}

/* /SCROLL */