html, body {
	height: 100%;
}

a {
	text-decoration: none;
}

body {
	background-position: top;
	background-repeat: repeat-x;
	background-image: url("../images/main_bg.png");
	background-color: #ecf1f4;
	font-size: 76%;
}

body#page {
	background: url("../images/page_bg.png") top repeat-x #ecf1f4;
}

div#wrapper {
	width: 960px;	
	margin: auto;
	position: relative;
}

div#header {
	height: 68px;
}

h1.logo {
	width: 204px;
	height: 64px;
	background-image: url("../images/logo.gif");
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	top: 4px;
}
h1.logo a {
	text-indent: -9000px;
	position: absolute;
	height: 100%;
	width: 100%;
}

div#contactContainer {
	width: 172px;
	height: 68px;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	cursor: pointer;
}

img#contact {
	width: 172px;
	height: 103px;
	position: absolute;
	top: 5px;	
}

img#contactOpen {
	width: 172px;
	height: 103px;
	position: absolute;
	visibility: hidden;
}

div#contactContainer a {
	text-indent: -9000px;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 3;
}

/****************
 *     Menu     *
 ****************/

div#menu {
	position: absolute;
	width: 526px;
	height: 26px;
	background-repeat: no-repeat;
	background-image: url("../images/menu_bg.gif");
	top: 22px;
	left: 237px;
	z-index: 3;
}

div#menu a {
	color: white;
	font-size: 0.9em;
}

li.menuItem {
	float: left;
	margin-left: 26px;
	margin-top: 5px;
	position: relative;	
}

ul.firstMenuLevel {
	background-color: black;
	white-space: nowrap;
	clear: left;
	display: none;
	border-top: 1px solid #1b1312;
}

ul.firstMenuLevel a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
}

ul.firstMenuLevel a:hover {
	background-color: #222222;
}

a#accueil_a,
a#presentation_a,
a#prestation_a,
a#formation_a,
a#recrutement_a {
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 10px;	
}

a#accueil_a {
	background-image: url("../images/menu_bullet_1.gif");
}
a#presentation_a {
	background-image: url("../images/menu_bullet_2.gif");
}
a#prestation_a {
	background-image: url("../images/menu_bullet_3.gif");
}
a#formation_a {
	background-image: url("../images/menu_bullet_4.gif");
}
a#recrutement_a {
	background-image: url("../images/menu_bullet_5.gif");
}

li#accueil a:hover,
li#accueil a.selectedItem {
	color: #db1e17;
}
li#presentation a:hover,
li#presentation a.selectedItem {
	color: #e65a13;
}
li#prestation a:hover,
li#prestation a.selectedItem {
	color: #93a420;
}
li#formation a:hover,
li#formation a.selectedItem {
	color: #009ce2;
}
li#recrutement a:hover,
li#recrutement a.selectedItem {
	color: #ffed00;
}



/**********************
 *     Slide show     *
 **********************/
 
div#slideShowContainer {
	width: 537px;
	height: 357px;
	margin-left: 37px;
	margin-top: 32px;
	background-image: url("../images/content_slideshow_bg.png");
	position: relative;
}

div#slideShowContent {
	width: 438px;
	height: 240px;
	overflow: hidden;
	position: absolute;
	left: 52px;
	top: 50px;	
}

div#slideShowContainer img {
	width: 438px;
	height: 240px;
}



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

img#tucVac {
	position: absolute;
	right: 51px;
	top: 0px;
	width: 274px;
	height: 130px;
}

ul#activities {
	position: absolute;
	top: 142px;
	right: 51px;
}

ul#activities a {
	display: block;
	height: 54px;
	width: 274px;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	text-indent: -9000px;
}

a#spring {
	background-image: url("../images/spring.png");
}
a#summer {
	background-image: url("../images/summer.png");
}
a#autumn {
	background-image: url("../images/autumn.png");
}
a#winter {
	background-image: url("../images/winter.png");
}

img#tagline {
	width: 573px;
	height: 94px;
	position: relative;
	left: 22px;
}



/****************
 *     Ebox     *
 ****************/

div#gallery,
div#calendar,
div#newsletter {
	position: relative;
	height: 92px;
	background-repeat: no-repeat;
	float: left;
}

div#ebox {
	padding-top: 29px;
	height: 170px;
}

div#ebox a {
	position: absolute;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
}

div#gallery {
	margin-left: 22px;
	width: 313px;
	background-image: url("../images/content_photo_gallery.jpg");
}

div#calendar {
	margin-left: 40px;
	width: 235px;
	background-image: url("../images/content_calendar.jpg");
}

div#newsletter {
	margin-left: 35px;
	width: 240px;
	height: auto;
	background-image: url("../images/content_newsletter.jpg");
}

div#newsletter span {
	display: block;
	text-indent: -9000px;
	height: 100px;
}

div#newsletter input {
	background-color: white;
	font-size: 1em;
	color: #999999;
	border: 1px solid #e9e5db;
	width: 160px;
	padding: 8px 10px;
}

div#newsletter button {
	width: 42px;
	height: 31px;
	background-color: transparent;
	border: none;
	background-image: url("../images/go.gif");
	position: relative;
	top: -2px;
	margin-left: 10px;
}


/****************
 *     Content     *
 ****************/

h2 {
	font-size: 2.7em;
	color: #FFF;
	padding-top: 45px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-bottom:90px;
}

h4 {
	font-size: 1.3em;
	color: #59C7D3;
	letter-spacing: -1px;
	padding-top: 15px;
	padding-bottom: 7px;
}

h4.map {
	clear:both;
}

h5 {
	font-size: 1.1em;
	color: #93A420;
	padding-top:8px;
}

img#page {
	position: absolute;
	right: 0px;
	top: 29px;
	width: 390px;
	height: 104px;
}

div#devise {
	width: 572px;
	height: 50px;
	background: url(../images/devise.gif) top left no-repeat;
	text-indent:-9000px;
	margin:auto;
}

div#bafd, div#bafa, div#cgv, div#partenaires {
	float: left;
	height: 92px;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 50px;
}

div#partenaires {
	clear: both;
	width: 270px;
	background-image: url("../images/partenaires.gif");
}

div#cgv {
	clear: both;
	width: 490px;
	background-image: url("../images/cgv.gif");
}

div#bafa {
	clear: both;
	width: 313px;
	background-image: url("../images/bafa.gif");
}

div#bafd {
	width: 324px;
	margin-left: 22px;
	background-image: url("../images/bafd.gif");
}

div#bafd a, div#bafa a, div#cgv a, div#partenaires a {
	position: absolute;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
}

div#inscription, div#fiche, div#inscription_bafa {
	float: right;
	margin-left: 22px;
	height: 92px;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 10px;
	width: 283px;
}

div#inscription {
	background-image: url("../images/inscription.png");
}

div#fiche {
	clear: right;
	background-image: url("../images/fiche.png");
}

div#inscription_bafa {
	background-image: url("../images/inscription_bafa.png");
}

div#inscription a, div#fiche a, div#inscription_bafa a {
	position: absolute;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
}

img#image {
	clear: right;
	float:right;
	border: 10px solid #FFF;
	margin-left: 10px;
	margin-right: 10px;
}

div#content {
	position: relative;
}

div#page_content {
	color: #7f7c73;
	font-size: 1.3em;
	line-height: 21px;
	padding-bottom: 50px;
}

div.galerie img{
	border: 4px solid #FFF;
}

div#page_content a{
	color: #3f7b8f;
	text-decoration: none;
	font-size: 1.1em;
}

div#page_content a:hover{
	color: #76CFDA;
	text-decoration: none;
}

div#page_content ul{
	list-style: circle;
	padding-left: 30px;
}

div#page_content ul.fifty li{
	width: 50%;
	float: left;
}

div#page_content li{
	font-size: 1.3em;
}

div#heart {
	clear: both;
	position: relative;
	height: 92px;
	background-repeat: no-repeat;
}

div#heart {
	margin-left: 22px;
	width: 330px;
	background-image: url("../images/coups_de_coeur.png");
}

h5.h5_price-table {
	font-size: 1.5em;
	color: #93A420;
	padding-bottom: 10px;
}

.price_table, .price_table2 {
	border: none;
}

.th_01, .th_02, .th_03, .th_04, .th_05, .th_06, .th_07 {
	color: #FFFFCC;
	font-weight: bold;
	font-family: Georgia, serif;
}

.th_01 {
	background-color: #EBC03D;
	width: 15%;
}

.th_02 {
	background-color: #2F8BBE;
	width: 45%;
}

.th_03 {
	background-color: #8EAF2A;
	width: 20%;
}

.th_04 {
	background-color: #BE4647;
	width: 20%;
}

.th_05 {
	background-color: #a66ec2;
	width: 20%;
}

.th_06 {
	background-color: #f07ab9;
	width: 20%;
}

.th_07 {
	background-color: #f59556;
	width: 20%;
}

.price_table th, .price_table td, .price_table2 th, .price_table2 td, .price_table3 th, .price_table3 td {
	border: none;
	text-align: center;
}

.price_table th, .price_table td {
	padding: 15px;
}

.price_table2 th, .price_table2 td,.price_table3 th, .price_table3 td {
	padding: 5px;
}

.price_table th {
	font-size: 1.3em;
}

.price_table2 th {
	font-size: 1.5em;
	width: 33%;
}

.price_table2 tr, .price_table3 tr {
	color: #F6E6A8;
	font-size: 0.8em;
}

.price_blue, .price_green {
	font-size: 2em;
	font-family: Georgia, serif;
	font-weight: bold;
	font-style: italic;
}

.price_blue2, .price_green2, .price_green3, .price_red {
	font-weight: bold;
}

.price_green2 {
	font-family: Georgia, serif;
	font-style: italic;
}

.price_blue {
	color: #2F8BBE;
}

.price_green {
	color: #8EAF2A;
}

.price_blue2 {
	font-size: 1.2em;
	color: #2F8BBE;
}

div#page_content a.price_red {
	font-size: 0.8em;
	color: #FFFFCC;
	background-color: #BF4949;
	padding: 5px 5px 5px 5px;
}

div#page_content a.price_red:hover {
	color: #FFF;
}

.price_green2 {
	font-size: 1.5em;
	color: #8EAF2A;
}

.price_green3 {
	font-size: 1.2em;
	color: #8EAF2A;
}

ul#activities2 {
	list-style: none;
}

li#activities2 {
	float: left;
	width: 50%;
}

ul#activities2 a {
	display: block;
	height: 54px;
	width: 274px;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	text-indent: -9000px;
}

a#spring {
	background-image: url("../images/spring.png");
}
a#summer {
	background-image: url("../images/summer.png");
}
a#autumn {
	background-image: url("../images/autumn.png");
}
a#winter {
	background-image: url("../images/winter.png");
}

div.newsLetterSuccess {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 150px;
}

div.gmap {
    border: 10px solid #FFF;
    margin-right: 10px;
    float: right;
}


/****************
 *     Pop-up     *
 ****************/

div.contactPopup {
	background-color: #ecf1f4;
	padding: 10px 25px 25px 25px;
	color: #7f7c73;
	font-size: 1.3em;
	border: 10px solid #FFF;
	line-height: 17px;
}

div.contactPopup h4 {
	font-size: 2em;
	padding-top: 0px;
	padding-bottom: 20px;
	background: url(../images/popup_h4.gif) top left no-repeat;
	height: 92px;
	text-indent: -9000px;
}

div.contactPopup label.contact {
	clear: left;
	float: left;
	padding-top: 10px;
	width: 100px;
	color: #2F8BBE;
}

div.contactPopup label.dashboard {
	float: left;
	margin-top: 9px;
	margin-right: 5px;
}

div.contactPopup input.contact,
div.contactPopup input.dashboard {
	background-color: white;
	font-size: 1em;
	color: #999;
	border: 1px solid #e9e5db;
	width: 227px;
	padding: 8px 10px;
	display: block;
	margin-bottom: 10px;
	float: left;
}

div.contactPopup input.dashboard {
	width: 66px;
}

div.contactPopup select.contact {
	font-size: 1em;
	width: 250px;
	padding: 6px 8px;
	display: block;
	margin-bottom: 10px;
	float: left;
}

div.contactPopup button.contact {
	clear: left;
	width: 42px;
	height: 31px;
	background-color: transparent;
	border: none;
	background-image: url("../images/go.gif");
	position: relative;
	top: -2px;
	margin-right: 30px;
	float: right;
	margin-top: 20px;
	cursor: pointer;
}

div.contactPopup button.dashboard {
	margin-top: 5px;
	margin-left: 5px;
}

.legende {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
}

div.closeWindow {
    background-image: url("../images/close.png");
    height: 40px;
    width: 40px;
    position: absolute;
    right: -22px;
    top: -22px;
    cursor: pointer;
}

div.contactPopup div#errorFormMessage {
    padding-top: 5px;
    height: 15px;
    color: red;
    font-weight: bold;
}

div.contactPopup input.invalidFormEl,
div.contactPopup select.invalidFormEl {
    color: red;
    border-color: red;
}


/******************
 *     Footer     *
 ******************/
 
div#footer {
	clear:both;
	position: relative;
	height: 50px;
}
 
div#footerLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	background-image: url("../images/bottom_left.gif");
}
div#footerRight {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	background-image: url("../images/bottom_right.gif");
}	
div#footerMiddle {
	background-color: #faf8f5;
	height: 22px;
	margin: 0px 30px;
	padding-top: 8px;
	text-align: center;
}

span#copyright {
	padding-right: 50px;
}

div#footerMiddle a,
div#footerMiddle span {
	color: #c4c4c4;
	font-size: 0.9em;
}

div#footerMiddle a:hover {
	text-decoration: underline;
}