/* importer la navigation
----------------------------------------------- */

@import 'nav.css';

/* mise en page
----------------------------------------------- */

body
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #000;
	background: #1e292d url(imgs/bg.gif) repeat-x;
	margin: 0; padding: 15px 0 0 0;
}
div#container
{
	width: 964px;
	margin: 0 auto;
	background: #fff;
	overflow: auto;
}
h1#banner
{
	width: 954px;
	height: 182px;
	text-indent: -9999px;
	background: url(imgs/banniere.jpg) no-repeat;
	margin: 0 auto;
	clear: both;
}
div#content
{
	width: 954px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	clear: both;
}
	div#left
	{
		width: 202px;
		float: left;
	}
	div#center
	{
		width: 540px;
		float: left;
		margin: 0 0 0 5px;
	}
	div#right
	{
		width: 202px;
		float: right;
	}
.side_header
{
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	width: 192px;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 10px;
	background: url(imgs/side_header_bg.gif) no-repeat;
}
.side_content_menu
{
	width: 200px;
	border-left: 1px solid #769dae;
	border-right: 1px solid #769dae;
	border-top: 1px solid #769dae;
	background: #dde6eb;
	margin: 0 0 10px 0;
}
	.side_content_menu img
	{
		display: block;
	}
.side_content
{
	width: 180px;
	padding: 10px;
	border: 1px solid #769dae;
	background: #dde6eb;
	margin: 0 0 10px 0;
	overflow: auto;
}
.search_input_left
{
	width: 4px;
	height: 25px;
	background: url(imgs/search_input_left.gif) no-repeat;
	float: left;
}
	.search_input
	{
		font-family: Trebuchet MS, sans-serif;
		width: 107px;
		height: 21px;
		padding: 4px 3px 0 0;
		background: url(imgs/search_input.gif) repeat-x;
		border: 0;
		float: left;
	}
		.search_submit
		{
			cursor: pointer;
			width: 50px;
			height: 25px;
			background: url(imgs/search_button.gif) no-repeat;
			border: 0;
			float: left;
		}
.center_header
{
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 530px;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 10px;
	background: url(imgs/center_header_bg.gif) no-repeat;
}
	.center_content
	{
		width: 538px;
		background: #dde6eb;
		border: 1px solid #749eae;
		margin: 0 0 10px 0;
	}
	.center_post_img
	{
		width: 533px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #749eae;
		padding: 4px 0 4px 5px;
	}
		.center_post_img img
		{
			display: block;
		}
	.news_post
	{
		width: 531px;
		padding: 7px 0 0 7px;
		background: url(imgs/content_post_bg.gif) top repeat-x;
		line-height: 14px;
	}
		.news_post p
		{
			margin: 0; padding: 8px 6px 8px 0;
		}

div#site_footer
{
	text-align: right;
	width: 954px;
	height: 20px;
	padding: 0 10px 0 0;
	background: url(imgs/site_footer.gif) no-repeat;
	clear: both;
}
	div#site_footer a
	{
		text-decoration: underline;
	}
	div#site_footer a:hover
	{
		text-decoration: none;
	}
div#footer
{	
	height: 20px;	
	margin: 0 auto;
	color: #757575;
	text-align: center;
}	
.heightfix
{
	height: 1%;
	width: 1%;
	display: none;
}

/* lists liens
----------------------------------------------- */

.list_side
{
	list-style: none;
	margin: 0; padding: 0;
}
.list_side li
{
	border-bottom: 1px solid #769dae;
	background: url(imgs/side_list_bg.gif) repeat-x;
	line-height: 22px;
}
.list_side a
{
	color: #161e21;
	padding: 0 0 0 6px;
	text-decoration: none;
}
	.list_side a:hover
	{
		color: #161e21;
		text-decoration: underline;
	}


/* list login
----------------------------------------------- */

.list_side_log
{
	list-style: none;
	margin: 0; padding: 0;
}
.list_side_log li
{
	border-bottom: 1px solid #769dae;
	background: url(imgs/side_list_bg.gif) repeat-x;
	line-height: 22px;
}
.list_side_log a
{
	color: #1076CB;
	padding: 0 0 0 6px;
	font-weight: bold;
	text-decoration: none;
}
	.list_side_log a:hover
	{
		color: #161e21;
		font-weight: bold;
		text-decoration: underline;
	}

/* couleurs, typo & liens
----------------------------------------------- */

a
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	color: #000;
	text-decoration: underline;
}

li { list-style-type: none;}

/* Liens supplémentaire
----------------------------------------------- */
.link1 {
	text-decoration: none;
	color: #1076CB;
}

.link1:hover {
	text-decoration: none;
}

.link2 {
	text-decoration: underline;
	color: #FFFFFF;
}

.link2:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.link {
	text-decoration: none;
	color: #1076CB;
}
.link:hover {
	text-decoration: none;
	color: #161e21;
}


/* bordel
----------------------------------------------- */

form, input, textarea, h1
{
	margin: 0; padding: 0;
}
a img
{
	border: 0;
}
.enbas {
text-decoration: none;
	color: #FFFFFF;
}

.enbas:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#cclicense a {
background:transparent url(imgs/cc.png) no-repeat scroll 0pt 50%;
padding:8px 8px 8px 25px;
}

/* ------------- BLOCK EVENT ------------------------*/
.event {
	margin-bottom: 1em;
	border: 1px solid #ccc;
        width: 100%;
	background: #f6f0e8;
}
.event h4 {
	margin-bottom: .6em;
	padding: 0.3em;
	font: bold 1.1em arial, sans-serif;
	color: #fff;
	background-color: #B9B9B9;  /* #E23300 */
}
.event_date { font-weight: bold; color: #E23300; padding-bottom: .2em; }
.event_text { padding: 0 .6em .6em .6em; line-height: 1.3em; }

/* ---------------------------------------------------------------------------*/

/* PHPRUNING ------------------------------------------------------------------- */

/* icons. */
.img_link a img {border-width:1px; border-style:solid; padding:3px; margin:1px;}
.img_link a:link img,
.img_link a:visited img{border-color:#CCC; background-color:#FFF;}
.img_link a:hover img{border-color:#DDD; background-color:#EEE;}
.icon_indent { margin-left: 20px; }
.date { font-size: 11px; border-top: 1px dotted #769dae; margin: 0 0 20px 0; }
.date_commentaire { border-top: 1px solid #dde6eb; margin: 0 0 5px 0; }
.ordinal {font-family: "Distress",Impact,"Arial Black",sans-serif !important; font-size: 2em !important; line-height: 1em !important; color: silver; padding: 0 2% 1% 0%; margin: 0.1em;}

/* login */
.sess_uname { color: #E23300; } /* logged-in username */
.clogin_panel { margin-bottom: 1em; border: 1px solid #ccc; width: 100%; padding: .3em 0 .3em 0; background: #f6f0e8; }

/* admin */
.admpanel { border: 1px solid #dde6eb; border-top: 1px dotted #769dae; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #dde6eb; color: #000; }
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }

textarea { width: 90%; height: 12em; padding: 3px;}


/* for aide admin */
.tip_panel { width: 85%; border : 1px solid #ccc; font: normal 12px arial; background : #fff; padding : 10px; }
.tip_panel b { color: maroon; padding-top:0.2em; }
.expand { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }
#preview { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }

/* span styles admin */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }
.admintitle { font: bold 16px Arial; color: #E23300; text-align: center; }
.buttonmargin { margin-bottom: 10px; }
/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* Commentaires styles */
.comment { color: #000000; background: #dde6eb; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; }

/* BOX */
.extrabox { border : 1px solid #ccc; background : #f6f0e8; padding : 10px; }

/* Liens admin */
.New_Admin_Links { font-size:85%; text-align:center; }
/* Philmoz, Expandable Categories, Oct.29.07 */
.expandacat { padding: 0px 0px; margin: 0 0 0px 0; text-decoration: none; } /* background: #fff; color: #0066B3;  */
.expandaArticles {padding: 0px 2px; margin: 0 0 10px 10px; color: #000; font-size:85%; line-height:1.3em; text-decoration:none;}

/* # miniatures */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #ccc;}

/* miniature link */
#InterneLinky { border: 1px solid #ccc; background : #fafafa; padding: 1.8em; margin: 0.5em 0 0.5em 0; }

.ILclanky {
display: block;
width: 50%;
height: 100%; /* 20em */
overflow:auto;
float: left;
}

.ILsites {
display: block;
width: 30%;
height: 100%;
overflow:auto;
padding-left: 0.3em;
float: left;
border-left: 1px solid #ccc;
}

.ILcat {
display: block;
width: 20%;
height: 100%;
overflow:auto;
padding-left: 0.3em;
border-left: 1px solid #ccc;
}

/* BORDURE IMAGES */

img { 
	border: none;
}

/* Paginator */
.paginator { text-align:center; font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; }
.paginator a,page { color: #0063DC; padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:hover { color: #fff; background: #1076CB; border-color: #036; text-decoration: none; }

.paginator .atfirst { padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atprev { margin-right: 5px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atlast { padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atnext { margin-left: 5px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }

.paginator .first { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .prev { margin-right: 5px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .last { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .next { margin-left: 5px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }

.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginator .this-page { padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 12px; vertical-align: top; background: #fff; color: #000000; }


/** Première lettre */
.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #7F7D7D;
margin: 0px;
padding: 1px;
line-height: 1em;
}

/* IMAGES */
/* img { border: none; } */
.img1 {
	float: left;
	margin: 0px 5px 0px 0px;
}

.img2 {
	float: right;
	margin: 0px 5px 0px 5px;
}

/* Alignement du texte */
.right_text {
	float: right;
}

.center_text {
	float: center;
}

.description {
  	font-size: 0.85em;
}

.left { float: left; }

.right { float: right; text-align: left; width: 250px; }

p.texte_news:first-letter {
	font-size: 200%;
	font-weight: bold;
	color: #336699;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #336699;
  cursor: help;
  }