/* ---------- Styles specific to menus ----------- */

/* ---------Definitions menus--------- */

/* MENU ONGLET HORIZONTAL */
#MenusContainer {
        clear: both;
        position: absolute;
        top: 83px;
        margin: 0;
        padding: 0px 0px 0px 228px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
        text-align: left;
        width: 732px;
        height: 31px;
        }
#MenusContainer ul {
        margin: 0;
		padding: 0;
        list-style-type: none;
        text-align: center;
        margin-left: inherit;
		border: 0px;
        }
#MenusContainer ul li {
        display: block;
        float: left;
        margin: 0px 1px 0px 0px;
        padding: 7px 0px 0px 0px;
        text-align: center;
        font-weight: bold;
        font-size: 0.8em;
        color: #ffffff;
        cursor: pointer;
		width: 182px;
		height: 24px;
        }
#MenusContainer ul li.Menus {
		background: url(../images/onglet_layer1.png) no-repeat top left;
        }
#MenusContainer ul li.MenusConstructions {
		background: url(../images/onglet_layer2.png) no-repeat top left;
        }
#MenusContainer ul li.MenusTerrasses {
		background: url(../images/onglet_layer3.png) no-repeat top left;
        }
#MenusContainer ul li.MenusAccessoires {
		background: url(../images/onglet_layer4.png) no-repeat top left;
        }
#MenusContainer ul li.Menus a, #MenusContainer ul li.MenusConstructions a, #MenusContainer ul li.MenusTerrasses a {
		color: #ffffff;
        text-decoration: none;
        }
#MenusContainer ul li.Menus a:hover, #MenusContainer ul li.MenusConstructions a:hover, #MenusContainer ul li.MenusTerrasses a:hover {
        color: #eff2f4;
		text-decoration: none;
        }
#MenusContainer ul li.MenusAccessoires a {
		color: #0077bf;
        text-decoration: none;
        }
#MenusContainer ul li.MenusAccessoires a:hover {
        color: #228fd1;
		text-decoration: none;
        }
/* MenusSelected, MenusFixed, MenusFixedSelected : non utilisés pour wood-line */
#MenusContainer ul li.MenusSelected {
        display: block;
        float: left;
        margin: 0px 1px 0px 0px;
        padding: 7px 0px 0px 0px;
        text-align: center;
        font-weight: bold;
        font-size: 0.8em;
        color: #ffffff;
        cursor: pointer;
		width: 182px;
		height: 31px;
		background: url(../images/onglet_layer1.png) no-repeat top left;
        }
#MenusContainer ul li.MenusSelected a {
		color: #ffffff;
		text-decoration: none;
        }
#MenusContainer ul li.MenusSelected a:hover {
		color: #ffffff;
		text-decoration: none;
        }
#MenusContainer ul li.MenusFixed {
        display: block;
        float: left;
        margin: 0px 1px 0px 0px;
        padding: 7px 0px 0px 0px;
        text-align: center;
        font-weight: bold;
        font-size: 0.8em;
        color: #ffffff;
        cursor: pointer;
		width: 182px;
		height: 31px;
		background: url(../images/onglet_layer1.png) no-repeat top left;
        }
#MenusContainer ul li.MenusFixedSelected {
        display: block;
        float: left;
        margin: 0px 1px 0px 0px;
        padding: 7px 0px 0px 0px;
        text-align: center;
        font-weight: bold;
        font-size: 0.8em;
        color: #ffffff;
        cursor: pointer;
		width: 182px;
		height: 31px;
		background: url(../images/onglet_layer1.png) no-repeat top left;
        }
/* FIN MENU ONGLET HORIZONTAL */

/* LANGUES */
/*
#MenusContainer ul li.Langues {
        display: block;
		float: left;
		margin: 0;
        padding: 2px 4px 0px 4px;
		text-align: center;
        font-weight: bold;
        font-size: 0.7em;
		line-height: 20px;
		width: 70px;
		height: 31px;
        }
#MenusContainer ul li.Langues a {
		color: #ffffff;
        text-decoration: none;
        }
#MenusContainer ul li.Langues a:hover {
        color: #cac4b1;
		text-decoration: none;
        }
*/
/* FIN LANGUES */

/* BOITE CONTENANT LANGUES, BOUTON DEVIS, ETC */
#OptionsContainer {
        /*display: none;*/
		position: absolute;
        top: 14px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 228px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
        width: 390px;
		/*border: 1px solid blue;*/
        }
#OptionsContainer ul {
        margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		line-height: 15px;
        font-size: 12px;
        }
#OptionsContainer ul li.Langues {
		padding: 0px 15px 0px 0px;
        display: inline;
        float: left;
        text-align: left;
		width: 37px;
		cursor: pointer;
        }
#OptionsContainer ul li.Langues a {
        display: block;
		margin: 0px;
        padding: 2px 5px 3px 5px;
		color: #0077bf;
        text-decoration: none;
        text-align: center;
		background: url(../images/langueBg.png) no-repeat 0px 0px;
        }
#OptionsContainer ul li.Langues a:hover {
        margin: 0px;
        padding: 2px 5px 3px 5px;
		color: #228fd1;
        text-decoration: none;
		background: url(../images/langueBg.png) no-repeat 0px 0px;
        }

/* des div pour lien Devis */
div.LinkLeft {
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 32px;
        background: url(../images/LinkLeft.png) no-repeat top left;
		}
div.LinkBg {
        float: left;
        margin: 0px;
        padding: 0px 15px 0px 5px;
        font-weight: bold;
        font-size: 12px;
        color: #ffffff;
        line-height: 19px;
        height: 19px;
		background: url(../images/LinkBgRight.png) repeat-x top right;
		}
.clear {
        margin: 0px;
        padding: 0px;
        clear: both;
		}
div.LinkLeft a {
        color: #ffffff;
        text-decoration: none;
		}
div.LinkLeft a:hover {
        color: #eff2f4;
        text-decoration: none;
		}


/* ----------- MENUS GAUCHE ---------*/

/* Level 1 : menus de niv 1 sur la gauche */
.leftmenusContainer1 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
        width: 228px;
        }
.leftmenusContainer2 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 228px;
        }
.leftmenusContainer3 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 205px;
		/*border: 1px solid red;*/
        }

/* NIVEAU 1 */
.leftboxmenus1 {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        }
.leftboxmenus1 li.Menus1 {
        margin: 0px;
        padding: 0px;
        }
.leftboxmenus1 li.Menus1 a {
        width: 175px;
        display: block;
		margin: 3px 0px 0px 0px;
        padding: 6px 10px 5px 20px;
		font-size: 80%;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menuTitle_layer1.jpg) repeat-x top left;
		background-color: #238ec9;
		border-bottom: 0px;
        }
.leftboxmenus1 li.Menus1 a:hover {
        color: #eff2f4;
        }
.leftboxmenus1 li.Menus1Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1Selected a {
        width: 175px;
        display: block;
        margin: 3px 0px 0px 0px;
		padding: 6px 10px 5px 20px;
        font-size: 80%;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menuTitle_layer1.jpg) repeat-x top left;
		background-color: #238ec9;
		border-bottom: 0px;
        }
.leftboxmenus1 li.Menus1Selected a:hover {
		color: #eff2f4;
		text-decoration: none;
        }
.leftboxmenus1 li.Menus1Fixed {
        width: 175px;
        display: block;
        margin: 3px 0px 0px 0px;
		padding: 6px 10px 5px 20px;
        font-size: 80%;
        font-weight: bold;
        color: #ffffff;
        text-decoration : none;
		border-bottom: 0px;
        }

/* NIVEAU 2 */
.leftboxmenus2 {
        list-style: none;
        margin: 0;
        padding: 5px 0px 5px 0px;
		/*background: url(../images/menuBg_layer1.jpg) repeat-x 0px -15px;*/
		background-color: #eff8fd;
        }
.leftboxmenus2 li.Menus2 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2 a {
        width: 170px;
        display: block;
		margin: 0px;
        padding: 4px 5px 4px 30px;
        font-size: 80%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 18px 11px;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #228fd1;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 18px 11px;
        }
.leftboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2Selected a {
        width: 170px;
        display: block;
		margin: 0;
		padding: 4px 5px 4px 30px;
        font-size: 80%;
        font-weight: bold;
        color: #11a8e4;
        text-decoration: none;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 18px 11px;
		border-bottom: 0px;
        }
.leftboxmenus2 li.Menus2Selected a:hover {
        color: #11a8e4;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 18px 11px;
        }
.leftboxmenus2 li.Menus2Fixed {
        width: 170px;
        display: block;
		margin: 0px;
        padding: 4px 5px 4px 30px;
        font-size: 80%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 18px 11px;
        }

/* NIVEAU 3 */
.leftboxmenus3 {
        list-style: none;
        margin: 0;
        padding: 0;
		background-color: #eff8fd;
        }
.leftboxmenus3 li.Menus3 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus3 li.Menus3 a {
        width: 150px;
        display: block;
		margin: 0px 0px 0px 5px;
		padding: 0px 5px 4px 38px;
        font-size: 75%;
        font-weight: normal;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 26px 4px;
		border-bottom: 0px;
        }
.leftboxmenus3 li.Menus3 a:hover {
        color: #228fd1;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 26px 4px;
        }
.leftboxmenus3 li.Menus3Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus3 li.Menus3Selected a {
        width: 150px;
        display: block;
		margin: 0px 0px 0px 5px;
        padding: 0px 5px 4px 38px;
        font-size: 75%;
        font-weight: bold;
        color: #11a8e4;
        text-decoration: none;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 26px 4px;
		border-bottom: 0px;
        }
.leftboxmenus3 li.Menus3Selected a:hover {
        color: #11a8e4;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 26px 4px;
        }
.leftboxmenus3 li.Menus3Fixed {
        width: 150px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 4px 38px;
        font-size: 75%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		border-bottom: 0px;
        }

/* NIVEAU 4 */
.leftboxmenus4 {
        list-style: none;
        margin: 0;
        padding: 0;
		background-color: #eff8fd;
        }
.leftboxmenus4 li.Menus4 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4 a {
        width: 135px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 3px 53px;
        font-size: 75%;
        font-weight: normal;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 45px 4px;
		border-bottom: 0px;
        }
.leftboxmenus4 li.Menus4 a:hover {
        color: #228fd1;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 45px 4px;
        }
.leftboxmenus4 li.Menus4Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4Selected a {
        width: 135px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 3px 53px;
        font-size: 75%;
        font-weight: bold;
        color: #11a8e4;
        text-decoration: none;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 45px 4px;
		border-bottom: 0px;
        }
.leftboxmenus4 li.Menus4Selected a:hover {
        color: #11a8e4;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 45px 4px;
        }
.leftboxmenus4 li.Menus4Fixed {
        width: 135px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 3px 53px;
        font-size: 75%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		border-bottom: 0px;
        }

/* ----------- MENUS DROITE ---------*/

/* Level 1 : menus de niv 1 sur la droite */
.rightmenusContainer1 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 1px 0px 21px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
        width: 135px;
        }
.rightmenusContainer2 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 135px;
        }
.rightmenusContainer3 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 135px;
		/*border: 1px solid red;*/
        }

/* NIVEAU 1 */
.rightboxmenus1 {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        }
.rightboxmenus1 li.Menus1 {
        margin: 0px;
        padding: 0px;
        }
.rightboxmenus1 li.Menus1 a {
        width: 115px;
        display: block;
		margin: 3px 0px 0px 0px;
        padding: 6px 10px 5px 10px;
		font-size: 80%;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menuTitle_layer1.jpg) repeat-x top left;
		background-color: #238ec9;
		border-bottom: 0px;
        }
.rightboxmenus1 li.Menus1 a:hover {
        color: #eff2f4;
        }
.rightboxmenus1 li.Menus1Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus1 li.Menus1Selected a {
        width: 115px;
        display: block;
        margin: 3px 0px 0px 0px;
		padding: 6px 10px 5px 10px;
        font-size: 80%;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menuTitle_layer1.jpg) repeat-x top left;
		background-color: #238ec9;
		border-bottom: 0px;
        }
.rightboxmenus1 li.Menus1Selected a:hover {
		color: #eff2f4;
		text-decoration: none;
        }
.rightboxmenus1 li.Menus1Fixed {
        width: 115px;
        display: block;
        margin: 3px 0px 0px 0px;
		padding: 6px 10px 5px 10px;
        font-size: 80%;
        font-weight: bold;
        color: #ffffff;
        text-decoration : none;
		border-bottom: 0px;
        }

/* NIVEAU 2 */
.rightboxmenus2 {
        list-style: none;
        margin: 0;
        padding: 5px 0px 5px 0px;
		/*background: url(../images/menuBg_layer1.jpg) repeat-x 0px -15px;*/
		background-color: #eff8fd;
        }
.rightboxmenus2 li.Menus2 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2 a {
        width: 110px;
        display: block;
		margin: 0px;
        padding: 4px 5px 4px 20px;
        font-size: 80%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 8px 11px;
        }
.rightboxmenus2 li.Menus2 a:hover {
        color: #228fd1;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 8px 11px;
        }
.rightboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2Selected a {
        width: 110px;
        display: block;
		margin: 0;
		padding: 4px 5px 4px 20px;
        font-size: 80%;
        font-weight: bold;
        color: #11a8e4;
        text-decoration: none;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 8px 11px;
		border-bottom: 0px;
        }
.rightboxmenus2 li.Menus2Selected a:hover {
        color: #11a8e4;
		background: url(../images/puceCarreMenu_layer1.gif) no-repeat 8px 11px;
        }
.rightboxmenus2 li.Menus2Fixed {
        width: 110px;
        display: block;
		margin: 0px 0px 0px 5px;  /* top et bottom 0px si cela suit directement le ul */
        padding: 4px 5px 4px 0px;
		font-size: 80%;
        font-weight: bold;
        color: #5d3f2e;
        text-decoration: none;
		border-bottom: 0px;
        }

/* NIVEAU 3 */
.rightboxmenus3 {
        list-style: none;
        margin: 0;
        padding: 0;
		background-color: #eff8fd;
        }
.rightboxmenus3 li.Menus3 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus3 li.Menus3 a {
        width: 90px;
        display: block;
		margin: 0px 0px 0px 5px;
		padding: 0px 5px 4px 28px;
        font-size: 75%;
        font-weight: normal;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 16px 4px;
		border-bottom: 0px;
        }
.rightboxmenus3 li.Menus3 a:hover {
        color: #228fd1;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 16px 4px;
        }
.rightboxmenus3 li.Menus3Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus3 li.Menus3Selected a {
        width: 90px;
        display: block;
		margin: 0px 0px 0px 5px;
        padding: 0px 5px 4px 28px;
        font-size: 75%;
        font-weight: bold;
        color: #11a8e4;
        text-decoration: none;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 16px 4px;
		border-bottom: 0px;
        }
.rightboxmenus3 li.Menus3Selected a:hover {
        color: #11a8e4;
		background: url(../images/puce_box_left_layer1.gif) no-repeat 16px 4px;
        }
.rightboxmenus3 li.Menus3Fixed {
        width: 90px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 4px 28px;
        font-size: 75%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		border-bottom: 0px;
        }

/* NIVEAU 4 */
.rightboxmenus4 {
        list-style: none;
        margin: 0;
        padding: 0;
		background-color: #eff8fd;
        }
.rightboxmenus4 li.Menus4 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4 a {
        width: 75px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 3px 43px;
        font-size: 75%;
        font-weight: normal;
        color: #0077bf;
        text-decoration: none;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 35px 4px;
		border-bottom: 0px;
        }
.rightboxmenus4 li.Menus4 a:hover {
        color: #228fd1;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 35px 4px;
        }
.rightboxmenus4 li.Menus4Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4Selected a {
        width: 75px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 3px 43px;
        font-size: 75%;
        font-weight: bold;
        color: #11a8e4;
        text-decoration: none;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 35px 4px;
		border-bottom: 0px;
        }
.rightboxmenus4 li.Menus4Selected a:hover {
        color: #11a8e4;
		background: url(../images/puce_box_left2_layer1.gif) no-repeat 35px 4px;
        }
.rightboxmenus4 li.Menus4Fixed {
        width: 75px;
        display: block;
        margin: 0px 0px 0px 5px;
        padding: 0px 5px 3px 43px;
        font-size: 75%;
        font-weight: bold;
        color: #0077bf;
        text-decoration: none;
		border-bottom: 0px;
        }

/* Chemin de navigation */
div#AntMenuNavig {
		padding: 15px 0px 0px 0px;
        font-weight: normal;
        font-Size: 10px;
        color: #54b1de;
        /*width : 100%;*/
        height: 13px;
        text-align: left;
		border-bottom: 1px dotted #bed2dd;
        }
div#AntMenuNavig a{
        color: #54b1de;
		text-decoration: none;
        }
div#AntMenuNavig a:hover{
        color: #108dcc;
		text-decoration: none;
        }

div.antdynsub{
        position: absolute;
        top: 198px;
        left: 0px;
        margin: 0px;
        padding: 0px;
        display: block;
        visibility: hidden;
        background-color: #ffffff;
        border: 1px solid rgb(110,172,255);
        width: 140px;
        background: rgb(162,201,244) url(../images/backgroundFooter.jpg) repeat-x bottom left;
        z-index: 100;
        }

div.antdynsubitem{
        display: block;
        margin: 0px;
        font-size: 0.8em;
        color: rgb(54,54,54);
        text-align: left;
        padding: 5px 7px 5px 10px;
        }
div.antdynsubitem a{
        color: rgb(255,255,255);
        text-decoration: none;
        }

div.antdynsubitem a:hover {
        color: rgb(54,54,54);
        text-decoration: none;
        }

div.antdynsubitemfin{
        display: block;
        margin: 0px;
        font-size: 0.8em;
        color: rgb(54,54,54);
        text-align: left;
        padding: 5px 7px 5px 10px;
        }

div.antdynsubitemfin a{
        color: rgb(255,255,255);
        text-decoration: none;
        }

div.antdynsubitemfin a:hover {
        color: rgb(54,54,54);
        text-decoration: none;
        }

div.antdynsubitemfixed{
        display: block;
        margin: 0px;
        font-size: 0.8em;
        color: rgb(54,54,54);
        text-align: left;
        padding: 10px 7px 5px 5px;
        border-bottom: 1px solid rgb(255,255,255);
        }

/* def pour images dans menu de gauche */

div#MenusImg{
        margin: 0px;
        padding: 0px;
		}

img.MenusImg{
        border: 0px;
		}