/* ----------original design: inland v1.1 - may 21th, 2012) - a free xhtml/css website template by andreas viklund.for more information, see http://andreasviklund.com/templates/inland/includes:jquery v1.7.1 from http://jquery.org/nivo slider v2.7.1 by gilbert pellegrom - http://nivo.dev7studios.com
/* ----------*/

@import url("http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Droid+Sans");

* {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* ---------- HTML elements ---------- */
body {
	background-color: #f2f2f2;
	color: #666;
	font-family: 'Droid Sans', Tahoma, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.6em;
}
a {
	color: #a54569;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a img {
	border: none;
}
h1, h2, h3, h4 {
	clear: left;
	color: #5c5a5a;
	font-weight: 400;
	margin: 0.7em 0;
	font-family: 'Yanone Kaffeesatz';
}
h1 {
	font-size: 2.6em;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 1.9em;
}
p, ul {
	margin: 0 0 20px 0;
}
i, em {
	font-style: italic;
}
b, strong {
	font-weight: 700;
}
/* ---------- Main wrappers ---------- */
#wrapper1240 {
	background-color: #fff;
	margin: 20px auto;
	width: 1240px;
}
#wrapper960 {
	background-color: #fff;
	margin: 35px auto;
	width: 960px;
}
#wrapper760 {
	background-color: #fff;
	margin: 20px auto;
	width: 760px;
}
#wrapper600 {
	background-color: #fff;
	margin: 0 auto;
	width: 600px;
}
#wrapperfluid {
	background-color: #fff;
	margin: 0 auto;
	max-width: 1260px;
}
/* ---------- Layout IDs ---------- */
#header {
	position: relative;
}
#sitetitle {
	float: left;
	margin: 30px 0 10px 30px;
}
#sitetitle h1 {
	font-size: 40px;
	color: #777;
	margin: 0;
	padding: 0;
}
#header-image {
	height: 300px;
	margin: 0;
	padding: 0;
}
#content {
	padding: 15px 30px;
	background-color: #fafafa;
}
#extended {
	padding: 15px 30px;
	background-color: #fff;
}
#extended a {
	text-decoration: underline;
}
/* ---------- Top links menu ---------- */
#toplinks {
	background-color: #fafafa;
	padding: 0 30px;
}
#toplinks ul {
	list-style: none;
	margin: 0;
	text-align: right;
}
#toplinks ul li {
	display: inline-block;
	font-size: 11px;
	margin: 15px 0 12px 15px;
}
#toplinks ul li a {
	color: #797777;
}
#toplinks ul li a:hover {
	color: #2c2b2b;
	text-decoration: none;
}



/* ---------- Main navigation menu ---------- */
#nav {
	float: right;
	font-family: 'Droid Sans', Verdana, Tahoma, sans-serif;
	text-align: center;
}
#nav ul {
	list-style: none;
	margin: 30px 30px 26px 20px;
}
#nav ul li {
	background: none!important;
	display: inline-block;
	text-align: right;
	height: auto;
	line-height: 25px;
	margin-bottom: 0;
	margin-left: 25px;
	position: relative;
}
#nav ul li a {
	color: #797777;
	display: block;
	font-size: 12px;
	padding-top: 0;
	text-transform: uppercase;
}
#nav ul li a:hover {
	color: #111;
}
#nav ul li a.current {
	color: #000;
}



/* ---------- Columns ---------- */
#sidebar {
	width: 33.3%;
}
#main {
	width: 66.6%;
}
#trio1 {
	float: left;
	width: 33.3%;
}
#trio2 {
	float: left;
	width: 33.3%;
}
#trio3 {
	float: right;
	width: 33.3%;
}
.inner {
	margin: 5px 30px;
}
#trio1 .inner {
	margin-left: 0;
}
#trio2 .inner {
	margin: 0;
}
#trio3 .inner {
	margin-right: 0;
}
.left .inner {
	margin-left: 0;
}
.right .inner {
	margin-right: 0;
}

.rss {
	background-image: url(../img/rss.png);
	background-repeat: no-repeat;
	line-height: 1.25;
	margin: 10px 0;
	padding-left: 20px;
}

/* ---------- Comment ---------- */

#comments {
	margin-bottom: 50px;
	width: 100%;
}

.info_comment {
	color: #777;
	font-size: 0.9em;
	font-style : italic;
}

.comment {
	background-image: url(../img/user.png);
	background-repeat: no-repeat;
	margin-bottom: 30px;
	padding-left: 60px;
}

.com-alert {
	color: #db2020;
	font-weight: bold;
}

/* ---------- Form ---------- */

#form h2 {
	margin: 0;
	width : 80%;
}

label {
	display:block;
}

input,
select,
textarea {
	border: 1px solid #bbb;
	color: #555;
	width: auto;
}

fieldset {
	width: 80%;
}

button,
input[type=submit],
input[type=reset] {
	background-color: #0082b0;
	border: 1px solid #0082b0;
	color: #eee;
}

button:hover,
input[type=submit]:hover,
input[type=reset]:hover {
	background-color: #444;
	border: 1px solid #444;
}

.capcha-letter,
.capcha-word {
	font-weight: bold;
}

/* ---------- Footer ---------- */
#footer {
	clear: both;
	background-color: #fafafa;
}
#footer p {
	color: #777;
	font-size: 12px;
	margin: 0;
	padding: 15px 30px;
	text-align: center;
}
#footer a {
	color: #777;
}
#footer a:hover {
	color: #333;
}
/* ---------- Image alignment ---------- */
img.alignleft, img.aligncenter, img.alignright {
	background: #fff;
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	clear: both;
	margin: 5px auto;
}
/* ---------- Additional classes ---------- */
.shadow {
	background: url(images/shadow.png) top center no-repeat;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* ---------- Clearing fix ---------- */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
*:first-child+html .clearfix {
	min-height: 1%;
}
/* ---------- Alternate color scheme, add class="altcolors" to the body tag to apply ---------- */
.altcolors {
	background-color: #e6e8e8;
}
.altcolors #wrapper600, .altcolors #wrapper760, .altcolors #wrapper960, .altcolors #wrapper1240, .altcolors #wrapperfluid {
	box-shadow: 0px 0px 28px #888;
}
.altcolors #toplinks, .altcolors #footer {
	background-color: #eaecec;
}
.altcolors #content {
	background-color: #f2f4f4;
}

/* ---------- Responsive Media Queries ---------- */

/* propriétés pour mobile */
@media screen and (max-width: 625px)
{
#wrapper960 {width: 100%;}
#main {float:none;}
#sidebar {display: none;}
#footer {width: 100%;}
article {line-height:1;}
h2 {line-height:1;}
#form {width: 100%;}
form {width: 100%;}

}

/* propriétés pour tablette */
@media screen and (max-width: 976px)
{
#wrapper960 {width: 100%;}
#footer {width: 100%;}
article {line-height:1;}
}