/* Layout */

/*--------------page--------------*/
BODY {text-align:center; background:#B5B2B2}
.page,.page TD {font-family:ralewayregular, Helvetica, sans-serif; font-size:12px; color:#414141}
.page {margin:20px auto 10px; width:980px; text-align:left}
.sys-footer {margin:10px auto; width:980px; text-align:right}

.width1280 .page {width:1220px}
.width1280 .page .zone2 .identity-layout {float:left}
.width1280 .page .zone2 .identity-layout IMG {width:1200px}
.width1280 .page .header-anonyme .header-content .authentication-form{width:500px;float:right}
.width1280 .page .tooltip1 {margin-top:-1px; margin-left:3px}

.width100 .page {width:100%; margin:0px auto}
.width100 .page .zone2 .identity-layout {float:left}
.width100 .page .zone2 .identity-layout IMG {width:100%}
.width100 .page .header-anonyme .header-content .authentication-form{width:500px;float:right}
.width100 .page .tooltip1 {margin-top:-1px; margin-left:3px}



/*--------------main layout-------------*/
.main-layout {}
.zone1 {padding:0px; }



.zone2 {padding:0px 20px 15px 20px; background:#fff}
.zone2 .identity-layout {border-bottom:5px solid #92d050}
.zone3 {padding:0px 20px 10px 20px; background:#fff}
.zone4 {padding:0px 0px 0px 0px;}
.zone5 {}

/*--------------3 columns sublayout-------------*/
.sub-layout {}
.left-column {}
.left-column .column {width:220px; padding-right:20px;}
.main-column {}
.main-column .main-content {}
.right-column {padding-left:20px;}
.right-column .column {width:220px;}


/*--------------header-------------*/
.header {/*height:118px;*/ padding:20px 20px 0px 20px; background:#10757f url(../images/bg-header.png) no-repeat right top}
.header2014 {/*height:118px;*/ padding:20px 20px 0px 20px; background:#fff}
.header-anonyme {background: #fff;}
.header-logo {padding:0px 0px 21px 0px;}
.header-content {}
.theme-red .header {background-color:#E52B37}
.theme-purple .header {background-color:#5A01FC}
.theme-orange .header {background-color:#FF8726}
.theme-green .header {background-color:#92D050}
.theme-pink .header {background-color:#FA11C0}

/*top toolbar*/
.topbar {}
.topnav {float:right; font:bold 11px Arial, Helvetica, sans-serif;}
.topnav .tabs {}
.topnav .tabs .tab-left {display:none;}
.topnav .tabs .tab-content {color:#707211; padding:3px 6px 0px 6px;}
.topnav .tabs .tab-content IMG{vertical-align:middle}
.topnav .tabs .tab-right {display:none;}
.topnav .tabs .tab-content a {font:bold 11px Arial, Helvetica, sans-serif;}
.topnav .tabs .tab-content a:link,.topnav .tabs .tab-content a:visited {color:#ffffff; text-decoration:underline}
.topnav .tabs .tab-content a:hover,.topnav .tabs .tab-content a:active {color:#CBCDCE; text-decoration:underline}

/*search*/
.header .search { padding:0px; margin:10px 0 0 0px; text-align:right;}
.header .search BUTTON {	text-align :center ;	border :0px none;	vertical-align :middle ;	margin :0px 2px 0px 2px ;	overflow :visible ;	cursor :pointer ; padding :0px 0px 0px 6px ; font:normal 11px Verdana, Arial, Helvetica, sans-serif ;}
.header .search .button1 {background:transparent url(../images/loupe.png) no-repeat left center; margin:0 0 0 10px; height:26px; width:26px}
.header .search BUTTON SPAN {	display:none}
.header .search .button1 SPAN {	 background: url(../images/buttonsearchright1_red.gif) no-repeat right center ;}
.header .search INPUT {width:220px; padding:0 5px; border:0 none; height:25px; font-style:italic; color:#cccccc}

.header .xtended-search {margin:8px 0px 0px 28px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff}
.header .xtended-search A {color:#fff}
.header .xtended-search A:hover {text-decoration:none}

/*menu*/
.header .dropdown-menu {margin:10px 0px 0px 0px; border:0 none; height:48px; /*border:1px solid #f3f3f3; border-bottom:0px none*/ /*test*/}
.header .dropdown-menu .dropdown {padding-top:0px}
.header .dropdown-menu .dropdown UL, .header .dropdown-menu .dropdown UL LI{width:173px}
.header .dropdown-menu .dropdown .top {border:0 none; background-color:transparent; background-image: url(../images/separator-ddm.png); background-repeat:no-repeat; background-position: right center;}
.header .dropdown-menu .dropdown .last {background-image:none}
.header .dropdown-menu .dropdown .top a { margin:0px 1px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; padding:15px 14px 15px 14px; }
.header .dropdown-menu .dropdown .top a:link,.header .dropdown-menu .dropdown .top a:visited { color:#414141; border-bottom:3px solid transparent}
.header .dropdown-menu .dropdown .top a:hover,.header .dropdown-menu .dropdown .top a:active { color:#E52B37; background:transparent; border-bottom:3px solid #E52B37 }
.header .dropdown-menu .dropdown .top .current:link,.header .dropdown-menu .dropdown .top .current:visited {font-weight:normal; color:#E52B37; border-bottom:3px solid #E52B37 }

/*theme-color*/
/*blue*/
.header .dropdown-menu .dropdown .topic-blue a:hover,.header .dropdown-menu .dropdown .topic-blue a:active {color:#0099ff; border-bottom:3px solid #0099ff}
.header .dropdown-menu .dropdown .topic-blue .current {color:#0099ff!important; border-bottom:3px solid #f82424!important}
.header .dropdown-menu .dropdown .topic-blue:hover A{color:#0099ff}
/*red*/
.header .dropdown-menu .dropdown .topic-red a:hover,.header .dropdown-menu .dropdown .topic-red a:active {color:#f82424; border-bottom:3px solid #f82424}
.header .dropdown-menu .dropdown .topic-red .current {color:#f82424!important; border-bottom:3px solid #f82424!important}
.header .dropdown-menu .dropdown .topic-red:hover A{color:#f82424}
/*purple*/
.header .dropdown-menu .dropdown .topic-purple a:hover,.header .dropdown-menu .dropdown .topic-purple a:active {color:#5a01fc; border-bottom:3px solid #5a01fc}
.header .dropdown-menu .dropdown .topic-purple .current {color:#5a01fc!important; border-bottom:3px solid #5a01fc!important}
.header .dropdown-menu .dropdown .topic-purple:hover A{color:#5a01fc}
/*orange
.header .dropdown-menu .dropdown .topic-orange a:hover,.header .dropdown-menu .dropdown .topic-orange a:active {color:#ff8726; border-bottom:3px solid #ff8726}
.header .dropdown-menu .dropdown .topic-orange .current {color:#ff8726!important; border-bottom:3px solid #ff8726!important}
.header .dropdown-menu .dropdown .topic-orange:hover A{color:#ff8726}*/
/*green*/
.header .dropdown-menu .dropdown .topic-green a:hover,.header .dropdown-menu .dropdown .topic-green a:active {color:#92d050; border-bottom:3px solid #92d050}
.header .dropdown-menu .dropdown .topic-green .current {color:#92d050!important; border-bottom:3px solid #92d050!important}
.header .dropdown-menu .dropdown .topic-green:hover A{color:#92d050}
/*pink*/
.header .dropdown-menu .dropdown .topic-pink a:hover,.header .dropdown-menu .dropdown .topic-pink a:active {color:#fa11c0; border-bottom:3px solid #fa11c0}
.header .dropdown-menu .dropdown .topic-pink .current {color:#fa11c0!important; border-bottom:3px solid #fa11c0!important}
.header .dropdown-menu .dropdown .topic-pink:hover A{color:#fa11c0}

/*Level 2*/
.header .dropdown-menu .dropdown .top ul { background:#fff; margin-left:1px;}
.header .dropdown-menu .dropdown .top ul li { background-color:#fff; border-bottom:0px none;}
.header .dropdown-menu .dropdown .top ul li a {  margin:0px 0 0 0; padding:7px 10px 7px 33px;}
.header .dropdown-menu .dropdown .top ul a:link,.header .dropdown-menu .dropdown .top ul a:visited { color:#414141}
.header .dropdown-menu .dropdown .top ul a:hover,.header .dropdown-menu .dropdown .top ul a:active { color:#ffffff; background-image:none; background-color:#F50101; }
.header .dropdown-menu .dropdown .top ul li a span { }


.header .dropdown-menu .dropdown .topic-blue ul a:link,.header .dropdown-menu .dropdown .topic-blue ul a:visited {background:url(../images/puce-blue.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-blue ul a:hover,.header .dropdown-menu .dropdown .topic-blue ul a:active { color:#ffffff!important; background:#0099ff url(../images/puce-hover.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-red ul a:link,.header .dropdown-menu .dropdown .topic-red ul a:visited {background:url(../images/puce-red.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-red ul a:hover,.header .dropdown-menu .dropdown .topic-red ul a:active { color:#ffffff!important; background:#f82424 url(../images/puce-hover.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-purple ul a:link,.header .dropdown-menu .dropdown .topic-purple ul a:visited {background:url(../images/puce-purple.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-purple ul a:hover,.header .dropdown-menu .dropdown .topic-purple ul a:active { color:#ffffff!important; background:#5a01fc url(../images/puce-hover.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-orange ul a:link,.header .dropdown-menu .dropdown .topic-orange ul a:visited {background:url(../images/puce-orange.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-orange ul a:hover,.header .dropdown-menu .dropdown .topic-orange ul a:active { color:#ffffff!important; background:#ff8726 url(../images/puce-hover.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-green ul a:link,.header .dropdown-menu .dropdown .topic-green ul a:visited {background:url(../images/puce-green.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-green ul a:hover,.header .dropdown-menu .dropdown .topic-green ul a:active { color:#ffffff!important; background:#92d050 url(../images/puce-hover.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-pink ul a:link,.header .dropdown-menu .dropdown .topic-pink ul a:visited {background:url(../images/puce-pink.png) no-repeat 20px center}
.header .dropdown-menu .dropdown .topic-pink ul a:hover,.header .dropdown-menu .dropdown .topic-pink ul a:active { color:#ffffff!important; background:#fa11c0 url(../images/puce-hover.png) no-repeat 20px center}


/*menu*/
.header2014 .dropdown-menu {margin:10px 0px 0px 0px; border:0 none; height:48px; /*border:1px solid #f3f3f3; border-bottom:0px none*/ /*test*/}
.header2014 .dropdown-menu .dropdown {padding-top:0px}
.header2014 .dropdown-menu .dropdown UL, .header2014 .dropdown-menu .dropdown UL LI{width:173px}
.header2014 .dropdown-menu .dropdown .top {border:0 none; background-color:transparent; background-image: url(../images/separator-ddm.png); background-repeat:no-repeat; background-position: right center;}
.header2014 .dropdown-menu .dropdown .last {background-image:none}
.header2014 .dropdown-menu .dropdown .top a { margin:0px 1px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; padding:15px 14px 15px 14px; }
.header2014 .dropdown-menu .dropdown .top a:link,.header2014 .dropdown-menu .dropdown .top a:visited { color:#414141; border-bottom:3px solid transparent}
.header2014 .dropdown-menu .dropdown .top a:hover,.header2014 .dropdown-menu .dropdown .top a:active { color:#0099ff; background:transparent; border-bottom:3px solid #0099ff }
.header2014 .dropdown-menu .dropdown .top .current:link,.header2014 .dropdown-menu .dropdown .top .current:visited {font-weight:normal; color:#0099ff; border-bottom:3px solid #0099ff }

/*theme-color*/
/*blue*/
.header2014 .dropdown-menu .dropdown .topic-blue a:hover,.header2014 .dropdown-menu .dropdown .topic-blue a:active {color:#0099ff; border-bottom:3px solid #0099ff}
.header2014 .dropdown-menu .dropdown .topic-blue .current {color:#0099ff!important; border-bottom:3px solid #f82424!important}
.header2014 .dropdown-menu .dropdown .topic-blue:hover A{color:#0099ff}
/*red*/
.header2014 .dropdown-menu .dropdown .topic-red a:hover,.header2014 .dropdown-menu .dropdown .topic-red a:active {color:#f82424; border-bottom:3px solid #f82424}
.header2014 .dropdown-menu .dropdown .topic-red .current {color:#f82424!important; border-bottom:3px solid #f82424!important}
.header2014 .dropdown-menu .dropdown .topic-red:hover A{color:#f82424}
/*purple*/
.header2014 .dropdown-menu .dropdown .topic-purple a:hover,.header2014 .dropdown-menu .dropdown .topic-purple a:active {color:#5a01fc; border-bottom:3px solid #5a01fc}
.header2014 .dropdown-menu .dropdown .topic-purple .current {color:#5a01fc!important; border-bottom:3px solid #5a01fc!important}
.header2014 .dropdown-menu .dropdown .topic-purple:hover A{color:#5a01fc}
/*orange*/
.header2014 .dropdown-menu .dropdown .topic-orange a:hover,.header2014 .dropdown-menu .dropdown .topic-orange a:active {color:#ff8726; border-bottom:3px solid #ff8726}
.header2014 .dropdown-menu .dropdown .topic-orange .current {color:#ff8726!important; border-bottom:3px solid #ff8726!important}
.header2014 .dropdown-menu .dropdown .topic-orange:hover A{color:#ff8726}
/*green*/
.header2014 .dropdown-menu .dropdown .topic-green a:hover,.header2014 .dropdown-menu .dropdown .topic-green a:active {color:#92d050; border-bottom:3px solid #92d050}
.header2014 .dropdown-menu .dropdown .topic-green .current {color:#92d050!important; border-bottom:3px solid #92d050!important}
.header2014 .dropdown-menu .dropdown .topic-green:hover A{color:#92d050}
/*pink*/
.header2014 .dropdown-menu .dropdown .topic-pink a:hover,.header2014 .dropdown-menu .dropdown .topic-pink a:active {color:#fa11c0; border-bottom:3px solid #fa11c0}
.header2014 .dropdown-menu .dropdown .topic-pink .current {color:#fa11c0!important; border-bottom:3px solid #fa11c0!important}
.header2014 .dropdown-menu .dropdown .topic-pink:hover A{color:#fa11c0}

/*Level 2*/
.header2014 .dropdown-menu .dropdown .top ul { background:#fff; margin-left:1px;}
.header2014 .dropdown-menu .dropdown .top ul li { background-color:#fff; border-bottom:0px none;}
.header2014 .dropdown-menu .dropdown .top ul li a {  margin:0px 0 0 0; padding:7px 10px 7px 33px;}
.header2014 .dropdown-menu .dropdown .top ul a:link,.header2014 .dropdown-menu .dropdown .top ul a:visited { color:#414141}
.header2014 .dropdown-menu .dropdown .top ul a:hover,.header2014 .dropdown-menu .dropdown .top ul a:active { color:#ffffff; background-image:none; background-color:#F50101; }
.header2014 .dropdown-menu .dropdown .top ul li a span { }


.header2014 .dropdown-menu .dropdown .topic-blue ul a:link,.header2014 .dropdown-menu .dropdown .topic-blue ul a:visited {background:url(../images/puce-blue.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-blue ul a:hover,.header2014 .dropdown-menu .dropdown .topic-blue ul a:active { color:#ffffff!important; background:#0099ff url(../images/puce-hover.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-red ul a:link,.header2014 .dropdown-menu .dropdown .topic-red ul a:visited {background:url(../images/puce-red.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-red ul a:hover,.header2014 .dropdown-menu .dropdown .topic-red ul a:active { color:#ffffff!important; background:#f82424 url(../images/puce-hover.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-purple ul a:link,.header2014 .dropdown-menu .dropdown .topic-purple ul a:visited {background:url(../images/puce-purple.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-purple ul a:hover,.header2014 .dropdown-menu .dropdown .topic-purple ul a:active { color:#ffffff!important; background:#5a01fc url(../images/puce-hover.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-orange ul a:link,.header2014 .dropdown-menu .dropdown .topic-orange ul a:visited {background:url(../images/puce-orange.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-orange ul a:hover,.header2014 .dropdown-menu .dropdown .topic-orange ul a:active { color:#ffffff!important; background:#ff8726 url(../images/puce-hover.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-green ul a:link,.header2014 .dropdown-menu .dropdown .topic-green ul a:visited {background:url(../images/puce-green.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-green ul a:hover,.header2014 .dropdown-menu .dropdown .topic-green ul a:active { color:#ffffff!important; background:#92d050 url(../images/puce-hover.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-pink ul a:link,.header2014 .dropdown-menu .dropdown .topic-pink ul a:visited {background:url(../images/puce-pink.png) no-repeat 20px center}
.header2014 .dropdown-menu .dropdown .topic-pink ul a:hover,.header2014 .dropdown-menu .dropdown .topic-pink ul a:active { color:#ffffff!important; background:#fa11c0 url(../images/puce-hover.png) no-repeat 20px center}

/*--------------advertising-------------*/
.advertising {text-align:center}

/*--------------footer-------------*/
.footer {background:#10757f; border:2px solid #BAAE79 }
.footer H1 {font:bold 14px Arial, Helvetica, sans-serif; color:#fff; border:0px none; }
.footer .society, .footer .other-swebsites, .footer .social {margin-bottom:20px}
.footer .find-us, .footer .websites, .footer .social-network {margin:10px 0px 10px; min-height:40px; }
.footer .find-us, .footer .websites {border-right:1px dotted #9c9e9f; padding-right:20px}
.footer .network {margin-top:17px}
.footer .network span {background:#fff; display:inline-block; margin:0 17px 17px 0px;}
.footer .network A {display:block; height:39px; width:39px }
.footer .flickr A:hover {background-color:#D70068}
.footer .facebook A:hover {background-color:#3B5998}
.footer .twitter A:hover {background-color:#5DD7FC}
.footer .slideshare A:hover {background-color:#5BA2A3}
.footer .linkedin A:hover {background-color:#007BB6}
.footer .dailymotion A:hover {background-color:#006EA3}
.footer .youtube A:hover {background-color:#CC181E}

.footer A {display:block}
.footer .find-us H1, .footer .websites H1 {margin-bottom:14px}
.footer .find-us A, .footer .websites A {padding:2px 0}
.footer .find-us A:link, .footer .find-us A:visited, .footer .websites A:link, .footer .websites A:visited {color:#FFF}
.footer .find-us A:hover, .footer .find-us A:active, .footer .websites A:hover, .footer .websites A:active {color:#BAAE79; text-decoration:none}

.subfooter {font-size:10px; color:#5B5B5B; padding:10px 0px 5px 0px;}
.subfooter * {font-size:10px; color:#5B5B5B}

/*--------------fullpage-------------*/

.fullpage-area {}
.fullpage-top {padding:10px;}
.fullpage-main {}
.fullpage-bottom {}
.fullpage-bottom .bottom-left {}
.fullpage-bottom .bottom-right {}
.fullpage-bottom .bottom-right .horizontal-list {display:block; float:right}
.fullpage-bottom .bottom-right .horizontal-list li {display:inline; float:left; margin-right:10px;}
.fullpage-bottom .bottom-right .horizontal-list A:link,.fullpage-bottom .bottom-right .horizontal-list A:visited  {color:#E80000; text-decoration:underline}
.fullpage-bottom .bottom-right .horizontal-list A:hover,.fullpage-bottom .bottom-right .horizontal-list A:active  {color:#333333; text-decoration:underline}

/*--------margins--------*/
.lmg {padding-left:5px}
.rmg {padding-right:5px}
.tmg {padding-top:5px}
.bmg {padding-bottom:5px}
.actions-area .button-area TABLE {width:100%;}
.actions-area .button-area .button-area-left {width:50%;}