/* @override http://ideva-katag/application/lib/css/all.css */

html, body{
	width:100%;
	min-width:982px;
}
html {
	background:#000 url(../images/bg-html.jpg) repeat 0 719px;
	height:100%;
}
body {
	margin:0;
	background:url(../images/bg-body.jpg) repeat-x;
	font:14px "Gill Sans", "Trebuchet MS", Helvetica, sans-serif;
	color:#e9dd8d;
	min-height:100%;
}
* html body {height:100%;}
img {border-style:none;}
a {
	text-decoration:none;
	color:#97d0fe;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
a:hover {text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/*main container*/
#main {
	position:relative;
	margin:0 auto;
	width: 982px;
}
/*header*/
#header {
	padding:31px 0 0 15px;
	width: 951px;
	overflow:hidden;
	position:relative;
	margin:0 0 -33px;
	z-index:10;
}
/*logo*/
h1 {margin:0;}
h1 a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	width: 121px;
	height: 183px;
}
/*menu-holder*/
.menu-holder {
	position:absolute;
	top:185px;
	left:214px;
	height:20px;
	z-index:50;
}
.nav {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.nav li {
	float:left;
	width:138px;
	margin:0 8px 0 0;
	display:inline;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
	height:20px;
	position:relative;
}
.nav li div.drop {
	position:absolute;
	bottom:0;
	left:0;
	width:138px;
}
.nav li strong {
	display:block;
	line-height:20px;
	width:138px;
	height:20px;
	overflow:hidden;
	float:left;
}
.nav li strong span {
	letter-spacing:-1px;
	background: url(../images/a-nav.png) no-repeat;
	display:block;
	width:138px;
}
.nav li strong span a {position:relative;}
.nav li a {color:#4d3206;}
.nav ul {
	list-style:none;
	position:relative;
	margin:0;
	padding: 2px 0 8px;
	background: url(../images/sub-nav.gif) repeat-y;
	width:138px;
	overflow: hidden;
}
.nav li.hover ul,
.nav li:hover ul {padding:2px 0 8px;}
.nav ul li {
	height:auto;
	width:138px;
	font-size:13px;
	vertical-align: top;
	line-height:18px;
	color:#4d3206;
	display:block;
	float:none;
}
.slide {
	width:100%;
	position:relative;
	overflow:hidden;
	clear:both;
	float:left;
} 
.nav ul li a {
	display:block;
	border:1px solid #4d3206;
	margin:0 0 2px;
	background:#e9dd8d;
	padding:5px;
}
.nav ul li:first-child a {border-top-style:none;}
.nav ul li a:hover {
	text-decoration:none;
	background:#8d3310;
	border-left:1px solid #8d3310;
	border-right:1px solid #8d3310;
	color:#e9dd8d;
}

/*pictures*/
.pictures {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
/*k*/
.k {
	position:absolute;
	top:93px;
	right:-1px;
	z-index:20;
}
.k strong {
	display:block;
	background:url(../images/k.png) no-repeat;
	width: 135px;
	height: 132px;
	text-indent:-9999px;
	padding:29px 31px 31px 26px;
	overflow:hidden;	
}
.k a {
	cursor:pointer;
	display:block;
	position:relative;
	height:100%;
	width:100%;
}
/*content*/
.container {
	overflow:hidden;
	width:100%;
	position:relative;
	z-index:5;
}
#content {
	width: 821px;
	float:right;
	padding:0 26px 0 0;
	overflow:hidden;
}
.content-box {
	background: url(../images/content-top.png) no-repeat;
	width: 821px;
	padding:108px 0 0;
}
.content-box-body {
	width: 821px;
	background: url(../images/content.png) repeat-y;
}
.content-box-body:after {
	content:"";
	display:block;
	clear:both;
}
span.content-box-bottom {
	background: url(../images/content-bottom.png) no-repeat;
	width: 821px;
	height: 147px;
	display:block;
	overflow:hidden;
}
.block-holder {
	width:100%;
	float:left;
}
.content-box-text {
	position:relative;
	margin:-84px 0 -105px;
	width:755px;
	padding:0 0 0 28px;
}
.content {
	height:1%;
	overflow:hidden;
	padding:42px 1px 6px 45px;
}
.content h2 {
	font-size:18px;
	line-height:22px;
	color:#fff;
	margin:0 0 35px;
	font-weight:normal;
}
.content h3 {
	font-size:14px;
	line-height:16px;
	color:#fff;
	margin:0 0 16px;
}
.content h3 span {
	display:block;
	font-weight:normal;
}
.content h4 {
	font-size:14px;
	line-height:16px;
	color:#fff;
	margin:0 0 14px;
	font-weight:normal;
} 
.content p {
	margin:0 10px 14px 0;
	line-height:17px;
}
.content .txt {
	padding:0 0 70px;
}
.content .txt .blockquote {
	width:490px;
	padding:0 0 14px;
	line-height:17px;
	font-style:normal;
}
.content .txt .blockquote blockquote,
.content .txt .blockquote q {
	padding:0;
	margin:0;
	display:block;
}
.content .txt cite {
	display:block;
	font-style:normal;
}
/*product*/
.product {
	height:1%;
	overflow:hidden;
	padding:0 0 26px;
}
.product-line {
	height:1%;
	overflow:hidden;
	display:table;
}
.product-line .box-1 {
	width:308px;
	float:left;
	padding:0 0 16px;
}
.product-line .box-2 {
	width:140px;
	float:left;
	padding:0 0 16px 36px;

}
.product-line .box-3 {
	width:465px;
	padding:0 0 16px;
}
.product-line .box-3 strong {padding-top:3px;}
.product-line .boxes-2 {
	width:485px;
	display:table-cell;
	vertical-align:middle;
}
.product .alt .box-2 {
	float:none;
	display:table-cell;
	vertical-align:middle;
}
* html .product-line .boxes-2 {
	float:left;
}
*+html .product-line .boxes-2 {
	float:left;
}
* html .product .alt .box-2 {float:left;}
*+html .product .alt .box-2 {float:left;}
.product-line img {
	display:block;
}
.product-line strong {
	font-size:11px;
	line-height:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:2px 0 0 5px;
	display:block;
}
/*commentaires*/
.commentaires {
	height:1%;
	overflow:hidden;
	padding:0 0 10px;
}
.commentaires .blockquote {
	padding:0 0 16px;
	font-style:italic;
	color:#e9dd8d;
	font-size:16px;
	line-height:18px;
}
.commentaires .blockquote blockquote q,
.commentaires .blockquote blockquote {margin:0;}
.comment {
	height:1%;
	overflow:hidden;
	padding:0 0 42px;
}
.comment span {
	float:left;
}
.comment p {
	height:1%;
	overflow:hidden;
	margin:0;
	padding:14px 0 0;
	color:#fff;
	width:520px;
	padding:16px 0 0 14px;
	line-height:16px;
}
.comment p strong {
	font-weight:normal;
	display:block;
}
.les {
	width:400px;
	overflow:hidden;
	padding:0 0 30px;
}
.content .les p {
	margin-bottom:30px;
}
.information {
	height:1%;
	overflow:hidden;
}
.content .information h2 {
	text-transform:uppercase;
}
.information div {
	float:left;
	width:334px;
	text-align:center;
}
.content .information h3 {
	text-transform:uppercase;
	font-weight:bold;
	color:#e9dd8d;
	font-size:18px;
	line-height:20px;
	margin:0 0 14px;
}
.information ul {
	list-style:none;
	margin:0;
	padding:0;
}
.information ul li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	font-size:14px;
	line-height:16px;
	padding:0 0 16px;
}
.information ul li address {
	font-style:normal;
}
.information ul li strong {
	display:block;
	color:#fff;
}
.information ul li span {display:block;}
.materiel {
	height:1%;
	overflow:hidden;
	padding:0 0 34px;
}
div.tab {
	height:1%;
	overflow:hidden;
}
.content .materiel h3 {margin-bottom:0;}
.content .materiel ul {
	list-style:none;
	margin:0;
	padding:0 42px 0 0;
	font-size:14px;
	line-height:17px;
	float:left;
	color:#e9dd8d;
}
.content .materiel ul span {
	float:left;
	width:18px;
}
.box-text {
	background: url(../images/box-top.gif) no-repeat;
	width: 755px;
	padding:80px 0 0;
	margin:0 0 -40px;
	position:relative;
	color:#000;
	overflow:hidden;
}
.box-text .txt {
	padding: 0 0 18px 26px;
	text-align:justify;
}
.box-text p {
	line-height:16px;
	margin:0 0 16px;
}
.box-text-body {
	width: 756px;
}
.box-text-body:after {
	content:"";
	display:block;
	clear:both;
}
.box-text-bottom {
	position:relative;
	top:-40px;
}
.box-text-bottom span {
	background: url(../images/box-text-bottom.png) no-repeat;
	width: 756px;
	display:block;
	height: 94px;
	overflow:hidden;
}
.box-text-holder {
	background: url(../images/box-text.jpg) repeat-y;
	width: 756px;
}
.box-text-block {
	position:relative;
	width:668px;
	padding:0 56px 0 30px;
	margin:-70px 0 -44px;
	overflow:hidden;
	z-index:100;
}
.box-text-block {min-height:172px;}
* html .box-text-block {
	min-height:172px;
	height:auto !important;
	height:172px;
	overflow:visible;
} 
.txt-aventure {
	display:block;
	background:url(../images/txt-aventure.gif) no-repeat;
	width: 311px;
	height: 25px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}
/*btn*/
.btn {
	list-style:none;
	margin:0;
	padding:5px 0 0;
	float:left;
}
.btn li {
	float:left;
	padding:0 6px 0 0;
}
.btn li a {
	display:block;
	width:126px;
	height:25px;
	background: url(../images/btn.gif) no-repeat;
	text-align:center;
	font-size:13px;
	color:#472e06;
	text-decoration:none;
	font-weight:bold;
	line-height:22px;
}
.btn li.active a {
	background-position:0 -50px;
	color:#e9dd8d;
}
.btn li a:hover {
	background-position:0 -50px;
	text-decoration:none;
	color:#e9dd8d;
}
/*title*/
.box-text-block .title {
	background: url(../images/title.gif) no-repeat;
	width:668px;
	height:35px;
	overflow:hidden;
	position:relative;
	margin:0 -28px 22px -19px;
	padding:0 0 0 44px;

}
.title h2 {
	float:left;
	margin: 1px 21px 0 2px;
}
/*list*/
.list {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.list li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	padding:16px 0 18px 26px;
	background: url(../images/marker.gif) no-repeat 2px 8px;
	line-height:16px;
	font-size:14px;
	color:#472e06;
}
.list li a {color:#472e06;}
.code {
	background: url(../images/code.gif) no-repeat;
	width: 101px;
	height: 25px;
	float:right;
	font-weight:bold;
	color:#472e06;
	text-align:center;
	line-height:24px;
}
.code:hover {
	background-position:0 -50px;
	text-decoration:none;
	color:#e9dd8d;
}
.code.active {
	background-position:0 -25px !important;
	text-decoration:none;
	color:#472e06 !important;
}
/*text-holder*/
.text-holder {
	width:680px;
	padding:0 0 0 24px;
	overflow:hidden;
	margin:0 -36px 0 0;
	position:relative;
}
.box-text .text-holder p {
	font-size:11px;
	line-height:14px;
	margin:0 0 8px;
}
/*sidebar*/
#sidebar {
	width:150px;
	float:left;
/*	overflow:hidden;*/
	margin:0 -150px 0 0;
	padding:85px 0 0;
}
/*tab-menu*/
.tab-menu {
	list-style:none;
	margin:0;
	padding:0 0 44px;
}
.tab-menu li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
}
.tab-menu li a span,
.tab-menu li a {
	display:block;
}
.tab-menu li a {
	display:table;
	width:150px;
	height:46px;
	overflow:hidden;
	background: url(../images/tab-menu.gif) no-repeat;
	font-size:12px;
	line-height:14px;
	color:#472e06;
	font-weight:bold;
}
.tab-menu li a.active,
.tab-menu li a:hover {
	text-decoration:none;
}
.tab-menu li a.active {
	color:#e9dd8d;
	background-position:0 -47px !important;
}
.tab-menu li a:hover {
	color:#472e06;
	background-position:0 -93px !important;
}
.tab-menu li a span {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:0 5px;
}
#sidebar dl {
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
	line-height:18px;
	color:#e9dd8d;
	text-align:center;
}
#sidebar dl dt {
	font-size:12px;
	line-height:14px;
}
#sidebar dl dd {
	font-size:16px;
	margin:0 0 8px
}
/*footer*/
#footer {
	position:relative;
	margin:-24px 0 0;
	z-index:30;
	width:756px;
	padding:0 0 5px 162px;
	text-align:center;
	font:10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#6889cc;
}
#footer a {color:#6889cc;}
#footer p {margin:0;}





/* horrible illogical patch: hide journee page for nous joindre and enterprise */
body.entreprises li.lmenu-journee,
body.nous-joindre li.lmenu-journee {
/*	display: none;*/
}

li.lmenu-nous-joindre,
li.lmenu-accueil-univers {
	margin: 0 0 6px 0;
}

/* patch splash */
body.splash-screen #main {
	width: 850px;
}

body.splash-screen #footer {
	margin: 0;
	padding: 0;
	width: auto;
}

p#media-selector {
	text-align: center;
	padding-top: 35px;
}

ul#media-list {
	margin-right: 40px;
	text-align: center;
	list-style: none;
}

ul#media-categories {
	list-style: none;
	padding:0 0 20px 0;
	margin: 0;
	margin-top: -12px;
}

p#media-selector a,
ul#media-categories a {
	color: #ece6a5;
}

p#media-selector a {
	padding: 3px;
}
p#media-selector a:hover {
	background-color: #a62a14;
}

ul#media-categories a {
	line-height: 20px;
}

p#media-selector span {
	color: #a62a14;
}

ul#media-list div.media {
	margin: 0 auto;
}

ul#media-list div.media div {
	background-color: #05213b;
}



/* BD */
#comic-holder {
	background-color: white;
	padding: 10px 10px 40px 10px;
	margin: 0 10px 30px -20px;
	text-align: center;
	position: relative;
}

#comic-pager {
	width: 190px;
	height: 129px;
	display: inline-block;
	background-image: url(../images/bd-back.jpg);
}

#comic-pager div {
	margin-top: 11px;
}

a.previous,
a.next {
	position: absolute;
	display: block;
	top: 70px;
}
a.previous {
	left: 10px;
}

a.next {
	right: 10px;
}

a.previous2,
a.next2 {
	position: absolute;
	display: block;
	bottom: 20px;
}
a.previous2 {
	left: 10px;
}

a.next2 {
	right: 10px;
}


.box-text-body h2 a,
.box-text-body h3 a,
.box-text-body h4 a,
.box-text-body h5 a {
	color: black;
	text-decoration: underline;
	font-style: italic;
}




/* manifeste */
.manifeste-text {
	background-image: url(../images/manifeste-bg.gif);
	height: 490px;
}

.manifeste-text-block {
	position: absolute;
	top: 58px;
	left: 80px;
	height: 390px;
	width: 667px;
	overflow: auto;
	padding: 0;
	margin: 0;
}

.manifeste-text-block p {
	padding: 0 10px 0 0;
}

.manifeste-text-block p,
.manifeste-text-block h2,
.manifeste-text-block h3,
.manifeste-text-block h4,
.manifeste-text-block h5 {
	color: black;
}

.manifeste-text-block h2 {
	font-size: 30px;
	margin: 0 0 20px 0;
}

.manifeste-text-block a {
	color: black;
	text-decoration: underline;
}