/*----------------------------------------------------------
Style sheet pour dynasite (for version 5 & + )
version : 1
auteur : sébastien Decorné
email : sebastien@dynasite.be
website : http://www.dynasite.be/
----------------------------------------------------------*/
body {
	margin :0;
	padding : 0;
	font-family :verdana, arial, sans-serif;
	font-size : 10px;
	color :#0A6B9F;
	line-height:14px;
	text-align:center;
	background : white url(images/bg_page.jpg) repeat-x top left;
}
table, th, td, tr {
	font-family : verdana, helvetica, verdana, sans-serif;
	font-size : 1em;
	line-height:15px;
	font-weight:normal;
	text-align:left;
}
.col {
border-right:1px solid #9F9E9E;
}
div, table,  form, h1, h2, h3, ul, li{
	margin:0;
	padding:0;
}

/* pour les navigateurs textuels, cache le texte pour les navigateurs modernes supportant les css
----------------------------------------- */
em {
	display : none;
}
/* -------- */
ul, li, img, table, form, h1, h2, h3 {
	margin : 0;
	padding : 0;
	border :0;
}




p {
	margin:5px 0 0 0;
	padding : 0;
}
br {
margin : 5px 0 5px 0;
}


/*//////////////////////////             liens                        ///////////////////////////////////////*/
a.menu:link { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #09699C;
}
a.menu:visited { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #09699C;
}
a.menu:active  { 
	font-size : 1em;
	text-decoration: underline; 
	color: #09699C;
}
a.menu:hover  { 
	font-size : 1em;
	text-decoration: none; 
	color: red;
}
a:link { 
	font-size : 1em;
	font-weight:normal; 
	text-decoration: none; 
	color: #E9800F;
}
a:visited { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: red;
}
a:active  { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #8E580A;
}
a:hover  { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: red;
}

/* pour fckeditor et générer des liens personnalisés avec des icones */
a.mail {
	background:url(images/ico_lettre.gif) no-repeat right top;
	padding-right:15px;
}
a.pdf {
	background:url(images/ico_pdf.gif) no-repeat right top;
	padding: 5px 15px 5px 0;
}
a.externe {
	background:url(images/ico_externe.gif) no-repeat right top;
	padding-right:15px;
}
a.word {
	background:url(images/ico_word.gif) no-repeat right top;
	padding: 5px 15px 5px 0;
	padding-right:15px;

}

/*/////////////////////////          titre h1 h2 h3                           ////////////////////////////*/




h1 {
	position:relative; /* pour la méthode levine geldin */
	font-family :verdana, arial, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #0E75A6;
	margin: 3px 0;
}
h1 .orange{
	color:#FF9900;
	font-style:italic;
}
h2 {
	font-family :"Trebuchet MS", verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color:#0A6B9F;
	margin:0 0 3px 3px;
	/* padding-left: 18px; */
	text-indent: 18px;
	background:transparent url(images/ico_fleche_degrade.gif) no-repeat 0px 5px;
}
h2.news{
	margin:0 0 0 3px;
}
h2.articles{
	background-image:none;
	padding-left:3px;
	text-indent: 0;
	border-left:2px solid #FF9900;
	color:#003399;
	margin-bottom:10px;
}
h3 {
	font-family :verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FF9900;
	margin:5px 0 ;
	padding: 0 0 3px 0;
	border-bottom:1px solid #F8C992;
}



/*/////////////////////////          top                              ////////////////////////////*/
#top {
	position:relative;
	background : transparent url(images/img_dessous_esp_client.gif) no-repeat top center;
	
}

#flash {
	background : transparent url(images/img_home_cielsmall.jpg) no-repeat right center;
	
}
/*////////////// =menu  ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu { /* 1er niveau */
	float:left;
	width:160px;
	background: transparent url(images/bg_menu.gif) repeat top left;
}

#menu ul {
	padding:0;
	list-style-type:none;
} 
#menu ul li{
	display : block;
	margin-left:0; /* ie 5 ne prend pas margin:0; il faut lui indiquer de quel côté */
	padding:2px 2px 2px 25px;
	border-right:1px solid #D3EBF7;
	
}
#menu ul a {

}
#menu ul li ul {
	padding:0;
	margin:0;
}
#menu .firstlevelselected{
	list-style:none;
	background:white url(images/ico_fleche.gif) no-repeat top left;
	border-bottom:1px solid #D3EBF7;
	border-top:1px solid #D3EBF7;
	border-right:1px solid white;

}
#menu .firstlevelselected a{
	color:#003399;
	text-decoration:none;
}
#menu  .secondlevel{
	margin :  1px 0 0 0;
	background-image:none;
	padding : 1px 3px 1px 5px;
	font-family:verdana, arial, sans-serif;
	font-size:1em;
	border:0;
}
#menu  .secondlevel a{
	font-weight:normal;
	background-image:none;
	border:0;

}
#menu  .secondlevelselected{
	margin :  1px 0 0 0;
	padding : 1px 3px 1px 15px;
	font-family:verdana, arial, sans-serif;
	line-height:11px;
	font-size:10px;
	background-image:none;
	border:0;
}
#menu  .secondlevelselected a{
	font-weight:bold;
	color:red;
 }


/*/////////////////////////     content      ////////////////////////////*/
.txtdisplaynone { /* pour éventuellement cacher du texte */
	display:none;
}

#bg_ciel{ /* pour le fond de la page */
	background : transparent url(images/bg_page_ciel.jpg) repeat-x top left;
	margin-bottom:10px;
	}
#main{ /* container principal de la page */
	padding:0 7px 7px 7px;
	background-color:white;
	width:761px;
	margin:0 auto;
	text-align:left;
}

#top{
	padding-top:3px;
	background: transparent url(images/bg_pro.gif) no-repeat top right;
}
blockquote { /* légende photos  */
	font-style:italic;
	text-align:center;
	color:#3399FF;
	border-top:1px solid #FF9900;
	margin:0;
	padding:0;
}
#pro { /* login espace pro */
	margin-top:5px;
}
#content { /* menu et article */
width:100%;
	float:left;
	background-color:white;
}
#home { /* pour la home */
	float:left;
	margin-left:10px;
	width:410px;
}
#article { /* pour l'affichage intérieure */
	float:left;
	margin-left:20px;
	width:550px;
	
}
#home ul, #article ul{
	margin:10px 0 10px 0px;
}

#home ul li, #article ul li{
	margin:0 0 0 25px;
}
/*  pour afficher des bords arrondis au résumé */
.box {
	background:url(images/bord_resume_bottomleft.gif) no-repeat left bottom;
}
.box-outer {
	background: url(images/bord_resume_bottomright.gif) no-repeat right bottom;
	padding-bottom:2%;
}
.box-inner {
	background:url(images/bord_resume_topleft.gif) no-repeat left top;

}
.box-resume {
	padding-top: 2%;
	background:url(images/bord_resume_topright.gif) no-repeat right top;


}
.box-resume {
	padding-left:2%;
	padding-right:2%;

}

/*////// =displayresumeoneitem ////*/
.displayresumeoneitem {
	padding:3px 3px 0 3px;
	/* background:transparent url(images/pointille.gif) repeat-x bottom left; */
}
.displayresumeoneitem .titre {
	padding:5px 0;
	border-bottom:1px solid #66CCFF;
	margin-bottom: 5px;
	
}
.displayresumeoneitem .chemin {
	padding:0 3px;
	border-left:2px solid #C5EEFE;
	border-right:2px solid #C5EEFE;
	color:#FF9900;
	font-weight:bold;
}

.displayresumeoneitem .by{
	margin-left:20px;font-style:italic; color:#66CCFF;
	}
	
.displayresumeoneitem .nomauteur {
	color:#FF9900;	
	}
	
.displayresumeoneitem .lire {
	margin-top:15px;
	float:right;	
	}
	
.lire a {
	padding-left:18px;
	background: transparent url(images/ico_fleche_degrade.gif) no-repeat center left;
	}
/*//// =news /////*/
#encart_droite_home {
	position:absolute;
	width:160px;
	margin-left:590px;
	z-index:1;
	background:transparent url(images/bg_white.gif) repeat-x top left;
}
#news {
	
}
#news h1{
		position:relative;
		width:160px;
		height:20px;
		color:white;

}
#news .contournewshome {
	padding:1px;
	background: white url(images/bg_blue_news_menu.gif) repeat-x top left;
}
#news .lire {
	padding:1px 3px 10px 1px;
}

.affichenewshome{
	background-color:white;
	padding:3px 5px;
	}
.showcase {
	width:160px;
	height:20px;
	position:relative;
	color:white;

}
.home_showcase_affichage {
	background: white url(images/bg_blue_news_menu.gif) repeat-x top left;
	padding:1px;
}

/*////// =resume ////////////////*/




/*//////////     =search newsletter      /////////*/
#search  {
	background:transparent url(images/bg_search_top.gif) no-repeat top center;
	margin: 5px 0 5px 0;
	padding:5px 5px 5px 10px;

}
#bgbottom {
	background:#D3EBF7 url(images/bg_search_bottom.gif) no-repeat bottom center;
}
#search .inputsearch {
	padding-left: 18px;
	font-size:10px;
	width:100px;
	background: #fff url(images/loupe.png) no-repeat 4px center;
	border:1px solid #0573DD;
}
#newsletter {
	background:transparent url(images/bg_search_top.gif) no-repeat top center;
	margin: 5px 0 5px 0;
	padding:5px 5px 5px 10px;

}
#newsletterlettre {
  	padding-left: 18px;
	background: #fff url(images/ico_lettre.gif) no-repeat 4px center;
	border:1px solid #0573DD;
  }
  
#ancrehaut {
	clear:both;
	float:right;
	margin:10px 0;

}
/*//////////    =nextprevious        /////////*/
#nextprevious { /*  sert à customiser la fonction next and previous   */
	clear:right;
	float:right;
	padding : 5px 0 5px 0;
	border-top:1px solid #CCCCCC;
	width: 100%;
	margin-bottom:10px;
}
#nextprevious .next {
	clear : both;
	float:right;
}
#nextprevious .previous {
width: 40%;

}
.viewimage{ /* voir l'image en big */
	margin:70px 15px 20px 15px;
}
/*/////////////////////////          footer                      ////////////////////////////*/
#footer {
	margin:0 auto;
	padding-top:5px;
	text-align:right;
	clear:both;
	background: transparent url(images/bg_foot.gif) no-repeat top center;
}
/* offres gratuites sur la page d'accueil  */
#img_offre_gratuite {
	padding:140px 3px 15px 3px;
	background: transparent url(images/img_www.jpg) no-repeat top center;
}
#img_offre_gratuite .titre {
	padding:10px 0;
	font-weight:bold;
	font-size:1.2em;
	background: transparent url(images/bg_guillemets.gif) no-repeat center center;
}
/*////////////////////  =lightbox //////////////////////////////////*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none;

 } 
#overlay img{ border: none; 
}
#overlay{ background-image: url(images/overlay.png); 
}

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/Ndynasite/images/overlay.png", sizingMethod="scale");
	}

/* ///////////////////////       =diverselementscms      ////////////////////////////////*/

/* - Label inscription à la newsletter */
.extra_newsletter_label { font-size:1em;color:#990000; }
/* - Styles newsletter HTML */
.notification_title 	{ font-size:1.2em;color:#5B75BF; }
.notification_resume	{ font-size:1em;text-align:center;font-style:italic; }
.notification_text	{ font-size:1.1em;}

.lightblue { color:#5B75BF;}
/* ------------- Mise en forme des articles */
.title					{ font-size:1.3em;color:#5B75BF; }
.DisplayType_item_default_Title		{ font-size:1.3em;color:#5B75BF; }
.DisplayType_item_default_SubTitle	{ font-size:1em;font-weight:bold; }
.DisplayType_item_default_Resume 	{ font-size:1em;text-align:center;font:italic;}
.DisplayType_item_default_Text		{ font-size:1em;}
.DisplayType_homepage_resume 		{ font-size:1em;font-style:italic;color:black;}
a.DisplayType_folder_resume_title	{ font-size:1em;color:#5b75bf; }
.DisplayType_section_resume_text 	{ font-size:1em;text-align:center;font:italic;}
.DisplayType_section_resume_title 	{ font-size:1em;text-align:center;font:italic;}
.DisplayType_section_list_text 		{ font-size:1em;text-align:center;font:italic;}
.ImgLegende 				{ font-size:1em; }
.display_modules_comments_Posted	{ font-size:1.3em; color:red;  }
.display_modules_comments_Add		{ font-size:1.3em; color:red;  }
.toolbar 	{ font-size:1em;text-decoration:none;color:black; }
.path 		{ font-size:1em;text-decoration:none;color:#5B75BF;font-weight:bold;}
.HiddenItem 	{ color:silver; }


