/********************
  Corps de la page 
********************/
html {	
  font-size: 62.5%;			/* Comme ça 1em = 10px (sinon 1em = 16px) */
}

body {
	background-color: #32475C;
	background-image: url("../img/background.jpg");
	background-repeat: repeat-x;
	margin: 0;
	text-align: center; 		/* pour corriger le bug de centrage IE */
  font-size: 1em;         /*	Equivalent 11px */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	color: #4C4C4C;
}

a {color: #006DB5;}
a:hover {color: #4C4C4C; text-decoration: none;}


#global {
	background-color: #FFFFFF;
	background-image: url("../img/bg_bleu_degrade.jpg");
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 860px;
	text-align: left; 			/* on rétablit l'alignement normal du texte */
}

#piedDePage {
	position: relative;
	background-image: url("../img/arrondis_bas.gif");
	background-repeat: no-repeat;
	margin-bottom:0;
	margin-top: auto;
	height: 24px;
}

#ombre {						/* Ce DIV englobe tous les autres, comme il est en dessous */
	background-image: url("../img/ombre.gif");
	background-repeat: no-repeat;
	width: 870px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
}

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

a img {
  border: 0;
}

/***** DIV Langues et Rechercher *****/

.logoTEB {
  margin: 12px 0 18px 0;
}

#search_langues {
	float: right;
	margin-right: 15px;
	text-align: right;
	font-size: 1em;
	line-height: 16px;
	width: 350px;
}

.liensAccueil {
	background: url('../img/bg_liens-accueil.jpg') no-repeat right top;
	float: right;
	width: 70px;
	height: 36px;
	padding: 10px 20px 0 0;
	margin-right: 12px;
}

.liensAccueil a {
	background: url('../img/icon_home.gif') no-repeat left top;
	padding-left: 19px;
}

.langues {
  float: right;
  margin-top: 10px;
}

#search_langues form {
	margin: 70px 0 0px 0;
	padding: 0;
}

.search_input, .search_input_hover {
	width: 132px;
	height: 15px;
	background: url("../img/fond_input.gif") no-repeat left top;
	border: none;
	padding: 3px 7px;
	color: #777;
}

.search_input_hover {
	background-position:0 -29px;
}

.btn_search, .btn_search_hover {
	width: 27px;
	height: 21px;
	background: url("../img/btn_search.jpg") no-repeat left top;
	border: none;
	cursor:pointer;
}

.btn_search_hover {
	background-position: left bottom;
}

.titreNuri {
  margin: 7px 0 10px 0;
}


/***** MENU *****/

#menu {
	height: 38px;
	background: url("../img-en/menu-en.jpg") no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	border-top: solid 8px #AFDF2A;				 /* Bordure verte */
	z-index: 100;
}

#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
	/*position: absolute;*/
	text-align: center;
	line-height: 38px;
}

#menu li, #menu a { 
	display: block;						/* J'utilise Block pour pouvoir redimensionner les liens */
	height: 38px;
	width: 215px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#menu1 {left: 0px; position: absolute;}						/* Je place les liens tous les +172px */
#menu2 {left: 215px; position: absolute;}
#menu3 {left: 430px; position: absolute;}
#menu4 {left: 645px; position: absolute;}

#menu1 a:hover {background: transparent url("../img-en/menu-en.jpg") 0 -38px no-repeat;}
#menu2 a:hover {background: transparent url("../img-en/menu-en.jpg") -215px -38px no-repeat;}
#menu3 a:hover {background: transparent url("../img-en/menu-en.jpg") -430px -38px no-repeat;}
#menu4 a:hover {background: transparent url("../img-en/menu-en.jpg") -645px -38px no-repeat;}

#menu1_select a {left: 0px; background: transparent url("../img-en/menu-en.jpg") 0 -38px no-repeat; color: #AFDF2A;}
#menu2_select a {left: 215px; position: absolute; background: transparent url("../img-en/menu-en.jpg") 0 -38px no-repeat; color: #AFDF2A;}
#menu3_select a {left: 430px; position: absolute; background: transparent url("../img-en/menu-en.jpg") 0 -38px no-repeat; color: #AFDF2A;}
#menu4_select a {left: 645px; position: absolute; background: transparent url("../img-en/menu-en.jpg") 0 -38px no-repeat; color: #AFDF2A;}

/*#menu1_select a:hover {cursor: default;}*/
#menu2_select a:hover {cursor: default;}
#menu3_select a:hover {cursor: default;}
#menu4_select a:hover {cursor: default;}

#menu ul.sousmenu {                      /* Pour cacher le sous menu */
  display: none;
  /*position: relative;*/
  top: 36px;
  left: -40px;
  padding: 0;
  margin: 0;
  border: 1px solid #444E5A;
  border-top: 0px;
}

#menu li:hover>ul {     /*  Lorsque la souris passe sur une balise LI contenant une balise UL */
  display: block;
}

#menu ul.sousmenu li, #menu ul.sousmenu a {
  display: block;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  width: 213px;
  background-color: #556270;
  font-weight: normal;
}

#menu ul.sousmenu li {
  _position: relative;
  _display: inline;
}
#menu ul.sousmenu a:hover {
  background : transparent;
  background-color: #6A7581;
  color: #AFDF2A;
}

#sousMenu_select a {
  color: #999;
  cursor: default;
}

#sousMenu_select a:hover {
  background-color: #556270;
  color: #999;
  cursor: default;
}

/***** FIN MENU *****/

#contenu {
	background: url("../img/fond_contenu.gif") repeat-y;
	margin: 0;
}

#colonne_gauche {
	margin: 0;
	float: left;
	width: 590px;
	margin-top: -1px;
}

.spacer {							      /* Correction de Bug */
	clear: both;
}


/**** COLONNE DE DROITE *****/
*.#colonne_droite {					      /* Correction bug pour IE */
	background: url("../img/ombre_div_droite.gif") no-repeat;
	height: 385px;
	width: 268px;
	float: left;
}


div>#colonne_droite {
	background: url("../img/ombre_div_droite.gif") no-repeat;	
	min-height: 385px;
	margin-left: 590px;
}

.contenu_colonne_droite {
	line-height: 27px;
	margin: 0;
	padding: 4px 30px 0px 30px;
}


.contenu_colonne_droite p  {      /* Correction de bug IE*/
  margin: 0;
  _margin-top: 15px;      
}

.trait_separe {
  margin: 20px 0 20px 20px;        /* Centrage l'arrache ! */
}

#input_newsletter {
  border: 1px solid #CFD0D6;
  width: 140px;
  padding: 4px;
  color: #4C4C4C;
  font-size: 11px;
}

.submit_newsletter, .submit_newsletter_hover {
  border: 1px solid #717982;
  background-color: #808994;
  width: 50px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  /*line-height: 16px;*/
  padding: 2px;
}

.submit_newsletter_hover {
  border: 1px solid #444E5A;
  background-color: #66727F;
}

/**** FIN COLONNE DE DROITE *****/


img {
	vertical-align: middle;
}

.copyrights {
	color: #99A3AE;
	font-size: 10px;
	margin: 0px;
}

.float-left {
  float: left;
  margin-right: 20px;
  margin-left: 30px;
  /*_margin-left: 15px;*/
}

.float-right {
  float: right;
  margin-right: 30px;
  margin-left: 20px;
}

.contenu {
  margin: 0;
  padding: 10px 30px 10px 30px;
  line-height: 20px;
}

#colonne_gauche .centrer {
  text-align: center;
}

#colonne_gauche cite {
  background-color: #E9EFF2;
  font-style: normal;
  padding: 2px;
}

h1 {
  padding-left: 30px;
  margin: 20px 0 10px 0;
  font-size: 15px;
  color: #006DB5;
  font-family: Verdana, Arial, sans-serif;
}

h2 {
  padding-left: 30px;
  margin: 8px 0 0px 0;
  font-size: 13px;
  color: #006DB5;
  font-family: Verdana, Arial, sans-serif;
}

h3 {
  padding: 6px 0px 6px 22px;
  margin: 30px 0 6px 0;
  border-left: 8px solid #afdf2a;
  border-top: 1px solid #d6d6d3;
  border-bottom: 2px solid #d6d6d3;
  font-size: 14px;
  background-color: #f6f5ed;
}


blockquote {margin: 5px 40px 5px 50px; line-height: 24px; padding: 6px; border-left: 4px solid #E9EFF2;}
sup {font-size: 8px;}
/*#menu sup {position: relative; bottom: 1px; color:#ddd;}*/

.copyrights a {text-decoration: none; color: #CCD1D6;}
.copyrights a:hover {text-decoration: underline; color: #CCD1D6;}

.center {
  line-height: 18px;
  text-align: center;
}

.important {
  width: 90%;
  margin-left: 5%;
  text-align: center;
  background-color: #F6F5ED;
  padding: 8px;
  border-top: 1px dotted #C6C199;
  border-bottom: 1px dotted #C6C199;
  line-height: 20px;
}

.points_forts {
  /*clear: both;*/
  list-style: none;
  line-height: 25px;
  font-weight: bold;
  margin-left : 30px;
  padding-left: 30px;
}

.arbo {
  list-style: none;
  line-height: 25px;
  margin-left : 30px;
  padding-left: 30px;
}

.points_forts li, .arbo li {
  background: url(../img/puce-square.gif) left 10px no-repeat;
  padding-left: 15px;
}

.product-range {
  line-height: 22px;
  list-style-type: square;
  color: #b4b4b4;
}

.request_infos {
  width: 85%;
  margin-left: 5%;
  background-color: #e9eff2;
  line-height: 24px;
  border-left: 3px solid #bad5e6;
}

.request_infos a {
  display: block;
  border-top: 2px solid #e9eff2;
  padding: 4px;
  text-decoration: none;
}

.request_infos a:hover {
  border-top: 2px solid #f5e672;
  padding-left: 6px;
}

.lets-meet {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-top: 10px;
}

.lets-meet a {
  color: #4c4c4c;
  display: block;
  text-decoration: none;
  width: 210px;
  padding: 4px;
  border: 1px solid #e9eff2;
  border-top: 2px solid #e9eff2;
}

.lets-meet a:hover {
  border: 1px solid #bad5e6;
  border-top: 2px solid #bad5e6;
  background: transparent url("../img/fleche_sousmenu.gif") no-repeat 190px 10px;
  background-color: #f1f5f7;
}

.disabled, .disabled sup {
 width: 213px;
 color: #78818d;
 cursor: default;
}

.disabled:hover  {
  background-color: #556270;
}



/*********************************************
               SOUS MENU (onglets)
*********************************************/

#sousMenu {
  margin: 10px 0px 0px 0px;
  background: transparent url('../img/bg_onglets.jpg') repeat-x; 
  width: 590px;
}

#sousMenu-nav {
  margin : 0;
  padding: 0;
  height: 35px;
  background-image: url('../img/bg_ongletsDoc.gif');
  background-repeat: repeat-x;
	list-style-image: none;
	list-style-type: none;  
	padding-left: 25px;
	margin-bottom: 10px;
}

#sousMenu-nav li {
  float: left;  
	height: 32px;
}

#sousMenu-nav li a {
	text-decoration: none;
	color: #888883;
}


#sousMenu-nav li a:hover {
  color: #006db5; 
}

#sousMenu-nav li a:active, #sousMenu-nav li a:focus {
  outline: none; 
}

#sousMenu-nav li .active {
  float: left;
  background: url('../img/bg_ongletsSelect-A.jpg') no-repeat;
  height: 32px;
  margin-right: 2px  
}

#sousMenu-nav li .active span {
  display: block;
  background: url('../img/bg_ongletsSelect-B.jpg') no-repeat;
  background-position: top right;
  margin-left: 7px;
  line-height: 35px;
	color: #006db5;    
	padding: 0 15px 0 8px;
}

#sousMenu-nav li span {
  display: block;  
  padding: 11px 10px 7px 10px;  
}

.tab {
	clear: both;
	/*overflow: auto;*/
  line-height: 20px; 
  margin-top: 14px;
}

.tab p {
  margin: 0;
  padding: 5px 25px 0 25px;
}

.tab ul {
  list-style-image: url('../img/puce_liste-fleche.gif');
}

.tab ul li {
  margin: 7px 20px 0 20px; 
  
}

.legend {
  color: #888;
  font-size: 9px;
}