body                                               { background: #DAD4C3; margin: 0; padding: 10px 0 0 0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; }
img                                                { margin: 0; padding: 0; border: none; }
.clear                                             { clear: both; }
h2                                                 { font-size: 16px; color: #E6182F; }
dl.annonces dt                                     { font-size: 14px; font-weight: bold; border: solid 1px #a3a3a3; color: #0056A1; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; padding: 0.5em 0.5em 0.5em 32px; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.8); box-shadow: inset 0 0 7px rgba(0,0,0,0.8); }
dl.annonces dd                                     { margin: 0.5em 0; padding: 0; }
.plansite .annonces dd a                           { text-decoration: underline; }
.plansite .annonces dd .postuler a                 { text-decoration: none; }
#carcasse                                          { width: 1005px; margin: 0 auto 0; position: relative; left: -3px; }
#leftcolumn                                        { float: left; width: 822px; }
#rightcolumn                                       { float: right; width: 183px; margin-top: 6px; }
#topandnav                                         { height: 190px; }
#content                                           { padding: 0 5px; }
ul#nav                                             { margin: 0 0 0 5px; padding: 0; list-style-type: none; }
ul#nav li                                          { float: left; margin: 0; padding: 0; }
ul#nav li a                                        { height: 45px; width: 135px; display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 20px; cursor: pointer; }
ul#nav li.n1 a                                     { background: url(/_itn/img/btn-nav-1.jpg) 0 0; color: #E51830; }
ul#nav li.n2 a                                     { background: url(/_itn/img/btn-nav-2.jpg) 0 0; color: #FF6701; }
ul#nav li.n3 a                                     { background: url(/_itn/img/btn-nav-3.jpg) 0 0; color: #99CC01; }
ul#nav li.n4 a                                     { background: url(/_itn/img/btn-nav-4.jpg) 0 0; color: #00A99D; }
ul#nav li.n5 a                                     { background: url(/_itn/img/btn-nav-5.jpg) 0 0; color: #777777; }
ul#nav li.n6 a                                     { background: url(/_itn/img/btn-nav-6.jpg) 0 0; color: #0056A1; }
ul#nav li a:hover, ul#nav li a.selected            { background-position: 0 100%; color: #fff; }
.dec                                               { display: block; margin-top: 7px; float: left; width: 100%; text-align: center; }
#breadcrumb                                        { color: #666; margin: -13px 0 5px 8px; float: left; }
#breadcrumb    a                                   { color: #666; }
#rightContent                                      { width: 100%; background: url(/_itn/img/coldroite-mid.gif) repeat-y; }
#rightContentIn                                    { padding: 0 0 0 8px; }
#rightContentTop                                   { height: 84px; background: url(/_itn/img/coldroite-top.gif) no-repeat; }
#rightContentTop span                              { color: #fff; font-size: 22px; display: block; text-align: center; padding: 15px 0 0 0; }
#rightContentBot                                   { height: 12px; background: url(/_itn/img/coldroite-bot.gif) no-repeat; }
ul#slideshow-menu                                  { list-style-type: none; padding: 0; margin: 0; display: inline; }
ul#slideshow-menu li                               { display: inline; padding: 0; margin: 0; }
ul#slideshow-menu li a                             { display: block; float: left; color: #fff; font-weight: bold; text-decoration: none; margin: 0 5px 0 0; cursor:  pointer; }
ul#slideshow-menu li a span                        { display: block; width: 20px; height: 20px; text-align: center; background: #666; }
ul#slideshow-menu li a:hover span                  { background: #333; }
ul#slideshow-menu li a span strong                 { display: block; padding: 3px 0 0 0; }
.slide                                             { text-align: center; }
.slide h3                                          { color: #d5212a; font-size: 16px; }
.slide p                                           { font-size: 13px; }
.slide a                                           { color: #d5212a; font-size: 13px; text-decoration: none; text-align: center; display: block; margin: 10px 0 0 0; }
.slide a:hover                                     { text-decoration: underline; }
#footer                                            { font: 10px sans-serif; text-align: center; margin-top: 10px; }
#footer a                                          { text-decoration: none;color: #000}
#footer a:hover                                    { text-decoration: underline;color: #000}
#logo                                              { float: left; }
#anim                                              { background: url(/_itn/img/fd-anim.png); width: 600px; height: 141px; float: left; }
#flashcontent                                      { padding: 14px 0 0 0; }
#BGpartenaires                                     { background: url(/_itn/img/bg-partenaires.jpg) no-repeat; width: 810px; height: 381px; }
#BGpartenaires h1                                  { font-weight: bold; font-size: 18px; color: #E52139; margin: 0; padding: 12px 0 0 10px; }    
#partenaires                                       { margin: 0 0 0 240px; }
.partenaire                                        { float: left; margin: 0 20px 20px 0; }            
#titretype                                         { width: 809px; height: 38px; background: url(/_itn/img/bg-constructeur-titre.jpg) no-repeat; }
#titretype h1                                      { font-size: 18px; font-weight: bold; margin: 0; padding: 8px 0 0 10px; }
#contenttype                                       { background: url(/_itn/img/bg-pagetype.gif) repeat-y; padding: 20px; }
#footertype                                        { background: url(/_itn/img/bg-pagetype-footer.gif) no-repeat 0 0 ; height: 13px; }
.photoTxt, .txtPhoto                               { margin: 0 0 20px 0; }
.photoTxt .photo                                   { float: left; margin: 0 1em 1em 0; }
.txtPhoto .photo                                   { float: right; margin: 0 0 1em 1em; }
.photoCenter                                       { text-align: center; }
.lettre1                                           { font-size: 16px; color: #E6182F; font-weight: bold; }
.specialgras1                                      { font-weight: bold; color: #0056A1; }
.couleur3                                          { border-bottom: 1px solid #ddd; font-size: 16px; color: #777; }
.couleur3 a                                        { font-weight: bold; color: #E6182F; text-decoration: none; font-size:  16px; padding: 0 10px; margin: 10px 0; }
.couleur3 a:hover                                  { text-decoration: underline; background: #eee; }    
.paragraphe                                        { margin:  0 0 10px 0; }
#subnavpadding                                     { padding: 0 0 5px 5px; }
#subnav                                            { width: 594px; height: 26px; background: url(/_itn/img/bg-subnav.jpg) no-repeat; }
#subnav ul                                         { margin: 0; padding: 0 0 0 20px; list-style-type: none; }
#subnav ul li                                      { display: inline; } /* IE */
#subnav ul li a                                    { display: block; float: left; width: 110px; text-align: center; border-left: 1px solid #C4C6B9; height: 26px; text-decoration: none; color: #000; }
#subnav ul li.firstitem a                          { border: none; }
#subnav ul li a span                               { padding: 5px 0 0 0; display: block; }
#subnav ul li a:hover, #subnav ul li a.selected    { background: url(/_itn/img/subnav-hover.gif) repeat-x; color: #fff; font-weight: bold; }
.plansite a                                        { color: #000; text-decoration: none; }
.plansite a:hover                                  { text-decoration: underline; }
#PARTENAIRES                                       { width: 772px; }
.photoPartenaire                                   { float: left; }

/* SLIDESHOW ACTUS DROITE */
#slideshow                                         { width: 160px; height: 400px; overflow:hidden; }
#slideshow .handle                                 { height: 400px; } /* width is managed in PHP, see included file (right column). Equals number of news X slideshow width (n X 160px, as for march 2011) */
#slideshow .handle .slide                          { width: 160px; height: 400px; float: left; }
#slideshow-menu-wrapper                            { display: inline; }
#slideshow-menu-wrapper span                       { color: #fff; }
#slideshow-menu-cursor                             { width: 20px; height: 10px; background: url(/_itn/img/tem-actu.gif) no-repeat; }

/* Emploi */
#gotoAnnonces { position: absolute; top: 350px; left: 50%; margin: 0 0 0 -496px; }
.annonces table { width: 100%; font: 12px/1.6em 'Trebuchet MS', sans-serif; }
.annonces th { width: 10%; background: #0056A1; color: #fff; text-align: right; padding: 0.5em 1em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; vertical-align: top; white-space: nowrap; }
.annonces td { /*background: #eee;*/ color: #0056A1; padding: 0.5em 1em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }
.postuler { text-align: right; }
/*.postuler a { display: inline-block; font: bold 12px 'Trebuchet MS' sans-serif; color: #fff; background: #0056A1 url(/_itn/img/h3.png) no-repeat 12px 50%; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; padding: 0.5em 0.5em 0.5em 32px;
                                                    text-shadow: 0 1px 1px rgba(0,0,0,.8);
                                                    -webkit-box-shadow:    inset 0 0 7px rgba(0,0,0,0.8);
                                                    -moz-box-shadow:    inset 0 0 7px rgba(0,0,0,0.8);
                                                    box-shadow:            inset 0 0 7px rgba(0,0,0,0.8);
                                                }*/


.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none !important;
}
.button:active {
    position: relative;
    top: 1px;
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}