* {

border:0;
margin:0;
padding:0;
}

.clearBoth {
clear:both;
}

body {
color:white;
text-align:center;
font-size:14px;
font-family:"Trebuchet MS",arial,helvetica,verdana;
margin:1px 0 0 0;
padding:0;
background:url(images/background/fond-eau-vive.jpg) repeat-x #75b1cc;
width:919px;
margin-left:auto;
margin-right:auto;
behavior: url('csshover.htc'); /*WinIE behavior call*/
} 

body#bodyIndex {	
	background:url(images/background/fond-index.jpg) repeat-x #028988;
}

body#bodyHydroelectrique {	
	background:url(images/background/fond-hydroelectrique.jpg) repeat-x #69a6a9;
}


table { /* pour corriger une erreur d'affichage de taille de police sous IE 6  */
font-size:14px;
}

h1, h2.typeH1 {
text-transform:uppercase;
font-weight:normal;
font-size:29px;
color:#FC7F4B;
background:none;
padding:0;
}

h2 {
text-transform:uppercase;
font-weight:bold;
font-size:13px;
background:url(images/fleche.gif) 0px 10px no-repeat;
padding:5px 0 2px 10px;
}
p {
color:white; /* NEW 24 JUIN 2007 */
text-align:justify;
padding:10px 0 0 0;
}
p.parag_centre {

text-align:center;
}

p.titre_paragraphe {
font-size:20px;
color:#FF854C;
}

a {

color:white;
text-decoration:none;
}

a:hover {
color:#000000;
text-decoration:underline;

}

a.lien {

color: #fea46e;
text-decoration:none;
}

a.lien:hover {
color: #ff9970;
text-decoration:underline;

}


ul {
margin-left:22px;
list-style-type:square;
color:#FC7F4B;
}

ol {
margin-left:22px;
color:#FC7F4B;
}

ul.sous_liste {
margin-left:22px;
list-style-type:square;
color:#FFFFFF;
}
/* ++++++++++++++++++++++++++TRANCHES +++++++++++++++++++++++++++++++++++++++++++++++ */
#trancheHaut {
background: url(./images/tranches/trancheHaut_101.gif) no-repeat;
height:231px;
width:919px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#trancheHaut-ingenierie-hydroelectrique {
background: url(./images/ingenierie-hydroelectrique/header.gif) no-repeat;
height:231px;
width:919px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#trancheMilieuAvecBarre {
background: url(./images/tranches/trancheDrapeaux_100.gif); /*  (2)  */
width:919px;
border:0px solid black;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:left;
}

#trancheMilieuAvecBarre_img {
background: url(./images/tranches/trancheDrapeaux_100_img.gif); /*  (2)  */
width:919px;
border:0px solid black;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:left;
}

#trancheMilieu { 
background: url(./images/tranches/trancheMilieu_100.gif) repeat-y; /*  (3)  */
width:919px;
border:0px solid black;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:left;
}

#caracteristiques_trancheMilieu { 
width:919px;
border:0px solid black;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:left;
}

.trancheMilieu_vague_a_surf { 
background: url(./images/tranches/trancheMilieu_vague_a_surf_100.gif) no-repeat; /*  (3)  */
height:516px;
}

.trancheMilieu_parcours_d_eau_vive { 
background: url(./images/tranches/trancheMilieu_parcours_d_eau_vive_100.gif) no-repeat; /*  (3)  */
height:516px;
}

.trancheMilieu_stade_d_eau_vive { 
background: url(./images/tranches/trancheMilieu_stade_d_eau_vive_100.gif) no-repeat; /*  (3)  */
height:506px;
}

.trancheMilieu_barge_d_eau_vive { 
background: url(./images/tranches/trancheMilieu_barge_d_eau_vive_100.gif) no-repeat; /*  (3)  */
height:506px;
}


#trancheBas_mission { 
background: url(./images/tranches/trancheBas_mission_100.gif) no-repeat; /*  (3)  */
height:719px;
margin-left:auto;
margin-right:auto;
width:919px;
text-align:left;
}

#trancheBas_accueil { 
background: url(./images/tranches/trancheBas_accueil.png) no-repeat; /*  (3)  */
height:574px;
margin-left:auto;
margin-right:auto;
width:919px;
text-align:left;
}

#trancheBas_accueil_ingenierie-hydroelectrique { 
background: url(./images/ingenierie-hydroelectrique/fond.jpg) no-repeat; /*  (3)  */
height:574px;
margin-left:auto;
margin-right:auto;
width:919px;
text-align:left;
}


#actuHSM {position:relative;padding-top:320px;}


#trancheBas { 
background: url(./images/tranches/trancheBas_101.gif) no-repeat; /*  (3)  */
height:430px;
margin-left:auto;
margin-right:auto;
width:919px;
text-align:left;
}

/* +++++++++++++++++++++++++++ LOGO +++++++++++++++++++++++*/
#logo {
margin:38px 0 0 16px;
}
#logo img {
width:122px;
margin:47px 0 0 15px;
}

/*++++++++++++++++ LE MENU PRINCIPAL HORIZONTAL ++++++++++++++++++++++++++++++ */


ul#menu {
padding:7px 0 0 00px;
width:710px;
height:13px;
top:205px;
position:absolute;
margin-left:206px;
}

ul#topMenu {
padding:88px 0 0 0px;
width:220px;
height:28px;
}

ul#menu li, ul#topMenu li {
float:left;
font-size:12px; /* NEW 24 JUIN 2007 */
display:inline;
text-align:center;
line-height:15px; 
height:20px;
font-weight:lighter; /* NEW 24 JUIN 2007 */
padding:0 25px 0 22px;
}

ul#menu li:hover, ul#topMenu li:hover {
	background:url(images/menuD/menuOn2.png) 0 -100px;
}

ul#menu a:hover, ul#topMenu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
ul#menu a, ul#topMenu a {
	height:23px;
	padding:5px 0 0px 0px;
	line-height:14px;
	text-transform:uppercase;
}

ul#menu #accueil a, ul#menu #vagueSurf a, #brevet a, ul#menu #contact a, ul#menu #ingenierieEauVive a, ul#menu #hydroelectricite a, ul#menu #maquette a, ul#menu #passe a {
	height:23px;
	padding:0px 0 0px 0px;
}

ul#menu .sousMenu li a {
	color:#ffffff;
}
li#parcours_on a, li#vague_on a, li#hydroelectricite_on a, li#passe_on a, li#produits_on a,li#brevets_on a {
	color:#ff8400;
}



#accueil_on a, #hydroelectricite_on a, #ingenierieEauVive_on a, #passe_on a, #maquette_on a, #contact_on a {
	height:24px;
	padding:0px 0 0px 0px;
	color:#ff8400;
}

.sousMenu {
	width:125px;
	opacity:0.8;
	margin-top:4px;
	margin-left:0px;
}

ul#menu ul.sousMenu li {
	display:none;
	background:#000000;
	width:120px;
	border-top:1px solid #362248;
	height:17px;
	z-index:2;
	padding:4px 2px 0 2px;
}

ul#menu ul#laListenumDeux li {
wdth:130px;
}


ul#menu ul.sousMenu li a {
text-transform:none;
font-size:11px;
}

ul#menu ul.sousMenu li:hover {
background-image:none;
background:#011124;
}


#accueil {
padding:3px 0 0 0;
margin:0px 0 0 0;
}
#accueil_on {
padding:3px 0 0 0;
margin:0px 0 0 0;
}

#ingenierieEauVive {
height:35px;
padding:3px 0 0 0;
}
#ingenierieEauVive_on {
height:35px;
padding:3px 0 0 0;
}

#parcours {
height:35px;
padding:3px 0 0 0;
}
#parcours_on {
height:35px;
padding:3px 0 0 0;
}


#barge {
height:35px;
padding:3px 0 0 0;
}
#barge_on {
height:35px;
padding:3px 0 0 0;
}


#maquette {
height:35px;
padding:3px 0 0 0;
}

#maquette_on {
height:35px;
padding:3px 0 0 0;
}

#hydroelectricite {
height:35px;
padding:3px 0 0 0;
}
#hydroelectricite_on {
height:35px;
padding:3px 0 0 0;
}

#passe {
height:35px;
padding:3px 0 0 0;
}
#passe_on {
height:35px;
padding:3px 0 0 0;
}

#produit {
width:160px;
height:35px;
padding:3px 0 0 0;
}
#produit_on {
width:160px;
height:35px;
padding:3px 0 0 0;
}


#contact {
height:35px;
padding:3px 0 0 0;
}
#contact_on {
height:35px;
padding:3px 0 0 0;
}


/* +++++++++++++++++++++++++++++ LES DRAPEAUX POUR LA LANGUE ++++++++++++++++++++++++++++++++*/
#langue{
margin:0 0 0 3px;
border:0px solid black;
text-align:center;
width:160px;
}

#langueAccueil{
margin:110px 0 0 1px;
border:0px solid black;
text-align:center;
width:28px;
position:absolute;
z-index:100;
}
#langueAccueil ul  {
list-style:none;
margin:0;
padding:0;
}
#langueAccueil ul li {padding-top:4px;}


#langue a:hover {
text-decoration:none;
}
#langue ul  li  {
list-style-type:none;
display:inline;
padding:5px 0 0 0;
}
img.imgDrap{
width:28px;
height:18px;
}
/* +++++++++++++++++++++++++++++++++  CARACTERISTIQUE DE LINTERIEUR DES TRANCHES (TEXTES.....) +++++++++++++++++++++++*/
#trancheMilieuAvecBarre #texte, #trancheMilieuAvecBarre_img #texte{
margin-left:250px;
width:440px;
}
#trancheMilieu #texte{
margin-left:290px;
width:538px;
}
#caracteristiques_trancheMilieu #texte{
margin-left:290px;
width:538px;
}

#trancheBas #texte{
margin-left:290px;
width:538px;
height:390px;
}

#trancheBas_mission #texte{
margin-left:290px;
width:538px;
height:681px;
}

.texte_accueil_droite {
width:275px;
margin:20px 0 0 575px;
padding:5px;
position:absolute;
}
.texte_accueil_gauche {
width:365px;
padding-left:55px;
float:left;
}
#diapo {
margin:21px 0px 0 465px;

}	
#diapo img.topImageToFade {
width:410px;
height:300px;
}

.texte_accueil_gauche p, .texte_accueil_droite p{
padding:0px 0 10px 0px;
line-height:1.6em;
font-size:11.5px;
}

#trancheBas #coordonnees,#trancheBas_mission #coordonnees {
margin:10px 0px 0 600px;
line-height:12px;
}

#trancheBas #coordonnees_page_accueil p,#trancheBas #coordonnees p,#trancheBas_mission #coordonnees p   {
text-align:center;
font-size:12px;
color:#BBBBBB;
}

#trancheBas #coordonnees_page_accueil a,#trancheBas #coordonnees a,#trancheBas_mission #coordonnees a   {
text-decoration:underline;
color:#BBBBBB;
}
#trancheBas #coordonnees_page_accueil a:hover,#trancheBas #coordonnees a:hover,#trancheBas_mission #coordonnees a:hover   {
text-decoration:underline;
color:#000000;
}

#coordonnees_page_accueil {
margin-left:511px;
top:780px;
position:absolute;
font-size:11px;
border:0px solid black;
width:400px;
clear:both;
}

#coordonnees_page_index {
width:875px;
text-align:center;
border-top:1px solid #446668;
font-size:11px;
padding-top:10px;
}

#coordonnees_page_index p {
text-align:center;
line-height:1.3em;
}


#langueETmenuD {
float:left;
width:100px;
position:absolute;
margin-top:30px;
}

/* ++++++++++++++++++++++++++++++++++++++++LE GROS TITRE DE LA PAGE +++++++++++++++++++++++++++++*/
#titrePage {
text-align:center;
width:620px;
font-size:32px;
font-weight:bold;
color:#FC7F4B;
margin-left:20px;
}

#sous_titre {
color:#FF854C;
font-size:15px;
}
#site_web  a{
color:#0073AA;
margin-left:20px;
font-weight:bold;
font-style:italic;
}

 /* ++++++++++++++++++PARTIE MENU DEROULANT +++++++++++++++++*/
 
#menuD { 
  padding:0;
  margin:0;
  border:0px solid black;
  width:192px;
  text-align:left;
  position:absolute;
  margin-top:10px;
  margin-left:0px;
  }

#menuD li {
padding:2px 0 0 0;
}  
  
#menuD a {
font-size:14px;
font-weight:normal;
color:#444444;/*#003455; */
}
#menuD a:hover {
font-size:14px;
font-weight:normal;
color:#ffffff;/*#003455; */
}



#menuderoulant a:hover {
font-size:14px;
color:#ffffff;
text-decoration:none;
}

.typeRouge {

color:#FFFFFF;
font-weight:bold;
letter-spacing:0.1em;

}

#menuderoulant {
  list-style-type: none;
  padding:0;
  margin:0 0 0 8px;
  border:0px solid black;
  }

#menuderoulant ul {
  list-style-type: none;
}

#menuderoulant li {
height:22px;
}

a.imgMenuD, {
position:absolute;
border:0px solid black;
text-decoration:none;
width:159px;
height:25px;
padding:0px 0px 0 2px;
}

a.imgMenuD:hover{

position:absolute;
border:0px solid black;
width:159px;
height:25px;
padding:0 0px 0px 2px;
}

#menuderoulant .sousmenuD li {
  display : none;
}

.sousmenuD { 
 position:absolute;
 margin-left:130px;
 background : url(images/menuD/sousmenu.png) repeat;
 width:124px;
 text-align:center;
 }


#menuderoulant li:hover  .sousmenuD li { display: block;height:22px;}
#menuderoulant li:active .sousmenuD li { display:block;height:22px;} /* si la personne fait un glissé du menu au sous-menu déroulant alors le sous-menu sera fixe */
														/*facilite l'utilisation du menu déroulant */
														

.sousmenuD li:hover {
display:block;
}
/* FIN DE LA PARTIE MENU DEROULANT */
a.imgMenuDGrand {
float:left;
border:0px solid black;
text-decoration:none;
width:177px;
height:22px;
padding:0 0px 0 2px;
}

a.imgMenuDGrand:hover{
float:left;
border:0px solid black;
width:177px;
height:22px;
padding:0 0px 0 2px;
}

/**-------------------- PRESENTATION DES DIFFERENTS STADES DANS PAGES : fra_gravitaire.htm, fra_mixte.htm, fra_pompage.htm, fra_maree.htm ---------------- **/
table.presentation p {
text-align:center;
}

table.presentation {
width:538px;
text-align:center;
}

table.presentation td {
width:206px;
text-align:center;
}

table.presentation img {
width:170px;
height:128px;
}


table.photos p {
text-align:center;
}

table.photos td{
padding:2px;
margin:0;
}

table.photos {
width:538px;
text-align:center;
}
table.photos img {
width:266px;
height:191px;
}

table.caracteristiques {
border-collapse:collapse;	
}

table.caracteristiques td {
text-align:center;
border:1px solid #FFFFFF;
padding:1px;
}
table.caracteristiques p {
text-align:center;
}

ul.caracteristiques p {
text-align:left;
}
ul.caracteristiques {
margin:0 0 0 30px;
}

/**
ul.caracteristiques p.caracteristiques_1 {
text-indent:-163px;
margin:0 0 0 173px;
}
ul.caracteristiques p.caracteristiques_2 {
text-indent:-120px;
margin:0 0 0 130px;
}
ul.caracteristiques p.caracteristiques_3 {
text-indent:-110px;
margin:0 0 0 120px;
}

/**+++++++++++++++++++++++++++++++++  frapassecanoe.htm --> LA PASSE A CANOE ++++++++++++++++++++++*/

blockquote {

width:580px;
margin-left:100px;
text-align:justify;
}


/*------------------------------- MISSIONS ET COMPETENCES ---------------------------------*/
#listeGauche {
float:left;
width:200px;
padding:0 0 0 22px;
list-style-type:square;
color:#FC7F4B;
}

#listeDroite {
margin-left:300px;
list-style-type:square;	
color:#FC7F4B;
}
#listeDroite p,#listeGauche p {
text-align:left;
}
table.contact p{

text-align:center;
padding:12px 3px 0 3px
}

table.amenagement td {

padding:4px;
}

#hautDePage {
text-decoration:underline;
text-align:right;
}

#ouEtesVous {
margin-left:205px;
text-align:left; 
height:20px;
padding:3px 3px 3px 4px;
background:url(images/barre_repere3.gif) no-repeat;
font-weight:bold;
color:#003455;
}

#ouEtesVous a {
color:#003455;
text-decoration:none;
}

#ouEtesVous a:hover {

text-decoration:underline;
}

.lien_photo {
filter: alpha(opacity=70);
}
.souD {

}
.souD,.menud, .menud3 {
list-style-type:none;
}
.souD li {
display: block; /* none; */
}
.imgMenuD2, .imgMenuD3 {
font-weight:normal;
color:#444444;/*#003455; */
text-decoration:none;
}

.imgMenuD2:hover, .imgMenuD3:hover{
color:#ffffff;
font-weight:normal;
text-decoration:none;
}
.souD a {
color:#ffffff;
font-weight:normal;
text-decoration:none;
}
.souD a:hover {
color:#444444;
font-weight:normal;
text-decoration:none;
}
/* .menud li:hover  .souD li { display:block;height:22px;} */

#menuD2 { 
  padding:0;
  margin:0;
  border:0px solid black;
  width:192px;
  text-align:left;
  /* position:fixed; */
  margin-top:10px;
  margin-left:0px;
  }

#menuD2 li {
padding:2px 0 0 0;
}  


.surTitre {
color:#ff9944;
font-weight:bold;
font-size:18px;
}	



/* ----- ACTUALITES | DERNIERES REALISATIONS ---------------- */

#photoActu {
float:left;
width:61px;
text-align:center;
margin-top:20px;
}	

.photoDactu {
width:61px;
height:56px;
}


.texteActu {
width:340px;
margin-left:80px;
margin-top:10px;
font-size:11.5px;
line-height:1.6em;
}


/* +-+-+-+-+-+-+-+-+- DIAPORAMA +-+-+-+-+-+-+-+-+-+-+-+-+ */

.defilantDiapo ul {
height:25px;
width:180px;
position:absolute;
margin:270px 0 0 230px;
padding:5px 0 0px 0px;
z-index:60;
background-color:#000000;
opacity:0.8;
filter:alpha(opacity=80);
}


.defilantDiapo ul li {
display:inline;
float:left;
list-style:none;
padding:4px 2px 0 2px;
height:23px !important;
height:21px;
line-height:21px;
}


.defilantDiapo ul li a {
font-size:30px;
font-weight:bold;
}

.defilantDiapo ul li a:hover {
color:#ff8400;
text-decoration:none;
}

.current {
color:#ff8400;
}

.normal {
color:#ffffff;
}


.topImageToFade {
position:absolute;
}

#topImage01 {z-index:30;}
#topImage02 {z-index:29;}
#topImage03 {z-index:28;}
#topImage04 {z-index:27;}
#topImage05 {z-index:26;}
#topImage06 {z-index:25;}
#topImage07 {z-index:24;}
#topImage08 {z-index:23;}
#topImage09 {z-index:22;}
#topImage10 {z-index:21;}
#topImage11 {z-index:20;}


/* TOP IMAGE */

#legende {
background:#000000;
opacity:0.8;
filter(alpha):opacity=80;
width:480px;
height:27px;
margin-top:287px;
padding:10px;
font-size:12px;
color:#ffffff;
font-style:italic;
letter-spacing:1px;
position:absolute;
z-index:100;
}


#legende div, #legendeGallery div {
position:absolute;
}

#legende01 {z-index:130}
#legende02 {z-index:129}
#legende03 {z-index:128}
#legende04 {z-index:127}
#legende05 {z-index:126}
#legende06 {z-index:125}
#legende07 {z-index:124}
#legende08 {z-index:123}
#legende09 {z-index:122}
#legende10 {z-index:121}
#legende11 {z-index:120}
#legende12 {z-index:119}
#legende13 {z-index:118}
#legende14 {z-index:117}
#legende15 {z-index:116}
#legende16 {z-index:115}
#legende17 {z-index:114}
#legende18 {z-index:113}
#legende19 {z-index:112}
#legende20 {z-index:111}
#legende21 {z-index:110}
#legende22 {z-index:109}
#legende23 {z-index:108}
#legende24 {z-index:107}
#legende25 {z-index:106}
#legende26 {z-index:105}
#legende27 {z-index:104}
#legende28 {z-index:103}
#legende29 {z-index:102}
#legende30 {z-index:101}


.imageTopImage {
position:absolute;
}


#imageTopImage01 {z-index:49;}
#imageTopImage02 {z-index:48;}
#imageTopImage03 {z-index:47;}
#imageTopImage04 {z-index:46;}
#imageTopImage05 {z-index:45;}
#imageTopImage06 {z-index:44;}
#imageTopImage07 {z-index:43;}
#imageTopImage08 {z-index:42;}
#imageTopImage09 {z-index:41;}
#imageTopImage10 {z-index:40;}
#imageTopImage11 {z-index:39;}
#imageTopImage12 {z-index:38;}
#imageTopImage13 {z-index:37;}
#imageTopImage14 {z-index:36;}
#imageTopImage15 {z-index:35;}
#imageTopImage16 {z-index:34;}
#imageTopImage17 {z-index:33;}
#imageTopImage18 {z-index:32;}
#imageTopImage19 {z-index:31;}
#imageTopImage20 {z-index:30;}
#imageTopImage21 {z-index:29;}
#imageTopImage22 {z-index:28;}
#imageTopImage23 {z-index:27;}
#imageTopImage24 {z-index:26;}
#imageTopImage25 {z-index:25;}
#imageTopImage26 {z-index:24;}
#imageTopImage27 {z-index:23;}
#imageTopImage28 {z-index:22;}
#imageTopImage29 {z-index:21;}



/* SMALL IMAGES EQUIPE */

.legende {
background:#000000;
opacity:0.8;
filter(alpha):opacity=80;
width:220px;
height:17px;
margin-top:137px;
padding:10px;
font-size:12px;
color:#ffffff;
font-style:italic;
letter-spacing:1px;
position:absolute;
z-index:100;
}


.legende div {
position:absolute;
}

ul.realisationEauVive {
	padding-top:0;
	padding-bottom:9px;
	margin-top:0;
}

ul.realisationEauVive li {
	color:#ffffff;
	font-size:12px;
}



/* ------ PAGE INDEX ------- MARS 2011 ------*/

#conteneurIndex {
	width:919px;
	text-align:left;
	padding:0px 0 0px 35px;
	line-height:2em;
	font-size:11.5px;
	
}
#conteneurIndex p {padding:0px 0 10px 0px;}

#hautIndex {
	width:919px;
	padding:30px 0 0 0;
}


#gaucheHi {
	float:left;
	width:295px;
	padding:0px 30px 0 0px;
}
#droiteHi {
	width:555px;
	margin:0 0 0 320px;
	
}

#gaucheBi, #gaucheBi-en {
	float:left;
	width:425px;
	height:171px;
	padding:160px 0px 0 0px;
	background:url(images/eau-vive-hydroelectrique/ingenierie-hydroelectrique.png) no-repeat;
	cursor:pointer;
}
#droiteBi, #droiteBi-en {
	width:425px;
	height:171px;
	margin:0 0 0 450px;
	background:url(images/eau-vive-hydroelectrique/ingenierie-eau-vive.png) no-repeat;	
	padding:160px 0 0 0;
	cursor:pointer;
}

#gaucheBi-en {	background:url(images/eau-vive-hydroelectrique/ingenierie-hydroelectrique-en.png) no-repeat;	}
#droiteBi-en {	background:url(images/eau-vive-hydroelectrique/ingenierie-eau-vive-en.png) no-repeat;	}

.texteEncadre {
	background:#293a4a;
	height:150px;
	width:110px;
	margin:0px 0 0 50px;
	padding:10px;
	line-height:1.5em;
	text-align:left;
}


#basIndex a:hover {
text-decoration:none;
color:#ffffff;
}
 
 
#drapeauIndex {
position:absolute;
top:30px;
margin-left:788px;
width:100px;
} 

#drapeauIndex li {
display:inline;
float:left;
list-style:none;
padding-right:10px;
}