/* ecoute specific */
.echead h1 { color: #007CC4; font-size: 2em;}
.prof       { color: #000000; font-size: small; text-align: left; text-indent: 10pt; }
.mainfr       { color: #000000; font-size: small; text-align: left;}
.exclean     { color: #007CC4;}
.examp      { color: #007CC4; text-align: center; font-weight: bold}
.eng    { color: #666666; font-size: x-small;}
.fr    { color: #007CC4; font-size: x-small;}
.frhead     { color: #007CC4; font-size: small;}
.objectif   { color: #007CC4; font-size: 20px; font-weight: bold}
.objectif a { color: #007CC4;}
.tophead    { color: #FFFFFF; font-size: 24px; font-weight: bold}
.topeng    { color: #C8D1DA; font-size: 12px; font-weight: bold}
.subhead    { color: #000000; font-size: 20px; font-weight: bold; text-align: left}
.smallhead  { color: #00639C; font-size: 20px; font-weight: bold;}
.tablehead   { color: #ffffff; font-size: x-small; font-weight: bold;  }
.ecoutecentral { padding-left: 20px; padding-right: 60px; }
.blueborder td { border: solid 1px #007CC4 }
.blueborder  { text-align: left; border: solid 1px #007CC4   }
.icon_help img   { margin: 4px; border: none }
.icon_help {  padding-left: 90px;}
.next  { text-align: right; float: right; vertical-align: top;  margin-top: 4px;  margin-right: 4px   }
.next img   { margin: 4px; vertical-align: middle; border: none }
.nextno   { color: #007cc4;  margin-top: 4px }
.helpex      {  float: right; width:500px }
a.nextno   {  color: #007cc4;  margin-top: 4px; font-size: 11px; }






/* general layout */

body, html  { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  margin: 0; padding: 0 }
/* universal */
/* standard values */
a { text-decoration: none; color: #007CC4; }
a:hover    { text-decoration: underline }

a.button { color: #fff;  } 
h1  { color: #007CC4;  margin-top: 0px; margin-bottom: 4px;}
h1 a { color: #007CC4; margin-top: 0px; margin-bottom: 4px;}


/* menu */
.menu   { display: inline; margin: 0; padding: 0; width: 164px;  float: left }	
.men1 { background-color: #abb202; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men1s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #abb202; border-bottom: 1px solid #abb202; border-left: 1px solid #abb202 }	
.men1s a { color: #abb202; font-size: 11px; }
.men3 { background-color: #fd8b35; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px;}
.men3s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #fd8b35; border-bottom: 1px solid #fd8b35; border-left: 1px solid #fd8b35 }	
.men3s a { color: #fd8b35; font-size: 11px; }
.men2 { background-color: #1ca0c0; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px;}
.men2s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #1ca0c0; border-bottom: 1px solid #1ca0c0; border-left: 1px solid #1ca0c0 }	
.men2s a { color: #1ca0c0; font-size: 11px; }
.men4 { background-color: #85898a; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men4s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #85898a; border-bottom: 1px solid #85898a; border-left: 1px solid #85898a }	
.men4s a { color: #85898a; font-size: 11px; }
.men5 { background-color: #d15600; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men5s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #d15600; border-bottom: 1px solid #d15600; border-left: 1px solid #d15600 }	
.men5s a { color: #d15600; font-size: 11px; }
.men6 { background-color: #8c84a6; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men6s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #8c84a6; border-bottom: 1px solid #8c84a6; border-left: 1px solid #8c84a6 }	
.men6s a { color: #8c84a6; font-size: 11px; }
.men7 { background-color: #d2409d; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men7s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #d2409d; border-bottom: 1px solid #d2409d; border-left: 1px solid #d2409d }	
.men7s a { color: #d2409d; font-size: 11px; }
.men9 { background-color: #D34152; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men9s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #D34152; border-bottom: 1px solid #D34152; border-left: 1px solid #D34152 }	
.men9s a { color: #D34152; font-size: 11px; }
.men8 { background-color: #396; padding: 1px 2px 1px 6px; margin-top: 5px; margin-left: 3px; }
.men8s   { background-color: #fff; margin-left: 3px; padding: 1px 2px 1px 6px; border-right: 1px solid #396; border-bottom: 1px solid #396; border-left: 1px solid #396 }	
.men8s a { color: #396; font-size: 11px; }

/* sound bar */
.header   { background: transparent; margin: 0; padding: 0; position: fixed; z-index: 10; width: 100%; border-width: 1px; }		
.container { background: transparent; margin: 0 auto; position: relative; width: 975px; height: 40px; border-top: 1px; border-right: 1px solid #9c0; border-bottom: 1px; border-left: 1px }	
.sound  {   background: white; margin-left: 164px; height: 40px;}	

.help      {  float: right; width:300px } 
/*.help  { display: none }*/

/* intro area */


.buttons    { margin-top: 12px; margin-right: 12px; margin-left: 0; padding-bottom: 5px }	
.introimage {margin-top: 5px;  }
#bhelp     { color: #ff5faf; font-size: 11px; }

/* main area */
.header2   { background: transparent; margin: 0; padding: 0; position: relative; z-index: 7; width: 100%; border-width: 1px; }
.container2  { min-height: 800px; background: transparent; margin: 0 auto; position: relative; width: 975px; background-image:  url("http://www.laguinguette.com/images/all/left_column.gif");; background-repeat: no-repeat; border-width: 1px; }
.central         { margin-left: 169px; padding-top: 20px }
.central1         { margin-left: 169px; }	
.rcol { width: 340px; position: relative; float: right; }
.lcol { width: 340px; position: relative; float: left; clear: left }
.full { padding-left: 20px; padding-right: 50px;   }
.full2 {clear:both;  padding-left: 20px; padding-right: 50px; }
.iconspan   { border: 2px #3f0 }
.clear { height: 2px; width: 90%; clear: left }
.clearb { height: 2px; width: 90%; clear: both }
#react {  }
#react img { margin-right: 5px;  }
#react a { color: #ff5faf;  }

/* tease */
.teaseleft img { margin-right: 5px;  }
.teaseleft    { width: 155px; vertical-align: top }
.teaseright   { text-align: left; vertical-align: top }
a.tease   { color: #fff; background-color: #ff5faf; letter-spacing: 1px; padding: 1px 3px;  }
.teasediv { margin-bottom: 20px;  padding-right: 50px; }
.teasehd { margin-bottom: 6px; }

/* search */
a.title{ color: #000; font-weight: bold;  }
.url { color: #abb202;  }

/*tooltip*/

a.lesstitle           { text-decoration: none; color: #007CC4}
a:hover {text-decoration: underline;}
.main   { background-image: url("http://www.laguinguette.com/images/ecoute/ttt_central.gif");; background-repeat: repeat-y; background-attachment: scroll; background-position: right 700px; padding-top: 40px;  min-height: 800px; }