body {
    margin: 0;
    padding: 20px 0 0 0; /* top right bottom left */
    font: 14px Arial,Helvetica,Verdana,Sans-Serif;
    /*background: url('/images/gradient_bg.jpg') repeat-x #3d3d3d;*/
    background: #8c8e8c;
    text-align: justify;
    color: #104984; /*#333333;*/
}

#container {
	position: relative;
	margin: 0 auto;/* top right bottom left */
  padding: 0 0 10px 0;/* top right bottom left */
  font: 14px Arial,Helvetica,Verdana,Sans-Serif;
    /*background: url('/images/gradient_bg.jpg') repeat-x #3d3d3d;*/
    /*background: #8c8e8c;*/
  text-align: justify;
	background-color:#FFF;
  color: #104984; /*#333333;*/
	width: 1080px;
}

#content {				 

}



/*------------------- Titres ---------------------*/

h1 {
    top: 0;
    right: 0;
    background: url("/images/codendi_logo.png") no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 204px;
    height: 118px;
}

h1 span {
    display: none;
    /*font-size: 44px;
    color: red;
    text-decoration: bolder;*/
}

h2 {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url("/images/header.png") no-repeat right top;
    margin: 0;
    width: 730px;
    height: 118px;
}

h2 span {
    /*display: none;*/
    position: absolute;
    font-size: 13px;
    color: white;
    text-align: center;
    top: 50px;
    right: 25px;
    width: 245px;
    height: 100px;
}

h3 {
	color: #F63; /* orange */
}

h4 {
	 text-align:left; 
	 }


/*------------------- rounded box ---------------------*/

/* set millions of background images */
.rbroundbox { background: url("/images/nt.gif") repeat; }
.rbtop div { background: url("/images/tl.gif") no-repeat top left; }
.rbtop { background: url("/images/tr.gif") no-repeat top right; }
.rbbot div { background: url("/images/bl.gif") no-repeat bottom left; }
.rbbot { background: url("/images/br.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%;margin: 1em auto; }


/*------------------- synthese ---------------------*/

.synthese{
	padding-left:10px;
	padding-right:10px;
}

.synthese td{
	padding-left:10px;
	padding-right:10px;
}

.synthese .header {
	font-weight:bold;
	font-size: 15px;
	color: #F55; /* orange */
/*	color:#C00;*/
	text-align:center;		 
	font-stretch:bold;
}

.synthese .header a{
	font-weight:bold;
/*	font-size: 12px;*/
/*	color:#C00;*/
color: #F3664A; /* orange */
	text-align:center;
/*	font-stretch:bold;
	text-decoration:none;
	border:none;*/
}

.synthese .image{
	text-align:center;
	text-decoration:none;
	
}

.synthese .image a{
	text-align:center;
	text-decoration:none;
	border:none;
}

	
.synthese .description{
	text-align:center;
}



#thumbnails .synthese img{
   width:140px;
	 height:90px;
	 }
	 
#thumbnails .synthese .image a{
	text-align:center;
	Text-decoration:none;
	border:none;
}
	 
#thumbnails .synthese td{
	padding-top:5px;
	padding-bottom:10px;
}

#thumbnails .synthese .header td{
	padding-top:5x;
	padding-bottom:0px;
}


/*--------------- Images ----------------------------*/

a img {
    border: 0;
}



/*------------------- MENU -------------------------------------*/

menu {
   background: white;

}
	

ul#menu {
   left: 0px;
    position: relative;

    padding: 5px 20px 10px 20px; /* top right bottom left */
    margin: 0;
	margin-top:10px;
}

ul#menu li {
    display: inline;
}

ul#menu li a { 
    background: #DA2131; /* red RGB 218 33 49 */
    /*border: 1px solid #600 ;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px; 
    padding-bottom: 4px; 
    text-decoration: none; 
    color: white;
    font-weight: bold;
}
ul#menu li a:hover {
    color: #DA2131; /* red RGB 218 33 49 */
    background-color: #FFFFFF;
}

ul#menu li a.selected { 
    font-weight: bolder;
    background-color: #F3664A; /* orange */
}


ul#menu li.download a{ 
   background-color:#060; /* dark green */
 
}
ul#menu li.download a:hover {
    color: #52BA4A; /* green */
    background-color: #FFFFFF;
}

ul#menu li.download a.selected { 
	font-weight: bolder;
    background: #52BA4A; /* green */
}

h3#changeLanguageTitle {
    display: none;
}

ul#changeLanguage {
    list-style-type: none;
    position: absolute; 
    top: 120px; /* regarding the height of the header image  */
    right: 10px; 
}

ul#changeLanguage li {
    display: inline;
}

ul#changeLanguage li a { 
    background: white;
    /*border: 1px solid #600 ;*/
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px; 
    padding-bottom: 7px;
    text-decoration: none; 
    color: white;
    font-weight: bold;
}

.breadcrumb {
    font-size: small;
    color: black;
}
.breadcrumb a {
    color: black;
}



/*------------------- SUBMENU -------------------------------------*/


div#submenuDiv {
  /*  position: absolute;*/
 /*   top: 179px;
    left: 20px;
    width: 200px;*/
}


h4#submenuTitle span {
/*    display: block;*/
/*    padding-top: 7px;*/
    margin-left: 10px;
    color: #DA2131; /* red RGB 218 33 49 */
}

ul#submenu {
    list-style-type: none;
    padding: 0 10px 0 10px; 
    margin: 0;
}

ul#submenu li {
    padding: 3px 0 3px 0;/* top right bottom left */
	text-align:left
}
ul#submenu li a { 
    text-decoration: none;
    color: #F3664A; /* orange */
}
ul#submenu li a:hover {
    color:#FFF; /* white */
	 background-color:#F3664A; /* orange */
}
ul#submenu li a.selected { 
    font-weight: bolder;
    /*color:#FFFFFF;
	background-color: #F3664A; /* orange */
}	

#submenu h5{
	padding: 0px 0px 0px 0px;/* top right bottom left */
	margin: 3px 0 3px 0;

}

#submenu h5 ul{
	margin: 0 0 0 0;
	border-spacing:0px;
	padding: 0px 0px 0px 15px;/* top right bottom left */
	list-style-position:outside;
	list-style:none;
	display:block;
	text-align:left;
	font-weight:normal;
}

#submenu h5 li{
	padding: 2px 0px 2px 0px;/* top right bottom left */

}

#submenu h5 li a{
  padding: 0 0px 0 0px;
	margin: 0;

}


#submenu h5 li a.selected { 
    font-weight: bolder;
    /*color:#FFFFFF;
	background-color: #F3664A; /* orange */
}	

#submenuDiv table tr img{
	  text-align: center;
		margin: 10px 0px 10px 0px;/* top right bottom left */

}


/*=============================Footer =============================*/
#pageFooter {
	float:left;
    color: #fff;
    font-weight: bolder;
    text-align: left;
    /*padding: 140px 10px 0 0; /* top right bottom left 
    line-height: 26px;
    margin-top: 120px;
    margin-left: 0px;*/
		margin 0;
		padding:0px;
		padding-bottom:20px;
    height: 73px;
    width: 1080px;
    background: url('/images/footer_codendi_xerox.png') no-repeat;
}

#pageFooter a {
    color: #DA2131; /* red RGB 218 33 49 */
    text-decoration: none;
    font-size: 12px;
}

#pageFooter a:hover {
    text-decoration: underline;
}

ul#footer {
    list-style-type: none;
    margin: 0 0 0 0;
		padding: 30px 0px 20px 135px; /* top right bottom left */
    
}

ul#footer li {
    display: inline;
    margin-left: 70px;
    margin-right: 70px;
}

#pageFooter span#copyright {
	position:relative;
    font-size: 9px;
	font-weight:bolder;
	top:10px;
}