body{
	font-family: "Lucida Grande",Verdana,"Trebuchet MS",sans-serif;
	background-color: #ffffff;
	font-size:95%;
	line-height:1.8;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #DFCCD1;
    scrollbar-shadow-color: #B99FA2;
    scrollbar-highlight-color: #F6EDF3;
    scrollbar-3dlight-color: #664744;
    scrollbar-darkshadow-color: #B3989A;
    scrollbar-track-color: #F9F4F8;
    scrollbar-arrow-color: #684643;
}

a:link,a:visited {
	text-decoration : none;
	color : #5795D2;
}

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

u {
	text-decoration : none;
	border-bottom : 2px solid #EBF0F8;
}

ul {
	list-style-image : url(/resources/png/onidji-line-puce.png);
}

b {
	color : #173183;
	font-weight : bolder;
}

h2 {
	font-size : 105%;
}

h3 {
	font-size : 100%;
}

h4 {
	font-size : 70%;
}

ul.links-list, ul.characteristics-list {
	list-style-image : url(/resources/png/onidji-link-puce.png);
	padding-left : 16px;
	margin-left : 0;
}

ul.links-list .detail {
	font-size : 80%;
	margin-bottom : 2%;
}

ul.links-list .detail .url {
	color : #A9A9A9;
}

ul.characteristics-list li {
	margin-top : 3%;
}

.action-button, .submit-form input {
	background-image : url(/resources/png/onidji-button.png);
	background-position : top;
	background-repeat : repeat-x;
	background-color : #4299E5;
	color : #fff;
	padding : 0.2% 1% 0.2% 0;
	display : inline;
	border : 1px solid;
	border-color : #5D9BDD #0A2293 #0A2293 #5D9BDD;
	margin : 0.1% 0 0.1% 0;
}

.submit-form input {
	padding : 0.5% 5% 0.5% 5%;
}


.action-button:hover, .submit-form input:hover {
	background-image : url(/resources/png/onidji-button-hover.png);
}

.action-button .symbol {
	width:12px;
	height : 15px;
	background-position : center;
	background-repeat : no-repeat;
	padding-left : 25px;
	margin:0;
	/*margin : 0 0.5% 0 0.5%;*/
}

.action-button .download {
	background-image : url(/resources/png/onidji-download-symbol.png);
}

a.action-button:link, a.action-button:visited, .submit-form input {
	color: #fff;
	text-decoration : none;
	font-size : 90%;
}

/* Messages ============================= */

#messages_zone {
	padding-top : 4%;
	padding-left : 20%;
	padding-bottom : 4%;
	padding-right : 1%;
	font-size : 110%;
	font-weight : bold;
	background-image : url(/resources/png/onidji-messages-back-left.png);
	background-repeat : no-repeat;
	background-position : top left;
}


/* navigateur de pages ================== */

.pages-navigator {
	border : 1px solid #ADCEE9; /*#032850;*/
	margin : 1%;
	padding : 0.4%;
	text-align : center;
	background-image : url(/resources/png/onidji-classic-gradiant.png);
	background-position : left;
	background-repeat : repeat-y;
	background-color : #0B54A1;
	color : #fff;
}

.pages-navigator ul {
	list-style : none;
	width:80%;
	margin : 0 auto 0 auto;
	padding : 0;
	font-size : 90%;
	display : inline;
	text-transform : lowercase;
	
}

.pages-navigator ul li {
	margin: 0 1% 0 1%;
	display : inline;
}

.pages-navigator ul li span {
	color : #6AA3DF;
}

.pages-navigator ul li a:link, .pages-navigator ul li a:visited {
	color : #fff;
}

.pages-navigator ul li a:hover {
	text-decoration : none;
	font-weight : bold;
}

.pages-navigator .bottom {
	clear : both;
	display : block;
}

/* PHOTO ================== */

.photo-element .left-column p {
	text-align : right;
	width : 100%;
	margin : 1%;
}

.photo-element .right-column {
	text-align : center;
}

.photo-element .copyright {
	width:640px;
	border-top :1px solid #F0F8FF;
	margin : 0 auto 1% auto;
}

ul.photos-list {
	margin : 0;
	padding : 0;
	list-style : none;
}

ul.photos-list li {
	float : left;
	width : 49%;
	margin-top : 1%;
}

ul.photos-list .photo-content {
	background-image : url(/resources/png/onidji-recentproject-top.png);
	background-position : bottom;
	background-repeat : repeat-x;
	margin : 0 1% 0 1%;
	border : 1px solid #E2EBF9;
	border-top-width : 0px;
}

 .photo-zone {
}

.photo {
	border : 1px solid #DDE3EC;
}

ul.photos-list .photo-zone h4 {
	margin: 0 1% 0 1%;
	padding : 0 0 2% 0;
	font-weight : normal;
	color: #073677;
	border : 1px solid #E2EBF9;
	/*background-image : url(/resources/png/onidji-recentproject-bottom.png);
	background-position : top;
	background-repeat : repeat-x;*/
	border-bottom-width : 0px;
}

.copyright {
 font-size : 50%;
 text-align : right;
 color : #55667C;
}

ul.photos-list .medium-photo-block  .photo-zone .copyright {
	margin : 1%;
}

ul.photos-list li .photo-zone {
	margin : 0 auto 1% auto;
	width : auto;
	text-align : center;
}

.info-element  {
	clear : both;
	/*position : relative;*/
}

.info-element  .info-label {
}

.info-element  .info-value {
}


.note {
	font-size:60%;
}

.rss-link {
	border-color: transparent;
	border-style: none;
	
}

.learn-more {
	background-image : url(/resources/png/onidji-learn-more.png);
	background-repeat : no-repeat;
	background-position : center left;
	padding-left : 15px;
	font-size : 90%;
}

img.rss-link {
	margin : 1px;
}

.page-zone {
	width:100%;
	min-width : 800px;
	clear: both; 
}
.page-zone:after {
	display: block; 
    content: "."; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#path_zone {
	position : relative;
	border-bottom : 1px solid #C4C4C4;
}

#path {
	font-size: 90%;
	padding : 0.5em;
}

#path .path-item {
	background-image: url(/resources/png/onidji-separator-path.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-right: 5px;
}

#header {
	/*padding-top: 107px;*/
	background-image: url(/resources/png/onidji-header-back.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height:107px;
	
	text-align: left;
	position : relative;
	z-index : 110;
}

#logo {
	position : absolute;
	background-image: url(/resources/png/onidji-logo.png);
	background-repeat : no-repeat;
	width : 206px;
	height : 146px;
	top:0px;
	left:0px;
	z-index : 110;
}

#header-right {
	position : absolute;
	background-image: url(/resources/png/onidji-header-right.png);
	background-repeat : no-repeat;
	height : 107px;
	width:276px;
	top:0px;
	right:0px;
}

#top_path_zone {
	position : relative;
	z-index : 150;
	height : 0px;
}

#logo_bottom {
	position : absolute;
	background-image: url(/resources/png/onidji-logo-bottom.png);
	background-repeat : no-repeat;
	width : 155px;
	height : 35px;
	top:-35px;
	bottom: 0px;
	left:0px;
}

#site_name {
	position : absolute;
	top : 10px;
	left: 10px;
	font-size : 160%;
}

#footer {
	text-align: center;
	font-size:80%;
}

#copyright-note {
	clear:both;
	text-align: center;
	margin: 0.4em;
}

#last-update {
	text-align: center;
	color:#aaa;
	margin-top: 0.4em;
	text-transform : lowercase;
}

.illustration {
	background-repeat : no-repeat;
}

/* Dictionnaire ============== */

.dictionary-element {
	margin : 1%;
}

/* Release note ================= */

ul.release-notes-list {
	list-style : none;
	list-style-image: none;
	margin : 1.5% 0 0 0;
	padding : 0;
	font-size : 80%;
}

ul.release-notes-list .header {
	background-color : #BFD6ED;
	border-bottom : 1px solid #A8C6E3;
	color : #24517F;
	padding : 0.5% 1% 0.5% 1%;
	margin : 1%;
	position: relative;
	font-size : 110%;
}

* html ul.release-notes-list .header {
	width : 100%;
}

ul.release-notes-list .content {
	margin : 1%;
}

ul.release-notes-list .dictionary {
	margin : 4% 2% 2% 2%;
}

ul.release-notes-list .dictionary h3 {
	margin-bottom : 0.5%;
}
ul.release-notes-list .dictionary .term {
	font-family : "Courier New", Courier, monospace;
	color : #24517F;
}

ul.release-notes-list .header .info-label {
	width : 30%;
	float : left;
	border-bottom : 1px solid #B2CBE5;
}

ul.release-notes-list ul {
	list-style-image : url(/resources/png/onidji-check-puce.png);
}

ul.release-notes-list .header .info-value {
	width : 70%;
	float : left;
	border-bottom : 1px solid #B2CBE5;
}

ul.release-notes-list .header .bottom-header {
	clear:both;
	font-size:0%;
	position:relative;
}

ul.release-notes-list li.release-note {
	/*padding : 1% 0.5% 1% 0.5%;*/
}


.release-notes-bottom {
    height: 1%; 
    clear: both; 
}

/* pdf ================== */

.pdfs-list .list-content {
	margin : 0 0.5% 0.5% 0.5%;
}

.pdfs-list-bottom {
	clear : both;
	background-image : url(/resources/png/onidji-element-back.png);
	background-repeat : repeat-y;
	background-position : left;
	background-color : #BDD8EB;
	border-bottom : 1px solid #5D9BDD;
	height:5px;
	font-size:0%;
	width : 100%; 
}

.pdfs-list h3 {
	background-image : url(/resources/png/onidji-element-back.png);
	background-repeat : repeat-y;
	background-position : left;
	background-color : #BDD8EB;
	border-bottom : 1px solid #5D9BDD;
	padding : 0;
	margin :  0;
}

.pdfs-list h3 a {
	display : block;
	margin-left : 1%;
}

.pdfs-list .list-content .information {
	font-size : 80%;
	color : #6F7379;
	text-transform : lowercase;
}

.pdfs-list {
	padding : 0;
	margin : 0;
}

ul.pdfs-list {
	list-style : none;
	list-style-image: none;
	margin : 0.5% 0 0.5% 0;
}

.pdfs-list .list-button {
	text-align : right;
}

.pdfs-list .list-footer {
	height:1%;
	width : 100%; 
}

/* testimony ================== */

.testimonys-list {
	margin:0;
	padding : 0;
	list-style : none;
}

.testimonys-list-bottom {
	clear : both;
	font-size:0%;
	height : 1%;
}

.testimony p {
	margin : 1%;
	padding : 0% 0% 0% 4%;
	background-image : url(/resources/png/onidji-quote.png);
	background-repeat : no-repeat;
	background-position : top left;
	font-family : cursive;
	text-align : right;
	color : #0C3965;
}

.testimony .customer {
	line-height: normal;
	text-align: right;
	margin-right : 1%;
}

.testimony .name {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	font-size : 90%;
	font-weight : bold;
}

.testimony .job {
	text-transform : lowercase;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size : 80%;
}

.testimony .external-link {
	font-size : 80%;
}

.testimony img {
	margin : 0 0 0.2em 1em;
	float : right;
	border : 4px solid #BFD6ED;
}

.article-element {
clear : both;
}

.article-element .list-header {
	background-image : url(/resources/png/onidji-article-puce.png);
	background-repeat : no-repeat;
	background-position : center left;
	background-color : #EFF5FC;
	padding : 0.1em 0.1em 0.1em 20px;
}

.article-element .list-header h3 {
	margin : 0;
	padding :0;
} 

.article-element .date {
	margin-left : 20px;
	color : #0B54A1;
	font-size : 90%;
}

.article-element .complete-content .date {
	/*position : absolute;*/
	background-color : #EFF5FC;
	text-align : right;
	padding:0.2% 1% 0.2% 0.2%;
	margin:0 0 1% 0;
}

.article-element .complete-content .left-column p.summary {
	margin : 2%;
	text-align : right;
}


.article-element p {
	margin : 0.5% 1% 1% 20px;
	font-size : 95%;
}

.article-element .bottom {
	clear : both;
	width : 100%;
	text-align : right;
	font-size : 95%;
	letter-spacing : normal;
}

.article-element .bottom .learn-more {
	padding-right : 1%;
}

.zone-0 .article-element .bottom {
	padding-bottom : 0.4%;
	border-bottom : 1px solid #EFF5FC;
}

.zone-0 .article-element {
	margin : 1%;
}

.zone-0 .article-element .list-content .photo-link {
	float:left;
	margin : 0 4% 0 0;
	padding : 0 1% 0 0;
	border-right : 1px solid #DEDEDE;
}


/* ZONE  =====================  */

.zone-header-title h2 {
	margin : 1% 3% 1% 3%;
	padding : 0;
}

.zone-header .zone-header-title .rss-zone {
	float:left;
	padding : 0;
	margin : 3px;
	border-style: none;
	border-color: transparent;
	border-width : 2px 3px 0px 2px;
}


.zone-header .zone-header-title h2 {
	margin : 0 0 0 1%;
	float : left;
	color:#fff;
}

 .zone-header .zone-header-bottom {
	clear : both;
	width:100%;
	font-size:0%;
	height: 1px;
}

.zone-content {
	margin-bottom : 1%;
}

.zone-description {
	margin : 1%;
}

.zone-footer {
}

.zone-footer .learn-more {
display : block;
float : right;
}



/* ZONE 10 simple 1 �l�ment, ZONE 11 simple 2 �l�ment, ZONE 12 simple 3 �l�ments ============= */

.zone-10, .zone-11, .zone-12 {
	clear : both;
	margin : 3%;
	position : relative;
	font-size : 90%;
}

.zone-10 .zone-header .zone-header-title h2,
.zone-11 .zone-header .zone-header-title h2,
.zone-12 .zone-header .zone-header-title h2 {
	color : #9DC7F4;
	font-size : 180%;
	letter-spacing : 0.2em;
}

.zone-10 .zone-footer,
.zone-11 .zone-footer,
.zone-12 .zone-footer {
	clear : both;
}

.zone-12 .element {
	width: 33%;
	float : left;
}

.zone-11 .element {
	width: 45%;
	float : right;
}

.zone-10 .element {
	width: 100%;
	float : left;
}




/* ZONE 3 Encart 3 �l�ments, zone4 encart 1 �l�ment, zone 5 encart 2 �l�ments  ================== */

.zone-3, .zone-4, .zone-5 {
	clear : both;
	margin : 2%;
	width : auto;
	background-color : #F1F6FC;
	border : 1px solid #C6DAF3;
	position : relative;
	font-size : 90%;
}


* html .zone-3,* html .zone-4,* html .zone-5 {
	width : 100%;
}

.zone-3 .pdfs-list, .zone-4  .pdfs-list ,.zone-5  .pdfs-list  {
	margin :  0.5%;
}

.zone-3 .rss-link, .zone-4 .rss-link, .zone-5 .rss-link {
	position : absolute;
	top : 0.7em;
}

.zone-3 .zone-header, .zone-4 .zone-header, .zone-5 .zone-header {
	position : absolute;
	top:-1.4em;
}

.zone-3 .zone-header h2, .zone-4 .zone-header h2, .zone-5 .zone-header h2 {
	color: #6D99C5;
	position : relative;
	top: -0.4em;
	margin:0;
	padding:0;
	font-weight : lighter;
}


.zone-3 .element {
	width: 33%;
	float : left;
}

.zone-4 .element {
	width: 100%;
	float : left;
}

.zone-5 .element {
	width: 48%;
	float : right;
}

/* ZONE 2 recent Project  =====================  */

.yourproject-button, form.worksheet-add-show .submit-form input, form.worksheet-add-execute .submit-form input {
	background-image : url(/resources/png/onidji-yourproject-button.png);
	background-position : top;
	background-repeat : repeat-x;
	background-color : #9C4516;
	color : #fff;
	padding : 1% 2% 1% 2%;
	display : block;
	border : 1px solid;
	border-color : #D4A197 #923505 #923505 #D4A197;
	width : auto;
	margin : 1% 0 1% auto;
}

.yourproject-button {
	width : 70%;
	margin : 1% auto 1% auto;
}


a.yourproject-button:link, a.yourproject-button:visited {
	color: #fff;
	text-decoration : none;
	font-size : 90%;
}

a.yourproject-button:hover, form.worksheet-add-show .submit-form input:hover, form.worksheet-add-execute .submit-form input:hover {
	background-image : url(/resources/png/onidji-yourproject-button-hover.png);
	background-position : top;
	background-repeat : repeat-x;
}

.zone-2 {
	margin: 2% 0% 2% 0%;
}

.zone-2 .zone-header {
	position : relative;
	background-image : url(/resources/png/onidji-recentproject-top.png);
	background-position : bottom;
	background-repeat : repeat-x;
	border-bottom : 1px solid #D8E8F7;
	height : 30px;
	z-index : 90;
}

.zone-2 .zone-header h2 {
	position:absolute;
	top: 30px;
	margin : 0 1% 0.2% 1%;
	color:#6082A2;
}

.zone-2 .warp-content {
	padding : 1%;
	margin-right : 35%;
	border-right : 1px dashed #E6D4DB;
	background-color : #fff;
}

.zone-2 .zone-content {
	position : relative;
	margin-bottom : 0;
	background-color : #F9F4F8;
		background-image : url(/resources/png/onidji-yourproject-back.png);
	background-position : top right;
	background-repeat : no-repeat;
}

.zone-2 .your-project {
	position : absolute;
	top:0;
	right : 0;
	width : 35%;
	padding-bottom : 60px;
	background-repeat : no-repeat;
	background-position :  bottom right;
	text-align : center;
}

.zone-2  .illustration {
	display : block;
	background-repeat : no-repeat;
	background-position : top left;
	margin : 5% auto 1% auto;
	width:90%;
	height : 140px;
}

.zone-2 .your-project h3 {
	color:#855D5C;
	padding:0;
	font-size : 105%;
	margin : 0% 2% 0% 2%;
	text-align : left;
}

.zone-2 .illustration {
	border : 1px dashed #E6D4DB;
	background-color : #fff;
}

.zone-2 .illustration:hover {
	border: 1px dashed #CB9376;
	cursor : pointer;
}

.zone-2 .your-project .illustration {
	background-image : url(/resources/jpg/illustration-brouillon.jpg);
}

.zone-2 .your-project .illustration:lang(fr) {
	background-image : url(/resources/jpg/illustration-brouillon-fr.jpg);
}

.zone-2 .your-project .illustration:lang(de) {
	background-image : url(/resources/jpg/illustration-brouillon-de.jpg);
}

.zone-2 .your-project .illustration:lang(es) {
	background-image : url(/resources/jpg/illustration-brouillon-es.jpg);
}

.zone-2 .your-project .illustration:lang(it) {
	background-image : url(/resources/jpg/illustration-brouillon-it.jpg);
}

.zone-2 .your-project .illustration:lang(pt) {
	background-image : url(/resources/jpg/illustration-brouillon-pt.jpg);
}

.zone-2 .your-project .illustration:lang(nl) {
	background-image : url(/resources/jpg/illustration-brouillon-nl.jpg);
}

.zone-2 .your-project .illustration:lang(br) {
	background-image : url(/resources/jpg/illustration-brouillon-br.jpg);
}

.zone-2 .your-project p {
	padding: 0;
	color: #8B3000;
	margin : 0% 5% 2% 5%;
	font-size : 90%;
	text-align : center;
}

.zone-2 .zone-footer {
	border-top : 1px solid #D1E3F5;
		background-image : url(/resources/png/onidji-recentproject-bottom.png);
	background-position : top;
	background-repeat : repeat-x;
	width:100%;
	height : 30px;
}

.zone-2 ul.projects-list {
	margin:0;
	padding:0;
	list-style : none;
	padding-top : 1%;
	width: 100%;
}

.zone-2  ul.projects-list .illustration {
	position : relative;
	border: 1px solid #CCDEEF;
}

.zone-2  ul.projects-list .illustration:hover {
	border: 1px solid #818181;
}

.zone-2 .projects-list-bottom {
	clear : both;
	height : 3em;
}

.zone-2 ul.projects-list li.project {
	float : left;
	margin:0;
	padding : 0;
	width : 49%;
	height : 18em;
	border : 1px dotted #fff;
	border-left-color : #DCDCDC;
	position : relative;
}

.zone-2 ul.projects-list li.project .learn-more {
	position: absolute;
	right : 0;
	bottom : 0;
	margin-right : 5%;
}

.zone-2 ul.projects-list li.project .project-details{
	font-size : 90%;
	margin : 0% 5% 2% 5%;
}

.zone-2  ul.projects-list li.project p {
	margin:0;
	padding : 0;
}

/* ZONE 7 Paragraphe  =====================  */

.zone-7 {
	clear : both;
	z-index : 90;
	margin : 2%;
	padding : 0;
	font-size : 95%;
}

.zone-7 .zone-header {
	font-size : 110%;
	color : #fff;
	width : 100%;
	font-weight : lighter;
	border-bottom : 1px solid #0B53A0;
	background-image : url(/resources/png/onidji-paragraph-back.png);
	background-color : #5D9BDD;
	background-position : left;
	background-repeat : repeat-y;
	padding:0;
	margin:0;
}

.zone-7 .zone-header .zone-header-title {

}

.zone-7 .zone-header-bottom {
	clear:both;
	font-size:0%;
	
}

.zone-7 .zone-header h2 {
	font-weight : normal;
	padding-left : 1%; 

}

/* ZONE 0 classic ZONE 8 contact  Zone 9 formulaire  =====================  */

.zone-0, .zone-8, .zone-9 {
	clear : both;
	z-index : 90;
}

.zone-0.position-1, .zone-8 .position-1, .zone-9 .position-1 {
	z-index : 0;
	
}

.zone-0 .zone-header, .zone-8 .zone-header, .zone-9 .zone-header {
	background-image : url(/resources/png/onidji-classic-gradiant.png);
	background-position : left;
	background-repeat : repeat-y;
	background-color : #BDD8EB;
	color : #fff;
	margin : 0 0 1% 0;
	padding : 0.3em 0 0em 0;
	border-width : 1px 0px 1px 0px;
	border-style : solid;
	border-bottom-color : #87A8C3;
	/*#08223E;
	*/
	border-top-color : #E3F2FD;
}

.zone-0 .zone-header h2, .zone-8 .zone-header h2, .zone-9 
.zone-header h2 {
	padding-left : 1%;
}

.zone-0 .zone-header a:link
,.zone-0 .zone-header a:visited
,.zone-8 .zone-header a:link
,.zone-8 .zone-header a:visited
,.zone-9 .zone-header a:link
,.zone-9 .zone-header a:visited {
	color : #fff;
}
.zone-8 .zone-contact-left,.zone-9 .zone-contact-left  {
	float:left;
	width:29%;
}

.zone-8 .zone-contact-left .content, .zone-9 .zone-contact-left .content{
	margin : 5%;
}

.zone-8 .zone-contact-left .illustration,.zone-9 .zone-contact-left .illustration {
	height : 300px;
	margin : 0 auto 1% auto;
	width:95%;
	border-bottom : 1px solid #C5DAFB;
}

.zone-9 .zone-contact-left .illustration {
	border-bottom : 1px solid #DFC0C1;
}


.zone-8 .zone-contact-left .illustration {
		background-image : url(/resources/png/onidji-contact-back.png);
}

.zone-9 .messages {
	margin : 10% 2% 1% 2%;
	width : auto;
	position : relative;
	background-color : #fff;
	min-height : 500px;
	font-size : 75%;
}

.zone-9 .messages .message-debug, 
.zone-9 .messages .message-warning, .zone-9 .messages .message-error,
.zone-9 .messages .message-info {
	width : 100%;
	overflow : auto;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 16px;
	margin-bottom: 2%;
	line-height: normal;
	
}

.zone-9 .messages .message-debug {
	display : none;
}

.zone-9 .messages .message-error {
	background-image: url(/resources/png/onidji-message-error.png);
}

.zone-9 .messages .message-warning {
	background-image: url(/resources/png/onidji-message-warning.png);
}

.zone-9 .messages .message-info {
	background-image: url(/resources/png/onidji-message-info.png);
}

.zone-9 .messages .message-debug {
	background-image: url(/resources/png/onidji-message-debug.png);
}

/*  Formulaire  document de travail   */
#page_our-worksheet .zone-9 .zone-contact-left .illustration {
		background-image : url(/resources/png/onidji-worksheet-back.png);
}

.zone-8 .zone-content,.zone-9 .zone-content {
	float:left;
	width:70%;
	border-left : 1px solid #C5DAFB;
}

.zone-9 .zone-content {
	border-left : 1px solid #DFC0C1;
}

/* *ZONE 13 Presentation de la page d'accueil */

.zone-13 {
	border : 1px solid red;
	border-color : #E5EFF9 #fff #E5EFF9 #9AC9F0;
	position:relative;
	height : 451px;
	/*width:100%;*/
}

.zone-13 .zone-header {
	position : absolute;
	top : 1%;
	right : 0%;
	text-align : right;
	z-index : 10;
	margin : 0;
	padding : 0 1% 0 1%;
}

.zone-13 .zone-header .zone-header-title h2 {
	color :  #7CADD5;
	font-size : 150%;
	padding-left : 100px;
}

.zone-13 .zone-content {
	position : absolute;
	top : 0;
	background-image : url(/resources/jpg/home-presentation.jpg);
	background-position : bottom left;
	background-repeat : no-repeat;
	height : 451px;
	margin:0;
	padding:0;
	text-align : right;
	width : 100%;
}

.zone-13 .zone-content .warp-content {
	padding-left : 600px;
	position : absolute;
	bottom:1%;
	right : 1%;
	color : #4A4A4A;
	font-size : 105%;
	letter-spacing : 0px;
}

/* ZONE 1 whatsnew  =====================  */
.zone-1 {
	clear : both;
	/*position : relative;*/
	/*top : -38px;*/
	/*z-index : 90;*/
}

.zone-1 .zone-header {
	background-image : url(/resources/png/onidji-whatsnew-back.png);
	background-position : 0px 18px;
	background-repeat : repeat-x;
	width : 100%;
}

.zone-1 .zone-footer {
	/*background-image : url(/resources/png/onidji-whatsnew-back.png);
	background-position : center;
	background-repeat : repeat;*/
	width:100%;
	/*height : 4px;*/
	clear : both;
	/*margin-top : 0%;
	border-bottom : 1px solid #7CADD5;*/
}

.zone-1 .zone-header .zone-header-title {
	float : left;
	background-image : url(/resources/png/onidji-whatsnew-back.png);
	background-position : bottom left;
	background-repeat : repeat;
}

.zone-1 .zone-header .zone-header-title h2 a:link, .zone-1 .zone-header .zone-header-title h2 a:visited {
	color : White;
	text-decoration : none;
}

.zone-1 .zone-header .zone-header-right {
	display : inline;
	float : left;
	width :36px;
	background-image : url(/resources/png/onidji-whatsnew-left.png);
	background-position : top left;
	background-repeat : no-repeat;
	height : 18px;
}

.zone-1 .zone-content {
background-color : #fff;
}

/* content and column =====================  */

.complete-content {
	position : relative;
}

#price_of_product {
	font-size : 120%;
}

.complete-content  .price-details {
	width:95%;
	margin : 0 auto 1% auto;
}

ul.customs-list {
	list-style-image : url(/resources/png/onidji-check-puce.png);
	padding-left : 16px;
	margin-left : 0;
}

ul.options-list {
	list-style-image : url(/resources/png/onidji-plus-puce.png);
	padding-left : 16px;
	margin-left : 0;
}

.complete-content .basic-options-list li,  .complete-content .basic-customs-list li {
	clear : both;
	padding : 0;
	margin : 0;
}

.complete-content .basic-options-list h4, .complete-content .basic-customs-list h4 {
	font-size : 100%;
	margin : 0;
	padding : 0;
	font-weight : normal;
	color : #0B54A1;
	border-bottom : 1px solid #C5DAFB;
}

.complete-content .basic-customs-list .description {
	margin : 0 0 1% 0;
	padding : 0;
	font-size : 100%;
}

.complete-content .basic-options-list .description {
	float : left;
	width : 60%;
	margin : 0;
	padding : 0;
	font-size : 90%;
}

.complete-content .basic-options-list  .price-details {
	float : right;
	width : 39%;
}

.complete-content .left-column {
	/*position : relative;*/
	float : left;
	width : 24%; 
	margin: 0.5%;
	/*margin : 1% 0 1% 0;*/
	font-size : 80%;
}

.product-element .complete-content .left-column {
	width:33%;
}

.complete-content .left-column .illustration {
	margin : 0 auto 1% auto;
	width:95%;
	height : 160px;
	border-bottom : 1px solid #C5DAFB;
}

 .info-label {
	color : #0B54A1;
	border-bottom : 1px solid #C5DAFB;
}

 .info-value {
	text-align : right;
}

.complete-content .basic-links-list, .complete-content .basic-gallery,
 .complete-content .basic-characteristics-list, .complete-content .info-element, 
 .complete-content .basic-options-list,  .complete-content .basic-customs-list,  .complete-content .basic-pdf-list {
	width:96%;
	/*margin : 0 auto 1% auto;*/
	padding : 2%;
	/*padding-top : 5%;*/
	clear : both;
}



.complete-content .basic-links-list h3, .complete-content .basic-gallery h3, 
.complete-content  .basic-characteristics-list h3, .complete-content  .basic-options-list h3,
.complete-content  .basic-customs-list h3, .complete-content .basic-pdf-list h3 {
	margin : 0;
	padding : 0;
	font-weight : normal;
	color : #0B54A1;
	border-bottom : 1px solid #C5DAFB;
}

.complete-content  .basic-characteristics-list h4 {
	font-size : 100%;
	margin : 0 0 0.5% 0;
}

.complete-content .right-column {
	/*position : relative;*/
	float : right;
	width : 71%; 
	padding : 1%;
	border-left : 1px solid #DEDEDE;
	min-height : 200px;
}

.product-element .complete-content .right-column {
	width:63.5%;
	
}

.complete-content .right-column .description, .complete-content .right-column .comment {
	margin : 0 3% 1% 3%;
	/*position : relative;*/
}

.complete-content .bottom {
	clear : both;
}

/* Price =====================  */
.price {
	color : #E01C0E;
}

.price-unit {
	color : #000;
}

/* Presentation ================== */



.presentation {
	clear : both;
	background-position : top left;
	background-repeat : no-repeat;
	background-color : #fff;
	top:-19px;
	z-index : 0;
	min-height : 160px;
	/*border-top : 1px solid #F5F5F5;*/
	border-bottom : 1px solid #C5C5C5;
	border-top : 1px solid #C5C5C5;
	margin-bottom : -20px;
}

.presentation ul {
	list-style-image : url(/resources/png/onidji-check-puce.png);
}

.presentation.position-1 {
	border-top : 1px solid white;
}

.presentation .title {
	display : block;
	text-align : right;
	font-size : 130%;
	font-weight : bold;
	padding-top : 20px;
	margin-right : 1%;
	letter-spacing : 0.1em;
}

.presentation .description {
	font-size : 80%;
	padding-left : 120px;
	min-height : 40px;
	float : left;
	clear : left;
}

.presentation .price-details {
	float : right;
	padding-right : 1%;
	clear : right;
}

.price {
	font-size : 160%;
	font-weight : bold;
	text-align : right;
}

.price-unit {
	font-size : 70%;
}

 .price-method {
	font-size : 60%;
	text-align : right;
	text-transform : lowercase;
}

.presentation .bottom {
	clear : both;
	height : 20px;
	width : 100%;
	position : relative;
}

.presentation .bottom .learn-more {
	position : absolute;
	top:-1.5em;
	right: 1%;
}

/* Pied de page ========  */

#page_footer {
	margin-top : 3%;
}

#first_childs {
	border-top: 1px solid #B61C0E;
	border-bottom : 3px solid #EDEBEB;
	background-color: #EB142E;
	background-image: url(/resources/png/onidji-menu-back.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width:100%;
	height: 1.3em;
	padding-bottom: 5px;
	font-size: 90%;
	line-height : normal;
}

#first_childs ul, #menu_appendix ul {
	margin: 0em;
	padding: 0em;
	float: right;
}

#menu_appendix ul li {
	list-style-image: none;
	list-style-type: none;
	font-size : 60%;
	margin: 0.2em 1em 0.2em 0.5em;
}

#first_childs ul li {
	float: left;
	margin: 0.2em 1em 0.2em 0.5em;
	padding: 0em;
	width: auto;
	background-color: transparent;
	list-style-image: url(/resources/png/onidji-separator-sub-menu.png);
}

#first_childs ul li.position-on,#first_childs ul li.position-in, #first_childs ul li.position-in a:link, #first_childs ul li.position-in a:visited, #first_childs ul li.position-in a:hover {
	color : white;
	font-weight: bold;
}
.menu-site {
  position : relative;
  font-size:105%;
  width:100%;
  z-index : 90;
  line-height : normal;
  background-repeat: repeat-x;
  background-image: url(/resources/png/onidji-menu-site-back.png);
  background-color: #E51928;
  background-position:  0px 70px;
}

.menu-site ul {
	list-style : none;
}

.menu-site ul.menu-level-1 {
	border-top: 1px solid #B61C0E;
	background-color: #E51928;
	background-image: url(/resources/png/onidji-menu-site-back.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width:100%;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-bottom : 5px solid #EDEBEB;
}

* html .menu-site ul.menu-level-1 {
	margin: 0 0 0 155px;
}

.menu-site ul.menu-level-1 li:first-child {
	margin-left : 210px;
	border-left: 1px dotted #F76C77;
}

.menu-site ul.menu-level-1 li {
	border-right: 1px dotted #F76C77;
}

.menu-site ul.menu-level-1 li li {
	border-right: none;
}

.menu-site ul.menu-level-1 ul  li:first-child {
	margin-left : 0px;
}

.menu-site ul.menu-level-1:after, #first_childs ul:after {
	display: block; 
    content: "."; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ----------- Dynamic menu  ------------------ */

.dynamic .sub-menu ul,
.dynamic .current-sub-menu .sub-menu ul,
.dynamic .current-sub-menu .current-sub-menu .sub-menu ul, 
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu .sub-menu ul, 
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu .sub-menu ul {
	position:absolute;
	display: block;
	top:-300em;
	width:0em;
	height:0em;
	margin:0em;
}
 
.dynamic li.current-sub-menu {
	position:relative;
	background-color : #EF1721;
}

.dynamic li.current-menu-item {
	background-color : #EF1721;
}

.dynamic .current-sub-menu ul,
.dynamic .current-sub-menu .current-sub-menu ul,
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu ul,
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu ul,
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu ul {
	top:1.5em;
	width: 12em;
	height:auto;
	z-index:50;
}

.dynamic .current-sub-menu .current-sub-menu ul, 
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu ul, 
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu ul,
.dynamic .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu .current-sub-menu ul {
	left: 12em;
	width: 14em;
	top:0em;
	padding-right:0.2em;	
}


/* ----------- Dynamic menu end  ------------------ */

.menu-site li a, .menu-site li span {
	display:block;
}

.menu-site ul {
	list-style-type: none;
	list-style-image: none;
}


.menu-site ul li {
	float: left;
	margin: 0em;
	padding: 0.2em 0.4em 0.2em 0.4em;
	width: auto;
	background-color: transparent;
}

.menu-site ul li ul {
	background-color: #E51928;
	border: 1px solid;
	border-color: #F6ABA6 #97170E #97170E #F6ABA6;
	margin: 0em;
	padding: 0em;
	width: 15em;
}

.menu-site li li {
    clear:left;
	float: none;
	margin:0px;
	padding:0.2em;
	font-size: 95%;
	height:100% !important;
	position:relative !important;
}

.menu-site li.position-on {
	color: #fff;
	background-color : #E51928;
}

.menu-site li a:link, .menu-site li a:visited, .menu-site li a:hover,#first_childs li a:link, #first_childs li a:visited, #first_childs li a:hover {
	text-decoration: none;
	color: White;
	font-weight: normal;
} 

 /* --- HACK ------------\*/

/* IE MAC \*//*/
 .menu-site li{
    width:12em;
}
/**/

 /* IE PC \*/
* html .menu-site li li a, * html .menu-site li li span{
	height:1%;
}

* html .menu-site li li{
margin-bottom /*ie 5.0 *//*\*/: /**/ /*\*/-0.3em;
height:1%;
height /*ie 5.0 *//*\*/: /**/ /*\*/1% !important;
}

* html .menu-site li li li{
margin-bottom /*ie 5.0 *//*\*/: /**/ /*\*/-0.2em;
}
/* */
 /* --------------------\*/

 
#available_languages {
	position : relative;
	border-top: 1px solid #EDEBEB;
	clear: left;
	text-align: right;
	font-size: 60%;
	margin: 0;
	padding: 0;
	z-index : 40;
}

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

#available_languages ul {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 120px;
	background-image: url(/resources/png/onidji-available-lang-bord.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom : -56px;
}

#available_languages ul li {
	float: left;
	list-style: none;
	background-image: url(/resources/png/onidji-available-lang-back.png);
	background-repeat: repeat-x;
	height: 18px;
}

#available_languages ul li a:link, #available_languages ul li a:visited, #available_languages ul li a:hover, #available_languages ul li span {
	margin-right : 10px;	
	color: #747474;
	text-decoration: none;
}

#available-languages ul li span {
	font-weight: bold;
}

.childrens-of-current-structure ul {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #F2F7FC;
}

.childrens-of-current-structure ul li {
	list-style-type: none;
	text-align: center;
	font-size: 80%;
	padding: 0px;
	margin: 0.2em;
	border: 1px solid;
	border-color: #F2F7FC #F2F7FC #ABCDE7 #ABCDE7;
}

.childrens-of-current-structure ul li a:link, .childrens-of-current-structure ul li a:visited, .childrens-of-current-structure ul li a:hover, .childrens-of-current-structure ul li span {
	color: #053970;
	text-decoration: none;
}

.childrens-of-current-structure ul li a:hover
{
	text-decoration: underline;
}

form {
	margin : 1%;
	font-size : 90%;
}

form.worksheet-add-show  fieldset#general-information, 
form.worksheet-add-execute  fieldset#general-information, 
form.contact-add-show  fieldset#general-information,
form.contact-add-execute  fieldset#general-information {
	display : none;
}

form p {
	margin : 1% 0 0 0;
	padding : 0;
}

form .help, form span.error {
	clear : both;
	font-size : 80%;
	margin-left : 31%;
	font-style : italic;
	display : block;
	width : 64%;
	color:#87A8C3;
}

form span.error {
	color:#fb1204;
	font-style : normal;
}


form.worksheet-add-show .help,
form.worksheet-add-execute .help {
	color:#AF4F1E;
}

fieldset, form .submit-form {
	margin : 1% 1% 2% 1%;
	clear : both;
	background-color : #F1F6FC;
	border : 1px solid #BDD8EB;
}

form.worksheet-add-show fieldset,
form.worksheet-add-execute fieldset, 
form.worksheet-add-show .submit-form,
form.worksheet-add-execute .submit-form {
	background-color : #F9F4F8;
	border : 1px solid #E6D4DB;
}

fieldset#company-information {
	background-image : url(/resources/png/onidji-yourproject-back.png);
	background-position : top right;
	background-repeat : no-repeat;
}

form .submit-form {
	padding : 2%;
	text-align : right;
}

form .submit-form input {
	width : none;
}

legend {
	color:#173183;
	
}


form.worksheet-add-show legend,
form.worksheet-add-execute legend {
		color:#855D5C;
}

label {
	clear : left;
	float : left;
	width : 28%;
	text-align : right;
	padding-right : 12px;
	margin-right : 1%;
	color:#173183;
}

.required label {
	color:#000013;
	background-repeat : no-repeat;
	background-position : right;
	background-image : url(/resources/png/onidji-required-form-puce.png);
}

form.worksheet-add-show label,
form.worksheet-add-execute label {
	color:#CEB8BD;
}


form.worksheet-add-show .required label,
form.worksheet-add-execute .required label {
	color:#59383C;
	background-image : url(/resources/png/onidji-required-puce.png);
}



.required-information {
	background-image : url(/resources/png/onidji-required-form-puce.png);
	background-repeat : no-repeat;
	background-position : left;
	margin-left:3%;
	padding-left : 15px; 
	width : auto;
	font-size : 80%;
	font-style : italic;
}

.zone-9 .required-information {
	background-image : url(/resources/png/onidji-required-puce.png);
}


textarea {
	width : 65%;
	height : 100px;
	border : 1px solid #5D2102;
}

.error textarea {
	border-color : #fb1204;
}


form .value {
	width : 65%;
	margin-left : 30%;
	display : block;
}

form.worksheet-add-show .value,
form.worksheet-add-execute .value {
	border : 1px solid #E9E0C6;
	background-color : #FDFBFD;
}

input.text,select {
	width : 65%;
	border : 1px solid #173183;
}


form.worksheet-add-show input.text,
form.worksheet-add-show select,
form.worksheet-add-execute input.text,
form.worksheet-add-execute select {
	width : 65%;
	border : 1px solid #5D2102;
}

.error input.text, .error select,
form.worksheet-add-execute .error input.text,
form.worksheet-add-execute .error select {
	border-color : #fb1204;
}