/* Start of CMSMS style sheet 'Inzeweb 1 : Global' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen - Modif Xavier Gorce*/

/* ---------------------------   PART 1 : PICLISTMENU -------------------------------------------------*/

/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 200px; 
       }

/* Unless you know what you do, do not touch this */ 

#primary-nav{
        list-style: none; 
	margin: 0px; 
	padding: 0px; }

#primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	/*margin-left: -1px;*/
        margin-left: 10px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
/*background-color: #f2f2f2;*/
background-color: #C0C0C0;
	display: block; 
	padding: 4px 20px; 
	text-decoration: none; 
	}
#primary-nav li a {
/*background: url(uploads/wireframe1colwnews/grey.jpg); */
	/*border-top: 1px solid #C0C0C0;*/
	border-left: 1px solid #C0C0C0;
	padding: 4px 10px; 
	}
#primary-nav li li a { 
      /*  background: url(uploads/wireframe1colwnews/blue.jpg);*/
	border: 1px solid #e6e6e6;
	padding: 4px 10px; 
       	}	
#primary-nav li{
 /*background: url(uploads/wireframe1colwnews/grey.jpg); */
        }

#primary-nav li.menuparent { 
/*background: url(uploads/wireframe1colwnews/grey.jpg); */
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
/*background: url(uploads/wireframe1colwnews/grey.jpg); */
	}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li .menuparent, #primary-nav ul li .menuparent :hover, #primary-nav ul li .menuparent { 
	background-image: url(uploads/wireframe1colwnews/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat;
/*background: url(uploads/wireframe1colwnews/grey.jpg); */
	}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { /*background: url(uploads/wireframe1colwnews/grey.jpg); */
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul { 
	display: block; 
	}

/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

/* ---------------------------   PART 2 : BORDERS1 -------------------------------------------------*/

#header, #box, #hbox, #sidebar, #menu_horiz, #header h1, #menu, #wrapper,#newsbox, #contenthead, .breadcrumbs, #content, #contentbox, #newsblock, #news, #newsblock2, #news2, #mainblock, #main, #block2, #content3, #flat, .right49, .left49, .top49, #footer{border: 1px solid #000}

/* ---------------------------   PART 3 : NEWS ------------------------------------------------------*/

/* News Layout */

.NewsSummary {
    margin:5px  10px;
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 5px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin: 5px;padding:0 10px;
  }

#NewsPostDetailSummary {padding:0 10px;
   margin-bottom: 10px;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin-bottom: 15px;padding:0 10px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
 
.NewsSummaryLink {}
.NewsSummaryAuthor {display:none}
.NewsSummaryMorelink {
  margin:0 0 10px 10px;padding: 0;
}
#NewsPostDetailTitle {
  padding:0 10px;color:#666666;
}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {
  padding:0 10px;
}
#NewsPostDetailAuthor {
  padding:5px 15px;
}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {
  padding:0px 10px;
}
#NewsPostDetailReturnLink {
  padding:5px 10px;
}

.BlogSummary {
    margin-bottom: 0px;
 }

.BlogSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.BlogSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.BlogSummarySummary, .BlogSummaryContent {
  line-height: 140%;
  margin-bottom: 5px;
 }

#BlogPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;padding:0 10px;
  }

#BlogPostDetailSummary {padding:0 10px;
   margin-bottom: 10px;
  line-height: 150%;
   }

#BlogPostDetailContent {
  margin-bottom: 15px;padding:0 10px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
 
.BlogSummaryLink {}
.BlogSummaryAuthor {}
.BlogSummaryMorelink {
  margin:0 0 10px 10px;padding: 0;
}
#BlogPostDetailTitle {
  padding:0 10px;color:#666666;
}
#BlogPostDetailHorizRule {}
#BlogPostDetailCategory {
  padding:0 10px;
}
#BlogPostDetailAuthor {
  padding:5px 10px;
}
#BlogPostDetailAuthor {}
#BlogPostDetailPrintLink {
  padding:0px 10px;
}
#BlogPostDetailReturnLink {
  padding:0 10px;
}

#addcommentlink{
  padding:0 10px;
}

/* end News Layout */

/* ---------------------------   PART 4 : ARTYPO ----------------------------------------------------*/

h1,h2,h3{font-family: "arial",Trebuchet MS,sans-serif}

h2{}

p{}
address{padding: 3px 15px;font-style:normal}
body {
	text-align: left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 75%;
        line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */

/* LIENS GLOBAUX */
        a,
	a:link 
	a:active, a:visited {
        color: #333333;
	text-decoration: none;
	}

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

/* LIENS CONTENT */
        #content a,
	#content a:link,
	#content a:active,
        #content a:visited {
        color: #587A9C;
	text-decoration: underline;
	}

        #content a:hover{
        color:#000;text-decoration:blink;
        }

/* LIENS MAIN */
	#main a,
	#main a:link, 
	#main a:active,
        #main a:visited {
        color: #587A9C;
	text-decoration: underline;
	}

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

/* LIENS CONTENT 2 */
        #content2 a,
	#content2 a:link, 
	#content2 a:active,
        #content2 a:visited {
        color: #587A9C;
	text-decoration: underline;
	}

        #content2 a:hover{
        color:#CCC;
        text-decoration:none;
        }

/* LIENS NEWS */
        #news a,
	#news a:link,
	#news a:active,
        #news a:visited {
        color: #587A9C;
	text-decoration: underline;
        }

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

       #news2 a,
	#news2 a:link, 
	#news2 a:active,
        #news2 a:visited {
        color: #587A9C;
	text-decoration: underline;
        }

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

/* LIENS BREADCRUMBS */
        div.breadcrumb a,
	div.breadcrumb a:link, 
	div.breadcrumb a:active,
        div.breadcrumb a:visited{
        color: #4d4d4d;
	text-decoration: none;
        } 
     
        div.breadcrumb a:hover{
        color: #808080;
	font-weight: bold;
	}

/* LIENS MENU HORIZONTAL */
/* 1er niveau des lien */
        #menu_horiz a,
	#menu_horiz a:link 
	#menu_horiz a:active,
        #menu_horiz a:visited {
	text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        color: #ffffff;
        background-color: #C0C0C0;
        border-color: #C0C0C0;
	}

	#menu_horiz a:hover{
        background-color: #989898;
        /*background-color: #ffffff;*/
	text-decoration: none;
        
        }

/* niveaux suivants des liens */
        #menu_horiz li li a,
	#menu_horiz li li a:link 
	#menu_horiz li li a:active,
        #menu_horiz li li a:visited {
	text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        color: #989898;
        background-color: #E7E7E7;
        border: 1px solid #C0C0C0;
	}

	#menu_horiz li li a:hover{
        background-color: #989898;
        color: #ffffff;
	text-decoration: none;
        }

        /* changer ici l'apparence du menu actif */
        #menu_horiz li a.menuactive
        /*,
	#menu_horiz li.menuactive menuparent a:link,        
	#menu_horiz li.menuactive menuparent a:active,  
	#menu_horiz li.menuactive menuparent a:visited,*/ 
       {
        color: #ff4200 !important;
        background-color: #ffffff;
        }
 
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		/*padding: 0 15px;*/
		padding: 0;
	}
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	#main h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 15px;
		padding:0;
	}
	#menu_vert h2 {
		margin-left: 10px;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0 10px;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		margin: 0px;
		padding:5px 10px;
		line-height:1.8em;
	}
	blockquote {
		border-left: 3px solid #ddd;
		margin-left: 10px;
		padding-left: 5px;
 		line-height:2em;   
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
	margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 1.5em 0;
	}
	th {
	font-weight: bold;
	text-align: left;
	}
	td {
	font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		   
	}
	hr {	
	margin:  0;
	/*border-bottom: 1px dotted black;*/
	}

/* ---------------------------   PART 5 : NIFTYCORNERS --------------------------------------------*/

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/* ---------------------------   PART 6 : ARCOLOR ---------------------------------------------------*/

/*colors*/

body{background-color: #f2f2f2}
div#header{}
h2{color: #595959}
h3{color: #595959}
div#sidebar{}
div#wrapper {}
div#mainblock, div#block2, div#newsblock,div#newsblock2{background-color:#fff}
div#footer{color: #333}

/* ---------------------------   PART 7 : WFRAMELAYOUT1COL --------------------------------------*/

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

div.breadcrumbs {margin:0px;padding:2px 0 4px 10px;text-align: left;font-size: 90%;}
div#contenthead {width:90%;height:20px;margin:3px auto 3px;padding: 5px 3px;}
 * html body div#contenthead { margin: 0px auto; padding: 10px 0;}


html{height: 100%; margin-bottom: 1px}

html,body{margin:0;padding:10px 0 20px}
div#box{width:845px;margin: 0px auto}
div#page{width: 100%;margin: 0px ;text-align: left}

div#header{width: 100%; margin:0px auto;padding: 0px ;}
div#hbox{margin: 5px; padding: 10px}
 *html body div#hbox{margin: 5px; padding: 10px 0}
div#header h1{margin:5px 0;padding:60px 5px 15px}

div#menu_horiz{width:95%;margin: 3px auto;padding: 3px}
div#wrapper{height: 20px;padding:  0}
div#menuwrapper{margin:0px;padding:0px 0 0 85px}

div#content{margin:4px 0 10px;padding: 3px}

div#contentbox{margin:0px;padding: 10px}
 * html body div#contentbox{margin: 0px;padding: 10px}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

div#footer{clear: both;margin-top: 10px}
div#footer p {margin: 0;padding: 5px;text-align: center;}


div#mainblock{height:100%;;margin:0 0 10px;padding:3px}
 *html body div#mainblock{width:100%;margin:0px;padding:0px}
div#mainblock.col{height:100%;width:77%;margin:0 0 10px;padding:0px}
div#main {padding:5px 0;}
 * html body div#main {padding:5px;}

div#block2{;width:73%;margin:0 0 10px;padding:3px}
 *html body div#block2{;width:73%;margin:10px 0px;padding:0px}
div#content2 {padding:5px;margin:0px;}
divmain p{margin: 0px;padding: 5px;display:inline}
div#content2 h2{margin: 0px;padding: 5px;}
div#newsblock{float:right;width:20%;margin:20px 10px;padding:3px;display:inline;}
div#newsblock.tsw{float:right;width:20%;margin:5px 10px;display:inline;}
div#news{padding:0 8px;}

div#flat{clear:both;width:66%;height:30px;margin:10px 0 0;padding:3px;}
div.left49 {float:left;width: 45%;padding:3px}
div.right49{float:right;width:30%;margin-right:5px;padding:3px}
div.top49 {float:right;width: 15%;text-align: right;}

/*div.left49 a {display:block;height:36px;width:53px;margin:0px;padding:0px;}
div.right49 a {display:block;height:36px;width:53px;margin:0px;padding:0px;}
div.left49 a:hover{width:53px;height:36px;background: url(uploads/wireframe1colwnews/backw.png);}
div.right49 a:hover{width:53px;height:36px;background: url(uploads/wireframe1colwnews/forw.png);}*/

/* ---------------------------   PART 8 : FORM --------------------------------------------------------*/

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 1em;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */

/* ---------------------------   PART 9 : ALBUM -----------------------------------------------------*/

/********************** D É B U T   C A T A L O G  *****************************************/

/* ------------------------------------------------ Item : le catalogue ------------------------------------------- */

/* table générale des items */
table.category_items {
   float: left;
   width: 100%;
   background-color: #fff;
   margin: .5em 0 .5em 0; /* un peu d'espace en pied de catalogue */
   padding:0;
   text-align: center;
   border-top : 0px solid #ccc;
   padding-top: 2em;
}

table.categorie_items td {
   height: 100%;
}

/* table d'un item placé au pied de la ligne */
table.category_items td{
   height: 100%;
   vertical-align: bottom;
   text-align: center;
}

/* table d'un item */
table.category_item {
   width: 100%;
   height: 100%;
}

/* cellule lien-image d'un item */
tr.category_item_image td{
   height: 100%;
}

tr.category_item_image img {
   border: 1px solid #ccc !important;
}

tr.category_item_image td {
}

tr.category_item_name td{
   border-top: 2px solid #fff;
   border-bottom: 30px solid #fff;
}

/* police du titre */
tr.category_item_name a {
   font-size: 90%;
   text-decoration: none;
}

/* rangée de navigation */
tr.category_item_navig {
   width: 100%;
   text-align: center;
   padding: 0;
   background-color: #fff;
   border: 0px solid #000; 
}




/* --------------------------------------------- Item : l'image en détail ----------------------------------------- */

div.catalog_item {
   margin: 0;
   padding: 0;
   float: left;
   width: 100%;
   text-align: center;
}

div.catalog_item p {
   display: none;
}

div.item_images {
   float: left;
   width: 100%;
   border-bottom: 0px solid #ccc;
}

#item_image{
   border: 1px solid #ccc;
   margin-bottom: 1.8em;
}

div.item_thumbnails {
   display: none;
}

div.item_infos {
   float:left;
   width: 100%;
   margin: 0 0 .8em 0;
   text-align: left;
   line-height:1.1em;
}

div.item_attribute_name {
   color: #888;
   float: left;
   padding: .5em .5em 0 0;
}

div.item_attribute_val {
   color: #000;
   float: left;
   font-weight: normal;
   padding: .5em 0 0 0;
}

div.item_attribute_val p{
   display: inline;
   padding: .5em !important;
   text-indent:0;
   text-align: left !important;
   margin: 0 !important;
   padding-right: 5em !important;
   font-weight: normal;
   font-style: italic;
}

div.alaligne {
   clear:left;
}


/********************** F I N   C A T A L O G  *****************************************/

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

/********************** D É B U T   A L B U M — G L O B A L *******************************/

/*>>>>>>> D É B U T    L I S T E    D ' A L B U M S */

/*
{if !$album}
<div class="AlbumsListe">
   <ul class="albumlist">
	{foreach from=$albums item=album}
	<li class="thumb">
 	   <a href="{$album->link}">
              <img src="{$album->thumbnail}" alt="{$album->name}" title="{$album->name} - {$album->comment}"{*$album->autothumbnailsize*} /></a>

           <p class="albumname">{$album->name}<br />
           <span class="albumpicturecount">({$album->picturecount} images)</span><br />
           <span class="albumcomment">{$album->comment}</span></p>
        </li>
	{/foreach}
   </ul>
</div>
*/


div.AlbumsListe {
   display: block;
   float: left;
   width: 100% !important;
   margin: 0 0 0 0 !important;
   padding: 0 !important;
   /*background-color: orange;*/
}

div.AlbumsListe ul.albumlist {
   display: block;
   float: left;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   /*background-color: pink;*/
}

div.AlbumsListe li.thumb {
   display: block;
   float: left;
   width: 100% !important;
   margin: 0 0 2em 0 !important;
   padding: 0 0 2em 0 !important;
   border-bottom : 1px solid #ccc;
   /*background-color: blue;*/
}

div.AlbumsListe a {
   display: block;
   float: left;
   width: auto;
   height: 100%; /* met le cadre au format de l'image */
   border: 1px solid #ccc;
   padding: 10px !important; /* bordure de l'image */
}

div.AlbumsListe a:hover {
   background-color: transparent;
   border-color: #888;
}

div.AlbumsListe img {
   /*width: 100%;
   height: 100%;*/
   /* background-color: green;*/
}

div.AlbumsListe p.albumname {
   display: block;
   float: left;
   text-align: left;
   font-size: 1.2em;
   padding: 0 0 0 1em;
   margin: 0;
   /*background-color: yellow;*/
}

div.AlbumsListe span.albumpicturecount {
   display: block;
   float: left;
   margin: 0 0 .5em 0;
   /*clear: left;*/
   /*background-color: red;*/
}

div.AlbumsListe span.albumcomment {
   display: block;
   float: left;
   clear: left;
   /*background-color: #ccc;*/
}

/*>>>>>>> F I N    L I S T E    D ' A L B U M S */

/*>>>>>>> D É B U T    L I S T E    D ' I M A G E S */

div.ImagesListe {
   float: left;  
   height: auto !important;
   margin: 0 !important;
   padding: 0 !important;
   background-color: #fff;
/* À ÉDITER : LARGEUR DE LA FENÊTRE DE GALERIE */
   width: 810px;
}

div.ImagesListe ul{
   display: block;
   float: left;
   width: 100%;
   height: 100%;
   margin:0 !important;
   padding: 0 !important;
}

/* CONTENEUR DU CADRE - SERT À CRÉER UN ESPACE RÉGULIER ENTRE LES VIGNETTES */
div.ImagesListe li {
   display: block;
   float: left;
   padding: 0px !important;
   /* À ÉDITER : LARGEUR DE LA FENÊTRE DE LA VIGNETTE ET ESPACEMENT ENTRE LES FENETRES */
   width: 180px !important;
   height: 172px !important;
   margin: 10px 20px 10px 0 !important;
}

/* CADRE */
div.ImagesListe a {
   display: bloc;
   float: left;
   padding: 0px;
   margin: 0px;
   /* À ÉDITER : BORDURE DE LA FENÊTRE DE LA VIGNETTE + COULEUR ET BORDURE */
   width: 178px;
   height: 170px;
   /* SUR AUTO : LA FENÊTRE EST À LA DIMENSION H OU V DE LA VIGNETTE */
   /*width: auto !important;
   height: auto !important;*/
   border: 1px solid #ddd;
}

/* ROLLOVER DU CADRE */
div.ImagesListe a:hover {
   border-color: #888;
   background-color: #eee;
}

/* VIGNETTE */
div.ImagesListe li a img {
   padding: 0;
   /* MARGE ENTRE LA VIGNETTE ET SON CADRE */
   margin: 5px !important;
}


div.infosBas {
   display: block;
   float: left;
   width: 99%;
   margin: 0;
   padding: 0;
   text-align: left;
}

div.instructiontext {
   display: block;
   float: left;
   width: 98%;
   color: #555;
   text-align: left !important;
   margin: 0 0 5px 0;
   padding:0 0 5px 0;
   font-size: 0.9em;
}

div.instructiontext span{
   text-align: left;
}

div.retouralbums {
   display: block;
   float: left;
   margin: 0;
   padding:0;
}

div.retouralbums a{
   text-align: center;
   border: none !important;
   font-style: normal;
   font-size: 1em;
   margin: 0;
   padding:0;
}

div.retouralbums a:hover {
   background-color: #fff7a7;
}

/*>>>>>>> F I N    L I S T E    D ' I M A G E S */

/********************** F I N   A L B U M — G L O B A L *************************************/

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

/********************** D É B U T   A L B U M  — L I G H T B O X ******************************/

#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#bottomNavClose {
height: 26px !important;
width: 26px !important;
background: url(modules/Album/templates/db/lightbox/images/close.gif) no-repeat;
}

#bottomNavClose img{
display: none;
}
	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/********************** F I N   A L B U M  — L I G H T B O X *******************************/


/******************************** D É B U T   P I C A S A  *******************************/

/*>>>>>>> PICASA — LISTE ALBUMS */

/* GABARIT DU TEMPLATE LISTE D'ALBUM */
/*
{section name=thumbnails loop=$thumbnails}
    <div class='pwaAlbum'>
        <a title="{$titles[titles]}" href="{$links[thumbnails]}">
            <img src='{$thumbnails[thumbnails]}'/>
        </a>
        <div>
        {$titles[thumbnails]}
        </div>
    </div>
{/section}
*/

div.pwaAlbum {
   width: 647px !important;
   /*height: 200px !important;*/
   float: left !important;
   text-align: center !important;
   /*background-color: yellow !important;*/
   border-bottom: 1px solid #ccc !important;
   margin: 2em 2em 0 4em !important;
   padding: 0 0 2em 0 !important;
   
}

div.pwaAlbum a {
   display: block !important;
   float: left;
   width: 120px !important;
   margin: auto auto !important;
   padding: 10px 0em;
   border: 1px solid #ccc;
}

div.pwaAlbum a:hover {
   background-color: transparent !important;
   border-color: #888 !important;
}

div.pwaAlbum img {
   padding: auto !important;
   width: 96px !important;
   height: 96px !important;
}

div.pwaAlbum div {

   display: block !important;
   float: left !important;
   text-align: left !important;
   font-size: 1em !important;
   padding: 0 0 0 1em !important;
   margin: 0 !important;
   font-weight: bold !important;


   /*clear: both !important;
   width: 180px !important;
   float: left !important;
   text-align: left !important;
   background-color: pink;*/
}

/*>>>>>>> PICASA — LISTE IMAGES */

/* GABARIT DU TEMPLATE LISTE D'IMAGES */
/*
{section name=thumbnails loop=$thumbnails}
    <div class="pwaImages" style='float:left; text-align:center; vertical-align: bottom; height:80px; width:80px;'>
        <a rel="lightbox[{$album}]" title="{$titles[thumbnails]|default:'&nbsp;'}" href="{$images[thumbnails]}">
            <img src='{$thumbnails[thumbnails]}'  style='padding: 0px;'/>
        </a>
    </div>
{/section}
{if $albumDrillDown}
    <div style='clear:both; text-align:center; height:80px; width:100%;'>
        <a href='{$linkBack}'>{$linkBackText}</a>
    </div>
{/if}
*/

div.pwaImages {
   float: left;
   text-align: center;
   vertical-align: bottom;
   /*height: 120px;*/
   width: 120px;
   /*background-color: green;*/
   padding: auto;
margin: 1em;
}

div.pwaImages a {
   display: block !important;
   /*float: left !important;*/
   padding: 1em;
   /*width: 150px !important;
   height: 100 px !important;*/
   background-color: transparent;
   border: 1px solid #ccc;

}

div.pwaImages img {
   padding: 0px;
}

/******************************** F I N   P I C A S A  *******************************/

/* ---------------------------   PART 10 : JSLAYOUT1COL --------------------------------------------*/

/* SITE SPECIFIC LAYOUT */

/* JS CSS, uncomment this for Rounded corners, that means goto the very bottom and delete the  and the  forward slash and put it at the end of this sentence, don't forget to comment the wireframe CSS */

/* ########### DÉ B U T      B R E A D C R U M B S  ########### */

div.breadcrumbs {margin:0; padding: 5px 10px; text-align: left; font-size: 90%; border: none;}

/* conteneur breadcrumbs */
div#contenthead {width:100%;height:20px;margin:0px auto;padding: 0px 0; background-color: transparent; border: none;}

/* conteneur breadcrumbs pour IE6 */
* html body div#contenthead { margin: 0px auto; padding: 0px 0; background-color: transparent;}

/* ########### F  I N      B R E A D C R U M B S  ########### */

html{height: 100%; margin-bottom: 1px}

html,body{margin:0;padding:10px 0 20px}

/* boîte globale */
div#box{width:850px;margin: 0px auto; background-color: #ffffff;border: 1px solid #c0c0c0;}

div#page{width: 100%;margin: 0px ;text-align: left; background-color: #ffffff; border: none;}

/*################   D É B U T      H E A D E R   ################*/
/*header 1 global*/
div#header{width: 100%; height: 80px; margin:0px auto;padding: 0; background: url(uploads/images/interface/logo.gif) #e7e7e7; border: none;}

/* header 2 */
div#hbox{margin: 0; padding: 0; width: 100%; height: 100%; background-color: transparent; border: none;}

/* header 2 pour IE 6*/
 *html body div#hbox{margin: 0; padding: 0; width: 100%; height: 100%; background-color: transparent; border: none;}

/*Titre du header*/
div#header h1{margin: 0; padding: 0; width: 100%; height: 100%; background-color: transparent; border: none; display: none;}

/*################   F I N      H E A D E R   ################*/

/*################   D É B U T   M E N U   H O R I Z O N T A L   ################*/

div#menu_horiz{width:100%;margin: 0 auto 3px auto;padding: 0px; background-color: #c0c0c0; border: none;}
div#wrapper{height: 27px;padding: 0; border: none;}
div#menuwrapper{margin:0px;padding:7px 0 0 5px; border: none;}

/*################   F I N   M E N U   H O R I Z O N T A L   ################*/

/*################   D É B U T   C O N T E N U    P A G E   ################*/

/* BOITE DE CONTENU 1 TOUS NAVIGATEURS */
div#content{margin: 0px 0 0px 0px;padding: 0px; border: none;}

/* BOITE DE CONTENU 2 TOUS NAVIGATEURS */
div#contentbox{margin:0;padding: 10px; border: none;}
/* BOITE DE CONTENU IE6 */
 * html body div#contentbox{margin: 4px 0 0px 4px;padding: 10px; border: none;}

div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

/*################   F I N   C O N T E N U    P A G E   ################*/

/*################   D É B U T   F O O T E R   ################*/
div#footer{clear: both;margin-top: 0px; height: 27px; background-color: #c0c0c0; border: none;}
div#footer p {margin: 0;padding: 7px 10px; text-align: left; font-size: 90%;}
/*################   F I N   F O O T E R   ################*/


/*################   D É B U T   B L O C   P R I N C I P A L   ################*/

/* conteneur 1 - Tout navigateur */
div#mainblock{height:100%;width:95%;margin:0 0 5px 20px;padding:0px; border: none;}
/* conteneur 1 - pour IE6 */
*html body div#mainblock{width:100%;margin:0px;padding:0px; border: none;}

/* colonne en cas de colonne - Tout navigateur */
div#mainblock.col{height:100%;width:77%;margin:0 0 10px;padding:0px; border: none;}

/* conteneur 2 - Tout navigateur */
div#main {padding:5px 0; border: none;}
/* conteneur 2 - pour IE6 */
* html body div#main {padding:5px; border: none;}

/*################   F I N   B L O C   P R I N C I P A L   ################*/

/*################   D É B U T   B L O C   2   ################*/
div#block2{width:73%;margin:0 0 10px;padding:0;}
 *html body div#block2{width:73%;margin:10px 0px;padding:0px}

div#content2 {padding:5px;margin:0px}
div#main p{margin: 0px;padding: 5px;/*display:inline;*/}
div#main hr{display:none;}
div#content2 h2{margin: 0px;padding: 0px;}
/*################   F I N  B L O C   2   ################*/

/*################   D É B U T   B L O C   N E W S   ################*/

div#newsblock{float:right;width:20%;margin:20px 10px;display:inline; background-color: #fff2bc; border: none;}

div#newsblock.tsw{float:right;width:20%;margin:5px 10px;display:inline;border: none;}

div#news{padding:0 8px; border: none;}
/*################   F I N   B L O C   N E W S   ################*/

/*################   D É B U T   N A V I G A T I O N   P A G E   ################*/
div#flat{clear:both;width:100%;height: 27px; margin:10px 0 0 0;padding:10px 0 0 0;border: none; border-top: 1px solid red}
div.left49{float:left; width: 32%;text-align: left;border: none; padding:0; margin: 0;}
div.top49 {float:left;width: 32%;text-align: center;border: none; padding:0; margin: 0;}
div.right49{float:right; width: 32%;text-align: right;border: none; padding:0; margin: 0;}
div.left49 a {}
div.right49 a {}
div.left49 a:hover{}
div.right49 a:hover{}
/*################   F I N   N A V I G A T I O N   P A G E   ################*/

/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/
/* ##########################################################*/

/* #########    RÉDIGER ICI LES ADAPTATIONS CONTEXTUELLES     ###########*/

/* NAVIGATION DANS LES PAGES (pages précédente et suivante) */
/* placer les balises de commentaire slash-étoile avant et après pour afficher la navigation */
#flat{display: none;}
#page{padding-bottom: 10px;}

/* MASQUAGE DU NOM D'UN ALBUM */
div.ImagesListe h3{display: none;}

/* MASQUAGE DU FIL D'ARIANE (breadcrumbs) */
#contenthead{display: none;}

/* FENÊTRE DU SITE */
div#box{width:850px; margin: 0px auto; background-color: #ffffff;border: 1px solid #989898;}

/* HEADER ET LOGO */
div#header{height: 80px; background: url(uploads/images/interface/logo.gif) #e7e7e7;}

/* ADAPTATION DES COULEURS */
/* COULEUR ARRIÈRE-PLAN FENÊTRE NAVIGATEUR*/
body{background-color: #C0C0C0}

/* MENU HORIZONTAL*/
div#menu_horiz{background-color: #989898}

/* 1er niveau du menu */
        #menu_horiz a,
	#menu_horiz a:link 
	#menu_horiz a:active,
        #menu_horiz a:visited {
        background-color: #989898;
        border-color: #989898;
	}

	#menu_horiz a:hover{
        background-color: #666666;
	text-decoration: none;
        
        }

/* niveaux suivants du menu */
        #menu_horiz li li a,
	#menu_horiz li li a:link 
	#menu_horiz li li a:active,
        #menu_horiz li li a:visited {
        background-color: #E7E7E7;
        border: 1px solid #C0C0C0;
	}

	#menu_horiz li li a:hover{
        background-color: #989898;
        }

/* changer ici l'apparence du menu actif */
        #menu_horiz li a.menuactive
        /*,
	#menu_horiz li.menuactive menuparent a:link,        
	#menu_horiz li.menuactive menuparent a:active,  
	#menu_horiz li.menuactive menuparent a:visited,*/ 
       {
        color: #ff4200 !important;
        background-color: #ffffff;
        }
 
/* FOOTER */
div#footer{background-color: #989898}

/* GALERIES */

/*>>>>>>>   L I S T E    D ' I M A G E S    P O U R     A L B U M    e t     L I G H T B O X <<<<<*/
/* 4 colonnes d'images */
div.ImagesListe {
   width: 810px;
}

div.ImagesListe li {
   width: 180px !important;
   height: 172px !important;
   margin: 10px 20px 10px 0 !important;
}

div.ImagesListe a {
   width: 178px;
   height: 170px;
   border: 1px solid #ddd;
}

div.ImagesListe a:hover {
   border-color: #888;
   background-color: #eee;
}

div.ImagesListe li a img {
   margin: 5px !important;
}

/* >>>>>>> S T Y L E S    S P É C I F I Q U E S      U T I L I S A T E U R S     T i n y M C E <<<<<<*/

.TMCE_rouge {
   color: red;
}

.TMCE_vert {
   color: green;
}

.TMCE_gauche {
   teaxt-align: left;
}

.TMCE_centre {
   teaxt-align: center;
}

.TMCE_droite {
   teaxt-align: right;
}









/* End of 'Inzeweb 1 : Global' */