/*------------ MODERN------------ */
/*------------ GENERAL ------------ */
	body, html{font-size:62.5%; }
	body{ background: url(pictures/bg-body.gif) left top repeat-x; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
	*, ul, p, h1, h2, h3, h4, table, a{ margin: 0; padding: 0; }
	a{ color: #506F86; outline: none !important ;}
	.bold{ font-weight: bold; }
	.strong{ font-weight:bold; }
	table{ text-align: left; }
	.align-center{ text-align: center; }
		td.name_perso_field { width : 204px;}
		td.action_perso_field {width : 130px;}
/*------------ CONTENU ------------*/
	#container{ display: block; width: 980px; margin: 0 auto 0 auto;  background: #FFFFFF;  } /* largeur du site : 980px, centré au milieu de la page */
/*------------ HEADER ------------*/
	#header{ float: left; width: 978px; background: #FFF; border-left: 1px solid #002E50;  border-right: 1px solid #002E50; }
	#logo{ float: left; height: 141px; width: 192px; text-align: center; line-height: 100px; } /* modifier la line-height selon la hauteur du logo pour le centrer verticalement. La largeur est de 200px maximum ! */
	#pub{ float: left; height: 141px; width: 529px; } /* ici, on peut modifier la taille du bandeau de pub, par défaut, taille standard */
	#header .customer-box{ float: right; width: 240px; height: 120px; display: inline; border: 1px solid #002E50; margin:5px 5px 10px 0; background: url(pictures/bg-customer.jpg) left top no-repeat; } /* Pour modifier la couleur de l'espace client, il faut modifier ici la bordure */
	#header .customer-box .title-customer-box{ text-indent: 5px;float: left; width: 240px;  height: 25px;  margin: 5px; display: inline; font-size: 1.4em; color: #FFF; }/* Pour modifier la couleur de l'espace client, il faut modifier ici le background */
	#header .customer-box p{ float: left; width: 230px; height: 20px; display: inline; font-size: 1.1em; margin-left: 20px; display: inline; }
	#header .customer-box p#passwordzone{margin-top:5px;}
	#header .customer-box p#lostpasswordzone{margin-top:7px;font-size:1.2em;}
	#header .customer-box p#lostpasswordzone a{color:#002E50;}
	#header .customer-box form #password{ float: left; width: 20px; height: 20px;  background: url(pictures/picto-password.gif) left top no-repeat; text-indent: -1000em; display: inline; }
	#header .customer-box form #login{ float: left; width: 20px; height: 20px; background: url(pictures/picto-login.gif) left top no-repeat;  text-indent: -1000em; display: inline; }
	#header .customer-box form .input-login{ float: left; height: 20px;  width: 150px; border: 1px solid #002E50; font-size: 1em; margin: 0px; display: inline;color:#8096A7;line-height:1.5em; }
	#header .customer-box form .valid{ height: 21px; width: 21px; display: inline; text-align:left;font-size:0.8em;font-weight:bold;text-transform: uppercase; background: url(pictures/picto-input.gif) left top no-repeat; border: none; color: #FFFFFF; margin-left: 5px; cursor: pointer; }
/*------------ MENU ------------*/
	/*------------ POSITIONNEMENT VERTICAL DU MENU ------------	*/
	#search-bar{ float: left; height: 30px; width: 978px; background: none;  border: none; display: none; } /* barre contenant le formulaire de recherche */
	#search-bar p{ float: right; height: 20px; width:  951px; margin-top: 5px; margin-right: 20px; display: inline; }
	#search-bar form input{  border: 1px solid #0047A6; height: 17px; font-size: 1.4em; }
	#search-bar label{ font-size: 1.4em; color: #FFFFFF; }
	#search-bar .valid{ height: 20px; width: 20px; display: inline; background: url(pictures/picto-input.gif) left top no-repeat; border: none; color: #FFFFFF; cursor: pointer;}
	#big-menu-box{ float: left; border-left: 1px solid #002E50; border-right: 1px solid #002E50;width:978px;  } /* nécessaire pour afficher la couleur sous le menu (pour firefox) */
	#menu-box{ float: left; width: 978px; background: url(pictures/bg-menu.gif) left top repeat-x;  height: 38px; }
	#menu{ float: left; width: 978px;  }
	#menu a{ display: block; text-decoration: none; line-height: 2.4em; font-weight: bold; text-align:center; font-size: 1.2em; color:#FFFFFF; background: url(pictures/sep-btn.gif) right 1px  no-repeat;}
	#menu a span{ padding:7px 5px 8px 5px;margin-right:5px; }
	#menu a.active { background: url(pictures/sep-btn.gif) right 1px  no-repeat;}
	#menu a.active span{ padding:7px 5px 8px 5px;margin-right:2px; background:url(pictures/btn-roll.gif) repeat-x;}
	#menu a:hover span{ text-decoration: underline;}
	#menu ul{ list-style-type: none; width: 980px;  margin-top: 0px;  } /* choix de la couleur des bords du menu et de la police */
	#menu ul li{ list-style-type: none; float: left;  margin-top: 0px; margin-left: 0px; width: auto;}  /* choix de la couleur des bords du menu */
	#menu ul li a:hover span{background:url(pictures/btn-roll.gif) repeat-x;} /* choix de la couleur du roll over pour le menu */
	 /* Ci-dessous les couleurs du menu "active" */
	#menu .home-color span{ color:#FFFFFF; }
	#menu .catalog-color span{ color:#FFFFFF; }
	#menu .trainer-color span{ color:#FFFFFF; }
	#menu .pedagogy-color span{ color:#FFFFFF; }
	#menu .society-color span{ color:#FFFFFF; }
	#menu .administration-color span{ color:#FFFFFF; }
	#menu .contact-color span{ color:#FFFFFF; }
	#menu .news_page-color span{ color:#FFFFFF; }
/*------------ FOOTER ------------*/
	#footer{ clear:both;width: 980px; height: 30px; text-align: center; background: url(pictures/bg-foot.gif) left top no-repeat;}
	#footer p{ width: 980px; height: 20px; margin-top: 10px; color:#456391; }
	/*#footer p span{ margin-left: 200px; }  permet de centrer le texte du footer par rapport au "content" */
	#footer a{  color:#456391; font-size: 1em; text-decoration: none; }
/*------------ CONTENT ------------*/
	#content{ float: left; background:#FFF; padding-bottom: 20px; margin-left: 20px; min-height: 300px; position:relative; overflow:auto; width: auto; }
	/* #content p{ display: block; margin: 10px 0 0 0; padding-right: 20px;}
	/* #content .mceEditor{ display: block; display: inline; }  Je mets ça en commentaire car je comprends pas à quoi ça sert à part péter le tinyMCE */
	#content h1{float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 40px; display: inline; width: 690px; font-size: 1.4em; height: 30px; line-height: 30px; background: url(pictures/big-h1.gif) left top no-repeat; } /* on peut modifier ici l'apparence du h1 */
	#content h1 input{ height: 16px; margin-top: 7px; width: 665px; font-size: 15px; font-weight: bold; background-color: #FF9900 ; color: #FFFFFF; border: 0;} /* on peut modifier ici l'apparence du input h1 */
	#content .txt{ float: left; width: 705px; padding: 10px 15px 0 10px; font-size:151%; color: #003366; font-family: arial,helvetica,sans-serif; }
	#content #big-box{ float: left; width: auto; }
	#content h1 textarea, #content .limit-textarea textarea, #content .limit-textarea{ float: left; width: 700px; }
	/* Ci dessous, les infos relatives aux boites du milieu de la page d'accueil */
	#content #left-box, #content #center-box, #content #right-box{ float: left; width: 230px; height: 121px; margin: 20px 0 20px 10px; display: inline; background: url(pictures/home-box.gif) left top no-repeat;}
	#content #left-box h2, #content #center-box h2, #content #right-box h2{ font-size: 1.8em; }
	#content #left-box h2 a, #content #center-box h2 a, #content #right-box h2 a{ float: left; width: 190px; height: 31px; line-height: 32px;  padding-left: 40px; display: inline; text-decoration: none; color: #FFFFFF; }
	#content #left-box h2 input, #content #center-box h2 input, #content #right-box h2 input{ float: left; width: 130px; height: 20px; font-size: 0.9em; margin-left: 40px; margin-top: 7px; display: inline; background: #4276BB; color: #FFFFFF; border: 0; margin-bottom: 20px; }
	#content #left-box .btn-arrow, #content #center-box .btn-arrow, #content #right-box .btn-arrow{ float: left; width: 22px; margin-left: 30px; margin-top: 5px; height:18px; padding-left:10px;  display: inline; }
	#content #left-box img, #content #center-box img, #content #right-box img{ float: right; width: 90px; display: inline;  display: inline;}
	#content #right-box span a, #content #left-box span a, #content #center-box span a{ float: left; width: 120px; margin-left: 10px; margin-top: 20px; display: inline;  font-size: 1.4em; text-decoration: none; color: #FF5C00;  }
	#content #right-box input, #content #left-box input, #content #center-box input{ float: left; width: 120px; margin-left: 10px; display: inline;  font-size: 1.4em; background: #B9E3F0; border: 0; }
	#content #right-box span input, #content #left-box span input, #content #center-box span input{ float: left; width: 120px; margin-left: 10px; display: inline;  font-size: 1.4em; background: #B9E3F0; border: 0; color: #FF5C00;}
	#content #right-box a:hover, #content #left-box a:hover, #content #center-box a:hover{ }
	#content #left-box h2 a, #content #center-box h2 a, #content #right-box h2 a{ }
	#content #left-box a, #content #center-box a, #content #right-box a{ }
	/* Ci dessous, les infos relatives aux boites promo et news  de la page d'accueil */
	#content .promo-box{ float: left; width: 350px; margin-top: 20px; padding-bottom: 10px; display: inline; }
	#content .promo-box p{ margin: 5px; }
	#content .news-box {width: 300px; float: left;margin:118px 0 0 -301px;background:url(pictures/bg-news.jpg) no-repeat;position:relative;}
	#content .news-box .title-news-box {margin: 13px 0 0 70px; color: #FFF; font-size:1.8em; font-weight:bold;}
	#content .news-box .txt-news-box{padding: 5px 5px 0 25px;color:#002E50; font-size:1.2em;border-left:solid 1px #59778D; border-right:solid 1px #59778D;}
	#content .news-box .txt-news-box span{display:list-item; list-style-image: url(pictures/puce-news.jpg);color: #FF6600; font-weight: bold; }
	#content .news-box .txt-news-box b{ color: #002D4E;}
	#content .news-box .txt-news-box a{ white-space:nowrap;}
	#content .news-box .news_footer{height:5px;border-left:solid 1px #59778D; border-right:solid 1px #59778D;border-bottom:solid 1px #59778D;}
	#content .promo-box{ margin-left: 10px; display: inline; }
	#content .news-box .title-news-box input, #content .promo-box .title-promo-box input{ height: 20px; width: 150px; font-size: 15px; font-weight: bold; background-color: #FFF ; color: #002E50; border: none;}
	#content .promo-box .txt-promo-box, #content .promo-box p{ float: left; width: 310px; margin-left: 25px; display: inline;  }
	#content .txt-promo-box textarea, #content .txt-promo-box textarea{ float: left; width: 310px; margin-left: 25px; display: inline;}
	#content .filtered-view-box{ float: left; width: 708px; margin-top: 14px;  display: inline; padding-bottom: 5px; margin-left:6px; }
	#content .filtered-view-box p{ float: left; width: 628px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline;  }
	#content .filtered-view-box span{ color: #FF6600; }
	#content .filtered-view-box .title-filtered-view-box{ float: left; width: 668px; margin: 5px 0px 0 5px; padding-top: 5px; font-weight: bold; padding-left: 40px; display: inline; text-decoration: none; font-size: 1.6em; height: 25px ; background: url(pictures/catalog-h2.gif) left top no-repeat; color: #FFFFFF; }
	#content .filtered-view-box .title-filtered-view-box input{ float: left; width: 660px; height: 20px; font-size: 1em; display: inline; background: #4276BB; color: #FFFFFF; border: 0; }
	#content .filtered-view-box .txt-filtered-view-box{ float: left; width: 706px; margin: 0px 0px 0 5px; padding-top: 5px; display: inline; background: url(pictures/catalog-bg.gif) left top repeat-x; border-left: 1px solid #0047A6; border-right: 1px solid #0047A6; border-bottom:  1px solid #0047A6; }
	#content .filtered-view-box .txt-filtered-view-box ul a, #content .filtered-view-box .txt-filtered-view-box ul { color: #000; text-decoration: none;}
	#content .txt-filtered-view-box textarea{ float: left; width: 680px; margin-left: 25px; display: inline;}
	#content .table-box{ float: left; width: 708px; margin-top: 10px;  display: inline; padding-bottom: 5px; }
	#content .table-box h2{ float: left; width: 668px; margin: 5px 0px 0 5px; padding-top: 5px; padding-left: 40px; display: inline; text-decoration: none; font-size: 1.4em; height: 25px ; background: url(pictures/catalog-h2.gif) left top no-repeat; color: #FFFFFF; }
	#content .table-content{ float: left; width: 706px; margin: 0px 0px 0 5px; display: inline; background: url(pictures/catalog-bg.gif) left top repeat-x; border-left: 1px solid #0047A6; border-right: 1px solid #0047A6; border-bottom:  1px solid #0047A6; }
	#content .table-box p{ float: left; width: 690px; margin-left: 10px; display: inline; font-size: 1.1em; display: inline; margin-top: 10px; }
	#content .table-box table{ float: left; width : 500px; margin-left: 100px; display: inline; font-size: 1.1em; font-weight: bold; }
	#content .table-box .strong{  }
	#content .table-box p .span{ float: left;  margin-left: 5px; }
	#content .table-box .color{ padding: 0 5px 0 5px; font-weight: bold; background: #D00000; color: #FFFFFF; }
	#content .table-box .color table {background:  #D00000;}
	#content .table-box .buy{ background: url(pictures/bt_ajout_panier.gif) left top no-repeat; float: right; width: 40px; height: 30px; margin: 5px; text-indent: -1000em;  }
	#content .table-box .buy:hover{ background: url(pictures/bt_ajout_panier.gif) left bottom no-repeat; }
	/* Page catalogue */
	#content .catalog-arbo{ float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 20px; display: inline; width: 710px; font-size: 1.4em; height: 27px; line-height: 24px; background: url(pictures/bg-arbo.gif) left top no-repeat; }
	#content .catalog-arbo a{ color: #FFFFFF; text-decoration: none;  }
	#content .catalog-liste-elems { margin-left:30px; margin-top: 140px; list-style-type: square; }
	#content .catalog-liste-elems ul{ color: #0047A6; list-style-type: square; }
	#content .catalog-liste-elems a{ color: #0047A6; }
	#content .sort{ float: left; font-size: 1.2em; margin-bottom: -14px; margin-right: 25px; display: inline; width: 100% }
	#content .sort a{ float: left;  font-size: 0.8em; height: 16px; margin: 0 0 0 5px; text-align: center; border: 1px solid #0047A6; margin-bottom: -1px; padding: 2px 5px 2px 5px; color: #0047A6; font-weight: bold; text-decoration: none; }
	#content .sort a:hover{ background: #0047A6; color: #FFFFFF; }
	#content .catalog-table{ float: left; border-collapse: collapse;  width: 720px; border: 1px solid #FF654D; margin-top: 10px; text-align: left;  background: #EEEEEE;}
	#content .catalog-table td{ padding-left : 3px; padding-bottom:3px;}
	#content td.align-top { vertical-align : top;}
	#content table.add-cart-space{ float: left; margin: 0px;  border-collapse: collapse; width: 706px; border-top: 1px solid #0D2667; margin-top: 15px; background: #0D2667; }
	#content .add-cart-space tr{ color: #FFFFFF; font-size: 1em; }
	#content .add-cart-space td{ border-top: 1px solid #E9EBF1; padding: 5px 5px; }
	#content .add-cart-space td.desc{ background: #0D2667; color: #FFFFFF;   width: 550px; text-align: right; }
	#content .add-cart-space td.price{ background: #0D2667; color: #FFFFFF; width: 100px; text-align: center;   }
	#content .add-cart-space td.buy-it{ background: #0D2667; color: #FFFFFF; text-indent: -1000em; width: 50px; }
	#content .add-cart-space td.buy-it a.achat-securise-en-ligne{ display: block; background: url(pictures/buy-btn.gif) left -44px no-repeat;  width: 50px;  height: 43px; }
	#content .add-cart-space td.buy-it a.achat-securise-en-ligne:hover{ display: block; background: url(pictures/buy-btn.gif) -51px -44px no-repeat;  width: 50px;  height: 43px; }
	#content .add-cart-space td.buy-it a.pass-numerique{ display: block; background: url(pictures/buy-btn.gif) left -44px no-repeat;  width: 50px;  height: 43px; }
	#content .add-cart-space td.buy-it a.pass-numerique:hover{ display: block; background: url(pictures/buy-btn.gif) -51px -44px no-repeat;  width: 50px;  height: 43px; }
	#content .add-cart-space td.buy-it a.acces-direct{ display: block; background: url(pictures/buy-btn2.gif) left -130px no-repeat; width: 50px;  height: 45px; }
	#content .add-cart-space td.buy-it a.acces-direct:hover{ display: block; background: url(pictures/buy-btn2.gif) -51px -130px no-repeat;  width: 50px;  height: 45px; }

	#content .add-cart-space td.buy-it a.pre-inscription{ display: block; background: url(pictures/buy-btn.gif) left 1px no-repeat;  width: 50px;  height: 45px; }
	#content .add-cart-space td.buy-it a.pre-inscription:hover{ display: block; background: url(pictures/buy-btn.gif)  -51px  1px no-repeat;  width: 50px;  height: 45px; }
	#content .add-cart-space td.buy-it a.demande-d-informations{ display: block; background: url(pictures/buy-btn.gif) left -87px no-repeat;  width: 50px;  height: 45px; }
	#content .add-cart-space td.buy-it a.demande-d-informations:hover{ display: block; background: url(pictures/buy-btn.gif) -51px  -87px no-repeat;  width: 50px;  height: 45px; }
	#content .add-select{ font-weight: bold; font-size: 1.1em; background-color:#E9EBF1; color: #0D2667; border-top: 1px solid #0D2667; }
	#content .add-select td{ border-top: 1px solid #0D2667; }
	#content .add-cart-space tr.unavailable_product td {background: red; height: 53px;}
	#content .add-cart-space tr.unavailable_product td.buy-it {text-indent: 0px;}
	#content .catalog-table tr{ font-size: 1.2em;  }
	#content .catalog-table tr a{ color: #FF6600; text-decoration: none; }
	#content .catalog-table tr.non_hoverized:hover {background-color:#EEEEEE}
	#content .catalog-table tr a:hover{ color: #0047A6; text-decoration: none; }
	#content .catalog-table tr:hover, tr.hoverized{ background-color:#FDCEAB; font-size: 1.2em; }
	#content .catalog-table tr.new_price, tr.new_price:hover {background-color:#FFA346;}
		#content .catalog-table td.group_product {width : 75px;}
		#content .catalog-table td.action {width : 20px;}
	#content .catalog-table thead{ background: url(pictures/bg-table-top.gif) left top repeat-x; height: 20px; font-weight: bold; font-size: 1em; color:#FFF;}
	#content .catalog-table thead tr:hover{ background: url(pictures/bg-table-top.gif) left top repeat-x;}
	#content .catalog-table thead a{ text-decoration: none; color:#FFF;  }
	#content .catalog-table tfoot{ background: url(pictures/bg-table-top.gif) left top repeat-x; height: 20px; font-weight: bold; font-size: 1.2em;}
	#content .product-box, #content .add-product-box{ float: left; width: 720px; margin-top: 10px;  display: inline; padding-bottom: 5px; }
	#content .product-box p, #content .add-product-box p{ float: left; width: 700px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; }
	#content .product-box .strong, #content .add-product-box .strong{ float: left; width: 650px; padding-right: 5px; }
	#content .product-box input, #content .product-box select, #content .product-box table{ float: left; width: 650px; padding-right: 5px; }
	#content .product-box input[type=checkbox]{width : 250px;}
	#content .product-box table {padding-left: 10px;}
	#content .product-box .themeadd, #content .product-box .themeremove{ float: left; width: 20px; padding-right: 5px;  }
	#content .product-box .addtheme{ float: left; background: #CCC; padding: 10px; width: 650px; margin-left: 25px;   }
	#content .product-box a{ float: left; width: 30px; padding-right: 5px; }
	#content .product-box .permanent-fields{ float: left; background: #EEEEEE; width: 720px; padding-bottom: 10px; }
	#content .product-box .perso-fields{ float: left; background: #EEEEEE; margin-top: 20px; width: 720px; padding-bottom: 10px; }
	#content .catalog-arbo-complete{ float: left; width: 720px; }
	#content .catalog-arbo-complete ul{ list-style-type: square; color: #0047A6; }
	#content .catalog-arbo-complete ul li{ border: 1px solid #0047A6; margin-top: 20px; list-style-type: none; padding: 5px; margin-left: -20px;  }
	#content .catalog-arbo-complete ul#catalog-list-tree li.collapsable {list-style-type:none;list-style-image:none;}
	#content .catalog-arbo-complete ul li h2{ font-size: 1.2em; margin: 0px; padding: 0; }
	#content .catalog-arbo-complete ul li ul li{  border: none;  margin-top: 0px; list-style-type: none; margin-left: 20px; }
	#content .catalog-arbo-complete ul li ul li ul li{ border: none;  margin-top: 0px; list-style-type: square; }
	#content .catalog-arbo-complete ul li a{ color: #0047A6; font-size: 1.3em; text-decoration: none; font-weight: bold; }
	#content .catalog-arbo-complete ul li ul li a{ color: #0047A6; font-size: 1.1em; text-decoration: underline; font-weight: normal; }
	#content .catalog-arbo-complete ul li ul li ul li a{ font-size: 1em; color: #0047A6; text-decoration: underline;}
	#content .catalog-liste-elems{ display: block; margin-top: 30px; color: #0047A6;}
	#content a.catalog-product-link{ color: #0047A6;}
	#content a.catalog-product-link:hover{ color: #FF8000;}
	#content #elmg-guest-link { float: left; text-align:center; width: 730px;}
	#content #elmg-guest-link a { font-size: 1.6em; color: #0047A6; text-decoration:none; }
	#content #elmg-guest-link a:hover { text-decoration:underline; }
	/* Page news */
	#content .newspage-box{ float: left; width: 730px;  margin-top: 10px;  display: inline; }
	#content .newspage-box h2 { float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 20px; display: inline; width: 710px; font-size: 1.4em; height: 30px; line-height: 30px; background: url(pictures/big-h2.gif) left top no-repeat;}
	#content .newspage-box h2 input{ float: left; width: 130px; margin-left: 20px; margin-top: 5px; display: inline; background: #4C81C3; color: #FFFFFF; }
	#content .newspage-box p{ float: left; width: 700px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; }
	#content .add-news-box .strong{ display: block; }
	#content .add-news-box p{ float: left; width: 700px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; }
	#content .add-news-box .large-input input{ float: left; width: 700px; }
	/* Page formateur */
	#content .trainer-box{ float: left; width: 730px;  margin-top: 10px;  display: inline; }
	#content .trainer-box h2 { float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 20px; display: inline; width: 710px; font-size: 1.4em; height: 30px; line-height: 30px; background: url(pictures/big-h2.gif) left top no-repeat;}
	#content .trainer-box h2 input{ float: left; width: 130px; margin-left: 20px; margin-top: 5px; display: inline; background: #4C81C3; color: #FFFFFF; }
	#content .trainer-box p{ float: left; width: 508px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; }
	#content .trainer-box img{ float: left; margin: 5px 5px 0 5px; display: inline; }
	#content .trainer-box .color{ padding: 0 5px 0 5px; font-weight: bold; background: #506F86; color: #FFFFFF; }
	#content .trainer-box .info{  width: 50px; margin: 5px 5px 5px 5px; display: inline; text-align: center; border: 1px solid #506F86; padding: 0 5px 0 5px; color: #506F86; font-weight: bold; text-decoration: none; }
	#content .trainer-box .info:hover{ background: #506F86; color: #FFFFFF; }
	#content .trainer-box .mailto{ background: url(pictures/picto-mail.gif) left top no-repeat; float: right; width: 30px; height: 23px; margin-right: 20px; display: inline; text-indent: -1000em;  }
	#content .trainer-box .mailto:hover{ background: url(pictures/picto-mail.gif) left bottom no-repeat; }
	#content .trainer-box textarea{ float: left; width: 555px; font-size: 1.2em; }
	/* Pour un affichage lisible des données des textarea ( pour la gestion des news) */
	#content .add-product-box textarea{ font-size: 1.2em; }
	#content .trainer-box .trainer-delete, #content .trainer-box .trainer-edit{ float: right; font-size: 0.8em; margin-right: 25px; color: #FFFFFF; }
	/* Page admin */
	#content .catalog-arbo-complete-admin{ float: right; width: 500px; }
	#content .catalog-arbo-complete-admin ul{ margin-left: 20px; list-style-type: square; color: #000000;  }
	#content .catalog-arbo-complete-admin h2{ font-size: 1.3em; }
	#content .catalog-arbo-complete-admin h3{font-size: 1.2em; }
	#content .catalog-arbo-complete-admin ul li a{ color: #000000; font-size: 1.1em; }
	#content .catalog-arbo-complete-admin ul li ul li a{ color: #000000; font-size: 1em; }
	#content #left-admin-fieldset { float: left; width: 220px; }
	#content .admin-fieldset{ float: left; width: 210px; margin: 0 0 10px 0; display: inline; padding-bottom: 10px; }
	#content .admin-fieldset legend{ float: left; font-size: 1.2em; margin: 5px; font-weight: bold; padding: 0 5px; }
	#content #left-admin-fieldset input, #content #left-admin-fieldset select{ float: left; margin: 5px; width: 195px; max-width: 195px; }
	/*----- Pager ----- */
	#content  div.pager{ float: left;  color: #FFFFFF; text-align: center; margin-left: 320px; display: inline; }
	#content  .pager-no-current{ float: left; font-size: 1.2em; background: url(pictures/picto-input.gif) left top no-repeat; width: 20px; height: 20px; padding-top : 3px;  text-align : center;  color: #FFFFFF; }
	#content  .pager-current{ float: left;  font-size: 1.2em; background: url(pictures/picto-input.gif) left top no-repeat; width: 20px; height: 20px; padding-top : 3px;  text-align : center;  color: #FFFFFF; text-decoration: underline; }
	#content  .pager-no-current a{  color: #FFFFFF; text-decoration: none; }
	#content  .pager-no-current a:hover{  color: #FFFFFF; text-decoration: underline; }
#content #paybox-link{ float: left; width: 720px; text-align: center; }
#content #paybox-link p{ display: block; width: 200px; padding-top: 20px; }
#content .trainer-cv-box { float: left; font-size: 1.2em; border: 1px solid #000; margin:10px ; padding:10px ;}
#content .administration-content { float: left; width:100%; font-size: 1.2em; padding: 10px;}
#content .admin-btn{ float: left; margin: 10px 0 0 0; color: #4075BC; font-weight: bold; text-decoration: none; padding-left: 40px; display: inline; width: 315px; font-size: 1.2em; height: 30px; line-height: 30px; background: url(pictures/bg-btn-admin.gif) left top no-repeat; }
#content .admin-btn:hover{ color: #F5672D; font-weight: bold;  }
#content .administration-content tfoot { text-align:center; }
/*-----Ajouté par François  PAGER------*/
/*  A MODIFIER */
#content .catalog-table tr.bis{ background-color:#93CFF0; }
#content .elmg_trainer_list{ font-size: 1.2em; }
#content .error {color:red;}
#content ul li h2 a {font-size:1.4em; color:#031489;}
#content ul li h3 a {font-size:1.2em; color :#7F7FFF;}
#content ul a {color: #FF8000}
#content ul {padding-left:15pt;}
a img {border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; margin-left:5px; }
#paybox-logo { float: left; width: 200px; padding-left: 35px; padding-top: 100px;}
div .smalltext {font-size: xx-small;}
	/* Ci dessous, les infos relatives 	 l	 boite vue filtrée */
	.subcat {padding-left: 30px;}
	.thin_border {padding: 10px; float: left;  margin-top: 10px;}
.indent0 {font-weight: bold;}
.indent1 {font-style:italic;}
.indent2 {font-style: oblique;}
.info_icon {float: right; margin-left: 100px;}
.mini-mail{float:right; background: url(pictures/bt_mail.gif) left top no-repeat; width: 40px; height: 30px; text-indent: -1000em; }
.mini-mail:hover{float:right; background: url(pictures/bt_mail.gif) left -30px no-repeat; width: 40px; height: 30px; text-indent: -1000em; }
.mini-demo{float:right; background: url(pictures/btn-demo.gif) left top no-repeat; width: 40px; height: 30px; text-indent: -1000em; }
.mini-demo:hover{float:right; background: url(pictures/btn-demo.gif) left -30px no-repeat; width: 40px; height: 30px; text-indent: -1000em; }
#formcontact table {float: left;}
.register_form_element{ float: left; width: 700px; }
.register_form_element label{ float: left; width: 200px; text-align: right; padding-right: 20px; }
.register_form_element input{ float: left; width: 200px;  }
.register_form_element .form-btn{ float: left; margin-left: 220px; display: inline; }
#formRegister div {display: block; float:  left; margin: 10px;}
.collapsable-hitarea {background: url(../../bin/scripts/jQuery/jquery-treeview/images/minus.gif) no-repeat 0px 0px;}
.expandable-hitarea {background: url(../../bin/scripts/jQuery/jquery-treeview/images/plus.gif) no-repeat 0px 0px;}
textarea {overflow:auto;}
/* Gestion des mots clés par page*/
#header #logo .valid{ margin-left: 5px; height: 31px; width: 172px; display: inline; background: url(pictures/keywords_save_button.gif) left top no-repeat; border: none; color: #FFFFFF; cursor: pointer; }
#header #logo textarea {height: 80px;}
#header .customer-box p .flags {float: right;}
.flaglist {margin-top: -19px;}
.price_price {width:40px;}
.price_desc {width:534px;}
.price_dest  {width:287px;}
.price_action {width:133px;}
/*
	Popup
	Ajouté par Jean-Alain Ré
*/
#TB_ajaxContent{
	background-color:#f0f0f0;
	text-align:center;
}
#TB_ajaxContent .popup_text{
	color: #003366;
	font-weight:bold;
	text-align:center;
}
#TB_ajaxContent .admin-btn{ float: left; margin: 10px 0 0 0; color: #4075BC; font-weight: bold; text-decoration: none; padding-left: 40px; display: inline; width: 710px; font-size: 1.2em; height: 30px; line-height: 30px; background: url(pictures/bg-btn-admin_tb.gif) left top no-repeat; }
#TB_ajaxContent h1{float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 40px; display: inline; width: 690px; font-size: 1.4em; height: 30px; line-height: 30px;
background: url(pictures/big-h1_tb.gif) left top no-repeat; }
#TB_ajaxContent span {margin-top: 10px;}
#TB_ajaxContent input {font-weight: bold; color: white; background:  #F79125;}
.bouton {font-weight: bold; color: white; background:  #F79125;}

#registeryourpass-box, #publicite-box, #showrss-box { width: 300px;}
#registeryourpass-box{height:121px; background:url(pictures/bg-reg.gif) no-repeat; position:absolute; overflow:auto; right:15px; top:46px; margin-top: 26px}
#registeryourpass-box img{margin: -1px 0px 0px 7px;}
#registeryourpass-box h2{margin:6px 0 0 15px;}
#registeryourpass-box span{display:block; float:right;margin: 20px 5px 0 0;}
#registeryourpass-box span a{color:#002E50; text-decoration: none; font-size: 1em;}
#registeryourpass-box h2 a{font-size:1.2em; color:#002E50; text-decoration:none; font-weight:normal;}
#publicite-box {text-align:center;position:absolute;overflow:hidden;right:15px;top:121px;width:300px;border:solid 1px #59778D;}
#publicite-box h2 {background-color:#59778D; height:25px;}
#publicite-box h2 a{color:#FFF; text-decoration:none; font-size:0.8em;}
#publicite-box img{margin:5px auto 5px auto;}
#seedemo-box, #seeoffer-box,  #news-box{position:relative;overflow:auto;}
#guidedtour-box {position: relative;}
#seedemo-box,#guidedtour-box{width:305px;height:170px;background:url(pictures/bg-seedemobox.jpg) no-repeat; float:left;}
#seedemo-box h2,#guidedtour-box h2{margin:15px;}
#seedemo-box h2 a, #guidedtour-box h2 a{color:#FFF; font-size:1.2em; font-weight:bold;text-decoration:none;}
#seedemo-box img, #guidedtour-box img{float:right;margin:0 15px 0 10px;}
#seedemo-box span a, #guidedtour-box span a{display:block;margin:15px;color:#F35C00;font-size:1.4em;text-decoration:none;}
#seeoffer-box {width: 300px; height: 120px; float: left;margin:12px 0 0 15px;background-color:#CFD7DE;overflow: hidden;}
#seeoffer-box h2{background-color:#59778D;height:26px;font-size:1.4em;}
#seeoffer-box h2 a{color:#FFF; font-size:1.3em; font-weight:bold;text-decoration:none;margin-left:10px;}
#seeoffer-box span a{display:block;margin:15px;color:#002E50;font-size:1.5em;text-decoration:none;}
#seeoffer-box img{display:none;}
#guidedtour-box{margin:15px 0 0 318px; margin-left: 319px;}
.Home #content h1 {display: none;}
#seebanner-box img {margin: 0px 0px 0px 71px;}
#showrss-box {float: left; margin: -67px 0px 0px 643px; float: left; background: url(pictures/bg-rss.gif); height: 60px; }
#rss-feed {display: list-item; list-style-image: url(pictures/rss-icon-small.jpg);}
#integraloffer-box, #quizondemand-box, #offre_etablissements-box {width: 300px; height: 68px; background:  url(pictures/bg-rss.gif); float: left; margin:22px 0 0 22px;}
#integraloffer-box h2, #quizondemand-box h2, #offre_etablissements-box h2{margin:6px 0 0 15px;}
#integraloffer-box span, #quizondemand-box span, #offre_etablissements-box span {display:block; float:right;margin: 11px 75px 0 0;}
#integraloffer-box span a, #quizondemand-box span a, #offre_etablissements-box span a{color:#002E50; text-decoration: none; font-size: 1.5em;}
#integraloffer-box h2 a, #quizondemand-box h2 a, #offre_etablissements-box h2 a{font-size:1.2em; color:#002E50; text-decoration:none; font-weight:normal;}
#integraloffer-box a img, #quizondemand-box a img, #offre_etablissements-box a img{display: none;}
#offre_etablissements-box h2 {margin-top: 21px;}
.Register input[type=text], .Register input[type=password], .Register select {width: 300px;}
#remaining_credits {margin-left: 10px; color: green;}
#pass_end_date {margin-left: 10px; color: green;}

.Cart #content {width: 720px;}
.Catalog #content strong {color: orange;}
.Catalog #content .Description {margin-top: -3px}
.Catalog #content .demo_and_info {margin-top: 0px;}
.Catalog #content .ue {display: none;}
.Catalog #content .table-content {font-size: 120%}

/*---------Debug IE6---------------------------*/

.ie6 #header{width:978px;}
.ie6 #header .customer-box{width:240px;overflow:hidden;}
.ie6 #header .customer-box p{margin:0;}
.ie6 #header .customer-box form{padding-left:10px;}
.ie6 #seedemo-box h2,.ie6 #guidedtour-box h2,.ie6 #seeoffer-box h2,.ie6 #registeryourpass-box h2{font-size:150%;}
.ie6 #content{margin-left:10px;width:950px;}
.ie6 #publicite-box {right:5px;top:121px;}
.ie6 #seeoffer-box {margin:7px 100px 20px 15px;}
.ie6 #menu ul{width:978px;}
.ie6 #footer p{margin-top:0;}
.ie6 #content .sort{height:30px;}
.ie6 #seeoffer-box h2 a{font-size: 1.2em;}
.ie6 #registeryourpass-box span{margin: -60px 0px 0px -10px;}
.ie6 #guidedtour-box{margin-left:10px;}
.ie6 #content .product-box .perso-fields {margin-bottom: 70px;}

/*---------Debug IE7---------------------------*/

.ie7 #header{width:978px;}
.ie7 #header .customer-box{width:240px;overflow:hidden;}
.ie7 #header .customer-box p{margin:0;}
.ie7 #header .customer-box form{padding-left:10px;}
.ie7 #seedemo-box h2,.ie7 #guidedtour-box h2,.ie7 #seeoffer-box h2,.ie7 #registeryourpass-box h2{font-size:150%;}
.ie7 #content{margin-left:10px;width:950px;}
.ie7 #publicite-box {right:5px;top:121px;}
.ie7 #seeoffer-box {margin:7px 100px 20px 15px;}
.ie7 #menu ul{width:978px;}
.ie7 #footer p{margin-top:0;}
.ie7 #seeoffer-box h2 a{font-size: 1.2em;}
.ie7 #registeryourpass-box span{margin: -60px 0px 0px -10px;}
.ie7 #guidedtour-box{margin-left:10px;}

/*---------Debug IE8---------------------------*/

.ie8 #header{width:978px;}
.ie8 #header .customer-box{width:240px;overflow:hidden;}
.ie8 #header .customer-box p{margin:0;}
.ie8 #header .customer-box form{padding-left:10px;}
.ie8 #seedemo-box h2,.ie7 #guidedtour-box h2,.ie7 #seeoffer-box h2,.ie7 #registeryourpass-box h2{font-size:150%;}
.ie8 #content{margin-left:10px;width:950px;}
.ie8 #publicite-box {right:5px;top:121px;}
.ie8 #seeoffer-box {margin:7px 100px 20px 15px;}
.ie8 #menu ul{width:978px;}
.ie8 #footer p{margin-top:0;}
.ie8 #seeoffer-box h2 a{font-size: 1.2em;}
.ie8 #registeryourpass-box span{margin: 0px 0px 0px -10px;}
.ie8 #guidedtour-box{margin-left:10px;}

/*----------Debug Safari----------------------*/
.safari #guidedtour-box{margin : 148px 0px 0px -302px;}
.safari #quizondemand-box {margin-top: 153px;}

/*-----------Debug Opera------------------------*/
.opera #guidedtour-box{margin : 148px 0px 0px -302px;}
.opera #quizondemand-box {margin-top: 153px;}

/*---------Debug Gecko -----------------------------*/
#content {overflow: visible; margin-top: 40px; float: none;}

.Synthese #content .catalog-table thead, .Synthese #content .catalog-table tfoot, .Synthese #content .catalog-table thead tr:hover, .Synthese #content .catalog-table tfoot tr:hover {background: #F57E20;}
.Synthese #content .catalog-table {text-align: center;}
.LostPassword #content, .Register #content, .Account #content, .Transactions #content,  .Cart #content {width: 720px;}
#content .table-content ul {width: 677px;}