/*

Theme Name: Eloka

Theme URI: http://www.eloka.fr

Description: Un template moderne, celant et professionnel. 

Author: Kler Roger and Layered Pixels

Version: 1.0

*/



@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */



/*	-------------------------------------------------------------

 

	THEME WORDPRESS DE ELOKA

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



	Description:Base cascading style sheet

	Nom:screen.css

	Version:1.0

	Date: 

 

-------------------------------------------------------------	*/



/*	-------------------------------------------------------------

	IMPORT

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/





@import url("assets/css/slider.css");

@import url("assets/css/form.css");



/*	-------------------------------------------------------------

	STYLES FOR SCREEN / PROJECTION

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



@media screen, projection {



/*	-------------------------------------------------------------

	RESET

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent; }

	

body {

	line-height: 1; }

		

ul, ol {

	padding: 5px 0 20px 25px; }



ul li, ol li {

	line-height: 1.7em;

	margin: 2px 0;

	padding: 0; }



ul li,

ol li {

	line-height:1.6;

	margin:0 0 2px 0;

	padding:0; }

	

blockquote {

	display: block;

	padding: 30px 60px;

	width: 500px; }



blockquote p {

	font-size:16px;

	font-style:italic;

	color:#000 !important; }

	

blockquote:before, blockquote:after {

	color: #ccc;

	display: block;

	font-size: 700%;

	width: 50px; }



blockquote:before {

	content: open-quote;

	height: 0;

	margin-left: -0.55em; }



blockquote:after {

	content: close-quote;

	height: 50px;

	margin-top: -65px;

	margin-left: 510px; }



:focus {

	outline: 0; }



ins {

	text-decoration: none; }

	

del {

	text-decoration: line-through; }



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0; }



/*	-------------------------------------------------------------

	BODY

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



html {

	font-size: 100%;

	width: 100%; }



body {

	font: 80%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #363636;

	line-height: 1.538em;

	letter-spacing:-0.02em;

	width: 100%;

	background:#fff url("images/bg_body.gif") repeat 0 0 !important; } 



 

/*	-------------------------------------------------------------

	LINKS

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



a {

	color:#b70101;

	margin: 0;

	outline: 0; }

  

a:hover {

	color:#000; }

 

a, a:visited, a:active {

	text-decoration: none; }



 

/*	-------------------------------------------------------------

	TYPOGRAPHY

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



p {

	line-height: 1.7;

	padding: 0 0 12px 0; }



h2 {

        color: #B70101;

        margin:0;

	padding:0;	

	font-weight:bold;

	line-height: 1.5em;	

	letter-spacing:-0.5px; }



h1, h3, h4, h5 {

	color:#000;

	margin:0;

	padding:0;	

	font-weight:bold;

	line-height: 1.5em;	

	letter-spacing:-0.5px; }

 

h1 {

	font-weight: normal; }

 

h2 {

	font-size:40px; }

 

h3 {

	font-size:30px;}



h4 {

	font-size:20px;}



h5 {

	color:#000;

	margin:0 0 20px 0;

	font-size:15px; }

h6 {
	color:#B70101;
}

.strong {

	font-weight:bold; }





/*	-------------------------------------------------------------

	HACKS

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



.clear {

	clear: both;

	font-size: 0;

	height: 0;

	line-height: 0;

	position: relative; }

 

.clearandspace {

	clear: both;

	font-size: 0;

	height: 15px;

	line-height: 0;

	position: relative; }



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden; }



.clearfix { display:inline-block; }

	

/* Hide from IE Mac \*/

	.clearfix { display:block; }

/* End hide from IE Mac */



.clearline {

	position:relative;

	clear:both;

	height:20px;

	line-height:0;

	font-size:0;

	margin:20px 0;

	border-bottom:1px solid #c7c7c7; }



/*	-------------------------------------------------------------

	GLOBAL

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



div.left { 

	float:left; 

	width: 48%; }

	

div.right { 

	float:right; 

	width: 48%; }



div.left-col .btn {

	margin:20px auto;

	text-align:center; }



ul.nolist {

	list-style:none;

	padding:10px 0 10px 20px ;

	margin:0; }



ul.nolist li.phone {

	padding:0 0 0 24px;

	background:transparent url("images/icon-phone.png") no-repeat 0 2px; }



ul.nolist li.mail {

	padding:0 0 0 24px;

	background:transparent url("images/icon-email.png") no-repeat 0 2px; }





/*	-------------------------------------------------------------

	GRID

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



div.container {

	margin:0 auto;

	padding:0; 

	width:1003px;

	z-index:-1; }

 

div.wrapper {

	margin:0;

	padding:0;

	height:100%;

	width:100%; }

 

div.header {

	z-index:2000;

	position:absolute;

	margin:0;

	padding:0;

	width:100%;

	height:147px;

	background: url("images/bg_trans_01.png") repeat 0 0; }



div.toggle {

	position:absolute;

	z-index:5000;

	left:50%;

	margin-left:-501px; }



	div.toggle .fullsize {

		display:block;

		float:right;

		margin-right:1px;

		width:90px;

		height:30px;

		overflow:hidden;

		text-indent:-9999px;

		background:transparent url("images/btn_full_screen.png") no-repeat 0 0; }



		div.toggle .fullsize.active {

			background:transparent url("images/btn_full_screen.png") no-repeat -90px 0px; }





/*	-------------------------------------------------------------

	INTERFACE ELEMENTS

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



/* HEADER */

div.header h1 {

	color:#aaa;

	font-size:25px;	

	margin:44px 0 0 24px;

	padding:0;

	text-transform:uppercase;

	float:left; }



	.header h1 a {

		color: #fff; }



/* Top Navigation */

div.header div.menu ul {

	position: relative;

	margin:0;

	padding:0;

	list-style:none;

	float:right;

	margin:90px 10px 0 0; }



div.header div.menu ul li {

	float:left;

	position:relative;

	width:auto;

	margin:0 12px;

	background:transparent; }



div.header div.menu ul li a {

	color:#fff;

	display:block;

	font-weight:bold;

	font-size:12px;

	padding:13px;

	background:transparent; }



div.header div.menu ul li a:hover {

	color:#fff;

	background:#b70101;}



/* Dropdown Navigation */

div.header div.menu ul ul {

	display:none;

	list-style:none;

	margin:0;

	padding:0;

	width:185px; } 



div.header div.menu ul li ul {

	left:0;

	position:absolute;

	top:45px; } 



div.header div.menu ul li ul li {

	clear:both;

	margin:0;

	padding:0;

	width:100%; } 



div.header div.menu ul li ul li a {

	color:#fff;

	display:block;

	font-weight:bold;

	padding:10px 20px; } 



div.header div.menu ul li ul li a {

	background: url("images/bg_trans_01.png") repeat 0 0 !important; } 



div.header div.menu ul li ul li a:hover {

	background:#b70101 !important; } 



div.header div.menu ul li:hover a, div.header div.menu ul li a:hover, div.header div.menu ul li:focus a, div.header div.menu ul li a:focus {

	background:#b70101; }



/* Content */

div.content { }



/* Sub Pages */

div.page {

	padding:0;

	margin:0;

	background:#fff url("images/bg_page.gif") repeat-y top left !important; }



div.page p {

	color:#363636;}



/* Full Columns BGs */

.bgfull1 {

	background:#fff url("images/bg_page_full_01.jpg") no-repeat top left; }



div.left-col {

	float:left;

	width:242px;

	padding:170px 24px 20px 24px;

	margin:0;

	text-align:left; }



div.right-col {

	float:left;

	width:686px;

	margin:0 0 20px 0;

	padding:0 27px 0 0;

	text-align:left;

	height:100%; }



	div.right-col div.contents {

		padding:0 0 0 72px; }



div.full-col {

	float:left;

	width:955px;

	margin:0;

	padding:0 24px 30px 0px;

	background:#fff; }



	div.full-col div.sub-header {

		position:relative;

		height:234px;

		margin:0 0 30px 0; }

		

		div.full-col div.sub-header img {

			position:absolute !important;

			top:0;

			left:0;	}

		

		div.full-col div.sub-header h2 {

			position:absolute;

			bottom:6px;

			right:0px;

			margin:0;

			padding:0;

			color:#fff;

			text-align:right;

			font-size:50px; }



div.sub-header {

	position:relative;

	height:423px;

	margin:0 0 30px 0; }



div.sub-header img {

	position:absolute !important;

	top:0;

	left:0;	}



	div.sub-header h2 {

		position:absolute;

		bottom:38px;

		left:72px;

		margin:0;

		padding:0;

		color:#fff;

		font-size:50px; }



/* Blocks */		

ul.block {

	list-style:none;

	padding:0 0 0 22px;

	margin:0; }



ul.block li {

	float:left;

	width:285px;

	border-right:1px solid #c7c7c7;

	padding:0 15px 0 22px;

	margin:0 0 20px 0; }



	ul.block li:first-child {

		padding:0 15px 0 0;

		border-left:none; }



	ul.block li:nth-child(3n+3) {

		padding:0 0 0 22px;

		border-right:none; }



	ul.block li:nth-child(4n+4) {

		border-left:none;

		padding:0 15px 0 0; }



	ul.block p {

		padding:0;

		margin:0;

		font-size:12px; }



	ul.block a {

		color:#000; }

		

		ul.block a:hover {

			color:#b70101; }



	ul.block h3 {

		margin:20px 0 20px 0;

		color:#000;

		line-height:1.2em;

		font-size:22px; }



/*	-------------------------------------------------------------

	Table

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

table {

	border-collapse:collapse;

	border-spacing:0; }



table.global {

	color:#363636;

	border-width: 0px;

	border-style: none;

	width: 100%;

	padding: 0px;

	margin:10px 0 20px 0;

	border-collapse:separate;

	background: #fff; }



table.global td, table.global th {

	border-bottom: 1px solid #ccc;

	padding: 8px;

	zoom: 1;

	text-align:left; }



table.global thead th {

	color:#333333;

	border-width: 3px;

	border-color: #fff;

	border-bottom:3px solid #666;

	background: url("images/bg_caption.gif"); }



table.global tfoot td {

	border: 0;

	padding-bottom: 0;

	width: auto !important; }



table.global tfoot td {

	clear:both;

	font-size:10px;

	font-weight:normal;

	line-height:14px;

	margin-top:16px;

	padding:8px;

	text-align:center; }



/*	-------------------------------------------------------------

	WIDGETS

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



/* Sub-Navigation & Links */

div.widget-container ul {

	padding:0;

	margin:0;

	display:block;

	list-style:none; }



	div.widget-container ul li {

		clear:both;

		display:block;

		margin:0;

		padding:0;

		width:100%; }



	div.widget-container ul li a {

		color:#363636;

		display:block;

		font-weight:bold;

		padding:10px 30px 10px 20px;

		margin:0;

		background:#fff url("images/bg_links.png") no-repeat 225px center; }



	div.widget-container ul li a:hover, div.widget-container ul li a.active:hover {

		color:#fff;

		background:#b70101 url("images/bg_links_hover.png") no-repeat 225px center; }



	div.widget-container ul li.current_page_item a {

		color:#b70101;

		background:#fff url("images/bg_links_active.png") no-repeat 225px center; }



		div.widget-container ul li.current_page_item a:hover {

			color:#fff;

			background:#b70101 url("images/bg_links_hover.png") no-repeat 225px center; }



	/* Sub-Navigation Children */

	div.widget-container ul li ul li a {

		padding:10px 30px 10px 35px; }	



/* Title */

.widget-title {

	margin:15px 0; }



/* Text Widget */

.textwidget {

	background:#fff;

	padding:10px; }



/* Calendar */

#calendar_wrap {

	background:#fff;

	margin:0;

	padding:10px; }



#wp-calendar {

    empty-cells: show;

    margin: 0 auto;

    width: 100%; }



#wp-calendar td a {

	background:#b70101;

	color:#fff;

	font-weight:bold;

	display: block;

    text-decoration: none; }



#wp-calendar caption {

    color:#333333;

	font-size:16px;

	padding:8px 0;

	margin:0 0 5px 0;

	font-weight:bold;

	letter-spacing:-1px;

	border-width: 3px;

	border-color: #fff;

	border-bottom:3px solid #666;

	background: url("images/bg_caption.gif"); }



#wp-calendar th {

	text-align:center;

	padding:3px 0;

    font-style: normal;

    text-transform: capitalize; }



#wp-calendar #next a {

    padding-right: 10px;

    text-align: right; }



#wp-calendar #prev a {

    padding-left: 10px;

    text-align: left; }



#wp-calendar td {

    padding: 3px 0;

    text-align: center; }



/* Gallery */

.gallery {

	padding:0;

	margin:15px 0 10px 0; }



.gallery-item {

	float:left;

	margin:0 3px 0px 0; }



/*	-------------------------------------------------------------

	FOOTER

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



div.footer {

	width:1003px;

	height:41px;

	padding:20px;

	margin:0 auto;

	text-align: left;

	background:transparent url("images/bg_page_footer.png") no-repeat 0 0; }



div.footer div.right { text-align: right; }



div.footer p, div.footer a {

	color:#868686;

	font-size:11px; }



	div.footer a:hover {

		color:#b70101;  }



/*	-------------------------------------------------------------

	CLOSING STYLES FOR SCREEN / PROJECTION

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



}