@charset "iso-8859-1";
/*
@import url(/images/gyt/structure.css);
@import url(/images/gyt/navigation_elements.css);
@import url(/images/gyt/account.css);
@import url(/images/gyt/boxes.css);
@import url(/images/gyt/catalog.css);
*/
@import url(_elements.css);
@import url(form.css);
/*
@import url(/images/gyt/newsletters.css);
@import url(/images/gyt/publication_methods.css);
@import url(/images/gyt/react_to_article.css);
@import url(/images/gyt/recommend_the_site.css);
@import url(/images/gyt/samples.css);
@import url(/images/gyt/iecompliance.css);
*/
/* COMMON STYLES */
                    
/* Layout -- */
body{
 margin:0;
 padding:16px 0;
 font-family: arial, helvetica, sans, sans-serif;
 font-size : 75%;
 background:#000 url(/images/gyt/fond_page.gif);
 color:#3d535d;
}
* html body{
 behavior:url(/images/csshover.htc);
}
#page{
 width:950px;
 position:absolute;
 left:50%;
 margin:0 0 0 -480px;
 background:#000;
 padding:4px;
 border:1px solid #fff;
}
#banner{
 position:relative;
 margin:0; padding:0;
 background:#c1c8cb;
 height:auto;
}
#menu{
 font-size:1.1em;
 padding:0;
 margin:0;
}
#contents{
 margin:0;
 padding:0;
}
/* // Layout */

/* Banner -- */
#banner h1{
 margin:0; 
padding:6px;
 background:#fff;
 height:72px;
}
* html #banner h1{line-height:8px; padding:0;}
#banner h1 a{
 position:relative;
 margin-left:0px;
 padding-bottom: -20px;
 z-index:10;
padding-top:5px;
}
#banner h1 span {
 visibility:hidden;
}
#banner .tools {
 position:absolute;
 text-align:right;
 top:0;
 right:0;
 height:70px;
 width:auto;
 font-size:.9em;
}
#banner .tools .box_login_links{
 background:#000 url(/images/gyt/coin1.gif) no-repeat;
/* display:block;*/
 color:#fff;
 line-height:14px;
 padding:0 0 2px 2em;
}
* html #banner .tools .box_login_links{ /* ie compliance */
 display:block;
 width:70%;
 /* width:60%;*/
}

*+html #banner .tools .box_login_links{ /* ie7 compliance */
 display:block;
 width: 65%;
}


#gmh{
 position:absolute;
 top:30px;
 left:160px;
 z-index:100;
}

#banner .tools a{
 color:#fff;
 text-decoration:none;
 margin:2em;
}
* html #banner .tools a{
 margin:1em;
}
#banner .tools a:hover{
 text-decoration:underline;
}
#banner .tools .boxtext{
 float:right;
 width:230px;
 padding:11px 10px 0 20px;
 margin-right:3.5em;
 text-align:left;
}
#banner .boxtext a{
 color:#fc1000;
 margin:0;
}
#banner .boxtext *{
 margin:0!important;
}
#banner .boxtext h3{
 font-size:1.1em;
 font-weight:normal;
 text-transform:uppercase;
}
#banner .tools .boxtext img{
 float:left;
}
#banner a.fin{
 margin:.3em;
}
#banner #chaptban{
 position:relative;
}
/* // Banner */

#main{
 background:#fff;
 border:1px solid #fff;
 overflow:hidden;
}


/* navigation elements -- */
#menu div.clear{font-size:1px; height:1px}
#menu ul{
 position:relative;
 margin:0;
 padding:0;
 width:100%;
 height:1.4em;
}
#menu li{
 float:left;
 margin:0 1px;
 padding:1px 1em 1px 1em;
 line-height:auto;
 list-style:none;
}
#menu a{
 color:#3d535d;
 text-decoration:none;
 font-weight:bold;
 font-size:.8em;
}
#menu .first_level{
 background:#dbdbd7;
}
#menu .second_level{
 border-top:1px solid #c4c2c7;
 background:#f4f4f4;
 /*left:0;*/
 /*top:1.7em;*/
 /*clear:left;*/
}
#menu .first_level li:hover{
 background:#fff;
}
#menu .first_level li.active{
 background:#fff url(/images/gyt/menu_selectionne.gif) no-repeat center left;
 padding-left:1em;
}
#menu .second_level li:hover{
 background:#3d535d;
}
#menu .second_level li.active{
 background:#3d535d;
}
#menu .second_level li:hover a, #menu .second_level li.active a{
 color:#fff;
}
#verticalmenu{display:none}
/* // navigation elements */

/* Footer -- */
#footer address{
 float:right;
 text-align:right;
 background:#fff url(/images/gyt/coin2.gif) no-repeat 0 1px;
 padding:1px 2px 0 10px;
 margin:-1px 0 0 0;
 font-style:normal;
 color:#aaa;
 letter-spacing:-0.05em;
}
#footer ul{
 padding:1px 0 0 0;
 margin:0;
 text-align:center;
 font-size:.9em;
}
#footer li{
 margin:0 0.8em;
 display:inline;
}
#footer li a{
 color:#fff;
 text-decoration:none;
}
#footer li a:hover{
 text-decoration:underline;
}
/* // Footer */

/* Global content -- */
#contents *{
 line-height:1.4em;
}
img {
 border:0;
}
/*#contents img {
 border:2px solid #aaa;
 margin:3px;
}*/
.masked{
    display:none;
}

/* Titres -- */
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6{
 margin:0.6em 0 0.6em 0;
}
#contents h1, #contents h3, #contents h5{
}
#contents h2, #contents h4, #contents h6{
 color:#706e5f;
}

#contents h1, #contents h2 {
 position:relative;
 width:100%;
 left:-.6em;
 font-size: 1.3em;
 padding:0 .5em;
 background:url(/images/gyt/h1_x.gif) repeat-x;
}
#contents h1 img, #contents h2 img{
 position:relative;
 left:-.5em;
}
* html #contents h1, * html #contents h2{
padding:0!important
}
* html #contents h1 img, * html #contents h2 img{
 left:0em;
}
#contents h1 span, #contents h2 span, #contents h3 span, #contents h4 span, #contents h5 span, #contents h6 span{
 padding:0 .8em;
 margin:0;
 *display: block;
 *margin-top: -20px;
 *padding-left: 80px;
}
/*#contents h1 span, #contents h2 span{
 position:relative;
 top:-.1em;
 left:-.6em;
 background:url(/images/gyt/h1_gauche.gif) no-repeat;
}
* html #contents h1 span, * html #contents h2 span{
 background-position:-3px;
}*/
#contents h3, #contents h4 {
	font-size: 1.2em;
}
#contents h5, #contents h6 {
	font-size: 1.1em;
}
/* // Titres */

/* Contenu */
/* all blocks elements margin fix */
#contents address, #contents blockquote, #contents center, #contents dl, #contents dir, #contents div, #contents fieldset, #contents form, #contents hr, #contents isindex, #contents menu, #contents noframes, #contents noscript, #contents ol, #contents p, #contents pre, #contents table, #contents ul{
margin:.3em auto;
}
#contents ul {
 list-style-type:circle;
}
a {
 color:#6d264c;
 text-decoration:none;
}
a:hover{
 color:#606060;
}
pre, code{
 font-family: verdana, sans, arial, helvetica, sans-serif;
 overflow:auto;
 width:auto;
}
caption{
 font-weight:bold;
 font-size:1.1em;
}
table{
 border-collapse:collapse;
}
th{
 background:#dbdcd6;
 border:1px solid #dbdcd6;
 color:#6d274c;
 padding:3px;
}
td{
 background:#fff;
 border:1px solid #dbdcd6;
}
blockquote {
 font-style:normal;
 margin:auto;
 padding:7px;
 padding-bottom:13px;
 background:#f6f6f6 url(/images/gyt/perso_boite.gif) no-repeat right bottom;
}
blockquote img{
 margin:2px;
}
hr{
 height:1px;
 color:#000;
 border:1px solid #dedede;
 font-size:1px;
 margin:0; padding:0;
}
.clear, .separator{
 clear:both;
 font-size:1px;
 margin:0; padding:0;
 height:1px;
 visibility:hidden;
}
hr.separator{
 visibility:visible !important;
 background:#dedede;
 color:#dedede;
 border:none;
 height:1px;
 margin:1em 0 !important;
}
#contents ul, #contents ol, #contents p, #contents pre, #contents blockquote, #contents address, #contents dl, #contents form, #contents table{
 margin:.35em 0;
 padding:.1em 0;
}
#contents ol, #contents ul{
margin-left:1.7em;
}
/* // Global content */


/* Publication methods -- */
  /* Article -- */
  #text, #recommend, #newsletter, #account_authentification, #account_subscription{margin:20px!important}
  /* // Article */
  /* homepage */
#argumentaires{
 border-right:1px dotted #706e5e;
 margin-bottom:1em;
}
#argumentaires div{
 margin:0  1.5em 1em 1em;
}
#argumentaires h2{
 background:0;
 color:#ff1000;
 margin:0;
}
#argumentaires h2 span{
 background:0;
 margin-left:-25px;
 z-index:10;
position:relative
}
#argumentaires img{
 vertical-align: -5px;
 border:0;
 float:none!important;
}
#argumentaires h2 img{left:3px}
* html #argumentaires h2{position:relative}
* html #argumentaires h2 span{position:absolute; top:22px; left:63px;}
#argumentaires p{
 margin:0;
}
#argumentaires a{
 float:right;
}
#rubriques{
 padding:1em 0 0 0;
}
#rubriques span.visu{
 float:left;
 display:block;
 background:url(/images/gyt/home_fd.gif) no-repeat center center;
 height:82px;
 width:82px;
 padding:12px;
 text-align:center;
}
#rubriques span.visu img{
 border:0;
 margin:8px 5px;
 max-width:69px;
 max-height:68px;
}
* html #rubriques span.visu img{
 margin:10px 5px;
 width:expression((this.offsetWidth < 69) ? 'auto' : '69px');
 height:expression((this.offsetHeight < 68) ? 'auto' : '68px');
}
#rubriques h3 a{
 vertical-align:middle;
 line-height:1em;
 font-size:1.2em;
 font-weight:normal;
 color:#706e5e;
 display:block;
 margin-top:20%;
}
#rubriques h3 a:hover{
 color:#333;
}
/* IE IE IE yeah ! */
* html #rubriques div{width:48.5%}
* html #rubriques h3{float:left}
* html #rubriques h3 a{margin-top:15%}
  /* // homepage */

  /* Gamme -- */
#gamme #focus{
 background:#f4f4f4;
 width:180px;
 margin-right:10px;
 font-size:.8em;
 color:#849299;
 padding:10px;
 height:100%;
 vertical-align:top;
}
#gamme{
 width:100%;
 border:0!important;
 margin:0!important; padding:0!important;
}
#gamme td{
 vertical-align:top;
 border:0!important;
}
#gamme h3{
 background:url(/images/gyt/fdh3gamme.gif) repeat-x center center;
}
#gamme h3 span{
 background:#fff;
}
#gamme #focus h3{
 padding:0 10px;
 position:relative;
 width:100%;
 left:-10px;
 margin:1.5em 0 1em 0;
 text-align:center;
 color:#3d535d;
}
#gamme #focus h3 span{
 background:#f4f4f4;
}
#gamme #text h3 span{
 margin:0 1em;
}
#gamme #focus img{
 margin:0;
 border:1px solid #666;
 vertical-align:middle;
}
#gamme #focus #coloris img{
 width:10px;
}
#gamme hr{
 clear:both;
 color:#666;
 background:#666;
 border:0;
 height:1px;
}

#gamme #footLinks{
margin:2em 0 0 -30px;
}
#gamme #footLinks a{
 color:#666;
 padding-left:30px;
 background:url(/images/gyt/lien.gif) no-repeat !important;
}
#gamme #footLinks a.back{
 margin:100px;
}
#gamme #footLinks blockquote{
 padding:0 2em;
 line-height:2.5em;
}
  /* // Gamme */
#text{
 padding:5px 15px 15px;
}

#galleryMenu img{
 height:52px;
 vertical-align:middle;
 margin:3px;
 border:2px solid #dedede;
}
#galleryMenu a:hover img{
border:1px solid #aaa;
margin:1px;
height:57px;
}
/* // Publication methods */

.diaporamas a{
 position:relative;
 top:-1.5em;
}