/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */




/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 1000px) {
/*@media all {/*
	/* Desktop styles go below this line */
	#nav-container #navigation ul#main-nav > li:first-child {
  border-left: 0px; }

    #navigation { 
        float: right; 
        width: auto; 
        clear:none; 
        max-width: 800px; /* This can be changed */
        height:0px;
    }
    #header-container {
	background-color:#fc9c39;
	height:75px;
    	width: 1005px;
    	margin: 0px auto;
    	margin-bottom: 10px;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	border-bottom: 2px solid white;
	border-top: 2px solid white;
    }
    #header {
        background-color:#fc9c39;
	    /*height:75px;*/
    	width: 1005px;
    	margin: 0px auto;
    	margin-bottom: 10px;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	border-bottom: 2px solid white;
	border-top: 2px solid white;
    }
    #footer-container {
        width: 1005px;
	margin: 0px auto;
	margin-top: -18px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	border-top: 2px solid white;
    }
    #footer {
	margin-bottom: -20px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	border-top: 2px solid white;
    }

    #navigation ul li {
        text-transform: uppercase;
    }
    
    #widget a:link a:visited{
        color: white;
    }

    #footer .col-left {
        margin-bottom: -20px;
    }
    #main-nav {
	margin-right: 100px;
   }
    
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
	#navigation ul li {
        	text-transform: uppercase;
	}
	#navigation ul li a{
		padding: 0.5em 0.8em;
	}

	body.full-width #header,
	#nav-container,
	body.full-width #content,
	body.full-width #footer-widgets,
	body.full-width #footer {
  		padding-left: 0.5em;
  		padding-right: 0.5em;
	}

	#nav-container {
		margin-bottom: 0em;
	}
	#header-container {
		
        	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
		border-bottom: 2px solid white;
		border-top: 2px solid white;
    	}
}

@media only screen and (max-width: 767px) {

	#inner-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}

	.nav-toggle.icon {
		padding-left: 14px;
		padding-right: 14px;
	}

	#content{
		padding-left: 14px;
		padding-right: 14px;
	}

	#footer {
		padding-left: 14px;
		padding-right: 14px;
	}
	body {
		background-color:#fc9c39;
	}
}

/* Modifications css */

.page .title {
        	display: none;
	}


.home #header {
        margin-bottom: 1px;
    }

.bloc-home .bloc-title {
padding:6px 4px 1px 4px;
background:#2eb3e6;
margin:-10px;
margin-bottom:10px;
font-family: 'Coda Caption', sans-serif;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.bloc-home h3 {
font-family: 'Coda Caption', sans-serif;
color: #ffffff;
font-size: 22px;
text-shadow: 2px 2px #777;
}

.bloc-home {
padding:10px; 
float:left;
margin-right:30px;
width:280px;
min-height:300px;
background-color: #eeeeee;
box-shadow: 0px 0px 0px 2px white, 0px 0px 4px 2px rgba(0, 0, 0, 0.3);
border-radius:5px;
}

@media screen and (max-width: 1000px) {
.bloc-home {margin-bottom:15px;}
}

.bloc-home a {
color: #555555;
}

.bloc-home.last {
margin-right:0px;
}

.bloc-home.last .content {
margin-bottom:6px; 
padding-bottom:6px; 
border-bottom:solid 1px white;
}

.bloc-home.last .content.last {
border-bottom:none;
}

div#header-container{
    position: relative; 
    z-index: 1;
}
div#content{
    padding-top:20px;
    height:150%;
    /*top:-18px;*/
    position: relative; 
    z-index: 0;
    /*box-shadow: 0 0 1px 0 white,0 0 1px 0px rgba(0,0,0,0.4);*/
}