* {

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

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/background6.gif) repeat-x #9cc5d6;
width:919px;
margin-left:auto;
margin-right:auto;
behavior: url('csshover.htc'); /*WinIE behavior call*/
} 


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;
}

#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.gif) 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 #ingenierieHydroelectrique a {
height:23px;
padding:0px 0 0px 0px;
}

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



#accueil_on a, #ingenierieEauVive_on a, #ingenierieHydroelectrique_on a, #produit_on a, #brevet_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;
}


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

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

#ingenierie {
height:35px;
padding:3px 0 0 0;
}
#ingenierie_on {
height:35px;
padding:3px 0 0 0;
}

#brevet {
height:35px;
padding:3px 0 0 0;
}
#brevet_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:500px;
clear:both;
}

#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;}