html {
}


body {
	font-family: Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	
}
#conteneur{
	height: auto;
	width: 1059px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	font-size: 13px;
}

#entete{
	background-image: url(../img/entete.jpg);
	padding-top: 0px;
	padding-bottom: 50px;
	padding-left: 1px;
}

#actualite{
	float: left;
	width: 700px;
	margin-left: 30px;
}

a{
	color: #C23430;
	text-decoration: none;
}

h1{
	margin: 0px;
	padding: 0px;
	color: #161415;
}

.ariane{
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.on {
  font-weight: bold;
}
#ribbon {
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:0;
}

#q{	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #eee url("../images/search.gif") no-repeat 0px center;
	padding-left: 18px;
	width: 89px;}
#q:focus {background: #fff url("../images/search.gif") no-repeat 0px center;}

#scroll-top {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: Verdana;
	font-size: 2em;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	position:relative;
	width: 48px;
	height: 48px;
	bottom:30px;
	right:20px;
	opacity:0.85;
	transition:opacity 0.25s ease 0s;
}
  
#scroll-top:hover{
    opacity: 1;
    color: #FFFFFF;
}

#back-top {
	position: fixed;
	bottom:30px; 
    right:20px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-image: url(../img/top.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	
}
#back-top a:hover span {
	
}

/* Logos, documents et images */
.spip_logos { float: left; margin: 0 10px 10px 0; padding: 0; border: none; }

.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }

/* Formulaires */
.formulaire_spip {}
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {}
@media print {
	.formulaire_spip { display: none; }
}
input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }

legend { font-weight: bold; }

/* Hand cursor on clickable input elements */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; margin-top:5px }

textarea { overflow: auto;  } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }

button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */