<style type="text/css">
/* propriétés générales de la page */
/* fichier pour internet explorer */
html {
font:1.00em Helvetica, Arial, Tahoma, sans-serif;
text-align: center;
}

*{margin:0;padding:0}


/* propriétés de la balise body */
body {
behavior: url(utils/csshover.htc);
}

/* propriétés de la page où s'affiche le site */
#page {
width: 100%;
height: 100%;
}

/* propriétés du conteneur seo*/
#seo {
color:#FFFFFF;
position: absolute;
top: 605px;
}

/* propriétés du conteneur du site */
#conteneur {
margin: 11px auto;
width: 1000px;
height: 590px;
font-family: Helvetica, Arial, Tahoma, sans-serif;
background-image: url('../images/PreBor.jpg');
background-repeat: no-repeat;
}

/* Propriétés générales du menu vertical (en tant que bloc <div>) */
#colonne_gauche {
float:left;
width:200px;
height:559px;
margin-top:31px;
margin-left:23px;
margin-right:23px;
}

/* Propriétés de l'espace où s'affiche le nom du site*/
#nomdusite {
height:50px;
width:754px;
padding-top:60px;
color:#6d7e22;
font-size:36px;
}

/* Propriétés du contenu transparent*/
#contenu_transpa {
height: 310px;
width: 575px;
padding: 17px 24px;
overflow:auto;
font-size:14px;
text-align:justify;
color:#6d7e22;
background-image:url('../images/fond_contenu.png');
}

/* Propriétés du contenu de la page des coopérateurs*/
#contenu_coop {
height: 460px;
padding: 10px 10px;
overflow:auto;
font-size:14px;
text-align:justify;
color:#6d7e22;
background-image:url('../images/transpablanc.png');
}

/* Propriétés des images*/
img {max-height:255px;}


/****************************** Styles pour le menu déroulant********************************/

#bloc_menu {display:none;}
html>body #bloc_menu {display:block;}/*—– These 2 lines Hide from IE6 and older ALTOGETHER——*/

#bloc_menu {
height: 100px;
margin-left:0px;
/*—–usual IE Fix of following position:absolute with Position: relative will not work.
Re-adjust the margin to correct IE Invented placement. Big headed MS will read the FIRST instance of a repeat element as THEIRS and ignore any repeat element afterwards…(sounds typically fitting for that company lol). All the other browsers that follow code convention properly will see the first, then see the second and update/use that instead——*/
margin-left: 278px;
/*width:9999px;—makes no difference —-*/
font-size: 0; /*—–fix menu placement - all browsers unified——*/
text-align:left; /*—–If you want menu Items Centered then change it——*/
}

.menu_deroulant li{
display:inline; /*no difference in all other browsers but REQUIRED for IE (7)*/
}

.menu_deroulant li ul{
/* padding-top: 2px; /*padding at top (UNDER heading) of the entire submenus ONLY–*/
padding-bottom:5px; /*OPTINAL padding at bottom of the entire submenus ONLY - or use MARGIN - Does Not matter - get the SAME result in all browsers–*/
}

ul.menu_deroulant {
margin-top: 5px;
display:inline;/*—makes no difference inline, table, whatever—-*/
/*position:relative;—makes no difference —-*/
}

ul.menu_deroulant,
.menu_deroulant ul{
margin: 0;
padding: 0;
list-style-type: none; /*—gets rid of horrid bullet points and associated indents—-*/
/*display: inline;no difference in ANY browser–*/
display:table;
}

ul.menu_deroulant>li{
display: table-cell;/*—needs to be ‘TABLE-CELL’ or screws up ALL Menus - This ALSO hide the entire menu from ancient browsers (nice one) —-*/
/*display: inline;–screws up ALL Menus all do an IE and put subsequents AND Subs underneath–*/
position:relative;/*—makes no difference —-*/
padding: 2px 13px; /* This effectively puts 1px border extended around submenupopup - optional - make anything you want - will effect overall width of menu so may have to reduce widths unanimously to compensate—-*/
float:left; /*IE (7) ONLY diff - doesnt plonk subsequent and subs underneath on hover -*/
}

ul.menu_deroulant li>ul{
display: none; /*obviously - don’t show submenu normally—-*/
position:relative;/*—makes no difference —-*/
min-width: 10ex;
max-width: 42ex;
}

ul.menu_deroulant li:hover>ul{
display : block;/*obviously - show submenu only when the mouse is over it—*/
/*position:relative; Makes stuff all difference –*/
}

.menu_deroulant ul li a{
display: block;
padding: 3px 9px 2px 9px;/*padding around submenu links order- top right bottom left (clockwise)*/
/*border-top: 1px solid #000; optional entries - of course, my example has border extended aound it already making a bottom line*/
}

.menu_deroulant li a {
color:#6d7e22;/*** Menu Title color only!!!!! ***/
padding-left:4px;/*** Left and right padding effective ONLY for menu titles here - probably best to match padding of submenu items as above***/
/* padding-top:9999px;}** this may appear to be a silly entry BUT in all browsers apart from IE (7) it creates an invisible hotspot extending in this case 9999px above the menu title TEXT width. Cool trick - handy if you want it - nuke it if you dont. Take it out of comment to try***/
}

.menu_deroulant ul li a{
background-image:url(../images/transpablanc.png);/*** bg col of entire submenu***/
color: #6d7e22;/*** text col of entire submenu***/
width: 102px;
/*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************fixes sub width Firefox*/ /* width minus padding (both sides) of sub items to compensate eg if 4 - same width as header cell 120 - (2×4 left right padding)= 112—-*/
/*margin-top: 1px; put this in IF you WANT a gap between each submenu item - the background of extended top item background will show behind***/
}

ul.menu_deroulant li:hover {
background-image: ../images/transpablanc.png;} /*** Only open menu header and matching extended border around who menu/submenu if opted for) ***/

.menu_deroulant ul li a:hover{
background-image: ../images/transpablanc.png;
color: ##6d7e22; /*** text col and bg col of submenu individual li items on hover - mine are kept black - you can choose different***/
}

ul.menu_deroulant li:active,
.menu_deroulant ul li a:active{
background-image: ../images/transpablanc.png/*** text col and bg col of submenu individual li items on Click / active***/
color: #6d7e22;
}/*** Browser differences - on click the title item will also change bg col including any visable background between menu item blocks. (not title txt col aswell) This is in Chrome Firefox Opera Netscape Flock- but not in IE - See notes for versions tested**Of course, you can always just remove ul.menu_deroulant li:active,*/

.menu_deroulant a{
font:13px Arial, Helvetica, sans-serif;
color:#6d7e22;
text-decoration: none;
}

/*------------Fin des propriétés pour le menu déroulant------------*/
#contenu a:link, #contenu a:visited {
color:#6d7e22;
text-decoration:none;
}

