/*CSS POSITIONNEMENT et MENUS*/


/*POSITIONNEMENT*/

#global {width: 984px;	margin-left: auto;	margin-right: auto; }

#content {width: 100%; overflow: hidden;}

#gauche {float: left; width: 228px;}

#droite {margin-left: 802px;}

#principal {float: left; width: 567px; margin-left:0px; padding-bottom:0x; position:relative;}

#logo { position: relative;}

#logo a{display: block ;  /* On passe les liens en elements de type block pour leur donner des proprietes de taille */
/*text-decoration: none ;*/ height : 134px; width : 228px;}


/* COLONNE GAUCHE */

/* menu principal - accordeon */

#menu {width:182px; /*margin-top:4px;*/ margin-left:39px;  /*z-index:3;*/}
h3.togglers {text-decoration:none; cursor: pointer;	margin: 0 0 0 0; height:20px;}
div.elements {background-color:#fff;}
h4 {margin:4px 0 4px 0;font-size:12px;}
h4 a {text-decoration:none; background-color:#fff; }
h4.toggler2 a {text-decoration:none; background-color:#fff;}
h4 a:hover {background-color:#fff; color: #000000;}
h4 a:active {background-color:#fff;}
h4 a:visited {background-color:#fff;}

#gauche h2 {margin:4px 0 4px 0;font-size:12px;}
#gauche h2 a {text-decoration:none; background-color:#fff; }
#gauche h2.toggler2 a {color:#000000; text-decoration:none; background-color:#fff;}
#gauche h2 a:hover {background-color:#fff; color: #000000;}
#gauche h2 a:active {color: #FF9900; background-color:#fff;}
#gauche h2 a:visited {background-color:#fff;}

#menu-bleu {position: relative; width:182px; /*z-index:3;*/ height:4px; background-color:#fff; /*margin-top:-4px;*/}


/* avant et suite menu */
#avant-menu {position: relative; width:182px; /*z-index:3;*/ height:3px; /*margin-top:-4px;*/}
#avant-menu-en {position: relative; width:182px; /*z-index:3;*/ height:3px; /*margin-top:-4px;*/}

#menu-suite2 {position:absolute; width:182px; /*z-index:3;*/ height:7px; background-color: #FFF;}
#menu-suite3 {width:182px; /*z-index:3;*/ height:100%; /*height:330px;*/}

/* COLONNE DROITE */

#menu-haut-ensemble { background-color:#FFFFFF;}

/* menu haut-droite */
.menu-haut a img{margin-bottom:-3px; border: none; text-decoration:none;}
.menu-haut a:focus{outline:none;}
.menu-haut a:active{outline:none;}
#droite-suite {width:182px; /*z-index:3;*/ height:100%; background-color:#00FFCC;  position:absolute; top:500px;/*height:330px;*/}
/* recherche */
.menu-haut-recherche{background: #FFF; padding-bottom:6px;}
fieldset.search {border: none; width: 182px; margin:1px 0 0 -2px; background: #FFF; padding:0;}
.search input, .search button {	border: none; float: left; margin : 0px 0 0px 0px; width: 15px; height: 15px; background-image: url(../images/structure/rechercher1.gif); background-repeat: no-repeat; background-color: transparent; cursor:pointer; }

.search input:hover, .search button:hover {	border: none; float: left; margin : 0px 0 0px 0px; width: 15px; height: 15px; background-image: url(../images/structure/rechercher2.gif); background-repeat: no-repeat; background-color: transparent; cursor:pointer; }



.search input.box {color: #FF0000;  background: #fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width: 150px; height: 15px; /*background: #FFF url(search.gif) no-repeat;*/ margin-right: 5px;}
.search input.box:focus { background: #ffff33; outline: none; color: #000; font-weight:100;}


#resultat-recherche{width:800px;}

#footer {margin-top:10px;}
.footer a img{margin-top:-3px; border: none; text-decoration:none;}

/* pub */

.pub {margin-top: 0px; margin-left:0; width:182px; height:540px;}
.pub a{text-decoration:none; border: none; text-align:center;}
.pub a img{	margin:0px 0 7px 0;	text-decoration:none; border:none; text-align:center;}