/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

img {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;      
}
 

#mainhead {
	background: url(../images/same/logo-bckg.jpg) 50% 0px repeat-x;
	width: 100%;
	height: 180px;
}

#mainhead header {
	width: 100%;
	height: 180px;
	margin: 0px;
	padding: 0px;
	background: url(../images/same/logo.jpg) 50% 0px no-repeat;
	text-align: center;
	border: none;
}

#menubar {
	display: inline-block;
	width: 890px;
	margin: 145px 0px 0px;
	text-align: left;
}

#menu {}
#menu ul {}

#menu ul li {}

#menu ul li span {
	color: #fff;
	font-family: Arial, 'Times New Roman', Helvetica, serif;
}

#menu ul li .dropdown span {
	color: #000;
}

#menu ul li .active > span {
	color: #80006a;
	font-weight: bold;
}

#menu ul li.remain > span > span,
#menu ul li.remain > a > span,
#menu ul li a:hover,
#menu ul li span:hover {
	color: #80006a;
	text-decoration: none;
}

#menu ul.menu-dropdown li {
}


#menu ul.menu-dropdown li.level1 {
}
#menu ul.menu-dropdown li.level1:hover {
}


#menu ul.menu-dropdown li.level2 {
	overflow: hidden;
	height: 26px;
}
#menu ul.menu-dropdown li.level2:hover {
}

#menu ul.menu-dropdown li.level3 {
	overflow: hidden;
	height: 14px;
}
#menu ul.menu-dropdown li.level3:hover {
}


#menu ul.menu-dropdown li.level4 {
	overflow: hidden;
}
#menu ul.menu-dropdown li.level4:hover {
}


#menu ul.menu-dropdown li.level1 > span,
#menu ul.menu-dropdown li.level1 > a {}

#menu ul.menu-dropdown li.level2 > span,
#menu ul.menu-dropdown li.level2 > a {}

#menu ul.menu-dropdown li.level3 > span,
#menu ul.menu-dropdown li.level3 > a {}

#menu ul.menu-dropdown li.level4 > span,
#menu ul.menu-dropdown li.level4 > a {}


#menu ul.menu-dropdown li span {
	line-height: 12px;
}


#bandeautop {
	width: 100%;
	background: url(../images/same/bandeau.jpg) 50% 0px no-repeat;
	height: 160px;
	text-align: center;
}

#bandeaubottom {
	width: 100%;
	background: url(../images/same/bandeau-bot.jpg) 50% 0px no-repeat;
	height: 160px;
	text-align: center;
}

#topseparation {
	height: 20px;
	width: 100%;
	background: url(../images/same/top-bckg.jpg) 50% 0px no-repeat;
}

#botseparation {
	height: 20px;
	width: 100%;
	background: url(../images/same/bot-bckg.png) 50% 0px no-repeat;
}

#top-a {
	width: 890px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border: none;
}

#top-a .grid-block {
	margin: 0px 0px 0px 20px;
}

#top-a .grid-h {
	width: 210px;
	margin: 0px 0px 0px 0px;
}

#top-a .grid-h .mod-line {
	border: none;
	text-align: left;
	padding: 15px 0px;
}

#top-a .grid-h .mod-line p {
	margin: 5px 0px 0px;
}

#top-a .grid-h .mod-line ul {
	list-style: disc;
	margin: 0px 0px 0px 25px;
	color: #666;
}

#top-a .grid-h .mod-line ul li {
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

#top-a .grid-h .mod-line .lof-main-wapper {
	margin: 0px 0px 0px 10px;
}

#maincontent {
	background: url(../images/same/title-bckg.jpg) 0px 0px repeat;
	width: 100%;
	text-align: center;
}

#centercontent {
	width: 100%;
	background: url(../images/same/main-bckg.jpg) 50% 0px repeat-y;
}

#centerlayout {
	width: 890px;
	display: inline-block;
	text-align: left;
}

#main {}

#main > .top {
	width: 890px;
	height: 20px;
	background: url(../images/same/bloc/top.png) 50% 0px no-repeat;
}

#main > .mid {
	width: 890px;
	background: url(../images/same/bloc/mid.png) 50% 0px repeat-y;
}

#main > .bot {
	width: 890px;
	height: 20px;
	background: url(../images/same/bloc/bot.png) 50% 0px no-repeat;
}


#maininner {
	display: inline-block;
	vertical-align: top;
	left: auto;
	float: none;
	width: 430px;
	margin: 0px 5px 0px;
	border-width: 0px 1px;
	border-color: #eee;
	border-style: solid;
}

#sidebar-a {
	display: inline-block;
	vertical-align: top;
	left: auto;
	float: none;
	width: 200px;
	margin: 0px 0px 0px 0px;
}

#sidebar-b {
	display: inline-block;
	vertical-align: top;
	left: auto;
	float: none;
	width: 200px;
	margin: 0px 0px 0px 20px;
}

#bottom-b {
	display: inline-block;
	width: 890px;
	margin: 0px;
	padding: 30px 0px 0px;
	border: none;
	text-align: left;
}

#bottom-b .grid-block {}

#footlayout {
	width: 100%;
	background: url(../images/same/title-bckg.jpg) 50% 0px repeat-x;
}

footer {
	width: 100%;
	background: url(../images/same/bott-bckg.jpg) 50% 0px no-repeat;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	min-height: 80px;
}

#totop-scroller { right: 20px; }


footer p {}

footer p span { font-size: 11px; }

footer p span a,
footer p span a:link,
footer p span a:visited {}




#system {
	margin: 20px 0px 0px;
}


#system div {
	text-align: justify;
}



/*************************************************************************************************\
	Modules
\*************************************************************************************************/

.grid-v .mod-line {
	margin: 0px;
	border: none;
}

.grid-v .mod-line .bloc {
	background: url(../images/same/bloc/mod-mid.png) 0px 0px repeat-y;
}

.grid-v .mod-line .bloc h3.module-title {
	background: url(../images/same/bloc/mod-top.png) 0px 0px no-repeat;
	height: 60px;
	padding: 10px 10px 0px;
	margin: 0px 0px -35px 0px;
}

.grid-v .mod-line.new .bloc h3.module-title {
	background: url(../images/same/bloc/mod-top-new.png) 0px 0px no-repeat;
	margin: 0px 0px -25px 0px;
}

.grid-v .mod-line .bloc h3.module-title .color {
	display: inline-block;
	vertical-align: top;
}

.grid-v .mod-line .bloc > ul {
	padding: 0px 0px;
}

.grid-v .mod-line .bloc div {
	height: auto;
}

.grid-v .mod-line .bloc > div {
	padding: 0px 10px;
}

.grid-v .mod-line .bloc .bottom {
	width: 200px;
	height: 10px;
	padding: 0px;
	margin: 0px 0px 0px;
	background: url(../images/same/bloc/mod-bot.png) 0px 0px no-repeat;
}

.grid-v .mod-line .bloc ul {
	padding: 0px;
	text-align: justify;
}

.grid-v .mod-line .bloc ul.line {
	padding: 0px 10px 0px 10px;
}

.grid-v .mod-line .bloc > ul.menu-sidebar {
}

.grid-v .mod-line .bloc > ul.menu-sidebar li {
	border-top: 1px solid #CCC;
}

.grid-v .mod-line .bloc > ul.menu-sidebar li a,
.grid-v .mod-line .bloc > ul.menu-sidebar li a:link,
.grid-v .mod-line .bloc > ul.menu-sidebar li a:visited,
.grid-v .mod-line .bloc > ul.menu-sidebar li span.sparator {
	color: #666;
}

.grid-v .mod-line .bloc > ul.menu-sidebar li.active > a,
.grid-v .mod-line .bloc > ul.menu-sidebar li.active > a:link,
.grid-v .mod-line .bloc > ul.menu-sidebar li.active > a:visited,
.grid-v .mod-line .bloc > ul.menu-sidebar li.active > span.sparator {
	color: #80006a;
}

.grid-v .mod-line .bloc > ul.menu-sidebar li span:hover {
	color: #666;
}

.grid-v .mod-line .bloc > ul.menu-sidebar li a > span,
.grid-v .mod-line .bloc > ul.menu-sidebar li span.sparator > span {
	color: #666;
}

.grid-v .mod-line .bloc > ul.menu-sidebar li.active > a > span,
.grid-v .mod-line .bloc > ul.menu-sidebar li.active > span.sparator > span {
	color: #80006a;
}

.grid-v .mod-line .bloc > ul.menu-sidebar li.level1 {
}

.grid-v .mod-line .bloc ul.level2 {
}

.grid-v .mod-line .bloc ul.level2 .separator {
	padding: 0px 0px 0px 15px;
	font-size: 11px;
	background: url(../images/menu_sidebar_level2.png) 0 50% no-repeat;
}

.grid-v .mod-line .bloc ul.level2 .separator span {
}

.grid-v .mod-line .bloc ul.level2 li {
	padding: 0px 0px 0px 10px;
}

.grid-v .mod-line .bloc ul.level3 {
}

.grid-v .mod-line .bloc ul.level3 li {
	border: none;
}

.grid-v .mod-line .bloc ul.level3 li a > span,
.grid-v .mod-line .bloc ul.level3 li .separator {
	background: url(../images/menu_sidebar_level3.png) 0 50% no-repeat;
}


.grid-v .mod-line .bloc form {
	text-align: center;
}



.grid-v .blank .bloc {
	background: none;
}

.grid-v .blank .bloc h3.module-title {
	background: none;
	padding: 10px 0px 0px;
}

.grid-v .blank .bloc > div {
	padding: 0px;
}

.grid-v .blank .bloc .bottom {
	background: none;
}



/*************************************************************************************************\
	Typo
\*************************************************************************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h1 {
	font-size: 28px;
	color: #80006A;
}

header h1 {
	font-size: 24px;
}

article header h1 {
	font-size: 20px;
	font-weight: bold;
	display: block;
}

h2 {}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #80006a;
	font-family: Arial, Helvetica, sans-serif;
}

header h3 {
	color: #000;
	font-weight: normal;
}

h3.module-title {
	color: #000;
	font-size: 17px;
	letter-spacing: -1px;
	font-weight: normal;
}

h3 .color {
	color: #666;
}

#top-a h3,
#top-a h3 .color {
	color: #80006A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 10px 0px 5px;
}

#top-a h3 {
	margin: 10px 0px 5px 10px;
}

#maininner h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

h4 {
	color: #80006A;
	margin: 0px 0px 0px;
	display: block;
	padding: 0px 0px 0px;
	font-size: 18px;
}

.info h4 {
	padding: 0px 0px 10px;
}

h5 {
	margin: 0px;
	color: #80006A;
}

.note-fixe h5 {
	text-align: center;
	color: #666;
	font-weight: bold;
}

h6 {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
}

div {
	font-size: 11px;
	line-height: 14px;
}

p {
	font-size: 11px;
	margin: 10px 0px 0px;
}

ul {}

ol {}

li {
	color: #666;
	font-size: 11px;
	line-height: 14px;
}

a,
a:link,
a:visited {
	color: #0088A2;
	line-height: 12px;
}

a:hover {
	text-decoration: underline;
}

hr {
	margin: 5px 0px;
}

em,
em span {
	color: #999;
	display: inline;
	vertical-align: top;
	line-height: 14px;
}

.blue {
	color: #0088A2;
}



/*************************************************************************************************\
	Styles wisiwyg
\*************************************************************************************************/

.orange {
	color: #C96931
}

.violet {
	color: #80006A;
}

div.download,
span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
	padding: 5px 10px 5px 35px;;
	margin: 10px 0px 0px;
}

div.note,
span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #F4F5F6;
	border-top: 1px dotted #AAB4BE;
	border-bottom: 1px dotted #AAB4BE;
	text-align: justify;
}

div.info,
span.info {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 35px;
	background: #F4F5F6 url(../images/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #AAB4BE;
	border-bottom: 1px dotted #AAB4BE;
	text-align: justify;
}

div.tip,
span.tip {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 35px;
	background: #FFFDEB url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #FFC864;
	border-bottom: 1px dotted #FFC864;
	text-align: justify;
}

div.note-fixe,
span.note-fixe {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #F4F5F6;
	border-top: 1px dotted #AAB4BE;
	border-bottom: 1px dotted #AAB4BE;
}

div.same,
span.same {
	background: #FFFDEB url(../images/pastille.png) 3px 3px no-repeat;
	border-top: 1px dotted #FFC864;
	border-bottom: 1px dotted #FFC864;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.redsp,
span.redsp {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	background: #FFF7F0;
	border-top: 1px dotted #C96931;
	border-left: 1px dotted #C96931;
	border-right: 1px dotted #C96931;
	border-bottom: 1px dotted #C96931;
	text-align: justify;
}

div.alert,
span.alert {
	background: #FFF7F0 url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #C96931;
	border-bottom: 1px dotted #C96931;
	padding: 5px 10px 5px 35px;;
	margin: 10px 0px 0px;
}

.column-r {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 170px;
	float: left;
}

.column {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 166px;
}

#system .item > .links a { color: #999; }
#system .item > .links a:hover {
	color: #666;
	text-decoration: none;
}
#system .item > .links a::after {	
	content: normal;
}

#system .item > .links a .next {
	background: url(../images/typo/readmore.png) 0px 0px no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: -2px 0px 0px 7px;
	vertical-align: top;
}

#system .item > .links a:hover .next {
	background-position: 0px -20px;
}



/*************************************************************************************************\
	top modules
\*************************************************************************************************/
#top-a .grid-h .customclock {
	background: url(../images/same/clock.png) 0px 0px;
	width: 140px;
	height: 140px;
	padding: 6px 0px 0px 6px;
	margin: 10px 0px 0px 30px;
}

#top-a .grid-h .headleft {
	padding: 0px;
	margin: 12px 0px 0px 350px;
}




/*************************************************************************************************\
	right modules
\*************************************************************************************************/
.lof-ass {
	border: none;
}

.lof-ass .lof-css3, .lof-ass .lof-css3 .preload {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.lof-ass .grey {
	border: none;
}

.lof-inner {
	color: #666;
}

.lof-inner a,
.lof-inner a:link,
.lof-inner a:visited {
}

.lof-inner .orange {
	color: #C96931;
}

.lof-inner p {}




/*************************************************************************************************\
	typography
\*************************************************************************************************/
ul.arrow {
	list-style: none;
	padding: 0px;
}

ul.arrow li {
	background: url(../images/typo/list_arrow.png) 0px 0px no-repeat;
	padding: 8px 0px 0px 34px;
	margin: 0px 0px 6px 0px;
	font-weight: bold;
	min-height: 18px;
}

ul.checkbox {
	list-style: none;
	padding: 0px;
}

ul.checkbox li {
	background: url(../images/typo/list_checkbox.png) 0px 0px no-repeat;
	padding: 8px 0px 0px 34px;
	margin: 0px 0px 6px 0px;
	font-weight: bold;
	min-height: 18px;
}




/*************************************************************************************************\
	Login
\*************************************************************************************************/
.grid-v .mod-line .bloc .logpan {
	text-align: left;
	padding: 10px 0px 0px 0px;
}

.logpan .fields {
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 30px;
}

.grid-v .mod-line .bloc .logpan .fields .username {
	width: 100px;
	height: 20px;
	overflow: hidden;
	background: url(../images/typo/username_bg.png) 0px 0px no-repeat;
}

.grid-v .mod-line .bloc .logpan .fields .password {
	width: 100px;
	height: 20px;
	overflow: hidden;
	background: url(../images/typo/password_bg.png) 0px 0px no-repeat;
}

.grid-v .mod-line .bloc .logpan .fields .username:hover,
.grid-v .mod-line .bloc .logpan .fields .password:hover {
	background-position: 0px -20px;
}

.logpan .fields .password input[type=password],
.logpan .fields .username input[type=text] {
	width: 70px;
	height: 17px;
	border: none;
	background: none;
	margin: 2px 0px 0px 23px;
	outline: none;
	font-size: 12px;
	padding: 0px 3px;
}

.logpan .button {
	display: inline-block;
	vertical-align: top;
}

.logpan .button button {
	border: none;
	background: url(../images/typo/login-btn.png) 0px 0px no-repeat;
	width: 24px;
	height: 24px;
	margin: 8px 0px 0px 10px;
}

.logpan .button button:hover {
	background-position: 0px -24px;
}

.logpan .button button:active {
	background-position: 0px -48px;
}


.smallwrap {
	width: 400px;
}