@import "base.css";

/* Transversal Nav
---------------------- */
#sections li {height: 35px;}

#sections .observatory a {background: url('i/sections.png') 0 0 no-repeat;}
#sections .observatory strong a,
#sections .observatory a:hover {background-position: 0 -65px;}
#sections .newspaper a {background: url('i/sections.png') -326px 0 no-repeat;}
#sections .newspaper strong a,
#sections .newspaper a:hover {background-position: -326px -65px;}
#sections .foundation a {background: url('i/sections.png') -653px 0 no-repeat;}
#sections .foundation strong a,
#sections .foundation a:hover {background-position: -653px -65px;}

/* Breadcrumbs
---------------------- */
#breadcrumbs {padding: 0.6em 0 0.4em 0; color: #999; font-size: 0.9em; margin: 0 20px 10px 29px; border-bottom: dotted 1px #000;}
#breadcrumbs a {color: #999;}
#breadcrumbs a:hover {text-decoration: underline;}

/* Layout
---------------------- */
#wrapper {background: url('i/3cols.gif') 0 0 repeat-y; margin: 0 9px;}
#wrapper.by2 {background-image: url('i/2cols.gif');}
#content {width: 500px; float: left; margin-left: 260px; margin-right: 10px; display: inline; padding-top: 1em;}
.by2 #content {width: 700px;}
#related {width: 180px; margin-left: 20px; float: left; display: inline;}
#sideBar {width: 200px; margin-left: -950px; float: left;}


/* Content
---------------------- */
.cs1 .content h2 {color: #e20b00;}
.cs2 .content h2 {color: #ffa000;}
.cs3 .content h2 {color: #8ab801;}

.cs1 .content a:hover {color: #e20b00;}
.cs1 .content a:visited {color: #7f8272;}
.cs2 .content a:hover {color: #ffa000;}
.cs2 .content a:visited {color: #7f8272;}
.cs3 .content a:hover {color: #8ab801;}
.cs3 .content a:visited {color: #7f8272;}

.content .color1 {color: #e20b00;}
.content .color2 {color: #ffa000;}
.content .color3 {color: #8ab801;}

.plus {font-size: 1.1em;}
.plus a {padding: 0 0 0 23px; background-position: 0 0.3em; background-repeat: no-repeat; text-decoration: none; color: #000;}
.plus a:hover {text-decoration: underline;}
.cs1 .plus a {background-image: url('i/plus-1.gif');}
.cs2 .plus a {background-image: url('i/plus-2.gif');}
.cs3 .plus a {background-image: url('i/plus-3.gif');}

.nav ul li {list-style: none; margin: 0;}
.nav ul li a {padding: 0 0 0 12px; background-position: 0 0.4em; background-repeat: no-repeat; color: #000; text-decoration: none;}
.nav ul ul li a {padding: 0 0 0 12px; background-position: 0 0.4em; background-repeat: no-repeat;}
.nav ul li a:hover {text-decoration: underline;}
.nav ul ul {margin: 0 0 0 2em;}
.cs1 .nav a {background-image: url('i/nav-a-2.gif');}
.cs2 .nav a {background-image: url('i/nav-b-2.gif');}
.cs3 .nav a {background-image: url('i/nav-c-2.gif');}
.cs1 .nav ul ul li a,
.cs2 .nav ul ul li a,
.cs3 .nav ul ul li a {background-image: url('i/nav-3.gif');}
.cs1 .nav a:hover {color: #e20b00;}
.cs2 .nav a:hover {color: #ffa000;}
.cs3 .nav a:hover {color: #8ab801;}

/* Inset
---------------------- */
.inset {background: #f1f0ea; margin-left: -10px; margin-right: -10px; clear: both; padding: 10px 10px;}

/* Table
---------------------- */
.inset table {/*margin: 0 -10px;*/ margin-top: 1em;}
table {border: solid 1px #e4e1d6; margin-bottom: 1em; font-size: 0.95em;}
th {vertical-align: top; text-align: left; border: solid 1px #e4e1d6; padding: 5px 10px 5px 10px; font-size: 1.15em; text-shadow: 0 0 0 #fff; line-height: 1.2;}
.cs1 th {background: #e4271d url('i/th-1.gif') 0 0 repeat; color: #fff;}
.cs2 th {background: #ffb944 url('i/th-2.gif') 0 0 repeat;}
.cs3 th {background: #a8d21d url('i/th-3.gif') 0 0 repeat;}
td {vertical-align: top; border: solid 1px #e4e1d6; padding: 4px 10px;}
.even td {background: #fff;}
.cellRight {text-align: right;}
th small {font-size: 0.8em;}
td strong {font-weight: normal; font-size: 1.15em;}

/* Forms
---------------------- */
.form {padding-top: 109px; background-image: url('i/misc/formulaire.png'); background-position: 0 0; background-repeat: no-repeat;}
.soft {color: #776351;}
.structured {padding-bottom: 1em;}
.structured .buttons {float: right;}
.buttons input {border: none; background: none; padding: 0 0 0 24px; font-weight: bold; color: #776351; background-position: 0 0.4em; background-repeat: no-repeat; cursor: pointer; margin-left: 20px; text-align: left;}
.buttons input:hover {color: #000;}
.cs1 .buttons input {background-image: url('i/plus-1.gif');}
.cs2 .buttons input {background-image: url('i/plus-2.gif');}
.cs3 .buttons input {background-image: url('i/plus-3.gif');}

.structured label {display: block; margin-bottom: 0.35em;}
.structured label span {display: block; float: left; width: 215px; margin-right: 10px; text-align: right;}
.structured label input {width: 226px; border: solid 1px #e4e1d6; color: #333; padding: 1px 2px;}
.structured label select {width: 232px; border: solid 1px #e4e1d6; color: #333;}
.structured label textarea {width: 226px; border: solid 1px #e4e1d6; color: #333; padding: 1px 2px;}
.structured .date input {width: 40px; text-align: right; color: #999; font-style: italic;}
.structured .login input {width: 120px;}

.structured button {float: right; font-weight: bold; color: #776351; margin-right: 10px; background-position: 0 0.4em; background-repeat: no-repeat; padding: 0 0 0 24px;}
.cs1 .structured button {background-image: url('i/plus-1.gif');}
.cs2 .structured button {background-image: url('i/plus-2.gif');}
.cs3 .structured button {background-image: url('i/plus-3.gif');}
.structured button:hover {color: #000;}

.scripted .loginForm p {display: inline;}
.scripted .loginForm button {vertical-align: top; margin-top: 1px;}


/* Misc
---------------------- */
.separator {display: block; margin: 1.2em 0; border-bottom: dotted 1px #000; clear: both; position: relative;}
.separator a {display: block; text-decoration: none; overflow: hidden; width: 21px; height: 22px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; float: right;}
.cs1 .separator a {background-image: url('i/up-1.gif');}
.cs2 .separator a {background-image: url('i/up-2.gif');}
.cs3 .separator a {background-image: url('i/up-3.gif');}

/* Related
---------------------- */
#related .block {margin-bottom: 0.8em;}
#related .block p,
#related .block ul,
#related .block ol,
#related .block blockquote {margin-bottom: 0.8em;}
#related p.title {font-size: 1.2em; margin-bottom: 0.4em; color: #776351;}
#related .ctype1 p.title {color: #e10b00;}
#related .ctype2 p.title {color: #ffa000;}
#related .ctype3 p.title {color: #9c0;}

/* SideBar
---------------------- */
#sideBar .block {padding: 4px 0; border-top: dotted 1px #000; border-bottom: dotted 1px #000; margin-bottom: 1.2em;}
#sideBar .block p,
#sideBar .block ul,
#sideBar .block ol,
#sideBar .block blockquote {margin-bottom: 0.8em;}
#sideBar p.title {font-size: 1.2em; margin-bottom: 0.4em; color: #776351;}
#sideBar .ctype1 p.title {color: #e10b00;}
#sideBar .ctype2 p.title {color: #ffa000;}
#sideBar .ctype3 p.title {color: #9c0;}



/* Nav
---------------------- */
#navigation {margin-bottom: 1em;}
#navigation li {position: relative;}
#navigation a {display: block; background-position: 0 0.25em; background-repeat: no-repeat; padding: 1px 10px 1px 16px; color: #5c4c3d;}
.cs1 #navigation a {background-image: url('i/nav-a-1.gif');}
.cs2 #navigation a {background-image: url('i/nav-b-1.gif');}
.cs3 #navigation a {background-image: url('i/nav-c-1.gif');}
#navigation li:hover a,
#navigation li.hover a {background-position: -299px 0.25em;}
#navigation ul ul {position: absolute; left: -1000px; top: -1000px; width: 260px; background: #e7e6dd; border: solid 1px #ccc9ba;}
#navigation ul ul a {color: #000; padding: 1px 10px 1px 29px; background-position: 19px 0.65em; background-repeat: no-repeat;}
.cs1 #navigation ul ul a {background-image: url('i/nav-a-2.gif');}
.cs2 #navigation ul ul a {background-image: url('i/nav-b-2.gif');}
.cs3 #navigation ul ul a {background-image: url('i/nav-c-2.gif');}
#navigation ul li:hover ul a,
#navigation ul li.hover ul a {background-position: 19px 0.65em;}
#navigation ul ul ul a {background-position: 0 0.65em; background-repeat: no-repeat;}
.cs1 #navigation ul ul ul a {background-image: url('i/nav-a-3.gif');}
.cs2 #navigation ul ul ul a {background-image: url('i/nav-b-3.gif');}
.cs3 #navigation ul ul ul a {background-image: url('i/nav-c-3.gif');}
#navigation ul li:hover ul ul a,
#navigation ul li.hover ul ul a {background-position: 0 0.65em;}
#navigation ul ul ul a:hover,
#navigation ul ul li:hover ul a:hover,
#navigation ul ul li.hover ul a:hover {background-position: -300px 0.65em;}
#navigation ul ul li:hover a,
#navigation ul ul li.hover a {background-color: #f1f0ea; background-position: 19px 0.65em;}
#navigation ul ul li:hover ul a,
#navigation ul ul li.hover ul a {color: #000; background-color: #e7e6dd; background-position: 0 0.65em;}
#navigation ul ul li:hover ul a:hover,
#navigation ul ul li.hover ul a:hover {color: #e10b00; background-color: #f1f0ea;}
#navigation ul ul li {border-top: dotted 1px #96917a;}
#navigation ul ul li:first-child {border-top: none;}
#navigation ul li:hover ul,
#navigation ul li.hover ul {left: 200px; top: 0;}
#navigation ul li:hover ul ul,
#navigation ul li.hover ul ul {left: -1000px; top: -1000px;}
#navigation ul li ul li:hover ul,
#navigation ul li ul li.hover ul {left: 260px; top: -1px;}

#page.cs1 #navigation a:hover {color: #e20b00;}
#page.cs2 #navigation a:hover {color: #ffa000;}
#page.cs3 #navigation a:hover {color: #8ab801;}

/* Floats
---------------------- */
.separator:after,
.structured label:after,
.structured:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}.infoplus {
	background: #FF8F1C;
	margin-left: -10px;
	margin-right: -10px;
	clear: both;
	padding: 10px 10px;
}
.infoplus h3 {
	color: #FFF;
}
.plancheRevues {
	width: 700px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #E9E7DE;
	border-left-color: #E9E7DE;
}
.plancheRevues div {
	padding: 20px;
	float: left;
	width: 309px;
	text-align: center;
	overflow: hidden;
	height: 17em;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -1px;
	border: 1px solid #E9E7DE;
}
.plancheScarabee {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.plancheScarabee div {
	padding: 10px;
	float: left;
	width: 145px;
	text-align: center;
	overflow: hidden;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: -1px;
	margin-left: 0px;
	border: 1px solid #E9E7DE;
}
.plancheScarabee div div {
	padding: 0px;
	margin: 0px;
	border:none;
	float: none;
	width: 100%;
	height: 130px;
}
.plancheScarabee p {
	color:#ffa000;
	padding: 0px;
	margin: 0px;
}
.planche_doc_hori td {
	vertical-align: middle;
	padding: 10px;
}
.miniature{
	text-align: center;
}
.miniature img {
	border: 1px solid #000;
}
.plancheParten {
	width: 100%;
}
.plancheParten td {
	text-align: center;
	vertical-align: middle;
	padding-top: 1em;
	padding-bottom: 1em;
}