* {margin:0;padding:0;}/* commented backslash hides from ie5mac \*/
html{height:100%;margin:0;padding:0;}
/* end hack */
/* mac hide \*/
* html #outer, * html #header {width:946px;}
/* end hide*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html,body {padding:0;margin:0;background-color: #000000;font-size: 12px;font-family: "Trebuchet MS", verdana, sans-serif;height: 100%;}
body{text-align:left;min-width:946px;/* for mozilla*/ background-color: #000000;height:100%;}
#wrapper {background-image: url(images/background.jpg);width:946px;background-repeat:no-repeat;background-position:top;	margin: 0 auto;
	z-index: 0;
}
#outer{height:99.9%;min-height:100%;width:946px;text-align:left;margin:auto;position:relative;overflow:visible;}

#player {
	position: absolute;
	top: 200px;
	left: 200px;
	z-index: 75;
	background: transparent no-repeat;
}

#audioplayer1 {
	z-index: 1000;
}
hr {
	clear: both;
	position: relative;
	padding-bottom: 25px;
	border-style: none;
	border-color: white;
}

#main_outer{margin:0 auto;padding: 0;}
#main_image{display:block;width:638px;height:233px;position: relative;clear: both;
	float: left;
	margin-left: 154px;
	background-color: white;
}
#main_image_autres{background-image: url(images/contact_main_image.jpg);width:638px;height:233px;float: left;margin-left: 154px;position: relative;clear: both;}
#main_image_image{width:638px;height:233px;float: left;margin-left: 154px;position: relative;clear: both;}
#accueil_image{background-image: url(images/accueil_image.jpg);width:638px;height:344px;float: left;
	margin-left: 154px;}
#inner{width:100%;padding-top: 219px;/*needed to make room for header*/ }
#header{margin: 0;padding: 0;position:absolute;top:0px;left:0px;width:946px;height: 218px;}
#logo {margin: 0;padding: 0;position:absolute;top:17px;left:383px;width:180px;height:180px;text-indent: -5000px;z-index:300;background-image: url(images/logo.gif);}
ul#return_accueil {margin: 0;padding: 0;position:absolute;left: 162px;top: 190px;width: 30px;height: 26px;background-image: url(images/return_accueil.gif);}
ul#return_accueil li{margin: 0;padding: 0; list-style: none;}
ul#return_accueil li a{margin: 0px;padding: 0px;display: block;width: 30px;height: 26px;background: url(images/return_accueil.gif) no-repeat 0 0px;}
ul#return_accueil li a:hover{background: url(images/return_accueil.gif) no-repeat 0 -26px; }
ul#dernier_projer {margin: 0;padding: 0;position:absolute;left: 216px;top: 93px;width: 150px; height: 20px;background-image: url(images/dernier_projet.gif);}
ul#dernier_projer li{margin: 0;padding: 0; list-style: none;}
ul#dernier_projer li a{margin: 0px;padding: 0px;display: block;width: 150px;height: 20px;background: url(images/dernier_projet.gif) no-repeat 0 0px;}
ul#dernier_projer li a:hover{background: url(images/dernier_projet.gif) no-repeat 0 -20px;}
ul#realisation {margin: 0;padding: 0;position:absolute;left: 216px;top: 113px;width: 150px;height: 20px;background-image: url(images/realisation.gif);}
ul#realisation li{margin: 0;padding: 0; list-style: none;}
ul#realisation li a{margin: 0px;padding: 0px;display: block;width: 150px;height: 20px;background: url(images/realisation.gif) no-repeat 0 0px;}
ul#realisation li a:hover{background: url(images/realisation.gif) no-repeat 0 -20px; }
ul#savoir_faire {margin: 0;padding: 0;position:absolute;top: 92px;right: 207px;width: 155px;height: 20px;background-image: url(images/savoir_faire.gif);}
ul#savoir_faire li{margin: 0;padding: 0; list-style: none;}
ul#savoir_faire li a{margin: 0px;padding: 0px;display: block;width: 155px;height: 20px;background: url(images/savoir_faire.gif) no-repeat 0 0px;}
ul#savoir_faire li a:hover{background: url(images/savoir_faire.gif) no-repeat 0 -20px; }
ul#qui_sommes {margin: 0;padding: 0;position:absolute;top: 112px;right: 207px;width: 155px;height: 20px;background-image: url(images/qui_sommes.gif);}
ul#qui_sommes li{margin: 0;padding: 0; list-style: none;}
ul#qui_sommes li a{margin: 0px;padding: 0px;display: block;width: 155px;height: 20px;background: url(images/qui_sommes.gif) no-repeat 0 0px;}
ul#qui_sommes li a:hover{background: url(images/qui_sommes.gif) no-repeat 0 -20px; }
ul#contact {margin: 0;padding: 0;position:absolute;top: 191px;right: 154px;width: 202px;height: 27px;background-image: url(images/contact.gif);}
ul#contact li{margin: 0;padding: 0; list-style: none;}
ul#contact li a{margin: 0px;padding: 0px;display: block;width: 202px;height: 27px;background: url(images/contact.gif) no-repeat 0 0px;}
ul#contact li a:hover{background: url(images/contact.gif) no-repeat 0 -27px; }
#navi  {margin: -92px 0 0 154px;padding: 0px;display: inline;float: left;}
ul#navigation {margin:0px;padding: 0px;}
li.precedent {list-style: none; float:left;width: 27px;height: 92px;background: url(images/precedent.gif) 0 bottom;}
li.precedent  a {margin: 0;padding: 0;list-style: none; float: left; position:relative;width: 27px;height: 92px;background: url(images/precedent.gif);}
li.precedent a:hover{background: url(images/precedent.gif) no-repeat 0 -92px; }
li.suivant {list-style: none; float:left;width: 65px;height: 92px;background: url(images/suivant.gif) 0 bottom;}
li.suivant a {margin: 0;padding: 0; list-style: none;float: left;position:relative;width: 65px;height: 92px;background: url(images/suivant.gif);}
li.suivant a:hover{background: url(images/suivant.gif) no-repeat 0 -92px; }
div,p  {margin-top:0px;}/*clear top margin for mozilla*/
#bandeaux_savoir {text-align: center;background: url(images/bandeaux_savoir.gif) 0;width: 267px;height: 36px;padding: 0;float: left;margin: 12px auto 10px 10px;}
#bandeaux_realisations {text-align: center;background: url(images/bandeaux_realisations.gif) 0;width: 267px;height: 36px;padding: 0;float: left;margin: 12px auto 10px 10px;}
#right {width:319px;height:256px;padding-right: 154px;z-index: 55;background: #000 url(images/bk_right.gif) no-repeat left top;float: right; display: block;}
#right-inner {padding: 15px 0 0 20px;text-align: left;}
ul#left-m {list-style: none;display: inline;}
ul#left-m li.h3{ text-decoration: none; color: #003333;background: url(images/plus_off.gif) no-repeat left bottom;font: normal bold 18px Arial;margin: 0;display: inline;float: left;
padding: 20px 10px 15px 0;}
ul#left-m li.h3:hover{background: url(images/plus_on.gif) no-repeat left bottom;}
ul#liens_savoir {margin: 0;	padding: 0; list-style: none;}
ul#liens_savoir li.savoir { text-decoration: none; color: #003333;font: bold 11px Arial;display: block;margin: 0 0 0 30px;clear: both;background: url(images/puces_noir.gif) no-repeat left center;
padding-left: 8px; list-style: none;}
ul#liens_savoir li.savoir a{ text-decoration: none; color: #003333;}
ul#liens_savoir li.savoir a:hover{color: #ff008a;}
ul#right-m {list-style: none;display: block; }
ul#right-m li.h3 { text-decoration: none; color: #003333;	background: url(images/arrow_menu_off.gif) no-repeat left bottom;font: normal bold 18px Arial;padding-left: 25px;margin-bottom: 8px;}
ul#right-m li.h3 a{ text-decoration: none; color: #003333;}
ul#right-m li.h3:hover{background: url(images/arrow_menu_on.gif) no-repeat left bottom;}
ul#right-m li.h4 { text-decoration: none; color: #ff008a;	background: url(images/arrow_menu_on.gif) no-repeat left bottom;font: normal bold 18px Arial;padding-left: 25px;margin-bottom: 8px;}
ul#right-m li.h4 a{ text-decoration: none; color: #ff008a;}
ul#right-m li.h4:hover{background: url(images/arrow_menu_off.gif) no-repeat left bottom;}
#right_contact {width:319px;height:333px;padding-right: 154px;z-index: 55;background: #000 url(images/bk_contact_right.gif) no-repeat left top;float: right; display: block;}
#right-contact-inner {padding-left: 9px;text-align: left;}
#right_accueil {width:319px;height:144px;padding-right: 154px;z-index: 55;background: #000 url(images/bk_accueil_right.gif) no-repeat left top;float: right; display: block;}
#right_accueil-inner,#right_accueil-inner p {padding: 28px 0px 0 24px;text-align: left; line-height: 10pt;font-family: Arial;}
#right_accueil-inner h2 {font-size: 15px;}
#left {/*ie needs this to show float */ padding-left: 154px;z-index: 56;width: 319px;height: 256px;background: url(images/bk_left.gif) no-repeat right top;display: block;float: left;}
#left-inner {padding-left: 18px;text-align: left;}
#left-inner blockquote {padding: 15px 0 0 30px;text-align: left; font-family: Arial; font-size: 11px; font-weight: bold; color: #666666;}
#left_contact {/*ie needs this to show float */ padding-left: 154px;z-index: 56;width: 319px;height: 333px;background: url(images/bk_contact_left.gif) no-repeat right top;display: block;float: left;}
#left-contact-inner {padding-left: 18px;padding-right: 18px;text-align: left;}
#left-contact-inner h3 {padding: 0 0 0 30px; margin: 0px; font-family: Arial; font-size: 18px; font-weight: bold; color: #ff008a;}
#left-contact-inner h4 {padding: 0 0 0 30px; margin: 0px; font-family: Arial; font-size: 18px; font-weight: bold; color: #666666;}
#left_accueil {/*ie needs this to show float */ padding-left: 154px;z-index: 56;width: 319px;height: 144px;background: url(images/bk_accueil_left.gif) no-repeat right top;display: block;float: left;}
#left_accueil-inner {padding: 28px 0px 0 18px;text-align: left; line-height: 10pt;font-family: Arial;}
#content_top {width:638px;z-index: 98;background: url(images/bk_top.gif) repeat-y 0;height: auto !important; /* Firefox, Safari, IE7, etc */
height: 130px; /* IE6 */
min-height:130px;
	float: left;
	margin-left: 154px;
}
#content_top_autres {width:638px;z-index: 98;background: url(images/contact_top.gif);margin: 0 auto;height: 53px;padding: 0;}
#content_top_equipe {width:638px;z-index: 98;background: url(images/equipe_top.gif); background-repeat: no-repeat; background-position: top center; margin: 0 auto;height: 53px;padding: 0 154px;}
#content_top_revue {width:638px;z-index: 98;background: url(images/revue_presse.gif); background-repeat: no-repeat; background-position: top center; margin: 0 auto;height: 53px;padding: 0 154px;}
#content_top_archives {width:638px;z-index: 98;background: url(images/archives.gif) no-repeat 155px; margin: 0 auto;height: 53px;padding: 0 154px;}
#content_top_liens {width:638px;z-index: 98;background: url(images/liens.gif); background-repeat: no-repeat; background-position: top center; margin: 0 auto;height: 53px;padding: 0 154px;}
#content_equipe {width:638px;z-index: 98;background: url(images/bk_equipe.gif); background-repeat: repeat-y; padding: 0px 154px; margin: 0 auto;display: block;
background-position: top;height: auto !important; /* Firefox, Safari, IE7, etc */
height: 333px; /* IE6 */
min-height:333px; /* Firefox, Safari, IE7, etc */}
#content-equipe-inner {padding:10px;text-align: left;	clear: both;	float: left;	background-color: white;
	margin-left: auto;
	margin-right: auto;
	width: 618px;
}
#content-equipe-inner p{padding-left: 108px;padding-right: 18px;text-align: justify;}
#content-equipe-inner p span.en_savoir_plus { display: block; float: right; padding-right: 10px;}
#content-equipe-inner h3 {padding: 0 0 0 20px; margin: 0px; font-family: Arial; font-size: 18px; font-weight: bold; color: #ff008a; display: inline;}
#content-equipe-inner h4 {padding: 0 0 0 9px; margin: 0px; font-family: Arial; font-size: 18px; font-weight: bold; color: #6bbcc5;display: inline;}
#content-equipe-inner h5 a {padding: 0 60px 0 0px; margin: 0px; font-family: Arial; font-size: 18px; font-weight: bold; color: #6bbcc5;display: inline;text-decoration: none;}
#content-equipe-inner h5 a:hover {color: #ff008a;}
#page_content_inner {text-align: left;float: right;width: 507px;display: block;clear: left;margin:18px 18px 0 1px;height: auto; padding-left: 1px;}
#page_content_inner h3 {margin:0;padding:0 0 2px 0px; font-size: 20pt; font-weight: bold; font-family: Arial; color: #3d3d3d;}
#page_content_inner p {margin:0;padding-bottom:8px; line-height: 12pt; font-size: 11px; font-weight: bold; font-family: Arial; color: #ff008a; text-align: justify;}
#content_inner {padding-left: 26px;padding-right: 26px;text-align: left;margin-bottom: 0;padding-top: 18px;}
#content_inner h3 {margin:0;padding:0 0 2px 0px; font-size: 20pt; font-weight: bold; font-family: Arial; color: #3d3d3d;}
#content_inner p {margin:0;padding-bottom:8px; line-height: 12pt; font-size: 11px; font-weight: bold; font-family: Arial; color: #ff008a; text-align: justify;}
#clearfooter { margin: 0px auto; width:638px;height:50px;clear:both;} /* to clear footer */
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-50px;} /*safari wrapper */
#content {z-index: 300;padding-bottom: 7px;}
#content p {font-size: 12px;color: #444444;line-height: 18px;}
#content p a {color: #618200; }
#content p a:hover {background-color: #618200;color: #ffffff;}
img {border: none; clear: left;}
.petite_image {border: none; float: left; clear: left;}
.more a {color: #827C5A;font: 11px Arial;float: right;background: url(images/puces_blue.gif) no-repeat left center;padding-left: 15px;margin: 0;	padding-right: 50px;}
.more a:hover {color: #554514;}
.en_savoir_plus a{color: #333333;font: 11px Arial; text-decoration: none ; padding-left: 25px;margin: 10px 0;padding-right: 25px;display: block;background: url(images/arrow_ditto_bleu.gif); background-position: right; background-repeat: no-repeat;  float: right;}
.en_savoir_plus a:hover{ color: #ff008a; background: url(images/arrow_ditto_rouge.gif); background-position: right; background-repeat: no-repeat; }
a.en_savoir_plus{color: #333333;font: 11px Arial; text-decoration: none ; padding-left: 25px;margin: 10px 0;padding-right: 25px;display: block;background: url(images/arrow_ditto_bleu.gif); background-position: right; background-repeat: no-repeat;  float: right;}
a.en_savoir_plus:hover{ color: #ff008a; background: url(images/arrow_ditto_rouge.gif); background-position: right; background-repeat: no-repeat; }
br.breaks { clear: both; margin: 5px 0px; padding:0px;}
#content ul li{list-style-image: url(images/bullet_11x8.gif);margin-bottom: 0.5em;font-size: 110%;}
#content a{    color: rgb(97, 130, 0); }
#content a:hover{   background-color: rgb(97, 130, 0); color: rgb(255, 255, 255);}
#footer {color: #ffffff;width:638px;height: 50px;text-align:center;left:154px;position: absolute;background-color:#6bbcc5;bottom: 12px; clear: both;}
#footer table {margin: 5px auto 1px;padding:0;text-decoration: none;color: #fff;width: 540px;}
#footer table td a{text-decoration: none;font-size: 11px;font-family: Arial;color: #fff;}
#footer table td a:hover{color: #eac100;}
td.puces { margin: 0px; padding: 0px; width: 3px; height: 3px; background: url(images/puces.gif) no-repeat center;}

#footer ul.f_top {	list-style-type: none;	clear: both;	padding-top: 8px;}
#footer ul.f_top li {display: inline;	margin: 0 2px;	padding: 0;}
#footer ul.f_top li a {	text-decoration: none;	color: white;}
#footer ul.f_top li a:hover {	text-decoration: underline;}
#footer ul.f_bottom {	list-style-type: none;	clear: both;}
#footer ul.f_bottom li {display: inline;	margin: 0 2px;}
#footer ul.f_bottom li a {color: white;text-decoration: none;line-height: 24px;}
#footer ul.f_bottom li a:hover {text-decoration: underline;}
li.puces { margin: 0px; padding: 0px; width: 3px; height: 3px; background: url(images/puces.gif) no-repeat center;
	list-style-type: none;
}

#baseline {position: absolute;background-image:url(images/baseline_deco.gif); background-repeat: no-repeat; background-position: top; clear:both;width:311px;height:23px;left:317px; padding-bottom: 20px;}
* html #footer{ margin-bottom:0px;}/* ie rounding bug*/ /* mac hide \*/
* html #footer { /*only ie gets this style*/ height:50px;/* for ie*/ }
/* end hide*/
#manage_button {position: absolute;display:block;z-index:999}
/* catfish and 'position:fixed' emulation */
.popup { width: 100%; height: 300px; background-color:none;}