html, body {
	margin:0; padding:0;
	height:100%; width:100%;
	font-size:12px;
	color:#5f5f5f;
	font-family:Verdana, Geneva, sans-serif;
}

div#wrap { width:100%; height:100%; margin:0; padding:0; }
div#content_wrapper { margin-bottom: -155px; min-height: 100%; height: auto !important; height: 100%; }
div#container_header { background-image:url(../_images/bg_top.gif); background-repeat:repeat-x; width:100%; margin:0; padding:0; }
div#container_header_content {
	background-image:url(../_images/img_dots.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	width:845px;
	height:165px;
	position:relative;
	margin:0 auto; padding:0;
}
img.logo { position:absolute; left:-50px; top:0px; }

ul#nav { position:absolute; bottom:1px; _bottom:0px; /*right:10px;*/ right:30px; margin:0; padding:0; }
ul#nav li { float:left; display:inline; margin:0; height:33px; padding:0; }

/* menu status - FR */
a.scolaire { width:74px; height:33px; background-image:url(../_images/bt_scolaire_f_off.gif); background-position:top left; background-repeat:no-repeat; display:block; }
a.scolaire:hover { background-image:url(../_images/bt_scolaire_f_on.gif); cursor:pointer; }
a.scolaire b { display:none; }

a.finissant { width:79px; height:33px; background-image:url(../_images/bt_finissant_f_off.gif); background-repeat:no-repeat; display:block; }
a.finissant:hover { background-image:url(../_images/bt_finissant_f_on.gif); cursor:pointer; }
a.finissant b { display:none; }

a.sportif { width:71px; height:33px; background-image:url(../_images/bt_sportif_f_off.gif); background-repeat:no-repeat; display:block; }
a.sportif:hover { background-image:url(../_images/bt_sportif_f_on.gif); cursor:pointer; }
a.sportif b { display:none; }

a.evenementiel { width:105px; height:33px; background-image:url(../_images/bt_evenementiel_f_off.gif); background-repeat:no-repeat; display:block; }
a.evenementiel:hover { background-image:url(../_images/bt_evenementiel_f_on.gif); cursor:pointer; }
a.evenementiel b { display:none; }

a.corporatif { width:85px; height:33px; background-image:url(../_images/bt_corporatif_f_off.gif); background-repeat:no-repeat; display:block; }
a.corporatif:hover { background-image:url(../_images/bt_corporatif_f_on.gif); cursor:pointer; }
a.corporatif b { display:none; }

a.studio { width:67px; height:33px; background-image:url(../_images/bt_studio_f_off.gif); background-repeat:no-repeat; display:block; }
a.studio:hover { background-image:url(../_images/bt_studio_f_on.gif); cursor:pointer; }
a.studio b { display:none; }
/* ---- */

/* menu status - EN */
a.school { width:77px; height:33px; background-image:url(../_images/bt_scolaire_e_off.gif); background-position:top left; background-repeat:no-repeat; display:block; }
a.school:hover { background-image:url(../_images/bt_scolaire_e_on.gif); cursor:pointer; }
a.school b { display:none; }

a.graduates { width:93px; height:33px; background-image:url(../_images/bt_finissant_e_off.gif); background-repeat:no-repeat; display:block; }
a.graduates:hover { background-image:url(../_images/bt_finissant_e_on.gif); cursor:pointer; }
a.graduates b { display:none; }

a.sports { width:75px; height:33px; background-image:url(../_images/bt_sportif_e_off.gif); background-repeat:no-repeat; display:block; }
a.sports:hover { background-image:url(../_images/bt_sportif_e_on.gif); cursor:pointer; }
a.sports b { display:none; }

a.events { width:73px; height:33px; background-image:url(../_images/bt_evenementiel_e_off.gif); background-repeat:no-repeat; display:block; }
a.events:hover { background-image:url(../_images/bt_evenementiel_e_on.gif); cursor:pointer; }
a.events b { display:none; }

a.corporate { width:91px; height:33px; background-image:url(../_images/bt_corporatif_e_off.gif); background-repeat:no-repeat; display:block; }
a.corporate:hover { background-image:url(../_images/bt_corporatif_e_on.gif); cursor:pointer; }
a.corporate b { display:none; }

a.studio_en { width:70px; height:33px; background-image:url(../_images/bt_studio_e_off.gif); background-repeat:no-repeat; display:block; }
a.studio_en:hover { background-image:url(../_images/bt_studio_e_on.gif); cursor:pointer; }
a.studio_en b { display:none; }
/* ---- */

#topmenu { position:absolute; top:0px; right:-20px; height:68px; width:400px; }
#topmenu img { margin:0; }
#topmenu div { margin:13px 20px 0 0; }
#topmenu div a { margin-right:10px; color:#989898; font-size:11px; border-bottom:1px dotted #989898; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#topmenu div a:hover { color:#666; }
#topmenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#wrap.apropos a.apropos { color:#666; }
#wrap.faq a.faq { color:#666; }
#wrap.contact a.contact { color:#666; }
#wrap.scolaire a.scolaire { background-image:url(../_images/bt_scolaire_f_on.gif); }
#wrap.finissant a.finissant { background-image:url(../_images/bt_finissant_f_on.gif); }
#wrap.sportif a.sportif { background-image:url(../_images/bt_sportif_f_on.gif); }
#wrap.evenementiel a.evenementiel { background-image:url(../_images/bt_evenementiel_f_on.gif); }
#wrap.corporatif a.corporatif { background-image:url(../_images/bt_corporatif_f_on.gif); }
#wrap.studio a.studio { background-image:url(../_images/bt_studio_f_on.gif); }

#scolaire a.school { background-image:url(../_images/bt_scolaire_e_on.gif); }
#finissant a.graduates { background-image:url(../_images/bt_finissant_e_on.gif); }
#sportif a.sports { background-image:url(../_images/bt_sportif_e_on.gif); }
#evenementiel a.events { background-image:url(../_images/bt_evenementiel_e_on.gif); }
#corporatif a.corporate { background-image:url(../_images/bt_corporatif_e_on.gif); }
#studio a.studio_en { background-image:url(../_images/bt_studio_e_on.gif); }

/* / menu status */
.push {height:155px;}
div#container_footer {
	width:100%;
	background-image:url(../_images/bg_bottom.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:155px;
}
div#container_footer div {
	background-image:url(../_images/img_dots.gif);
	background-repeat:repeat-x;
	width:845px;
	padding:35px 0 20px 0;
	margin:0 auto;
}
div#container_footer p { margin:0 20px 0 20px; padding:0; font-size:10px; line-height:20px; }
div#container_footer a:hover { color:#00703c; }
div#container_footer a { color:#6d6f71; font-weight:bold; }
div#container_footer b a { color:#00703c; }
div#container_footer b a:hover { color:#6d6f71; }

div#container_content { width:980px; margin:0 auto; padding:0 0 20px 0; position:relative; }
div#container_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#msgintro { position: absolute; top:40px; left:65px; width:340px; line-height:17px; z-index:100; }
div#msgintro p { margin:25px 0 0 0; }
div#msgintro a { color:#00703c; font-size:11px; }
div#msgintro a:hover { color:#5c5c5c; }	

div#temoignages { position: absolute; top:410px; left:65px; width:500px; line-height:16px; font-style:italic; z-index:100; }
div#temoignages div p { margin:20px 0 0 125px; }
div#temoignages div img { float:left; }
div#temoignages b { color:#6d6f71; font-size:95%; font-style:normal; }
div#temoignages:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#flashcontent { height:569px; float:right; position:relative; }

ul.spiral { margin:0 0 0 0; padding:10px 0 0 15px; }
ul.spiral a { color:#00703c; }
ul.spiral a:hover { color:#5c5c5c; }
ul.spiral li { list-style:none; background-image:url(../_images/ico_spical.gif); background-repeat:no-repeat; background-position:0px 4px; padding:3px 0 4px 20px; }

div#container_content_contenu { width:820px; margin:0 auto; padding:30px 0 20px 0; }
div#container_content_contenu h1 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -2px;
	line-height: 1em;
	color:#8cc63f;
	margin:0; padding:0;
}
div#container_content_contenu h2 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1em;	
	color:#00703c;
	margin:0 0 0 0; padding:0;
}
h3 {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style:italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#a7a9ac;
	margin:13px 0 0 0; padding:0;
}

h4 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 2em;
	color:#00703c;
	margin:0 0 0 0; padding:0;
}

h5 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1em;
	color:#8cc63f;
	margin:0 0 0 0; padding:0;
}
a img.roll.portfolio { position:absolute; right: 70px; }
div#container_content_contenu p { margin:20px 0 0 0; padding:0; line-height:16px; }
div#container_content_contenu p a { color:#00703c; }
div#container_content_contenu p a:hover { color:#acbe94; }

div.contact_form_left {
	width:50%;
	float:left;
	margin:20px 0 20px 0;
	border-right:3px solid #dcdcdc;
}

div.contact_form_right {
	width:45%;
	float:right;
}

table.contact {
	font-size: 10px;
	color: #707070;
	padding:0;
	margin:0;
}

table.contact a {
	color: #707070;
	text-decoration:none;
}

table.contact a:hover {
	color: #303030;
}

table.contact img {
	padding:0;
	margin:0;
	border:0;
}

td.province {
	padding: 0px 0px 0px 5px;
	margin:0;
	line-height:18px;
}

td.province span {
	padding: 0px 5px 0px 5px;
}

td.province span.selected {
	background-color: #dbedc4;
	color: #303030;
}

td.province span.selected a {
	color: #303030;
}

div.contact_phone { font-size:11px; padding-bottom:30px;}
div.contact_phone span.title { color: #8cc63f; font-size: 14px; font-weight:bold; line-height:30px; }
div.contact_phone span.subtitle { color: #8cc63f; font-size: 12px; line-height:18px; }
div.contact_phone div.spacer {padding:0; margin:0; line-height:5px;}
div.contact_phone a {color: #41704b; text-decoration:underline; }

.1col { float:left; width:100%; }
.2col { float:left; width:49%; }
.3col { float:left; width:33%; }
.4col { float:left; width:25%; }

div.content_left { float:left; width:360px; }
div.content_right { float:right; width:450px; position:relative; }
div.content_right img.portfolio { position:absolute; top:0px; right:-20px; z-index:100; }
div.content_right img.visuel { position:absolute; top:40px; right:-10px; }

div.faq_content div { margin:40px 0 0px 0; }
div.faq_content div h3 { margin:0 0 15px 0 !important; }
div.faq_content div img { float:left; }
div.faq_content div p { margin:0 0 0 70px !important; padding:0; }
div.faq_content ul { margin-left:55px; }

/* ----------- */
/* Application */
/* ----------- */

div#application {
	width:835px; height:535px;
	padding:0; margin:30px 0 0 0;
	background-image:url(../_images/bg_application.jpg);
	background-repeat:no-repeat;
	position:relative;
}

div#bg_green {
	background-image:url(../_images/bg_application_green.jpg);
	background-repeat:no-repeat;
	width:321px; height:400px;
	margin:0; padding:0;
	position:absolute;
	left:6px; top:6px;
}
div#bg_overlay { position:absolute; left:6px; top:6px; width:321px; height:400px; padding:0; margin:0; }
div#poser_container { position:absolute; left:6px; top:6px;  width:321px; height:400px; z-index: 200; }

div#application_nav {
	width:321px; height:30px;
	margin:0; padding:0;
	background-image:url(../_images/bg_application_pauses.gif);
	background-repeat:repeat-x;
	position:absolute; left:6px; bottom:94px;
}
div#application_nav b { float:left; padding:9px 0 0 13px; }
#application_nav ul { float:left; margin:5px 0 0 10px; padding:0; font-size:10px; font-weight:bold; }
#application_nav ul a.on { background-image:url(../_images/ico_application_pauses_on.gif); background-repeat:no-repeat; background-position:1px 0; color:#fff; }
#application_nav ul li { float:left; list-style:none; margin:0; padding:0; }
#application_nav ul li a { position: relative; width:17px; height:15px; color:#ababab; display:block; text-decoration:none; padding:4px 0 0; text-align: center; margin:0; }
#application_nav ul li a:hover { background-color:#e4e4e4; text-decoration:none; }
#application_nav ul li a img { position: absolute; top: 15px; left: -20px; visibility: hidden }
#application_nav ul li a:hover img { visibility: visible } /* because of ie6 we can't use display: none, we have to use visibilty: hidden */

#gars { float:right; display:block; padding:3px 7px 0 0; width:11px; height:25px; background: transparent url(../_images/ico_dude_off.gif) no-repeat left 3px; }
#gars:hover,
#gars.on { background-image: url(../_images/ico_dude_on.gif); }
#gars img {display: none;}
#filles { float:right; display:block; padding:3px 7px 0 0; width:11px; height:25px; background: transparent url(../_images/ico_dudette_off.gif) no-repeat left 3px; }
#filles:hover,
#filles.on { background-image: url(../_images/ico_dudette_on.gif); }
#filles img {display: none;}

div#application_right { position:absolute; top:6px; left:330px; }
#more { position: relative; margin:0 0 0 8px; padding:0; z-index: 1000; }
#more h3 { display: inline; font-size:18px; margin:0; padding: 0; }
#more a { color:#fff; font-style:normal; line-height: 20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
#more a:hover { color:#ddd; }
#more img { display: inline; margin:16px 0 5px 10px; }

#more .toggle_more { width: 180px; height: 40px; padding-top: 4px; padding-left: 15px; }
#more .content_more { position: absolute; display: none; padding: 10px; width: 300px; background: #2d2d2d; }
#more:hover .toggle_more,
#more.hover .toggle_more { background: #2d2d2d; }
#more:hover .content_more,
#more.hover .content_more { display: block; }
#more .content_more .left { width: 120px; padding: 10px; }

#toiles_wrapper {
	overflow:hidden;
	position: relative;
	margin:18px 0 0 18px;
	padding:0;
	width: 480px;
	height: 336px;
}

div#toiles {  }
div#toiles a { float:left; margin:6px; width:80px; height:100px; display:inline; }
div#toiles img { border:1px solid black; margin:0; padding:0; }

div#toiles_nav { width:450px; text-align:center; margin:5px 0 0 25px; }
div#toiles_nav img { margin:5px 0 0 0; }
div#toiles_nav b { padding:0 10px 0 10px; margin:0; }

.left { float: left; }
.hide { display:none; }

/* TYPOGRAPHIE */
small { font-size:80%; }


/* ----------- */
/* Formulaires */
/* ----------- */

form#contact { font-size:90%; color:#5c5c5c; }
form#contact h5 {
	min-width:200px;
	clear:both;
	margin:0; 
	padding:5px 0 5px 5px;
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#f7f7f7;
	border:1px solid #eaeaea;
	color:#5c5c5c;
	letter-spacing:0px;
	display:block;
}
form#contact h5#first { margin:0 0 15px 0 !important; }
form#contact input, select { border:1px solid #c5daa8; font-size:12px; padding:3px; }
form#contact h5 select { font-size:70%; width:50%; }
form#contact label { display:block; padding:15px 0 5px 0; clear:both; }
form#contact blockquote { font-style:normal; }
form#contact div { float:left; margin:0 20px 0 0; }				
form#contact #market_scolaire, #market_finissants, #market_sportif, #market_autre, #market_other, #market_sports, #market_graduation, #market_school { margin:0 0 30px 0 !important; }
div.contact_submit { padding-top: 15px; }
input.send_bt {
	background-color:#8cc63f;
	color:#fff;
	font-size:12px;
	padding:3px 10px 3px 10px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:0px;
}

.text14pxVERT {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: bold;
	color:#00703c;
	}