@CHARSET "UTF-8";

@font-face {
	font-family: "Arial Narrow";
	font-style: normal;
	font-weight: normal;
	src: url("../img/arialn.otf") format("opentype");
}

@font-face {
	font-family: "Arial Narrow";
	font-style: normal;
	font-weight: bold;
	src: url("../img/arialnb.otf") format("opentype");
}


body {
	margin:0;
	font-size:10pt;
	font-family:    Arial Narrow, Arial, helvetica;
}

a {
	color: red;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
	vertical-align: middle;
	margin: 0px;
}

table {
	border:0px;
	border-spacing: 0px;
	border-collapse: collapse; 
}

form,table,tbody,tr,td,h1,h2,h3 {
	margin: 0px;
	padding: 0px;
}


p {
	margin:0;
}

legend {
	position: relative;
}

h1 {
	
}

h2 {
	 
}

h3 {
	
}

textarea{
	width:100%;
	border:solid 1px #AAA;
}

select,
input {
	border:solid 1px #AAA;
	font-size:9pt;
}



/***********************************
 * Base du site
 **********************************/

#page {
	position:absolute;
	display:table;
	width:100%;
	height:100%;
}

#home {
	display:table-cell;
	vertical-align:middle;
}

#home #anim {
	width:1000px;
	margin:auto;
}
#home #add_link {
	width:1000px;
	height:15px;
	margin:auto;
	text-align:center;
	border-width:0px;
	margin-top:3px;
}
#home #add_link a{
	color:#000000;
	font-weight:bold;
	font-size:10pt;
	text-decoration:none;
}

#home #anim object {
	display:block;
}

#site_bg {
	display:table-cell;
	vertical-align:middle;
}

#site {
	width:1000px;
	height:660px;
	margin:auto;
	background:url("../img/fond.png") #EEE no-repeat;
	/*debug :: background-color:orange; */
}

#home_link {float:left; width:100%; text-align:right; margin-top:413px; }
#home_link a{margin-right:60px; font-weight:bold; font-size:10pt; color:#000000;}

#site h1.page_title {
	position:absolute;
	margin:153px 0 0 200px;
}

#site h1.page_title a {
	font-size:48pt;
	text-decoration:none;
	color:#CECECE;
	font-weight:normal;
}

#site h1.page_title2 {
	position:absolute;
	margin:153px 0 0 200px;
}

#site h1.page_title2 a {
	font-size:48pt;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}


#site h2.page_title_plus {
	position:absolute;
	margin:132px 0 0 203px;
	
}

#site h2.page_title_plus a {
	font-size:22pt;
	text-decoration:none;
	color:#CECECE;
	font-weight:normal;
}


#corps {
	background-color:#AAA;
	position:relative;
}

#content {
	position:absolute;
	width:790px;
	margin:250px 0 0 200px;
	/*debug ::background-color:green;*/
}

/***********************************
 * Menu du site
 **********************************/



#menu {
	float:right;
	margin:20px 0 0 0;
	margin-right:5px;
}

#menu a {
	text-decoration:none;
	color:#000000;
}

#menu li.menu_1_elt.selected a {
	color:#EE0026;
}

#menu li.menu_1_elt.selected li.menu_2_elt a {
	color:#000000;
}

#menu li.menu_1_elt.selected li.menu_2_elt.selected a {
	color:#EE0026;
}

#menu ul.menu_1 {
	margin:0;
	padding:0;
	width:200px;
	list-style-type:none;
	font-size:16pt;
	font-weight:normal;
	
	
}

#menu li.menu_1_elt {
	height:30px;

}

#menu .menu_1 li {
	height:30px; 
	background-color:#FFFFFF;
	background-image:none;
}

#menu div.menu_2_englob{
	position:absolute;
	width:212px;
	padding:15px 0 0 0;
	margin:-22px 0 0 -230px;
	list-style-type:none;
	background:url("../img/line.png") #FFFFFF no-repeat top;
	font-size:10pt;
	font-weight:normal;
	text-align:left;
}

#menu ul.menu_2 {
	list-style-type: none; 
	font-weight:normal;
	margin:auto;
	position:relative;
	text-align:left;
	
}

#menu li.menu_2_elt {
	height:20px;
	margin:auto;
	position:relative;
	text-align:left;
	width:100%;
	margin-left:-40px;
}




/***********************************
 * Pages du site
 **********************************/



#contact_form {
	float:left;
	width:350px;
	/*debug ::background-color:yellow;*/
}

#contact_coords {
	position:relative; 
	float:right;
	margin-right:-5px;
	margin-top:-20px;
	width:235px;
	height:210px;
	padding: 20px 0px 0px 10px;
}

#contact_coords a{
	color:#000000;
}

#page_text {
	float:left;
	width:350px;
	line-height:10.5pt;
	/*border:solid 1px green;*/
}

#page_photos {
	float:right;
	width:380px;
	height:270px;
	/*border:solid 1px blue;*/
}

#page_methode {
	position:absolute;
	margin:0px;	
	left:0px;
	top:200px;
	width:256px;
	/*border:solid 1px gray;*/
}

#page_methode #titre_methode{
	position:relative; 
	width:75px; height:15px; margin:2px; padding:0px; padding-left:3px;
	background:url("../img/picto_fleche_down.png") #FFFFFF no-repeat 65px 2px;
	/*border-style:dotted; border-width:1px; border-color:#000000;*/
	border-width:0px; cursor:pointer;
}
#page_methode #titre_methode.selected {
	background:url("../img/picto_fleche_up.png") #FFFFFF no-repeat 65px 2px;
}

#page_methode #contenu_methode{ 
	position:relative; top:-15px; left:85px;
	height:150px; width:256px; margin:2px; padding:2px; padding-right:20px; overflow:hidden;
	font-size:10pt;
	line-height:10.5pt;
	/*border-style:solid; border-width:1px; border-color:#000000;*/
}


#contenu_scroll {padding:0; margin:0; top:2px; left:240px;  position:absolute;  height:150px; width:12px; border:solid 1px #CECECE; background-color:#EEEEEE; }
#scroll_btn {margin-top:0px; position:absolute; float:right; height:12px; width:12px; background-color:gray; cursor:pointer;}
#contenu_scrolled { top:0px; position:relative; width:230px; }


/*
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; 
	color: #1c94c4; background-color:#CECECE; height:10px; width:10px; cursor:pointer; 
}

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 5px; margin-bottom: -8px;  }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
*/

/***********************************
 * Secteurs d'activité
 **********************************/

#secteurs_bg {
	position:absolute;
	width:770px;
	height:323px;
	margin:0px; left:15px; top:-43px;
	background-color:#CCCCCC;
}

#secteurs_menu {
	position:absolute;
	margin:0px 0 0 400px;
	font-weight:bold;
	font-size:12pt;
}

#secteurs_menu li{
	text-decoration:none;
	color:black;
	background-image:none;
	margin:5px;
	background-color:transparent;
}

#secteurs_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#secteurs_menu ul li a{
	text-decoration:none;
	color:black;
}

#secteurs_menu ul li.selected a {
	color:#EE0026;
	background-color:transparent;
}



#secteurs_pages {
	position:absolute;
	top:195px;
	font-size:9pt;
	font-weight:normal;
}

#secteurs_content {
	position:absolute;
	margin:0;
}

#secteurs_gals { 
	position:absolute;
	width:330px;
	height:220px;
	overflow:hidden;
	background-color:transparent;
	left:30px;
}

.secteur_titres {
	padding-left:15px; 
}

#site h1.page_title span.secteur_titres a {
font-size:46pt; 
font-weight:normal;
}

.secteurs_gal {
	width:5000px;
	height:220px;
}

.secteurs_gal_table {
	display:table;
	float:left;
	width:330px;
	height:220px;
	background-color:#000000;
	
	
}

.secteurs_gal_elt {
	display:table-cell;
	vertical-align:middle;
	position:relative;
	margin:auto;
}

.secteurs_gal_elt img {
	display:block;
	margin:auto;
	position:relative;
}

/***********************************
 * Diaporama
 **********************************/

.album_photos {
	width:330px;
	height:220px;
	overflow:hidden;
}

#photo_elts {
	width:5000px;
	height:220px;
}
.photo_table {
	float:left;
	display:table;
	width:330px;
	height:220px;
	background-color:#000000;
	
}

.photo_elt {
	display:table-cell;
	vertical-align:middle;
	
	
}
.photo_elt img {
	margin:auto;
	display:block;
	
}


.album_btns {
	float:left;
	margin:20px 0 0 120px;
}
.photo_btn_table {
	float:left;
	display:table;
	width:18px;
	height:24px;
	margin-right:5px;
	text-align:center;
}

.photo_btn_elt {
	display:table-cell;
	vertical-align:middle;
	background:url('../img/picto_page_gray.png') #AAA no-repeat;
	color:#FFFFFF;
	cursor:pointer;
}

.photo_btn_elt.selected {
	background:url('../img/picto_page_red.png') #AAA no-repeat;
}