/* CSS Document */


/* Generalites */

html, body {
	height: 100%;
	margin:0;
	padding:0;
	font-size:90%;
	ground-repeat:repeat-x;
	background-color:#E5E5E5;
}

body {
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#181818;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	border-right:solid 1px #E4E4E4;
	border-left:solid 1px #E4E4E4;
	width:960px;
	background-color:#FEFEFE;
}

#header{
	background-color:#FEFEFE;
	position:relative;
	height:70px;
	width:960px;
	margin:auto;
	padding:auto;
	background-image:url(../img/org_nth_theme_blue_blue14_ntc_banner_oxalis.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#header img{
	margin:0px 0 0 10px;
	
}

#header h1{
	height:75px;
	line-height:70px;
	margin:2px 0 0 -7px;
	padding-left:0px;
	color: #333;float:left;
}

#header h2{
	height:70px;
	line-height:95px;
	margin:0;
	margin-left:149px;
	color: #00CCFF;
}

#header p{
	margin:0 10px 0 0
}

#header2{
	background-color:#FEFEFE;
	position:relative;
	height:225px;
	width:960px;
	margin:auto;
	padding:auto;
	background-image:url(../img/banner_product_new_960x200.png);
/*laser-beams-4244143.jpg);*/
	background-position:bottom;
	background-repeat:repeat-x;
}

#header2 img{
	margin:0px 0 0 10px;
	
}

#header2 h1{
	height:70px;
	line-height:70px;
	margin:0;
	padding-left:0px;
	color: #333;float:left;
}

#header2 h2{
	height:70px;
	line-height:110px;
	margin:0;
	margin-left:149px;
	color: #00CCFF;
}

#header2 p{
	margin:0 10px 0 0
}

#header3{
	background-color:#FEFEFE;
	position:relative;
	height:125px;
	width:960px;
	margin:auto;
	padding:auto;
	background-image:url(../img/laser-beams-4244143.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#header3 img{
	margin:0px 0 0 10px;
	
}

#header3 h1{
	height:70px;
	line-height:70px;
	margin:0;
	padding-left:0px;
	color: #333;float:left;
}

#header3 h2{
	height:70px;
	line-height:110px;
	margin:0;
	margin-left:149px;
	color: #00CCFF;
}

#header3 p{
	margin:0 10px 0 0
}

#slogan {	
	color:#FFF;
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	position:absolute;
	font-size:150%;
	top:120px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	line-height:1.5em;
	font-weight:bold;
	font-style:italic;
	text-shadow:0.1em 0.1em 0.1em #B6B6B6;
}

.push {
	height: 60px; /* La hauteur de .push est hauteur complète de footer : height+border+magin */
}

.push10 {
	height: 10px; /* La hauteur de .push est hauteur complète de footer : height+border+magin */
}

.push2 {
	height: 2px; /* La hauteur de .push est hauteur complète de footer : height+border+magin */
}

.push40 {
	height: 40px; /* La hauteur de .push est hauteur complète de footer : height+border+magin */
}

#footer{
	/* reste vide */
}

.clear {
	clear:both;	
}

/* Footer / pied de page */

#footer {
}

#mainfooter {
	/*background:#E5E5E5;*/
	background-color:#FEFEFE;	
	border-top:solid 1px #E5E5E5;
	height:59px;
	font-size:80%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#mainfooter p {
	line-height:59px;
	margin:0 10px 0 10px;
}

#footer a, a:visited{
	display:inline;
	padding:0;
	color:#181818;
	text-decoration:none;
}

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

#footer .powered{
	float:right;
	text-align:right;
	margin-right:10px;
}

#footer2 {
}

#mainfooter2 {
	/*background:#E5E5E5;*/
	background-color:#E2F0F3;	
	border-top:solid 1px #E5E5E5;
	height:300px;
	font-size:75%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#footer2 h1{
	height:25px;
	line-height:25px;
	font-size:110%;
	margin:0;
	margin-left:10px;
	color: #00CCFF;
}

#footer2 h2{
	height:20px;
	line-height:20px;
	font-size:100%;
	margin:0;
	margin-left:50px;
	color: #333;
}


#footer2 p {
	line-height:15px;
	margin:0 10px 0 10px;
}

#footer2 a, a:visited{
	display:inline;
	padding:0;
	color:#181818;
	text-decoration:none;
}

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

#footer2 .powered{
	float:right;
	text-align:right;
	margin-right:10px;
}


#mainContainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	line-height:1.5em;
	background-color:#FEFEFE;
}

#mainContainer h1 h2 h3 {
	font-weight:normal;
}

/* Colonne de gauche et ses menus */

#colonne_gauche {
	margin-left:10px;
	width:190px;
	float:left;
	background-position:0px 10px;
	background-repeat:repeat-x;
	border-radius: 10px 10px;
	padding-bottom:5px;
}

#colonne_gauche .titre_rubrique {
	font-size:120%;	
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#181818;
}

#nav-sub {
	width: 180px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	margin-left:5px;
	margin-top:5px;
}

#nav-sub li a {
	display: block ;
	background: #F4F4F4 ;
	color: #333 ;
	font: 1em Verdana, Arial, Helvetica, sans-serif;	
	line-height: 1em ;
	text-align: left ;
	text-decoration: none ;
	padding: 5px ;
	margin-bottom:2px;
}

#nav-sub li a:hover, #nav-sub li a:focus, #nav-sub li a:active, #nav-sub li a.current {
	background: #E4E4E4 ;
	text-decoration: none ;
	/*color:#6d8bc7;*/
	color:#00CCFF;
}

/* Menus de navigation */

#nav {
	border-top:solid 1px #666;
	border-bottom:solid 0px #E4E4E4;
	background-color:#abadaf;
	height:25px;
	background-image:url(../img/menu-bg.png);
	background-position:top;
	background-repeat:repeat-x;
}

#menu {	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:90%;
	padding: 0;
	width: 100%;
	border-top: 0px solid #D25A0B; /*Brown color theme*/ 
	voice-family: "\"}\"";
	voice-family: inherit;
	position:relative;
	top:0px;
	background-color:transparent;
}

#menu ul {
	margin:0;
	margin-left: 5px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style:square;
}

#menu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}

#menu a {
	float: left;
	display: block;
	color: #2A2A2A;
	text-decoration: none;
	margin: 0 0 0 2px; /*Margin between each menu item*/
	padding: 4px 10px;
	border-right: 1px solid #666;
	font-weight:normal;
}

#menu a:hover {
	background-color:#666; 
	color:#FDFDFD;
	background-image:url(../img/menu-bg-hover.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#menu .current { 
	/*color:#6d8bc7;*/
	color:#00CCFF;
	background-color:#FEFEFE;
	border-bottom:solid 1px #FEFEFE;
	background-image:url(../img/menu-bg-current.png);
	background-position:top;
	background-repeat:repeat-x;
}

/* Contenu principal, corps de page */

#content {
	margin-left:220px;
	margin-right:15px;
	text-align:left;
}

#content_one {
	text-align:left;
	margin:0 10px 0 10px;
}

#content_footer {
	text-align:left;
	margin:0 10px 0 10px;
}

#content p, #content_one p {
	font-size:75%;
	text-align:justify;
	margin:0 10px 10px 10px;
}

#content_footer p {
	font-size:80%;
	text-align:justify;
	margin:0 10px 10px 10px;
}

#content_footer h5 {
	font-size:75%;
	text-align:justify;
	margin:0 10px 10px 10px;
	top:0px;
}

#content h1, h2, h3, #content_one h1, h2, h3 {
	font-weight:bold;
	margin-left:10px;
}

#content h1, #content_one h1 {
	color:#00CCFF;	
	font-size:90%;
}

#content h2, #content_one h2 {	
	font-size:75%;
}

#content h3, #content_one h3 {	
	font-size:75%;
}

#content a, a:visited, #content_one a, a:visited{
	color:#39C;
	text-decoration:none;
	font-weight:normal;
/*	font-style:italic; */
}

#content a:hover, #content_one a:hover {
	text-decoration:underline;	
}

/* Colonnes simples */

#content .colonne_simple_a, #content_one .colonne_simple_a {
	width:280px;
	float:left;
	margin:0 15px 15px 0;
	border-right:solid 1px #C8C8C8;
	padding:5px 15px 0 0;
}

#content_footer .colonne_simple_a {
	width:280px;
	float:left;
	margin:0 15px 15px 0;
	border-right:solid 1px #C8C8C8;
	padding:5px 15px 0 0;
}


#content_one .colonne_simple_a {
	width:280px;	
}

#content_footer .colonne_simple_a {
	width:280px;	
}

#content_footer .colonne_simple_a h1 {
	font-size:120%;	
	color:#00CCFF;	
}

#content_footer .colonne_simple_a h2 {
	font-size:80%;	
}

#content_footer .colonne_simple_a p {
	font-size:100%;	
	margin:0px 5px 0px 0px;
}


#content .colonne_simple_b, #content_one .colonne_simple_b {
	width:340px;
	float:right;
	padding-bottom:5px;
	margin:0 0 0px 0;
}

#content_one .colonne_simple_b {
	width:295px;	
}

/* Colonnes avancees a fond bleu */

#content .colonne_avancee_a, #content_one .colonne_avancee_a,  {
	width:350px;
	float:left;
	border:solid 1px #CBD7E3;
	background-color:#E9F0F8;
	background-image:url(../img/menu-bg-titre-col-a.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-radius: 10px 10px;
	padding-bottom:5px;
	margin:0 15px 15px 0;
}

#content_one .colonne_avancee_a {
	width:290px;	
}

#content .colonne_avancee_a_titre, #content_one .colonne_avancee_a_titre {
	font-size:120%;	
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FEFEFE;
	font-weight:bold;
}

#content .colonne_avancee_a p, #content_one .colonne_avancee_a p {
	margin-top:5px;	
}

#content .colonne_avancee_b, #content_one .colonne_avancee_b, #content_footer .colonne_avancee_b {
	width:330px;
	float:left;
	border:solid 1px #CBD7E3;
	background-color:#E9F0F8;
	background-image:url(../img/menu-bg-titre-col-a.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-radius: 10px 10px;
	padding-bottom:5px;
	margin-bottom:15px;
}

#content_one .colonne_avancee_b {
	width:290px;
	height:70px;	
}

#content_footer .colonne_avancee_b {
	width:280px;
	height:70px;	
}


#content_footer .colonne_avancee_b_titre {
	font-size:70%;	
	margin-left:20px;
	padding-top:7px;
	padding-bottom:7px;
/*	color:#00CCFF;	*/
	color:#FEFEFE;
}

#content_footer .colonne_avancee_b h4 {
	color:#000000;
}


#content .colonne_avancee_b_titre, #content_one .colonne_avancee_b_titre {
	font-size:70%;	
	margin-left:20px;
	padding-top:7px;
	padding-bottom:7px;
	color:#FEFEFE;
}


#content .colonne_avancee_b p, #content_one .colonne_avancee_b p {
	margin-top:5px;	
	color:#000000;
}

#content_one .colonne_avancee_b p {
	margin-top:17px;	
	color:#000000;
}


#content .colonne_avancee_c, #content_one .colonne_avancee_c {
	width:100%;
	float:right;
	border:solid 1px #CBD7E3;
	background-color:#E9F0F8;
	background-image:url(../img/menu-bg-titre-col-a.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-radius: 10px 10px;
	padding-bottom:5px;
	margin-bottom:15px;
}

#content .colonne_avancee_c_titre, #content_one .colonne_avancee_c_titre {
	font-size:120%;	
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FEFEFE;
}

#content .colonne_avancee_c p, #content_one .colonne_avancee_c_titre {
	margin-top:5px;	
}

#content .colonne_testimonial, #content_one .colonne_testimonial , #content_footer .colonne_testimonial {
	width:260px;
	float:left;
	border:solid 1px #CBD7E3;
	background-color:#f0f0f0;
	background-image:url(../img/menu-bg.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-radius: 10px 10px;
	padding-bottom:5px;
	margin-bottom:15px;
}

#content_one .colonne_testimonial {
	width:260px;
	height:195px;	
}

#content_footer .colonne_testimonial {
	width:290px;
	height:70px;	
}


#content .colonne_testimonial_titre, #content_one .colonne_testimonial_titre, #content_footer .colonne_testimonial_titre {
	font-size:70%;	
	margin-left:0px;
	padding-top:7px;
	padding-bottom:7px;
	color:#FEFEFE;
}

#content .colonne_testimonial p, #content_one .colonne_testimonial p {
	margin-top:10px;	
	color:##000000
}

#content_footer .colonne_testimonial p {
	margin-top:10px;	
	font-size:120%;	
	color:#00CCFF
}

/* Les formulaires */

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 ;
	border-color:#CCC;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin: 0 0 10px 0;
	font-size:10px;
	line-height: 15px;
	margin-left:40px;
	font-size:1em;
	line-height:1em;
}

#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 22%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 20px;	/*** ... et centrés verticalement. ***/
}

.champ_off {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1.1em; 
	border:1px solid #CCC;
	background:#FEFEFE;
	color: #5A5B5B;
	padding:2px;
	width:422px;
	font-family:Arial, Helvetica, sans-serif;
}

.champ_on {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1.1em; 
	border:1px solid #CCC;
	background:beige;
	color: black;
	padding:2px;
	width:422px;
	font-family:Arial, Helvetica, sans-serif;
}

.submit {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:0.9em;
	border:1px solid #B8B8B8;
	background-color:#D8D8D8;
	/*background:url(../bib/image/GED_fd_bouton.gif);*/
	color:#2D2D2D;
	padding:5px;
}

/* login form */

#login {
	position:absolute;
	right:10px;
	top:0px;
	color:#2D2D2D;
	font-size:85%;
	border:solid 0px pink;
}

#login p {
	margin-top:3px 30px 0 0;
	text-align:right;
}

#login .login_title {
	font-weight:bold;
	font-style:italic;
	color:#666;
}

#login label {
	font-family:Verdana, Geneva, sans-serif;
}

#login .champ {
	margin:0;
	border:0;
	margin-top:-1px;
	color:#2D2D2D;
	border:1px solid #D8D8D8;
	background-color:#FEFEFE;
	font-size:100%;
	font-style:italic;
}

#login .bouton {
	background:#888888;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	border:solid 1px #666;
	color:#FEFEFE;
	font-size:90%;
}

#login a, #login a:visited {
	text-decoration:none;
	color:#333;
}

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

/* bouton oxalis */

#bouton_oxa {
	background:#E9F0F8;	
	position:relative;
	width:82px;
	height:20px;
	right:0px;
	left:10px;
	top:0px;
	color:#E9F0F8;
	font-size:85%;
	border:solid 1px grey;
}

#bouton_oxa p {
	margin-top:0px 0px 0 0;
	text-align:left;
}


#bouton_oxa .button_title {
	margin-top:3px;
	font-size:85%;
	font-weight:bold;
	font-style:nomal;
	color:#666;
}

#bouton_oxa .button_title2 {
	margin-top:2px;
	font-size:85%;
	font-weight:bold;
	font-style:nomal;
	color:#666;
}


#bouton_oxa label {
	font-family:Verdana, Geneva, sans-serif;
}

#bouton_oxa .champ {
	margin:0;
	border:0;
	margin-top:-1px;
	color:#2D2D2D;
	border:1px solid #D8D8D8;
	background-color:#E9F0F8;
	font-size:100%;
	font-style:italic;
}

#bouton_oxa .bouton {
	background:#E9F0F8;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	border:solid 1px #666;
	color:#FEFEFE;
	font-size:90%;
}

#bouton_oxa a, #login a:visited {
	text-decoration:none;
	color:#333;
}

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


/* mise en forme tableau spry */

.ligne_record {
	font-size:12px;	
}

.ligne_titre {
	background-color:#E9EAEB;	
	font-size:12px;
	font-weight:normal;
	border-bottom:solid 1px #CCC;
}

.ligneover {
	background-color:#E9F8FF;	
}