/*----------------------------------------------------------
Style sheet pour sylvie noel
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 :#AB0C5D;
	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;
}


/* -------- */
ul, li, img, table, form, h1, h2, h3, p, br {
	margin : 0;
	padding : 0;
	border :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;
}
a.home:link { 
	font-size : 1em;
	font-weight:normal; 
	text-decoration: none; 
	color: #EC62BE;
	padding-left:40px;
	background: transparent url(images/ico_lien.gif) no-repeat center left;
}
a.home:visited { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: red;
	padding-left:40px;
	background: transparent url(images/ico_lien.gif) no-repeat center left;

}
a.home:active  { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #8E580A;
	padding-left:40px;
	background: transparent url(images/ico_lien.gif) no-repeat center left;

}
a.home:hover  { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: red;
	padding-left:40px;
	background: transparent url(images/ico_lien.gif) no-repeat center left;

}
.lienhome {
	margin:5px;
}
/* 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.6em;
	font-weight: bold;
	color: #E94D9B;
	margin: 3px 0;
	padding-left:45px;
	background: transparent url(images/ico_lien.gif) no-repeat center left;
	
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	color:#E94D9B;
	margin:0 0 3px 3px;
}
h2.news{
	margin:0 0 0 3px;
}
h2.articles{
	background-image:none;
	padding-left:3px;
	text-indent: 0;
	border-left:2px solid #FF9900;
	color:#BB0F65;
	margin-bottom:10px;
}
h3 {
	font-family :verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #E94D9B;
	margin:5px 0 ;
	padding: 0 0 3px 0;
	border-bottom:1px solid #F8C992;
}

/*////////////// =menu  ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu { /* 1er niveau */
	margin:100px 0 0 5px;
	width:185px;

}

#menu ul {
	padding:0;
	list-style-type:none;
} 
#menu ul li{
	display : block;
	margin-left:0px; /* ie 5 ne prend pas margin:0; il faut lui indiquer de quel côté */
	padding:2px 2px 2px 35px;
	background:transparent url(images/ico_menu.gif) no-repeat top left;
	
}
#menu ul a {

}
#menu ul li ul {
	padding:0;
	margin:0;
}
#menu .firstlevelselected{
	list-style:none;
	background:#F3ACD9 url(images/ico_menu_selected.gif) no-repeat top left;

}
#menu .firstlevelselected a{
	color:white;
	font-weight:bold;
	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;
	color:white;
}
#menu  .secondlevel a{
	font-weight:bold;
	color:white;
}
#menu  .secondlevelselected{
	margin :  1px 0 0 0;
	padding : 1px 3px 1px 5px;
	font-family:verdana, arial, sans-serif;
	line-height:11px;
	font-size:1em;
	background:#FF00CC none;
	border:0;
	color:white;
}
#menu  .secondlevelselected a{
	font-weight:bold;
	color:white;
 }
.lire a {
	padding-left:35px;
	background: transparent url(images/ico_menu.gif) no-repeat center left;
	}
	
/* home */
#main{
	text-align:left;
	width:768px;
	margin: 0 auto;
	background: white url(images/bg_main.gif) repeat top left;
	padding: 0 3px;
	
}
#content {
	float:left;
	margin-top:60px;
	padding:1px 0 0 0; /* pour netscape 7 fixing problème hauteur */
	width:570px;
	
}
#content .img {
	border : 2px solid #EC62BE;
}
#logo {
	margin-top:15px;
}
#prochainement {
	float:left;
	margin:40px 0 0 10px;
	padding:45px 5px 5px 5px;
	background:white url(images/titre_prochainement.gif) no-repeat top left;
}
#prochainement .bas {
	float:left;
	padding-bottom:45px;
	background: white url(images/H_bas_prochainement.gif) no-repeat bottom left;
}
#homegauche {
	padding:5px 0;
	float:left;
	margin-top:90px;
	width:350px;
}
#edito {
	padding: 50px 5px 5px 100px;
	height:120px;
	background: transparent url(images/bg_edito.gif) no-repeat top left;
}
#avantapres {
	background: white url(images/bg_H_avant_apres.gif) repeat-x top left;
}
#avantapres .titreavant {
	float:left;
	background: transparent url(images/titre_avant_apres.gif) no-repeat top left; 
	padding:70px 10px 10px 10px; 
}

#avantapres .avantimg { /* home */
	float:left;
	padding:25px 0 10px 0;
	width:150px;
	margin-right:10px;
	text-align:center;
	background: transparent url(images/stitre_avant.gif) no-repeat top center;
}
#avantapres .apresimg {
	float:left;
	padding:25px 0 10px 0;
	width:150px;
	text-align:center;	
	background: transparent url(images/stitre_apres.gif) no-repeat top center;
}
#displaybasket {
	margin-top:250px;
	padding:0 10px;
}
/*/ =avant-apres /*/

#imagegallery {
	margin:10px 0 10px 0;
}
#imagegallery li, #profilsuivant li {
	display:inline; 
	margin: 0;
	padding:0;
} 
#profilsuivant li {
	padding-right:10px;
	width:50px;
}

/*  rubriques à droite sur la page d'accueil */
#homedroite {
	float:left; 
	margin-top:80px;
	width:200px;
	
}
#salon {
	float:left;
	background: transparent url(images/H_notresalon_haut.gif) no-repeat top left;
	padding-top:63px;
}
#salon .txt {
	padding:5px 30px 0 10px ;
}
#salon .bas {
	background: transparent url(images/H_bg_rub_lien.gif) no-repeat bottom left;
	width:199px;
	text-align:left;
}
#temoignage {
	float:left;
	margin-top:10px;
	background: transparent url(images/H_temoignage_haut.gif) no-repeat top left;
	padding-top:63px;
}
#temoignage .txt{
	padding:5px 30px 0 10px ;
	
}
#temoignage .bas, #salon .bas {
	margin-right:20px;
	height:40px;
	background: transparent url(images/H_bg_rub_lien.gif) no-repeat bottom left;
	width:199px;
	

}
#espaceclient {
	float:left;
	margin:10px 0 10px 0;
	background: transparent url(images/H_espace_haut.gif) no-repeat top left;
	padding-top:93px;
	

}
#espaceclient .txt {
	padding:5px 25px 0 10px ;
	
}
#espaceclient .bas {
	width:199px;
	height:30px;
	padding:0px 15px 10px 0;
	background: transparent url(images/H_bas_espace.gif) no-repeat bottom left;
	text-align:left;
}
/* a la une */
#alaune{
	float:left;
	width:300px;
	background: transparent url(images/titre_alaune.gif) no-repeat top left;
	padding:50px 10px 10px 10px;
	margin-top:10px;
}

#article {
	height:65%;  
	margin:200px 10px 0 10px;
	
}
#article ul {
	margin:10px;
}
#article li {
	margin-left:30px;
}
#article .resumefolder {
	margin-top:10px;
	font-weight:normal;
	padding:2px 0 2px 15px;
	border-left:1px solid #BC1569;
}
.displayresumeoneitem {
	margin-top:10px;
}
/*//////////     =search newsletter      /////////*/
#search  {
	float:left;
	background:transparent url(images/bg_search_top.gif) no-repeat top center;
	margin: 20px 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 {

	text-align:right;
	margin:20px 80px 0 0;
}


/*////////////////////  =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/clean/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; }