@charset "utf-8";
/* CSS Document */
/* HTML & CSS2 by Céline Vignal

    !!!!                
  !!!!!!!!                                                   
!!!!!!!!!!!   O_O       
!!!  !!!!!!! /@ @\                    
      !!!!!! \ x /                                           
      !!!!!!/ m  !m    
       !!!!/ __  |                      
       !!!!|/  \__                                           
        !!!\______\
*/



/* ------------------------------------ */
/* ----------------CSS----------------- */
/* --------------INTERNE--------------- */
/* --------------DU SITE--------------- */
/* ------------------------------------ */
/* ------------------------------------ */


/* ------------------------------------ */
/* -------------CONTENT---------------- */
/* ------------------------------------ */
#content {
	float:left;
	padding-top:13px;
	margin-left:15px;
	/*position:relative;*/
	width:700px;
}
#content a {
	color:#006fb8;
	font-size:12px;
}
#content a:hover{
	color:#ff1100;
}
#content a:active{
	color:#ff1100;
}

#content a:visited {
	color:#6655BB;
}
#content a:visited:hover {
	color:#ff1100;
}
/* ------------------------------------ */
/* ----------CONTENT LEFT-------------- */
/* ------------------------------------ */
#content-left {
	float:left;
	width:495px;
}
#content-simple {
	padding-bottom:20px;
}
.maincontent {
	margin-bottom:20px;
}
.maincontent p {
	text-align:left;
}
/* ------------------------------------ */
/* ----------CONTENT RIGHT------------- */
/* ------------------------------------ */
#content-right {
	float:left;
	width:170px;
	margin-left:19px;
	color:#6a747c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
}
#content-right img{
	padding-top:10px;
}
#content-right p{
	padding-top:10px;
	padding-bottom:5px;
}
/* ------------------------------------ */
/* ----------CONTENT EVENT------------- */
/* ------------------------------------ */
#content-event {
	/*padding-right:12px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*width:680px;*/
}
#content-event h4 {
	color:#000000;
	font-size:12px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#rss {
	margin-bottom:8px;
	margin-right:-5px;
	margin-top:10px;
	clear:both;
	padding-left:201px;
}
.pagination {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:8px;
}
.page {
	color:#ff1100;
}
.pagination a{
	color:#000000;
}
.pagination a:hover, .pagination a:active {
	color:#ff1100;
}
.events {
	border-top:#c2c3c3 1px solid;
	margin-top:10px;
	margin-right:5px;
	clear:both;
}
.eventshome {
	border-top:#c2c3c3 1px solid;
	margin-top:10px;
	margin-right:5px;
	clear:both;
}
.events h4 {
	color:#006FB8;
	font-size:12px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div .titre {
	color:#006FB8;
	padding-top:3px;
	clear:both;
}
div .texte {
	/* float:left; */
	padding-top:3px;
	text-align:left;
	margin-bottom:15px;
	padding-left:0px;
}
#news-left .texte {
	padding-top:3px;
	text-align:left;
	margin-bottom:15px;
	padding-left:0px;
}
#news-right .texte {
	padding-top:3px;
	text-align:left;
	margin-bottom:15px;
	padding-left:0px;
}
/* ------------CALENDAR----------------- */
#top_calendrier {
	float:left;
}
#right-calendar {
	float:left;
}
#image {
	float:left;
	padding-top:2px;
}
#calendar {
	border:1px solid #6A747C;
	height:167px;
	margin-left:8px;
	margin-top:5px;
	padding:10px;
	width:189px;
}
#calendar a.hover {
	color:#666666;	
}
#calendar a {
	color:#006fb8;
	font-size:12px;
}
#calendar a:hover{
	color:#666666;
}
#calendar a:active{
	color:#666666;
}

#calendar a:visited {
	color:#666666;
}
#calendar a:visited:hover {
	color:#666666;
}
.calendar table a {
	font-size:12px;
}
.calendar td {
	width:20px;
	border:#fff 1px solid;
	text-align:center;
}
.calendar tr {
	height:23px;
}
.hasentry {
	background-color:#FF0000;
}
#content .hasentry a {
	color:#fff;
	font-weight:bold;
}
.day {
	background-color:#dee2e3;
}
#content .day a {
	color:#666666;
	font-weight:bold;
}
#content .currentday {
	background-color:#dee2e3;
	color:#FF0000;
	font-weight:bold;
}
#content .currentday a {
	color:#FF0000;
	font-weight:bold;
}
#content .calendarheader a {
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
/* ----------TOOLS EVENTS-------------- */
#searchevent {
	margin-left:8px;
	margin-top:15px;
}
#searchevent select {
	text-transform:uppercase;
	color:#ff1100;
	font-size:12px;
	width:210px;
}
/* -----------BLOC RIGHT---------------- */
.layout1, .layout3 {
	border:#c2c3c3 1px solid;
	margin-bottom:15px;
	padding:8px;

}
#content-right h3 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#6a747c;
	font-weight:bold;
}
.layout0, .layout2 {
	margin-bottom:15px;	
}
#maintcontent p {
	margin-bottom:10px;
}
/* ------------------------------------ */
/* -----------QUICK ACCESS-------------- */
/* ------------------------------------ */
#quickaccess {
	margin-top:5px;
	width:700px;
}
#quickaccess img{
	float:left;
	padding-right:10px;
	padding-top:3px;
}
.blocaccess {
		border:#6a747c 1px solid;
		width:195px;
		float:left;
		margin-right:16px;
		padding:10px;
		margin-bottom:15px;
		height:265px;
}
#quickaccess h4 {
	padding-bottom:5px;
}
p.links {
	margin-top:10px;
	clear:left;
}
#quickaccess a {
	padding-bottom:4px;
}
#quickaccess a:active, #quickaccess a:hover {
}

#quickaccess ul {
	
}
#quickaccess li {
	margin-left: 0px;
}
/* ------------------------------------ */
/* ------------FORMULAIRE--------------- */
/* ------------------------------------ */
#content-right-form {
	float:left;
	width:170px;
	margin-left:39px;
	color:#6a747c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:15px;
}

#liensutiles {
	color:#6a747c;
	border:#c2c3c3 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:25px;
	text-align:left;
	width:152px;
	float:left;
}
#imgform {
	border:#c2c3c3 1px solid;
	margin-bottom:25px;
	text-align:left;
	width:152px;
	float:left;
	padding-bottom:10px;
	padding-left:12px;
	padding-right:8px;
	padding-top:10px;
}
#liensutiles h4 {
	color:#6a747c;
	padding-bottom:10px;
}
#infoscontact {
	float:left;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.block {
	display:block;
	padding-bottom:5px;
	color:#6a747c;
}
p.nomecole {
	text-transform:uppercase;
	letter-spacing:1px;
	padding-top:15px;
}
#entetecontact {
	float:left;
}
#detailscontact {
	float:left;
	margin-left:70px;
	padding-top:40px;
}
#formulaire {
	clear:both;
	margin-top:25px;
	background-color:#f7f8f8;
	border:#6a747c 1px solid;
	padding:15px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.width145 {
	width:145px;
}
#formulaire .radiop {
	padding-right:20px;
}
#formulaire .inputtextformcontact {
	font-size:10px;
	color:#000000;
	width:300px;
}
#formulaire select {
	text-transform:uppercase;
	font-size:10px;
	width:189px;
}
#formulaire textarea {
	font-size:10px;
	width:300px;
}
.telephone {
	float:left;
	width:75px;
}
.donnees {
	float:left;
}
/* ------------------------------------ */
/* ------------ACCROCHE---------------- */
/* ------------------------------------ */
#accroche {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:20px;
}
*+html #accroche {
	margin-top:15px;
}

/* ------------------------------------ */
/* ---------------NEWS----------------- */
/* ------------------------------------ */
#news {
	margin-top:50px;
}
#news h3 {
	font-weight:normal;
	padding-bottom:5px;
}
#news h4 {
	padding-bottom:0px;
	/*float:left;*/
	/*width:85%;*/
}
#news p {
	padding-bottom:10px;
	font-size:12px;
	color:#000000;
}

#news-block {
	background-image:url(../img/separateur.gif);
	background-repeat:repeat-y;
	background-position: 340px;
	width:700px;
	min-height:300px;
	display:block;
}

* html #news-block {
	height:auto !important;
	height:300px;
}

#news-left {
	float:left;
	width:320px;
	color:#6a747c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:20px;
}
#news-right {
	float:left;
	width:320px;
	padding-left:20px;
	color:#6a747c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.alignright {	
	float:left;
	width:15%;
	text-align:right;
}
#news-rss {
	clear:both;
	padding-left:201px;
	padding-bottom: 5px;
	float: right;
}
#news-selection {
	float: right;
	}
/* ------------------------------------ */
/* --------------SIMPLE---------------- */
/* ------------------------------------ */
#content-simple {
	width:685px;
}
#imgformation {
	border:#6a747c 1px solid;
	padding:10px;
	margin-bottom:15px;
}
table.files  {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}
.files td {
	border-top:#c2c3c3 1px solid;
	padding-bottom:5px;
	padding-top:8px;
}
.td_min {
	width:80px;
	padding-right:10px;
}
.alignright {
	text-align:right;
}
.width150 {
	width:150px;
}
/* ------------------------------------ */
/* ------------RECHERCHE--------------- */
/* ------------------------------------ */
#resultat {
	margin-top:25px;
}
#resultat h5 {
	color:#FF1100;
	font-size:12px;
	font-weight:normal;
	padding-bottom:5px;
}
#resultat table {
	border-top:#c2c3c3 1px solid;
	border-bottom:#c2c3c3 1px solid;
	margin-top:8px;
	width:100%;
}
#resultat td {
	vertical-align:top;
}

#resultat .numbersearch {
	width:25px;
	padding-top:10px;
}
#resultat .titreresultat {
	color:#ff1100;
	font-weight:bold;
	font-size:12px;
}
#motclef .titre {
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#searchmotclef {
	font-size:10px;
	color:#000000;
	width:252px;
	margin-left:25px;
}
.searchsubmit {
	border:#000 1px solid;
	background-color:#FFFFFF;
	color:#ff1100;
	text-transform:uppercase;
	font-size:11px;
}
/* ------------------------------------ */
/* --------------PEOPLE---------------- */
/* ------------------------------------ */
.content-people {
	border:#c2c3c3 1px solid;
	margin:0px;
	margin-bottom:10px;
	padding:10px;
	background-image:none;
}

li.content-people div ul {
	margin:0px;
}

.content-people h3 {
	font-size:12px;
}
.content-people .float_left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.content_people p {
	padding-top:15px;
	padding-right:15px;
}
#search_people {
	border:#c2c3c3 1px solid;
	float:left;
	width:315px;
	margin-right:8px;
	height:175px;
	padding:10px;
}
#img_people {
	border:#c2c3c3 1px solid;
	float:left;
	padding:10px;
}

#liste_doc_people {
	clear:both;
}
#content-people table {
	width:98%;
	border-collapse:collapse;
	margin-bottom:20px;
}
#texte-rubrique {
	padding-right:15px;
}
#searchpeopleform select {
	color:#000;
	display:block;
	font-size:10px;
	width:315px;
	margin-top:20px;
}
#searchpeopleform .right {
	margin-left:215px;
}

/* ------------------------------------ */
/* --------------GALLERY--------------- */
/* ------------------------------------ */

.gallery {
	/*height:140px;*/
	float: left;
	padding:10px;
	padding-top: 10px;
	padding-bottom:5px;
}
.gallery .title {
	
	width: 100%;
	height: 15px;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
}

.auteur{
	
}
.title{
    width: 70px;
}
.description{
	float: right; 
        
}


/* ------------------------------------ */
/* -------------NAVTOP----------------- */
/* ------------------------------------ */
#navtop {
	display:table;
}
#navtop table {
	width:689px;
	padding:0px;
	margin-left:-2px;
	/*letter-spacing:1px;*/
	text-transform:uppercase;
}

#navtop span {
	white-space:nowrap;
}

#navtop a {
	margin:0px;
	padding:0px;
}
#navtop a:hover, #navtop a:active {
	color:#ff1100;
	font-size:12px;
	width:auto;
}
#navtop a:visited {
	color: #006FB8;
}
/* --------------PATH------------------ */
#path {
	padding-top:65px;
	float:left;
	padding-bottom:25px;
	padding-left:3px;
	width:480px;
}
*+html #path {
	padding-bottom:33px;
}
#path a{
	color:#c2c3c3;
}
#path a:hover, #path a:active{
	color:#ff1100;
}
#path label {
	color:#c2c3c3;
}
/* -------------TOOLS----------------- */
#toolssearch {
	float:right;
	width:170px;
	padding-right:15px;
}
#search {
	font-size:10px;
	color:#000000;
	width:147px;
	margin-bottom:6px;
}
#searchgo {
	margin-bottom:6px;
}
#toolssearch select {
	color:#ff1100;
	font-size:10px;
	width:169px;
}
#printmail {	
	padding-right:16px;
	margin-top:-25px;
	text-align:right;
	clear:both;
}
#inputtext {
	float:left;
}
#imgsearch {
	float:left;
	padding-top:4px;
	padding-left:2px;
}
/* -------------LANGUE----------------- */
#langue {
	text-align:right;
	padding-top:5px;
	padding-right:15px;
	padding-bottom:10px;
	text-transform:uppercase;
}
#langue a{
}
#langue a:hover, #langue a:active {
	color:#ff1100;
}

.login {
	background-color: #FF0000;
	text-transform:uppercase;
	text-align: center;
	color: #000000;
	border:1px solid gray; 
	cursor: default;
	margin: auto;
	width: 50px;
}

#content .login a {
	color:#000000;
	font-size:12px;
}
#content .login a:hover{
	color:#000000;
}
#content .login a:active{
	color:#000000;
}

#content .login a:visited {
	color:#000000;
}
#content .login a:visited:hover {
	color:#000000;
}