@charset "utf-8";

/*On ajoute les deux custom fonts : */
@font-face { font-family: Melbourne;
	src: url('fonts/Melbourne_regular_basic.otf');
}
@font-face { font-family: Ginko;
	src: url('fonts/GINKO.TTF');
}

body {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFF;
	}
	
/*--------------Ajout Style2.css-------------------------*/
ul, ol, dl, h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	font-weight:normal;
}

ul, ol {list-style-type:none;}

.content ul, .content ol {
	padding: 0 15px 15px 40px;
}
a img {	border: none;}

/*Prise en charge de HTML 5 - Définit les nouvelles balises HTML 5 sur display:block afin que les navigateurs sachent comment effectuer un rendu correct des balises. */
header, section, footer, aside, nav, article, figure {
	display: block;
	margin:0;
}

h2 {font-size:28px;
	font-family:Melbourne; /*j'utilise ma custom font Melbourne*/
	padding-bottom:6px;
	background:url(images/bg_titre.jpg) no-repeat bottom left;}
	

#menu_top { 
	height:26px;
	background-color:rgb(107,158,46); /*alternative pour les vieux navigateurs (sans transparence ici)*/
	background-color:rgba(107,158,46,0.6); } /*le fond uni avec transparence comme on aime*/

#menu_top ul {
	width:320px;
	padding-left:700px;
	margin: 0 auto;
	list-style: none;
}

#menu_top ul li {float:left;}

#menu_top ul a, #menu_top ul a:visited {
	padding: 2px 17px 0px;
	display: block;
	font-family:Melbourne;
	font-size:18px;
	color:#fff;
	text-shadow:0 1px 2px #555;
	text-decoration: none;
}
#menu_top ul a.actif, #menu_top ul a:hover, #menu_top ul a:active, #menu_top ul a:focus {
	background:url(images/menu_hover.png) center top no-repeat;
}
#menu_top ul a#deco {color:#d2ff7a;}

/*------------------------------------------*/
/*------------------ACTUS-------------------*/

#actu {
	padding:24px;
    color: #414141;
	background:url(images/bg_admin.png) left center repeat-y;}

#date1{
	text-align:center;
	width:80px;
}
	
#header_liste_actu {margin-top:25px;}

textarea {
	width:947px;
	height:128px;}

.modif {
	width:196px;
	height:16px;
	padding:2px;
	margin-top:2px;
	background:#fff;}
.modif p{ display:inline; font-size:13px;}
.modif a{text-decoration:none;}
.modif a:hover{text-decoration:underline;}

.modif .voir a{
	color:#517317;
	padding-left:5px;
	margin-right:20px;
}
.modif .supp a{
	font-weight:bold;
	color:#c01200;
}

/*------------------------------------------*/
/*----------------CONNEXION-----------------*/

#connexion { 
	width:248px;
	height:200px;
	margin:auto;
	padding:15px;
	padding-top:20px;
	background:url(images/bg_connexion.png) left top no-repeat;}

#connexion input[type=submit] {margin-left:65px;}

.bad_login{color:#FF0000;}

a#pwd_oubli {  
	padding-left:12px;
	display:block;
	margin-top:-2px;
	margin-bottom:15px;
	font-size:11px; 
	color:#517317; 
	text-decoration:none;
	background:url(images/puce_header_more.png) left center no-repeat}
a#pwd_oubli:hover { text-decoration:underline;}


/*--------------------NEWS-----------------------*/
/*-----------------------------------------------*/

aside#news {
	/*On définit bêtement les propriétés de placement et de dimensions au bloc...*/
	width:530px;
	height:325px;
	padding:35px 15px 40px 15px;
	margin-top:40px;
	/*Puis on le fait flotter à gauche pour qu'après les 2 blocs suivants se placent à côté (et non en-dessous)*/
	float:left;
	background:url(../images/bg_news.jpg) no-repeat top left;
	background-color: #EEEFEF;}

#news article { position:relative; padding-left:50px;} /*Chaque article reçoit une position:relative afin de placer les éléments qu'il contient à partir de son origine. C'est utile pour le footer de l'article (voir plus bas)*/
	
#news h2 { visibility:hidden;} /*On cache le <h2> mais on laisse l'espace qu'il occupait pour pousser le contenu vers le bas. Le titre est intégré dans le background en image.*/

#news h3 a{ 
	font-size:15px;
	font-weight:bold;
	color:#270f0a;
	text-decoration:none;}
#news p{ font-size:13px; color:#270f0a}
#news p.lire_suite a{ 
	font-size:13px;
	font-style:italic;
	color:#830f00;
	text-decoration:none;}
/* #news p.lire_suite a:hover{ text-decoration:underline;} */
#news footer { 
	/*On positionne ce bloc en absolu par rapport à l'article conteneur (grâce à notre précédent position:relative sur <article>)*/
    position: absolute;
	/*Ainsi il se place tout en haut à gauche de l'article.*/
    left: 0px;
	top:0px;
    width: 38px;
	height:61px;
	padding:19px 0 0 13px;
	background:url(../images/bg_date.png) no-repeat top left;
}
#news footer time { font-size:15px; color:#5c1100; font-family:Ginko;}
#news footer time span { font-family:Arial, Helvetica, Verdana, sans-serif;}
.contenu_article {margin-bottom:23px;}
.contenu_article p {margin:7px 0 0px;}

/*------------------------Pied de page-------------------------*/
/*-------------------------------------------------------------*/

#footer_site {
	padding: 15px 0;
	height:65px;
	position: relative;/* donne hasLayout à IE6 de façon à permettre un effacement correct */
	background:url(images/bg_footer.png) no-repeat center top;
}

#footer_site aside {float:left; padding-left:56px;}
#footer_site aside p+p {margin:-1px 0 0 7px;}
#footer_site p { margin: 3px 0; float:left; color:#45444; font-size:13px;}
#footer_site p#copyright { float:right; color:#6e6e6e; font-size:12px;}
#footer_site p#copyright a { color:#556d2f;}
/*--------------FIN Ajout Style2.css-------------------------*/

#mail
a.mail {
	color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	font-family: Calibri;
	font-size: 12px;
}
a.mail:link {
	color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	font-family: Calibri;
	font-size: 12px;
}
a.mail:visited {
	color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	font-family: Calibri;
	font-size: 12px;
}
a.mail:hover {
    color: #993366;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-family: Calibri;
	font-size: 13px;
}
a.mail:active {
    color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	font-family: Calibri;
	font-size: 13px;
}

	
#menu
a.menu {
	color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: Calibri;
	font-size: 15px;
}
a.menu:link {
	color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: Calibri;
	font-size: 15px;
}
a.menu:visited {
	color: #993366;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: Calibri;
	font-size: 15px;
}
a.menu:hover {
    color: #993366;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-family: Calibri;
	font-size: 16px;
}
a.menu:active {
    color: #993366;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-family: Calibri;
	font-size: 16px;
}

div#Style1{
	font-family: "Calibri";
	font-size: 28px;
	font-weight: bold;
	color: #993366;
}
div#Style2{
	color: #000000;
	font-family: "Calibri";
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}
div#Style3{
	font-family: "Calibri";
	font-style: normal;
	font-weight: bold;
	}
div#Style4{
	color: #666666;
	font-family: "Calibri";
	font-style: normal;
	font-weight: bold;
	}

.CLTable {  
    Background-Color: #DBEAF5;
    Border-Color: #A0C6E5;
    Font-Size: 11px;
}
.CLHeadingBold {
    Font-Family: Tahoma, Arial, Verdana;
    Font-Size: 11px;
    Text-Align: center;
    Font-Weight: bold;
}
.CLheading {  
    Font-Family: Tahoma, Arial, Verdana;
    Font-Size: 11px;
    Text-Align: center;
    Color: #000000;
}
A.CLLink {
    Font-Family: Tahoma, Arial, Verdana;
    Font-Size: 9px;
    Text-Align: center;
    Color: #000000;
    Text-Decoration: none;
}
A.CLLink:Hover {
    Font-Family: Tahoma, Arial, Verdana;
    Font-Size: 9px;
    Text-Align: center;
    Color: #000000;
    Text-Decoration: underline;
}
.CLdate {  
    Font-Family: Tahoma, Arial, Verdana;
    Font-Size: 11px;
    Text-Align: Left;
    Font-Weight: bold;
    text-decoration: none;
}
.CLtime {  
    Font-Family: Tahoma, Arial, Verdana;
    Font-Size: 11px;
    Text-Align: Right;
    Font-Weight: normal;
    Margin-Bottom: 0px;
}
.CLhr {
	color: #666666;
	height: 1px;
	width: 50%;
}
.CLHolName {
	font-weight:normal;
}