/*** Menu du haut de page ***/
body{behavior: url(../includes/js/csshover.htc); }
#menuTop {width: 985px;}
#menuTop ul {padding:0px;margin:0px;list-style:none;display:block;float:right; }
#menuTop ul li {list-style:none;padding:5px 8px 7px 8px;;margin:0px;float:left;}
#menuTop ul li a {color:#666666;font-size:11px;font-weight:bold;text-decoration:none;}
#menuTop ul li a:hover {color:#000000;font-size:11px;font-weight:bold;text-decoration:none;}

/*** Menu Orange Web ***/
#menuOrange .fond {background-image:url(../images/eng/logo-5thannual-orange.jpg);background-position:865px bottom;background-repeat:no-repeat;height:103px;}
#menuOrange .blanc {font-size:11px;font-weight:bold;color:#ffffff;}
#menuOrange .noir {font-size:15px;font-weight:bold;color:#000000;}

#menuOrange a {color:#333333;text-decoration:none;}
#menuOrange a:hover {color:#ffffff;text-decoration:none;}
#menuOrange {height:103px;background-image:url(../images/bg-menu-orange.jpg);background-position:left top;background-repat:repeat-x;}

#menuOrange .blocParticipating {float:left;margin: 9px 0px 9px 0px;padding:5px 30px 0px 25px;width:125px;height:80px;font-size:10px;background-image:url(../images/separateur-orange.jpg);background-repeat:no-repeat;background-position:right center;}

#menuOrange .blocAccess {float:left;margin: 9px 0px 9px 0px;padding:5px 30px 0px 25px;width:160px;height:80px;font-size:10px;background-image:url(../images/separateur-orange.jpg);background-repeat:no-repeat;background-position:right center;}
#menuOrange .blocAccess input {border:1px solid #c3862f;width:110px;font-size:10px;margin:5px 5px 0px 0px;padding:1px 4px 1px 4px;}

#menuOrange .blocInvited {float:left;margin: 9px 0px 9px 0px;padding:5px 30px 0px 15px;width:215px;height:80px;font-size:10px;background-image:url(../images/separateur-orange.jpg);background-repeat:no-repeat;background-position:right center;}

#menuOrange .blocInformation {float:left;margin: 9px 0px 9px 0px;padding:5px 30px 0px 25px;width:175px;height:80px;font-size:10px;background-image:url(../images/separateur-orange.jpg);background-repeat:no-repeat;background-position:right center;}

#menuOrange .blocLogin {float:left;margin: 9px 0px 9px 0px;padding:5px 30px 0px 25px;width:275px;height:80px;font-size:10px;background-image:url(../images/separateur-orange.jpg);background-repeat:no-repeat;background-position:right center;}
#menuOrange .blocLogin .icon {padding:0px 0px 0px 35px;background-image:url(../images/icones/admin-bleu.jpg);background-repeat:no-repeat;background-position:left top;}

#menuOrange img {border:none;}
/*** Menu principale (drop down) ***/
#menu ul {padding:0px;margin:0px;}
#menu li {padding:0px;margin:0px;}
#menu ol {padding:0px;margin:0px;}

#menu {background-color:#FFFFFF;height:24px;background-image:url(../images/bg-menu-bleu.jpg);background-repeat:repeat-x;background-position:left top;display:block;}
#menu .fond {width:980px;display:block;}
#menu ul {display:block;margin:0px;padding:0px;list-style-type:none;width:775px;float:left;}
#menu ul li {display:block;list-style-type:none; float:left;font-weight:bold;color:#333333;font-size:11px;padding:5px 0px 0px 0px;border-right:1px solid #d8dfe5;}
#menu ul.extranet {margin:0px 0px 0px 15px; }

#menu ul.registration li{border:none;}
#menu ul.registration li.icon-user {margin:0;margin-left: 10px; padding-left: 0px;display:block; width: 17px; height: 20px; background-image:url(../images/icones/ico-user-master.gif); background-repeat:no-repeat;background-position:left 4px;border:none;}
#menu ul.registration li.icon-deviseUs {margin: 0 padding:0; width:17px; background:url(../images/flag/us.gif); display:block; height: 20px;background-repeat: no-repeat; margin-top:6px;border:none;}
#menu ul.registration li.icon-deviseCa {margin: 0 padding:0; width:17px; background:url(../images/flag/ca.gif); display:block; height: 20px; background-repeat: no-repeat; margin-top:6px;border:none; }



#menu ul li a {font-weight:bold;color:#333333;text-decoration:none;font-size:11px;background-repeat:no-repeat;padding:0px;height:24px;display:block;width:15px;padding:0px 10px 0px 10px;}
#menu ul li a:hover {color:#000000;}
#menu ul li a {height:19px;}

#menu ul.registration {margin-left: 25px;}
#menu ul.registration li.contactInterne a {margin:0; padding:0; display:inline; text-decoration:underline; color:#d88c0e;}



html>body #menu ul li a {width:auto;}

#menu ul li ul {position: absolute;z-index:20;width: 150px;left: -999em;float:none;border:1px solid #d8dfe4;background-image:url(../images/bg-blocMenu.jpg);background-repeat:repeat-x;background-position:left top;background-color:#f2f5f7;}
#menu ul li ul li a {background-image:url(../images/puces/puce-droite.gif);background-position:8px center;background-repeat:no-repeat;font-size:11px;height:auto;font-weight:bold;display:block;padding:6px 5px 6px 20px;color:#666666;display:block;float:none;width:150px;}
#menu ul li ul li a:hover {color:#000000;}
html>body #menu ul li ul li a {width:125px;}

#menu ul li:hover ul, #menu ul li.sfhover ul {left: auto;margin-top:-2px;margin-left:6px;padding:5px 0px 5px 0px;}
#menu ul li:hover , #menu ul li.sfhover  {background-position:left bottom;background-repeat:repeat-x;background-image:url(../images/bg-menu-bleu.jpg);}

/*******************************/

#menu li ul ul { /* third-and-above-level lists */
	margin: -100em 0 0 10em;/*border:1px solid #000000;width:250px;*/
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:130px;
	margin-top:-36px;
}




#menuGauche ul {list-style-type:none; list-style-image:none;margin:0px; padding:0px;/*margin-left:-10px;*/border-collapse:collapse;}
#menuGauche ul li {/**//*height:23px;*//*background:url(../images/bg-menu-bleu.jpg);*/margin:0px; /*width: 162px;*/ /*line-height:2em;*/ padding:0px;}
#menuGauche ul li a {color:#666666; font-weight:bold; text-decoration:none;padding:5px 5px 5px 25px;margin:0px;display:block;/*border-top:1px solid #d8dfe5;*/border-bottom:1px solid #d8dfe5;background-image:url(../images/puces/puce-droite.gif);background-repeat:no-repeat;background-position:10px 4px;}
#menuGauche ul li a:hover {color:black;}


#menuGauche ul li ul {display:none;}

#menuGauche ul li ul li a {padding-left:30px;background-image:none;}
#menuGauche ul li ul.niv li a {padding-left:30px;background-image:none;font-weight:normal;/*border-top:none;border-bottom:none;*/}

#menuGauche ul li ul li ul li a {padding-left:30px;font-weight:normal;background-image:none;/*border-top:none;border-bottom:none;*/}

#menuGauche .sideon {background-color:#ffffff;border:2px solid #d8dfe5;border-left:none;}
#menuGauche a.pageon {font-weight:bold;color:#000000;}
#menuGauche ul li ul.niv li a.pageon {font-weight:bold;color:#000000;}
#menuGauche ul li ul li ul li a.pageon {font-weight:bold;color:#000000;}

#menu ul.registration li.icon-user:hover {margin:0;margin-top:4px;margin-left: 10px; padding-left: 0px;display:block; width: 17px; height: 20px; background:url(../images/icones/ico-user-master.gif); background-repeat:no-repeat;}
#menu ul.registration li.icon-deviseUs:hover {margin: 0 padding:0; width:17px; background:url(../images/flag/us.gif); display:block; height: 20px;background-repeat: no-repeat; margin-top:6px;}
#menu ul.registration li.icon-deviseCa:hover {margin: 0 padding:0; width:17px; background:url(../images/flag/ca.gif); display:block; height: 20px; background-repeat: no-repeat; margin-top:6px; }

#menu ul li.totheNorth a {/*text-transform:uppercase;*/}
#menu ul li.totheNorth ul {width:485px;}
#menu ul li.totheNorth ul li a {width:485px;text-transform:none;}
html>body #menu ul li.totheNorth ul li a {width:460px;}

#menu ul li.about a {}
#menu ul li.about ul {width:195px;}
#menu ul li.about ul li a {width:195px;text-transform:none;}
html>body #menu ul li.about ul li a {width:170px;}
#menu ul.registration li:hover {background:none;}


/******************************************************************************************************/
/************************************ REGISTRATION ****************************************************/
/******************************************************************************************************/

#menuOrange .blocStep {font-family:Arial;float:left;margin: 9px 0px 9px 0px;padding:5px 10px 0px 0px;width:185px;height:80px;font-size:10px;background-image:url(../images/separateur-orange.jpg);background-repeat:no-repeat;background-position:right center; position:relative;}
#menuOrange .blocStep .step {overflow:hidden; display:block; cursor:pointer; width: 200px; padding-right:30px; margin-right: -45px; }

#menuOrange .blocStep .stepInactif{margin-top:-19px;padding-top:19px;cursor:default;background: url(../images/bg-menu-orangeNonComplete.gif); width: 174px; margin-right: -30px;height:  83px;border-bottom: 1px solid #FAC163; margin-left: -27px; padding-left: 26px; display:block; }
#menuOrange .blocStep .stepInactif span.noir {color:#ADADAD;}
#menuOrange .blanc {font-size:12px;}
#menuOrange .blocStep .stepInactif span.blanc {color:#F2F2F2;}
#menuOrange .blocStep .stepCourant {cursor:pointer;background:url(../images/bg-menu-orange-active.gif);background-repeat:no-repeat; width: 150px; padding-right:30px; margin-right: -32px;height: 83px; margin-top:-19px; padding-top: 19px;border-bottom: 1px solid #FAC163; left: -1px; padding-left: 26px; display:block; position:absolute; }

.barAttention {position:absolute; top:-9px; left:-1px; display:block; height:6px;width:194px; background:url(../images/bg-bar-Attention.gif);z-index:10;overflow:hidden;}
.barConfirm {position:absolute; top:-9px; left:-1px; display:block; height:6px;width:194px; background:url(../images/bg-bar-confirm.gif);z-index:10;overflow:hidden;}

.stepBackground { background-repeat:no-repeat; background-position:18px 3px;width:170px; padding-top:5px;padding-left:25px;height:73px;}
.stepCourant table {margin-top:-38px;margin-left:1px;}

a:hover .backFlecheLeft {display:block;background:url(../images/back-fleche-left.gif); width:20px; height:46px; position:absolute; left: 0px; top:0px;}
a:hover .stepCourant .backFlecheLeft {display:none;}
a:hover .stepInactif .backFlecheLeft {display:none;}

a:hover .backFlecheRight {display:block;background:url(../images/back-fleche-right.gif); width:19px; height:48px; position:absolute; right: 3px; top:0px;}
a:hover .stepCourant .backFlecheRight {display:none;}
a:hover.inactif .backFlecheRight {display:none;}

/*********************************************************************************************/
/*********************************************************************************************/