/*
Theme Name: muraCloud
Theme URI: http://www.joska-potin.com
Description: Joska Potin pour a.v.c. évolution
Version: 1
Author: Joska Potin
Author URI: http://www.joska-potin.com
Tags: Joska Potin, avc evolution
*/









/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */
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 { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }









/* -------------------------------------------------------------- 
   
   Set default typography based on Blueprint
   
   http://code.google.com/p/blueprintcss/
     
-------------------------------------------------------------- */
body, input, textarea { background: #4F80CD; color: #222; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 22px; text-align:justify;}
h1,h2,h3,h4,h5,h6 { clear: both; color: #1A4385; font-size: 100%; font-weight: 500; letter-spacing:1px; }
h5,h6 { color: #555; }
h1 { font-size: 1.5px; margin-bottom: 30px; }
h2 { font-size: 1.4em; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; }
h3 { font-size: 1.3em; letter-spacing: 1px; margin: 0 -39px 15px; color:#C0DBF8; border: 1px solid #162948; background: #162948 url(style/images/h3Bg.jpg) repeat-x; padding: 20px 8px; }
h4 { font-size: 1.2em; margin: 0 -39px 10px; background: #B2C0C6 url(style/images/reflexion.png) repeat-x; border: 1px solid #B2C0C6; color:#233F6D; padding: 4px 8px;}
h5 { font-size: 1.1em; margin-bottom: 5px; font-style: italic; border-bottom: 1px solid #ccc;}
p { font-size: 100%; margin-bottom: 18px; }
ul { margin: 0 0 18px 5px; list-style-position: inside;list-style-type: square; }
ol { margin: 0 0 18px 2.5em; list-style-position: inside;}
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 0; }
dt { color: #444; }
dd { border: 1px dashed #bbb; margin: 0 0 18px 0; padding: 10px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { margin: 0 3em; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
pre { font: 11px Monaco, monospace; line-height: 18px; margin-bottom: 18px; }
code { font: 11px Monaco, monospace; }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
ins { text-decoration: none; }
sup,
sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; }
table { font-size: .8em; text-align: left; }
th, tr td:first-child { background: #B2C0C6; color: #233F6D; font-weight: normal; }
th, td { border: 1px solid #999; padding: 4px; }
hr { background-color: #ccc; border: 0; color: #ccc; height: 1px; margin-bottom: 22px; }
a { text-decoration: none; }
a:link { color: #004B91; }
a:visited { color: #743399; }
a:active,
a:hover { color: #FF4B33; }
a:active { position: relative; top: 1px; }









/* -------------------------------------------------------------- 
   
   Layout
     
-------------------------------------------------------------- */
body { min-width: 960px; overflow-y: scroll; }
#header { position: relative; }
#branding { margin: 0 auto; width: 960px; }
#access { overflow: hidden; position: relative; }
.menu { margin: 0 auto; width: 910px; }
#main { margin: 0 auto; overflow: hidden; padding: 25px; position: relative; width: 910px; }
#container { float: left; width: 605px; }
#content { margin: 0; width: 580px; }
#content:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;}
.product {position:relative;}
#sidebar { float: right; position: relative; width: 300px; }
#footer { clear: both; position: relative; }
/* Table */
table.col-2, table.col-3, table.col-4, table.col-5, table.col-7 { width: 100%; margin-top: 1px; }
table.col-2 th { width: 50%; }
table.col-3 th { width: 33%; }
table.col-4 th { width: 25%; }
table.col-5 th { width: 20%; }
table.col-7 th { width: 14%; }









/* -------------------------------------------------------------- 
   
   Global Class Tips and Tricks
     
-------------------------------------------------------------- */
.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.color-text { color: red; }
.very-strong { background-color: #182535; color: #BCD9F7; font-weight: 500; letter-spacing:1px; padding: 4px 8px; margin: 4px 0; display:block; text-align: center;}
.low { font-size: .5em; }
.rappel { clear: both; display: block; margin: 25px 0 10px 0; }
.rappel a { background: #423C96; border:1px solid white; color: white; padding: 10px; }
.rappel a:hover { background: transparent; border:1px solid #423C96; color: #423C96; padding: 10px; }

.round-corner { border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
.box-shadow, h3, h4 { box-shadow: 0px 3px 3px #777; -moz-box-shadow: 0px 3px 3px #777; -webkit-box-shadow: 0px 3px 3px #777;}
#sidebar, #carrousel, #gmap { box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb;}
.text-shadow, .product, .menu a:hover, .menu .current_page_item a, .menu .current_page_ancestor a, #catalogue a, h2, #mentions li, .rappel a:hover, ul#contact, .description p, a.grid-product span { text-shadow: 1px 1px 1px #ddd; }
.description span, .menu a { text-shadow: 1px 1px 1px #D7EEFF; }
h3, .very-strong, .rappel a, ul.tabs a:hover, ul.tabs a.current { text-shadow: 1px 1px 1px #111; }
#blog-description { text-shadow: 0 0 15px #91CAF0; }

img.border { background: #B2C0C6 url(style/images/reflexion.png) repeat-x top left; padding: 5px; }
.alignCenter { text-align:center; }
tr td.table-title { padding: 5px; background: #999999; color: #fffffe; font-size: 1.5em; text-align:center; letter-spacing: 2px; font-weight: bold; text-shadow: 1px 1px 1px #777; }






.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

  /* IE 5-7 */
  filter: alpha(opacity=95);

  /* Netscape */
  -moz-opacity: 0.95;

  /* Safari 1.x */
  -khtml-opacity: 0.95;

  /* Good browsers */
  opacity: 0.95;
}









/* -------------------------------------------------------------- 
   
   Global Design
     
-------------------------------------------------------------- */   
body { background: #4F80CD url(style/images/bg.jpg) no-repeat fixed top center; }









/* -------------------------------------------------------------- 
   
   Header
     
-------------------------------------------------------------- */   
#header { z-index: 2; }
#branding { background: transparent; padding-top: 10px; position: relative; }
#slogan { background: transparent url(style/images/slogan.png) no-repeat top left; height: 50px; left: 300px; position: absolute; text-indent: -9999px; top: 20px; width: 660px; }
#blog-title { font-size: 34px; font-weight: bold; line-height: 40px; }
#blog-title span a { background: url(style/images/logo.png) no-repeat; display: block; height: 108px; text-indent: -9999px; width: 300px; }
#blog-description { color: #eeeeef; font-size: 12px; font-style: italic; letter-spacing: 1px; margin: 0 0 0 150px; }
#phone { left: 500px; list-style: none; margin: 0; position: absolute; top: 85px; }
#tel { background: transparent url(style/images/phone.png) no-repeat top left; display: block; height: 27px; text-indent: -9999px; width: 245px; }
#tarif { color: #fff; font-family: "Courier New", Courier, monospace; font-weight: 400; text-align: right; }
#access { background: transparent url(style/images/headerMenu.png) no-repeat bottom center; font-size: 13px; height: 60px; overflow: visible; z-index: 100; }
.skip-link { display: none; }









/* -------------------------------------------------------------- 
   
   Menu
     
-------------------------------------------------------------- */ 
.menu { padding-top: 20px; }
.menu a { color: #628AB6; font-size: 10px; font-weight: normal; letter-spacing: 1px; line-height: 34px; margin: 0 5px; padding: 10px 10px; text-transform: uppercase; }
.menu a:hover,.menu .current_page_item a,.menu .current_page_ancestor a { color: #233F6D; }
.menu a:active, .menu .current_page_item a, .menu .current_page_ancestor a { }
.menu ul { list-style: none; margin: 0; }
.menu ul li { display: inline; }









/* -------------------------------------------------------------- 
   
   Content
     
-------------------------------------------------------------- */ 
#main { background: #e2e3e4; border-bottom: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; clear: both; }
/* Devis gratuit */
ul#contact { list-style: none; }
div#gmap { padding: 10px; background: #B2C0C6 url(style/images/reflexion.png) repeat-x top left; }
.product ul {list-style: none; }
.product ul li { background: transparent url(style/images/icon_bullet.png) no-repeat scroll 0 3px; padding: 0 0 5px 20px; margin: 0 0 5px 0; border-bottom: 1px dotted #ddddde; }
.product ul li:last-child { border: none; }

div.product { background: #ffffee url(style/images/paneBg.jpg) repeat-y top left; border:1px solid #ccc; color: #666666; padding: 25px; }







/* -------------------------------------------------------------- 
   
   Carrousel
     
-------------------------------------------------------------- */ 
#carrousel { background: #B2C0C6 url(style/images/reflexion.png) repeat-x top left; height: 300px; padding: 10px; position: relative; width: 560px; }
.produit { margin-bottom: 25px; }
.slide { height: 300px; left: 10px; position: absolute; top: 10px; width: 560px; }
.description { background: url(style/images/alpha_bg.png) repeat-x top left; font-size: 12px; left: 0; line-height: 14px; padding: 15px 15px 0; position: absolute; top: 0; width: 530px; }
.description.alone { padding-bottom: 20px; }
.description span { color: #1A4385; font-size: 1.4em; font-weight: bold; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 5px; text-transform: uppercase; }
.description p { color: #333; }
.slidenav { bottom: 15px; position: absolute; right: 15px; }
.slidenav span { background: #E2E3E4; color: #111; cursor: pointer; font-size: 10px; margin: 0 2px; padding: 4px 6px; border:1px solid #CCCCCC; }
.slidenav span:hover, .slidenav span.active { background: #233F6D; color: #eeeeef; border:1px solid #1A2E4F; }









/* -------------------------------------------------------------- 
   
   Tabs Panes
     
-------------------------------------------------------------- */
/* root element for tabs  */
ul.tabs {
	list-style:none; 
	margin: 0 0 25px; 
	padding:2px;
	background: #E2E3E4;
	border:1px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}
ul.tabs:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;}
ul.tabs li { 
	border: none;
	display:block;
	float:left;
	line-height:30px;
	margin: 1px;
	padding:0;
	background: none;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	display:block;
	text-decoration:none;
	color:#4F80CD;
	text-align:center;
	padding:0 10px;
	border: 1px solid #9ECBF2;
	background-color: #C0DBF8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
ul.tabs a:active {
	outline:none;		
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover, ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	color:#C0DBF8;
	border: 1px solid #233F6D;
	background: #162948 url(style/images/h3Bg.jpg) repeat-x;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
/* design div.pane */


/*
div.no-padding { padding: 2px 2px 2px 2px; padding-left: 3px !important; }
div.no-padding p { padding: 0 23px }
*/








/* -------------------------------------------------------------- 
   
   Sidebar
     
-------------------------------------------------------------- */ 
#sidebar { border: 1px solid #E2E3E4; padding: 1px 1px 0 1px; }
#catalogue { margin: 0; padding: 0; }
#catalogue ul { clear: both; margin: 0 0 10px 5px; padding-left:5px;}
#catalogue li { clear: both; }
#catalogue, #catalogue ul { list-style: none; }
#catalogue > li { background: #B2C0C6 url(style/images/reflexion.png) repeat-x top left; margin-bottom: 1px; padding: 8px 5px; }
#catalogue a { color: #628AB6; display: block; font-size:10px; letter-spacing: 1px; text-transform: uppercase; }
#catalogue a:hover, #catalogue li.current_page_item > a, span.handle:hover,li.current_page_item > span.handle, li.current_page_ancestor > span.handle { color: #233F6D; }
span.handle { color: #628DB8; cursor: pointer; float: left; font-family:"Courier New",Courier,monospace; margin-right: 10px; }
#catalogue a:active { position: relative; top: 0px; left:1px; }








/* -------------------------------------------------------------- 
   
   Pages Catalogue
     
-------------------------------------------------------------- */ 
ul#grid { list-style: none; margin: 0; padding: 0; }
li.grid-list a { float: left; margin: 10px; position: relative; text-align: center; width: 270px; }
a.grid-product img { }
a.grid-product span { color: #628DB8; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; width: 270px; }
li.grid-list a:hover span { color: #233F6D; }









/* -------------------------------------------------------------- 
   
   Footer
     
-------------------------------------------------------------- */ 
#mentions { font-size: 11px; list-style: none; margin: 0 auto; overflow: hidden; padding: 10px 0; text-align: center; width: 960px; }
#mentions li { color: #233F6D; display: inline; }
#mentions li.left { float: left; }
#mentions li.right { float: right; }









/* -------------------------------------------------------------- 
   
   Font Face
     
-------------------------------------------------------------- */
/* Orbitron */
@font-face {
	font-family: 'OrbitronLight';
	src: url('style/fonts/orbitron-light.eot');
	src: local('style/fonts/Orbitron Light'), local('style/fonts/Orbitron-Light'), url('style/fonts/orbitron-light.woff') format('woff'), url('style/fonts/orbitron-light.otf') format('opentype'), url('style/fonts/orbitron-light.svg#Orbitron-Light') format('svg');
}
@font-face {
	font-family: 'OrbitronMedium';
	src: url('style/fonts/orbitron-medium.eot');
	src: local('style/fonts/Orbitron Medium'), local('style/fonts/Orbitron-Medium'), url('style/fonts/orbitron-medium.woff') format('woff'), url('style/fonts/orbitron-medium.otf') format('opentype'), url('style/fonts/orbitron-medium.svg#Orbitron-Medium') format('svg');
}
@font-face {
	font-family: 'OrbitronBold';
	src: url('style/fonts/orbitron-bold.eot');
	src: local('style/fonts/Orbitron Bold'), local('style/fonts/Orbitron-Bold'), url('style/fonts/orbitron-bold.woff') format('woff'), url('style/fonts/orbitron-bold.otf') format('opentype'), url('style/fonts/orbitron-bold.svg#Orbitron-Bold') format('svg');
}
@font-face {
	font-family: 'OrbitronBlack';
	src: url('style/fonts/orbitron-black.eot');
	src: local('style/fonts/Orbitron Black'), local('style/fonts/Orbitron-Black'), url('style/fonts/orbitron-black.woff') format('woff'), url('style/fonts/orbitron-black.otf') format('opentype'), url('style/fonts/orbitron-black.svg#Orbitron-Black') format('svg');
}
h1,h2,a.grid-product span,#catalogue a,.description span,.menu a { font-family: "OrbitronMedium","Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; }










/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */
#page-content img { margin-bottom:10px; }
.alignleft,
img.alignleft { float: left; margin-right: 10px; }
.alignright,
img.alignright { display: block; float: right; margin-left: 10px; }
.aligncenter,
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-caption { margin-bottom: 18px; text-align: center; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 5px; }
.gallery img { margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 12px; }