/* ------------------------------ RESET STYLE --------------------------------- */
* {
  margin:0;
  padding:0;
  border:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  outline:0;
  text-decoration:none;
  color:#000000;
}

ol, ul {
list-style: none;
list-style-image:url(../images/interface/puce.png);
margin:10px 0 20px 20px;
}


li {
line-height:22px;
font-size:12px;
font-weight:bold;
}

body {
  line-height:1;
  background-color:#ffffff;
}

a {
cursor:pointer;
cursor:hand;
color:#FFFFFF;
text-decoration:underline;
}

h1 {
font-size:0px;
text-indent:-9999px;
position:absolute;
}

h2 {
font-size:14px;
height:22px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
position:absolute;
left:10px;
}


/* Table */
table {
  border-collapse: collapse;
  width:100%;
  border:1px solid #53748d;
  text-indent:5px;
  border-spacing: 0px;
  background:url(../images/interface/bg_table.jpg) left top no-repeat;

}

th {
text-align:left;
height:30px;
font-weight:bold;
color:#dff4ff;
}


td {
height:25px;
}

caption {
text-transform:uppercase;
text-align:right;
font-weight:bold;
line-height:30px;
}

/* Form */
input {
background-color:#ffffff;
border:1px solid #45a12b;
height:15px;
margin:0 0 0 190px;
color:#000000;
width:150px;
font-weight:bold;
}

textarea {
border:1px solid #45a12b;
overflow:auto;
background-color:#FFFFFF;
width:600px;
height:200px;
margin:0 0 0 190px;
color:#000000;
font-weight:bold;
}

select {
border:1px solid #003049;
background-color:#ffffff;
margin:0 0 0 180px;
height:20px;
color:#003049;
}


.parcourir {
height:20px;
}

label {
width:180px;
text-align:right;
position:absolute;
height:17px;
color:#000000;
font-weight:bold;
}


.bouton {
height:45px;
width:150px;
border:0;
cursor:pointer;
border:0;
background: url(../images/bouton/valider.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
}

.bouton:hover {
background-position: 0 -45px;
}


.autre_imput {
background-color:transparent;
border:0;
}

.etoile {
color:#45a12b;
}

.message {
color:#FF0000;
text-align:center;
margin:20px 0;
font-weight:bold;
}


#form_contact {
position:absolute;
left:50px;
top:100px;
}



/* ------------------------------ ARCHITECTURE --------------------------------- */

#global {
background:#ffffff url(../images/interface/bg_body.png) top center repeat-x;
width:100%;
height:100%;
}

#contenu {
background:transparent;
width:960px;
margin:0 auto;
}

#header {
background:transparent url(../images/interface/header.png) left top repeat-x;
color:#000000;
height:41px;
position:relative;
}

#titre_actu {

}



/* ------------------------------ Milieu --------------------------------- */

#milieu {
background:#cccccc;
position:relative;
}

#milieu_accueil {
background:#FFFFFF url(../images/interface/bg_milieu_accueil.png) left top no-repeat;
position:relative;
height:471px;
padding:0 0 0 12px;
}

#encart_accueil_1 {
width:302px;
height:220px;
float:left;
position:relative;
margin:10px 5px 0 5px;
background: url(../images/interface/activite_01.png) no-repeat left top;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
}

a#encart_accueil_1:hover {
background-position: -302px 0;
}

#encart_accueil_2 {
width:302px;
height:220px;
float:left;
position:relative;
margin:10px 5px 0 5px;
background: url(../images/interface/activite_02.png) no-repeat left top;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
}

a#encart_accueil_2:hover {
background-position: -302px 0;
}

#encart_accueil_3 {
width:302px;
height:220px;
float:left;
position:relative;
margin:10px 5px 0 5px;
background: url(../images/interface/activite_03.png) no-repeat left top;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
}

a#encart_accueil_3:hover {
background-position: -302px 0;
}

#encart_accueil_4 {
width:302px;
height:220px;
float:left;
position:relative;
margin:10px 5px 0 5px;
background: url(../images/interface/activite_04.png) no-repeat left top;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
}

a#encart_accueil_4:hover {
background-position: -302px 0;
}



#encart_accueil_5 {
width:302px;
height:220px;
float:left;
position:relative;
margin:10px 5px 0 5px;
background: url(../images/interface/activite_05.png) no-repeat left top;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
}

a#encart_accueil_5:hover {
background-position: -302px 0;
}


#encart_accueil_6 {
width:302px;
height:220px;
float:left;
position:relative;
margin:10px 5px 0 5px;
background: url(../images/interface/activite_06.png) no-repeat left top;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
}

a#encart_accueil_6:hover {
background-position: -302px 0;
}



a.savoirplus {
right:-3px;
bottom:-3px;
height:32px;
width:152px;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#ffffff;
position:absolute;
background: url(../images/bouton/savoir_plus.png) no-repeat left top;
}

a.savoirplus:hover {
background-position: 0 -32px;
}





#milieu_propos {
background:#FFFFFF url(../images/interface/bg_apropos.png) left top no-repeat;
position:relative;
height:770px;
padding:0;
margin:20px 0 0 0;
}

#milieu_contact {
background:#FFFFFF url(../images/interface/bg_contact.png) left top no-repeat;
position:relative;
height:580px;
padding:0;
margin:20px 0 0 0;
}

.bloc_contenu_propos {
position:absolute;
width:600px;
}


.bloc_contenu_propos p {
text-align:justify;
font-weight:bold;
font-size:12px;
color:#666666;
line-height:23px;
}

.bloc_activite {
position:absolute;
width:900px;
left:50px; 
top:70px;
}



.ul_droit {
position:absolute;
left:270px;
}

.bloc_activite p {
text-align:justify;
font-weight:bold;
font-size:12px;
color:#666666;
line-height:23px;
}


/* ------------------------------ FOOTER --------------------------------- */

#footer {
width:100%;
color:#FFFFFF;
height:150px;
background:transparent;
}

#footer_milieu {
width:960px;
height:45px;
background: url(../images/interface/footer.png) repeat-x left top;
padding-top:5px;
margin:0 auto;
}

#footer_milieu p {
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:20px;
}

#footer_milieu p a {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

/* ------------------------------ INTERFACE --------------------------------- */

a.savoirplus {
right:-3px;
bottom:-3px;
height:32px;
width:152px;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#ffffff;
position:absolute;
background: url(../images/bouton/savoir_plus.png) no-repeat left top;
}

a.savoirplus:hover {
background-position: 0 -32px;
}

a#plan {
left:355px;
top:0;
height:160px;
width:435px;
background: url(../images/interface/petit_plan.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
text-indent:-9999px;
position:absolute;
}

a#plan:hover {
background-position: 0 -160px;
}


/* ------------------------------ MENU --------------------------------- */

#menu {
height:40px;
width:640px;
background: url(../images/interface/navigation.png) no-repeat left top;
position:absolute;
top:0;
left:160px;
z-index:50;
margin:0;
}

#menu li, #menu a {
   height: 40px;
   display: block;
   float:left;
   width:160px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}

#bouton1 a:hover {
   background: transparent url(../images/interface/navigation.png) 0 -40px no-repeat;
}


#bouton2 a:hover {
   background: transparent url(../images/interface/navigation.png) -160px -40px no-repeat;
}


#bouton3 a:hover {
   background: transparent url(../images/interface/navigation.png) -320px -40px no-repeat;
}


#bouton4 a:hover {
   background: transparent url(../images/interface/navigation.png) -480px -40px no-repeat;
}


#bouton5 a:hover {
   background: transparent url(../images/interface/navigation.png) -640px -40px no-repeat;
}


/* ------------------------------ MENU ACTIVITE --------------------------------- */

#menu_acti {
height:64px;
width:930px;
background: url(../images/bouton/nav_activites.png) no-repeat left top;
z-index:50;
margin:0 0 0 15px;
}

#menu_acti a, #menu_acti li {
   height: 64px;
   display: block;
   float:left;
   width:155px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}

#link1 a:hover {
   background: transparent url(../images/bouton/nav_activites.png) 0 -64px no-repeat;
}


#link2 a:hover {
   background: transparent url(../images/bouton/nav_activites.png) -155px -64px no-repeat;
}


#link3 a:hover {
   background: transparent url(../images/bouton/nav_activites.png) -310px -64px no-repeat;
}


#link4 a:hover {
   background: transparent url(../images/bouton/nav_activites.png) -465px -64px no-repeat;
}

#link5 a:hover {
   background: transparent url(../images/bouton/nav_activites.png) -620px -64px no-repeat;
}

#link6 a:hover {
   background: transparent url(../images/bouton/nav_activites.png) -775px -64px no-repeat;
}



/* ------------------------------ Diaporama sur 1 image --------------------------------- */

 
#demo-wrapper {
	overflow: hidden; 
	height: 665px; 
	width: 938px;
	position: relative;
	margin:0 0 0 10px;
}
 
#demo-inner {
	width: 5628px;
	height: 665px;
	background-image: url(../images/interface/bg_slide.png);
	position: relative;
	margin:0;
}
 
.scrolling-content {
	width: 938px;
	height: 665px;
	position: absolute;
}

.scrolling-content h2 {
	position: absolute;
	top:30px;
	left:20px;
}
 
 
#content1 {
	left: 0; 
	top: 0;
}
 
#content2 {
	left: 938px;
background: transparent url(../images/interface/canette.png) 660px 345px no-repeat;
}
 
#content3 {
	left: 1876px; 
background: transparent url(../images/interface/canette.png) 660px 345px no-repeat;

}
 
#content4 {
	left: 2814px; 
background: transparent url(../images/interface/canette.png) 660px 345px no-repeat;

}

#content5 {
	left: 3752px; 
background: transparent url(../images/interface/canette.png) 660px 345px no-repeat;

}

#content6 {
	left: 4690px; 
background: transparent url(../images/interface/canette.png) 660px 345px no-repeat;

}

/* ------------------------------ ZOOM MOTOOLS --------------------------------- */

.demo-images
{
	list-style:				none;
	margin:					0;
}
 
.demo-images li
{
	float:					left;
	padding:				5px;
	width:					100px;
	height:					100px;
	text-align:				center;
}

/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(../images/interface/close.png) no-repeat left top;
}

.sbox-window-ie6 #sbox-btn-close {
	background: url(../images/interface/close.png) no-repeat left top;
}

.sbox-loading #sbox-content {
	background-image: url(spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(bg_nw.png) no-repeat;
}