/*--------------------------------------------------------------------------------------------*/
/*                                  Bloque Centre Eureka                                      */
/*--------------------------------------------------------------------------------------------*/


/*-------------------------*/
/*     Standard tags       */
/*-------------------------*/

body{ 
	background:#507592 url(../images/template/eureka_bg.jpg) center top no-repeat;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

form,
a,
img,
div, 
span {
	margin:0;
	padding:0;
	}

table,
tbody,
tr,
td	{
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
	
a,
a:link,
a:active,
a:visited,
a:hover{
	color:#c07429;
	text-decoration:none;
	}

a:hover{text-decoration:underline;}

a img {border:0;}

/*--------------------------------------------------------------------------------------------*/
/*                                  main structure containers                                 */
/*--------------------------------------------------------------------------------------------*/

.wrap {
    position: absolute;
    left: 50%;
    width: 998px;
    margin-left: -499px;
	}

#mainLt{
	position:relative;
	float:left;
	width:8px;
	background: url(../images/template/mainLt.png) 0px 0px repeat-y;
	}
#mainRt{
	position:relative;
	float:left;
	width:8px;
	background: url(../images/template/mainRt.png) 0px 0px repeat-y;
	}
#main{
	position:relative;
	float:left;
	width:982px;
	background-color: #ffffff;
	padding-bottom:1px;
	}
.mainBottom{ 
	float:left;
	width: 998px;
	height:7px;
	background: url(../images/template/mainBottom.png) 0 0 no-repeat;
	}
/*--------------------------------------------------------------------------------------------*/
/*                                            Header                                          */
/*--------------------------------------------------------------------------------------------*/

.header{
	float:left;
	width:980px;
	margin:0 1px;
	height:135px;
	background:url(../images/template/headerBg.jpg) top center no-repeat;
	}
	
img.blogLogo{padding:30px 50px 10px 50px;}

/*--------------------------------------------------------------------------------------------*/
/*                                             Menu                                           */	
/*--------------------------------------------------------------------------------------------*/
.menu{
	float:left;
	width:960px;
	height:23px;
	margin:1px;
	background:#315471;
	color:#ffffff;
	font-size:13px;	
	font-weight:bold;
	line-height:20px;
	padding:3px 10px 0px 10px;
	}
	
.menu p{ 
	margin:0; 
	padding:0;
	}	
	
.menu a,
.menu a:link,
.menu a:active,
.menu a:visited,
.menu a:hover{
	background:#315471 url(../images/template/accueilIcone.jpg) 0 -5px no-repeat; 
	color:#fff;
	padding:0px 0 0 32px;
	}
/*--------------------------------------------------------------------------------------------*/
/*                                       Footer                                               */
/*--------------------------------------------------------------------------------------------*/

.footer{
	float:left;
	width:960px;
	height:23px;
	margin:1px 1px 0 1px;
	padding:3px 10px 0px 10px;
	background:#315471;
	color:#ffffff;
	line-height:20px;
	text-align:center;
	font-family:Tahoma;
	font-size:12px;	
	font-weight:bold;
	}
	
.footer a,
.footer a:link,
.footer a:active,
.footer a:visited,
.footer a:hover{
	color:#fff;
	padding:0px 5px;
	}

/*--------------------------------------------------------------------------------------------*/
/*                                         Zones de contenu                                   */
/*--------------------------------------------------------------------------------------------*/

.content{
	width:982px;
	margin:0;
	padding:0;
	background:#f2f4f4;
	border-collapse:collapse;
	border:0;
	float:left;
	}

 .mmcmBlogContent{
	width:701px;
	padding:10px 10px 50px 10px;
	float:left;

	}
 .rtBlogCol{
	width:251px;
	background:url(../images/template/colRt_bg.jpg) 0px 0px repeat-y;
	float:right;

	}
.rtBlogCol h3{
 	color:#315471;
	font-size:14px; 
	margin:5px 0;
	font-family:verdana, Helvetica, sans-serif;
	}
	
/*-----------------------------------------*/
/*              Seacrh Zone                */	
/*-----------------------------------------*/
.searchCtn{
	background:url(../images/template/search_bg.jpg) 0px 0px repeat-y;
	float:left;	
	width:250px;
	padding:25px 0 25px;
	}
.searchCtn label{
	font-size:14px;
	font-family:verdana, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 18px;
	color:#fff;
	float:left;	
	width:250px;
	}
.searchCtn input.txtFld{
	float:left;
	border:1px solid #888888;
	border-right:0px ; 
	height:15px;
	width:190px;
	text-transform:uppercase;
	margin:2px 0 0px 18px;
	font-size:10px;
	color:#315471;
	}
.searchCtn img.goBtn,
.searchCtn button.goBtn{
	float:left;
	width:18px; 
	height:19px;
	margin:2px 0 0 0; 
	padding:1px 2px 0px 0;
	background:#ffffff url(../images/template/loupe.jpg) 0 0 no-repeat;
	border:1px solid #888888;
	border-left:0px ;
	/*composition hors écran*/
	text-indent:-5000px; 
	}
.advanceSearch{
	float:left;
	width:210px;
	}	
.searchCtn .advanceSearch label{
	font-size:12px;
	color:#fff;
	margin-top:10px;
	display:block;
	width:200px;
	}
.searchCtn .advanceSearch select{
	font-size:11px;
	color:#315471;
	margin:0 18px;
	width:210px;
	background-color:#eeeeee;
	text-transform:uppercase;
	height: 20px;
	}

/*-----------------------------------------*/
/*           calendar zone                 */
/*-----------------------------------------*/
.calendar{
	float:left;
	width:218px;
	padding:0px 18px;
	font-size:12px;
	clear:both;
}
#calendarHeader {
	width:200px;
	text-align:center;
	float:left; 
	padding:10px  0;
	}

#calendarHeader table {
	width:140px;
	text-align:center;
	float:left; 
	margin-left:30px;
	}


#calendarArrowRight,
#calendarArrowLeft,
#calendarArrowRight a,
#calendarArrowLeft a{	
	display:block;
	height:12px;
	width:22px;
}
 	
#calendarArrowLeft a{ background: url(../images/template/arrowLt.gif) 0 0 no-repeat;}
#calendarArrowRight a{ background: url(../images/template/arrowRt.gif) 10px 0 no-repeat;}

#calendarArrowLeft a:hover{ background: url(../images/template/arrowLt_over.gif) 0 0 no-repeat;}
#calendarArrowRight a:hover{ background: url(../images/template/arrowRt_over.gif) 10px 0 no-repeat;}


.calendar a:link, 
.calendar a:active, 
.calendar a:visited{
	color:#315471 ;
	font-weight:bold; 
	text-decoration:none;
	}
.calendar a:hover{color:#799FBD;}

table.calendarBody { 
	float:left;
	clear:both; 
	margin:0px 20px; 
	padding:1px;
	background:#ffffff; 
	border:1px solid #315471;
	border-collapse:separate;
	 }
table.calendarBody tr.daysName th {
	text-align:right;
	padding:3px 4px;
	color:#315471;
	font-weight:bold;
	}
table.calendarBody tr td.weekRow{ 
	text-align:right;
	padding:2px 4px;
	}
/*classe à ajouter quand un blog existe pour cette date*/
.calendarBody tr td.weekRowActive  { 
	background:#D5E2EC; 
	font-weight:bold;
	color:#315471;
	text-align:right;
	padding:2px 4px;
}

/*------------------------------------------*/
/*     Right boxes - RSS subscribe zone     */
/*------------------------------------------*/
.alert_css{
	float:left;
	width:214px;
}
#backgroudRSS{
	float:left;
	width:230px;
	height:35px;
	padding:0;
	margin: 15px 0px;
	}
#backgroudRSS a,
#backgroudRSS a:link,
#backgroudRSS a:active,
#backgroudRSS a:visited,
#backgroudRSS a:hover{
	float:left;
	width:230px;
	height:35px;
	background:url(../images/template/subscribeRSSFeed.jpg) 21px 0 no-repeat;
	text-indent:-5000px; /*composition hors écran*/
	text-decoration:none;
	border:0;
	}
/* the id #subscribeform is used to access the rss subscribe form but the class name is RSS*/
.RSS{
	float:left;
	width:214px;
	font-size:12px;
	padding:10px 18px 0px 18px;
}

.RssLine{
	float:left;
	width:210px;
	font-size:12px;
	padding:0px 0px 0px 5px;
	margin:0;
	}
.RssLine p{
	color:#315471;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding: 5px 0;
	}
.RssLine .rssLbl{	
	float:left;
	width:125px;
	
} 
.rssType{
	float:right;
	width:83px;
	}
.rssType .mailType{ 
	float:left;
	margin:0; 
	padding:0px 1px 0px 3px;
	color:#f5844e;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
}

h3.rssTitle{
	float:left;
	width:210px;
	color:#315471;
	font-size:14px; 
	margin:10px 0 5px;
	font-family:verdana, Helvetica, sans-serif;}

.txtBox{
	float:left;
	width:205px;
	color:#315471;
	clear:both;
}
label.txtBox{ padding:5px 0 0 0; margin:0;}
.confirmation p.submit{
	float:left;
	text-align:left;
	margin-left:0px; 
	padding:2px 10px;
	} 
input.submit {
	margin:5px 0 0 0;
	float:right;
	background:#c07429;
	color:#fff;
	padding:2px;
	font-size:13px;
	font-weight:bold;
	border:#c07429 outset 1px;
}
/*------------------------------------------*/
/*Right boxes - categories and archives zone*/
/*------------------------------------------*/
.category{
	float:left;
	width:214px;
	padding:10px 18px 10px 18px;
	clear:both;
	color:#333333; 

	}
.category ul{ list-style-image:url(../images/template/arrowRt.gif) ; margin:0; padding:0 0 0 20px}
.category ul li{ padding:0 0 1px 0; text-transform:uppercase; font-size:12px;
}

/*------------------------------------------*/
/*    Right boxes - Editable zone           */
/*------------------------------------------*/
.rtBoxCtn{
	float:left;
	width:214px;
	padding:10px 18px 0px 18px;
	font-size:13px;
	/*clear:both;*/
	}
	
.rtBoxCtn p{
	margin:5px 0;
	color:#333333; 
	}

.rtBoxCtn ul{ list-style-image:url(../images/template/arrowRt.gif) ; margin:0; padding:0 0 0 20px}
.rtBoxCtn ul li{ padding:0 0 1px 0; text-transform:uppercase; font-size:12px;
}
/*------------------------------------------*/
/*       editable main content zone         */
/*------------------------------------------*/

.confirmation,
.article{ 
	width:688px;
	margin-left:10px;
	padding-bottom:12px;
	font-size:14px;
	}
	
.confirmation p, 
.article p{
	margin:10px 0;
	color:#333333; 
	}

p.date {
	margin:20px 0 0 0;
	padding:0;
	color:#315471;
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
	}
p.author,
p.details{
	margin:2px 0 0 0; 
	padding:0; 
	font-size:12px; 
	text-transform: uppercase; 
	font-weight:bold; 
	letter-spacing:.2em;
	color:#717171;
	clear:left;
	}
.article p.get_article{
	margin:0;
	padding: 15px 0 ;
	font-size:14px; 
	font-weight:bold;
	clear:left;
	}
	
.article p.get_article a,
 p.author a,
 p.details a {color:#c07429;}

.confirmation h2, 
.article h2{
	margin: 0 0 10px 0; 
	padding:0;
	color:#c07429;
	font-size:18px;}
.article h3{
	margin:10px 0; 
	padding:0; 
	color:#507794;
	font-size:16px; 
	}	
.article h4{
	margin:10px 0; 
	padding:0; 
	color:#315471;
	font-size:15px; 
	}	


#commentbox,
#comment_area,
#comments_list{ 
	width:628px;
	margin:0 30px 0 20px;	
	padding-bottom:12px;
	float:left;
	font-size:14px; 
	clear:both;
	}
#commentbox table,
#comment_area table,
#comments_list table{ 
	float:left;
	}
	
#commentbox	.label_title{
	padding-right:5px;
	}

	
.comment{
	width:688px;
	margin-left:10px;
	padding-bottom:6px;
}
.commentTxt{
	width:648px;
	margin-left:30px;
}

img.ombrageLeft,
img.ombrageRight{
	background:#eeeeee;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #a2a2a2;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #a2a2a2;
	padding:10px;
	margin-top:4px;}

img.ombrageLeft {margin-right:10px;}
img.ombrageRight{margin-left:10px;}

.articleHr{ 
	width:688px;
	height:8px;
	margin-top:8px;
	border-bottom:1px solid #d2d2d2;
	font-size:6px;
clear:both;
	}
	
.confirmation table th{
	padding-left:40px;
	text-align:left;
	}
.confirmation table td{
	padding-left:60px;
	}
/*------------------------------------------*/
/*          edit a new comment zone         */
/*          and send to a friend zone       */
/*------------------------------------------*/

p#commentbox_title{
	margin:15px 0;
	padding:0;
	color:#C07429;
	font-size:18px;
	font-weight:bold;
	}
	
div.return_carriage {
	float:left;
	width:680px;
	}
	
div.label_title{
	float:left;
	width:100px;
	}

div.return_carriage div.radioRow{
	width:300px; 
	padding-bottom:10px;
	}
	
div.comment_input {
	float:left;
	width:200px;
	}
	
.registerTable{ 
	margin-top:10px;
	}	
.registerTable .return_carriage td img{
	 vertical-align:bottom;
	 }
.registerTable .return_carriage label {
	margin: 0;
	padding: 0 10px 0 0;
	line-height: normal;
}


p.formTitle{
	margin:0; 
	padding:10px 0; 
	font-size:14px; 
	font-weight:bold; 
	color:#C07429;
	float:left;
	width:680px;
	}
	
p.submit{
	text-align:right;
	width:370px;
	}
#comment_area input.submit {
	margin:5px 300px 0  0;
	
}
#submitImage {
	background:transparent url(../images/template/arrowRt.gif) no-repeat scroll 0 2px;
	border:0 none;
	cursor:pointer;
	height:15px;
	text-indent:-1000px;
	vertical-align:middle;
	width:12px;
	}
	
.pagenation{	
	width:658px;
	margin:0px 30px 0 10px;	
	padding-bottom:12px;
	font-size:14px;
	float:left;
	text-align:center;}

/*------------------------------------------*/
/*            List of comments zone         */
/*------------------------------------------*/
.commentTitle{
	color:#C07429;
	font-size:18px;
	margin:0 10px 10px 10px;
	padding:0;
	font-weight:bold;
	}
#comments_list{
	font-size:14px;
	margin-left:20px;
	padding-bottom:12px;
	width:668px;
}

.commentHr{
	width:678px;
	margin-top:8px;
	font-size:6px;
	height:8px;
	border-top:1px dotted #c07429;
	}
/*------------------------------------------*/
/*               Search results             */
/*------------------------------------------*/

.pagenation{	
	width:658px;
	margin:0px 30px 0 10px;	
	padding-bottom:12px;
	font-size:14px;
	float:left;
	text-align:center;}