/* Page */
html,body {	margin:0px;	padding:0px; width:100%; height:100%;}
body {
	position:relative;
	background-repeat:repeat-x;
	font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
	background-color:#D7F460;
}
#wrapper{ background-color:#FFF;}
li, h1, input, textarea, button {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* Balise HTML5 (inline habituellement)*/
header, footer, section, aside, nav, article {
	display:block;
}

p{ font-size:12px; position:relative;}

header h1 { 
	width:900px;
	margin:auto;
	padding-bottom:40px;
	padding-left:190px;
	display: block;
} 
h1 { 
	font-size: 50px; 
	text-align: left;
	color: #FFF;
} 
h1 span { color:#444; }
a{ text-decoration:none; color:#FFF;}
.article a{ color:#000;}
/* ----------------------------- */
/*  =     Blocs                  */
/* ----------------------------- */

header {
	min-width:900px;
	background:url("../images/banniere_AC.png");
	background-position:center;
	height:150px;
}

/* Menu de navigation behavior: url(/PIE.php);*/
nav {
	position:relative;
	padding:0px 0px 10px 0px;
	top:-140px;
	color:#000;
}

nav ul { width:900px; margin:auto; padding:0px; padding-right:160px;	text-align:right;}
nav ul li { 
	position: relative;
	float:right;
	list-style:none;
	margin-left:10px; padding:5px 10px 5px 10px;
	font-weight:bold;
	background:url("../images/opacity/n10.png");
	background:rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 10px 10px 10px 0px; 
	border-radius: 10px 10px 10px 0px;	
	behavior: url(/PIE.htc);
}
/*nav ul li { display:inline; list-style:none; font-size:16px; font-weight:bold; }*/
nav ul li:hover { 
	background:url("../images/opacity/n25.png");
	background:rgba(0, 0, 0, 0.3);
	border-radius: 10px 0px 10px 10px;
	-moz-border-radius: 10px 0px 10px 10px;
	-webkit-border-radius: 10px 0px 10px 10px; 	
}

/* Contenu principal */
#main_content{
	clear:both;
	margin:10px auto 10px auto;
	width:900px;
	min-height:400px;
	overflow:hidden;
}
#main_content a{ color: #000; font-weight: bold;}
/* Bas de page */
footer {
	min-width:900px;
	position:relative;
	padding:5px;

	background: #D7F460; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9DBF0D) to(#D7F460)); /*old webkit*/
    background: -webkit-linear-gradient(#9DBF0D, #D7F460); /*new webkit*/
    background: -moz-linear-gradient(#9DBF0D, #D7F460); /*gecko*/
    background: -ms-linear-gradient(#9DBF0D, #D7F460); /*IE10*/
    background: -o-linear-gradient(#9DBF0D, #D7F460); /*opera 11.10+*/
    background: linear-gradient(#9DBF0D, #D7F460); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#9DBF0D, #D7F460); /*PIE*/
	
	behavior: url(/PIE.htc);
}
footer section { width:900px; margin:auto;	}
footer section p {
	text-align:center;
	font-size:14px;
	color:#FFF;
}
footer section ul{ overflow:hidden; text-align:center;}
footer section li{
	position:relative;
	display:inline-block;
	*display:inline; /* Hack IE7 */
	list-style:none; 
	margin:5px;	
	padding:10px;
	
	border-radius: 10px 20px 10px 0px;
	-moz-border-radius: 10px 20px 10px 0px;
	-webkit-border-radius: 10px 20px 10px 0px;
	
	background:url("../images/opacity/b25.png");
	background: rgba(255, 255, 255, 0.3); /* Firefox */
	
	behavior: url(/PIE.htc);
}
footer section li:hover { 
	background:url("../images/opacity/b50.png");
	background:rgba(255, 255, 255, 0.6);
	border-radius: 10px 0px 10px 20px;
	-moz-border-radius: 10px 0px 10px 20px;
	-webkit-border-radius: 10px 0px 10px 20px;
}
footer section a{ color:#4B5B0B;}

/********************************/
/* Gestion du style du contenu  */
/*section.articles{ 
	/*float:right;
	width:630px;
	-moz-column-width: 250px;
	-webkit-column-width: 300px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
}
div.article{width:280px; height:380px;}*/

h2.box{ 
	position:relative;
	margin:0px;
	padding: 10px;
	color:#333;
	font-variant:small-caps;
	
	background: #FFF; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9DBF0D) to(#D7F460)); /*old webkit*/
    background: -webkit-linear-gradient(#EFEFEF, rgba(255, 255, 255, 0.9)); /*new webkit*/
    background: -moz-linear-gradient(#EFEFEF, rgba(255, 255, 255, 0.9)); /*gecko*/
    background: -ms-linear-gradient(#EFEFEF, rgba(255, 255, 255, 0.9)); /*IE10*/
    background: -o-linear-gradient(#EFEFEF, rgba(255, 255, 255, 0.9)); /*opera 11.10+*/
    background: linear-gradient(#EFEFEF, rgba(255, 255, 255, 0.9)); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#EFEFEF, #FFFFFF); /*PIE*/
	
	-moz-border-radius: 20px 20px 0px 0px;	
	-webkit-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;	
	
	border: solid thin #CCC;
	border-bottom: none;
	
	behavior: url(/PIE.htc);
}
div.box{ 
	overflow:hidden;
	padding: 10px;
	margin-bottom:20px;
	background: rgba(255, 255, 255, 0.9); 
	border: solid thin #CCC;
	border-top: none;
	border-radius: 0px 0px 20px 0px;	
	-moz-border-radius: 0px 0px 20px 0px;	
	-webkit-border-radius: 0px 0px 20px 0px;	
}


section.contact .field { position:relative; margin-bottom:5px;}
section.contact .col2 input { position:absolute; left:100px; width:200px;}

section.contact textarea{ width:565px; height:175px;}
section.contact .col1{ float:right;}
section.contact .col2{ float:left;}

section.articles {
	/* Standard en cours de validation *//*
	column-count: 3; 		
	column-gap: 20px; 
	column-rule:1px dotted #bbb; */	
	-moz-column-count: 3; 		/* GECKO */ 
	-moz-column-gap: 20px; 	
	-o-column-count: 3; 		/* OPERA */ 
	-o-column-gap: 20px; 		
	-ms-column-count: 3; 		/* IE*/ 
	-ms-column-gap: 20px; 
	-webkit-column-count: 3; 	/* WEBKIT */ 
	-webkit-column-gap: 20px; 
	-khtml-column-count: 3; 	/* KDE */   
	-khtml-column-gap: 20px; 
}
div.article div.box div.more{ text-align:right;}
div.article div.box div.date{ text-align:right;}
div.article{display: inline-block;}
/**********************************/
/*  Mise en forme de jcommunity   */

.jcommunity-box{
	position:relative;
	float:right;
	width:650px;
	background: -moz-linear-gradient(#CCC, rgba(255, 255, 255, 0.9)); /* Firefox */
	background: -webkit-linear-gradient(#CCC, rgba(255, 255, 255, 0.9)); /* Firefox */
	border-radius: 20px;	
	-moz-border-radius: 20px;	
	-webkit-border-radius: 20px;	

}


.jcommunity-login{ float:left; width:200px; }
.jcommunity-login input { position:absolute; left:90px; width:100px;}
.jcommunity-login label{ font-size:12px;}

.jcommunity-account, .jcommunity-account-password{ float:right; width:650px;}
.jcommunity-box  h1{ text-align:center; font-size:20px; color:#333;}
.jforms-captcha-question{ position:absolute; top:20px; left:0px;}

.loginbox-links a{ color:#BDD820; font-size:12px;}
/* Mise en forme des jForm */
.jforms-label{ font-size:14px;}
.jforms-error-list{ border:none;}
.error{ display:none;}

input.jforms-error, textarea.jforms-error, select.jforms-error{ background-color:#FFF; border: solid thin #C00;}

button:hover,input:hover{ background-color:#BFDD59;}

input, button, textarea{	
	border-radius: 5px;	
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px; 
	border: solid thin #CCC;	
	-moz-box-shadow: 0px 0px 2px #FFF; 
}

/*Mise en forme du wall*/
.wall{ overflow:hidden; background-color:#CCC;}
.wall div.img{ float:left; background-color:#FFF; padding:3px; margin:3px; width:100px; height:100px; overflow:hidden;}
.wall div.img2{ float:left; background-color:#FFF; padding:3px; margin:3px; width:200px; height:200px; overflow:hidden;}
.wall img{vertical-align: middle;}