/* @override http://bellesgarrigues.org/wp-content/themes/Corporate-Green/style.css */

/* @override http://bellesgarrigues.org/wp-content/themes/Corporate-Green/style.css */

/*  



Theme Name: Corporate Green



Author URI: http://ithemes.com



Version: 1.0



Author: Nathan Rice



Description: Corporate Web 2.0 Premium WordPress Theme



All the CSS, XHTML and design is copyrighted. Please don't steal.



*/







html, body { margin: 0; padding: 0; }







html {



	height: 100%;



}



body { 



	background: rgb(206, 142, 71) url(images/background-green.jpg) repeat-x left;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	text-align: center;



	padding: 0 0 20px 0;



}







body * {margin: 0px; padding: 0px;}







.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

div.photos {
	display: block;
	width: 536px;
	float: left;
	margin-top: -25px;
}

#content .photos img {
	float: left;
}







/*********************************************



		Link Styles



*********************************************/



a {



	color: rgb(35, 109, 147);



	text-decoration: underline;



}



a:hover { color: #000; text-decoration: underline; }







/*********************************************



		Text Elements



*********************************************/



p, ul, ol, blockquote {color: #666;}



ol, ul {



	margin: 5px 35px;



}



blockquote {



	display: block;



	margin: 0px;



	padding: 0px 0px 0px 45px;



	background: url(images/quote.gif) no-repeat;



	font-style: italic;



}



img { border: 0px; background: none; }



p {



	padding: 10px 0px;



	margin: 0px;
}







strong {



	color: black;



}



/*********************************************



		Header Styles



*********************************************/



h1 { /* This style used as title on single posts and pages */



	font-size: 22px;



	color: #243A52;



	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;



	text-transform: uppercase;



	margin: 0px 0px 10px 0px;



	padding: 5px 0px;



	font-weight: normal;



	border-top: 1px solid #243A52;



	border-bottom: 2px solid #243A52;



}



h2 { /* This style used as header in the sidebars */



	font-size: 15px;



	color: #243A52;



	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;



	text-transform: uppercase;



	margin: 0px 0px 10px 0px;



	padding: 5px 0px;



	font-weight: normal;



	border-top: 1px solid #243A52;



	border-bottom: 2px solid #243A52;



}



h3 { /* This style used as the post titles on homepage/archive */



	clear: both;



	color: #000;



	font: 24px "Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;



	margin: 0;



	padding: 5px 0px 0;



}











h3 a {



	color: #000;



	text-decoration: none;



}



h3 a:hover {



	color: #666;



	text-decoration: none;



}



h4 { /* This style used as title for comments and as the identifying header on archive page  */



	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;



	font-size: 16px;



	text-transform: uppercase;



	padding: 10px 0px 5px 0px;



	margin: 0px;



	color: #666;



	border-bottom: 1px solid #666;



	text-decoration: none;



}



h5 {



	color: #999;



	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;



	font-size: 20px;



	font-weight: normal;



	padding: 0px 0px 15px 0px;



	text-align: right;



}



/*********************************************



		Header Styles



*********************************************/



#header {



	margin: 0px auto; padding: 0px;



	display: block;



	position: relative;



	width: 779px;

	background: url(images/belles-garrigues.png) no-repeat center center;

}



#header #title {

}



#header #title a {



	text-align: center;



	text-transform: uppercase;



	color: #fff;







	letter-spacing: -2px;
	font-size: 45px;
	text-indent: -10000px;
	display: block;
	width: 500px;
	height: 72px;
	margin-right: auto;
	margin-left: auto;

}



#header #title a:hover {



	color: #fff;



	text-decoration: none;



}



#header #desc {



	text-align: center;



	font: italic 18px "Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;



	color: #FFF;



	margin: 5px 0px -15px;



	letter-spacing: 4px;



}







/*********************************************



		Container/Wrap Div



*********************************************/



#container {



	background: url(images/feature.png) no-repeat;



	border: 0px solid #000;



	text-align: left;



        margin: 0px auto; 



        padding: 24px 16px 0px;



        width: 779px;



}







#wrap {



	width: 779px;



	margin: 0px; 



        padding: 10px 0px;



	background: #FFF url(images/wrap-bg.png) 0px 0px repeat-x;



        min-height: 400px;



        height:auto !important;



        height:400px;



}







/* Images header */


#image-top, #nature-ecriture #image-top, #nature-biodiversite #image-top, #projet #image-top, #pratique #image-top, #blog #image-top  {
	background: url(images/header1.jpg) no-repeat;
	display: block;
	width: 765px;
	height: 190px;
	margin-left: 7px;
}

#nature-ecriture #image-top {
	background: url(images/header2.jpg) no-repeat;
}

#nature-biodiversite #image-top {
	background: url(images/header3.jpg) no-repeat;
}

#projet #image-top {
	background: url(images/header4.jpg) no-repeat;
}

#blog #image-top {
	background: url(images/header5.jpg) no-repeat;
}


#pratique #image-top {
	background: url(images/header6.jpg) no-repeat;
}

#ferme-a-decouvrir #image-top {
	background: url(images/header7.jpg) no-repeat;
}

#brebis-et-diversite #image-top {
	background: url(images/header8.jpg) no-repeat;
}

/*********************************************



		Horizontal Navigation Styles



*********************************************/

#foxmenucontainer{height: 24px;display:block;padding: 166px 0 0;}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;
	padding-left: 5px;
}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(images/foxmenu_bg-OFF.gif) no-repeat top left;}
#foxmenu ul li a:hover{color:#fff;background:transparent url(images/foxmenu_bg-OVER.gif) no-repeat top right;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;}

#foxmenu ul li.current_page_item a, #foxmenu ul li.current_page_parent a, #blog #foxmenu ul li.page-item-8 a{color:#000;background:#D8D8D8;}



	



/*********************************************



		Content Div



*********************************************/



#content {



	float: left;



	margin: 0px;



	padding: 0px 20px 20px 0px;



	width: 537px;



        min-height:400px;



	display: block;



	border: 0px solid black;



	}



.prop   {



        float:right;



        width:1px;



        }



.min400 {



        height:400px;



        }



.clear-box {



        clear:both;



        height:1px;



        overflow:hidden;



        }







#content img { border: 1px solid #000; background: none; margin: 0px 10px 10px 0px; padding: 0px; }







.post-more { /* Use this class to style the "more" tag */



}



.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */



}







/* Page liens */







#content ul.liens {

	margin-left: 0;

	padding-left: 0;

}



#content ul.liens ul {

  padding-left: 0;

list-style-type: none;

  line-height: 18px; /* height of icon */

  background-repeat: no-repeat;

  background-position: 0 50%;

margin-left: 10px;

}



#content ul.liens ul li {

	background: url(images/window.gif) no-repeat 0 center;

	padding-left: 20px;

}



#content ul.liens ul li a {

	color: rgb(0, 102, 170);

	text-decoration: none;

}



#content ul.liens ul li a:hover {

	text-decoration: underline;

}



/*********************************************



		Home Feature Boxes



*********************************************/







#home_features {



	margin: 0px;



	padding: 0px;



	width: 537px;



	clear: both;



}







.homefeatureleft {



	float: left;



	color: #666;



	width:256px;



	padding: 0px;



	margin: 0px 20px 0px 0px;



}



.homefeatureright {



	float: left;



	color: #666;



	width:256px;



	padding: 0px;



	margin: 0px;



}



.homefeatureright h2, .homefeatureleft h2 { /* This style used as header in the sidebars */



	color: #243A52;



	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;



	text-transform: uppercase;



	margin: 10px 0px 5px 0px;



	padding: 5px 0px;



	font-weight: normal;



	border-top: 1px solid #243A52;



	border-bottom: 2px solid #243A52;



}



.homefeatureleft ul, .homefeatureright ul {



	list-style-type: none;



	padding: 10px 0px 10px 0px;



	margin: 0px;



}



.homefeatureleft ul li, .homefeatureright ul li {



	padding: 0px 0px 5px 0px;



	margin: 0px 0px 0px 15px;



	list-style-type: disc;



}



.homefeatureleft ul li a, .homefeatureright ul li a {



	text-decoration: none;



}



.homefeatureleft ul li ul, .homefeatureright ul li ul {



	padding: 0px 0px 0px 15px;



	list-style-type: none;



}



.homefeatureleft ul li ul li .homefeatureright ul li ul li {



	padding: 0px;



	margin: 6px 0px;



	list-style-type: disc;



}



.homefeatureleft ul li ul li a, .homefeatureright ul li ul li a  {



	text-decoration: none;



}



.homefeatureleft ul li ul li a:hover, .homefeatureright ul li ul li a  {



	text-decoration: underline;



}



.homefeatureleft ul li ul li ul, .homefeatureright ul li ul li a  {



	padding: 0px;



	margin: 0px;



}



.homefeatureleft ul li ul li ul li, .homefeatureright ul li ul li a  {



	padding: 0px;



	margin: 5px 10px 5px 5px;



}







/*********************************************



		Post Meta Styles



*********************************************/



.meta-top, .meta-bottom {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	color: #999;



	text-transform: uppercase;



}



.meta-top a, .meta-bottom a {



	color: #999;



	text-decoration: none;



}



.meta-top a:hover, .meta-bottom a:hover {



	color: #999;



	text-decoration: underline;



}



.meta-top {



	clear: both; /* we need this so floats in the post are cleared */



	padding: 5px 0px;



	margin: 0px 0px;



}



.meta-bottom {



	clear: both; /* we need this so floats in the post are cleared */



	padding: 5px 0px;



	margin: 10px 0px;



	border-top: 1px solid #999;



	text-align: right;



}



.meta-date {



	margin: 0px 5px;



}



.meta-author {



	margin: 0px 5px;



}



.meta-comments {



	margin: 0px 5px;



}



.meta-category {



	margin: 0px 5px;



}







/*********************************************



		Previous/Next Page Navigation



*********************************************/



.page-nav {



	clear: both; /* To clear any floats */



	margin: 10px 0px;



	padding: 10px 0px;



}



.nav-previous {



	width: 249px; 



	float: left; 



	text-align: left;



}



.nav-next {



	width: 249px; 



	float: right; 



	text-align: right;



}



	



/*********************************************



		Left Sidebar



*********************************************/



#l_sidebar {



	display: inline;



	float: left;



	border: 0px solid black;



	width: 180px;



	margin: 0px 0px 15px 0px; padding: 0px 20px;



	display: block; /* floats are handled as block elements, this is to fix 



						a margin collapsing bug in IE */



}



#l_sidebar p, #l_sidebar .textwidget {



	padding: 5px 0px;



}



#l_sidebar img {



	text-align: center;



}



#l_sidebar form {



	padding: 0px;



	margin: 5px 0px;



}



#l_sidebar ul {



	list-style-type: none;



	padding: 0px;



	margin: 0px;



}



#l_sidebar ul li {



	padding: 0px 0px 10px 0px;



}







#l_sidebar ul .pages li {



	list-style-type: square;



	margin-left: 15px;



}







#l_sidebar ul li ul {



	padding: 0px 0px 0px 15px;



	list-style-type: square;



}



#l_sidebar ul li ul li {



	padding: 0px;



	margin: 6px 0px;



}



#l_sidebar ul li ul li a {



	color: #666;



	text-decoration: none;



}



#l_sidebar ul li ul li a:hover {



	color: #666666;



	text-decoration: underline;



}



#l_sidebar ul li ul li ul {



	padding: 0px;



	margin: 0px;



}



#l_sidebar ul li ul li ul li {



	padding: 0px;



	margin: 5px 10px 5px 5px;



}







#l_sidebar ul li ul.contact {



  margin: 0;



  padding: 0;



  list-style: none;



  }



#l_sidebar ul li ul.contact li {



  margin: 2px 0 6px 0;



  padding: 0;



  font-weight: bold;



  line-height: 18px; /* height of icon */



  background-repeat: no-repeat;



  background-position: 0 50%;



  }



#l_sidebar ul li ul.contact a {



  padding-left: 25px; /* width of icon + whitespace */



  }



.mail { background-image: url(images/mail.png); }



.formulaire { background-image: url(images/form.png); }



.venir { background-image: url(images/car.png); }















/*********************************************



		Comment Styles



*********************************************/



#comments {



	padding: 8px;



}



#comments .even {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border-bottom: 1px dotted #B7B7B7;



}



#comments .odd {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border-bottom: 1px dotted #B7B7B7;



}







/*********************************************



		Footer Styles



*********************************************/



#footer {



	clear: both;



	width: 739px;



	margin: 20px auto; padding: 20px;



	clear: both;



	color: #CCC;



	background: #1E1A1B url(images/footer-bg.jpg) repeat-x;



	text-align: left;



	font: 10px "Lucida Grande", Verdana, Arial, Sans-Serif;



}



#footer a {



	color: #CCC;



	text-decoration: none;



}



#footer a:hover {



	color: #CCC;



	text-decoration: underline;



}



#footer .left {



	width: 30%;



	margin: 0px; padding: 0px;



	float: left;



}



#footer .right {



	width: 70%;



	margin: 0px; padding: 0px;



	float: right;



	text-align: right;



	overflow: hidden;



}



#footer .right ul {



	margin: 0px;



	padding: 5px 0px;



	}



#footer .right ul li {



	display: inline;



	list-style-type: none;



	margin: 0px -4px 0px 0px;



	padding: 0px 15px;



	border-left: 1px solid #CCC;



	text-transform: uppercase;



	}



#footer .right ul li.home {



	border: none;



}