@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------------------------------------------*/
/* general */
/*----------------------------------------------------------------------------------------------*/

#container {width:1260px; }

table th {padding: 2px 0 2px 10px;}
table td {padding: 0 0 1px 10px;}

.tablo .boite1 table {width:350px}
.tablo .boite2 table {width:240px}

/*----------------------------------------------------------------------------------------------*/
/* navigation */
/*----------------------------------------------------------------------------------------------*/

#onglet-1 .mask, #onglet-2 .mask, #onglet-4 .mask, #onglet-5 .mask {background: url(/ressources/inter/maskfond.png);background-position: -220px -0px}

.mask .unecol,
#onglet-2 .unecol iframe 
{width:312px}

.mask .deuxcol {width:586px;}

.mask .mostread h2 {margin-bottom:0.2em}

.mask .boite {width:150px;}
.mask .deuxcol .boite {margin: 0 0 30px 30px;}

.mask .deuxcol h2, .mask .deuxcol .detail {margin-left:30px}

#onglet-5 .unecol img {width:290px}

.mask .deuxcol .plus,
.troiscol .plus,
.troiscol .moins,
.troiscol .egal {position:absolute}

#rechcomp {margin: 35px 0 0 30px}
#rechcomp input {width:130px}
#scrollbar1, #scrollbar2, #scrollbar3 {width: 272px}
#scrollbar1 .viewport, #scrollbar2 .viewport, #scrollbar3 .viewport {width:220px;margin: 90px 0 0 30px;}

.filtre1 {top:45px;left:17px}
.filtre1 .nivo2:hover ul
{margin-top:-17px}

#scrollbarpage {width: 600px}
#scrollbarpage .viewport {width:530px;height:440px}

/*----------------------------------------------------------------------------------------------*/
/* contenu_ */
/*----------------------------------------------------------------------------------------------*/

#contenu .unecol {width:235px}
#contenu .deuxcol {width:395px}
#contenu .troiscol {width:620px}
#contenu .quatrecol {width:975px}

.quatrecol h3 {top:160px}

.specific {width:975px}
.quatrecol table .tertiaire {padding-right:10px}

.index #contenu .unecol {width:350px}
.index #contenu .troiscol {width:550px}

.gabarit2 #contenu .deuxcol {width:385px;padding-left:10px;margin-top:23px}

.index #contenu .troiscol .image img {width:510px}

.mostread li {margin-bottom:0.2em}

.latest h2
{margin-left:50px}

.latest strong  {width:50px;}
.index .latest strong  {width:40px}

.latest li {margin-bottom:0.9em}

.datatools div {width:250px}

.events li {padding-bottom:0}
.events li strong {padding-bottom:0}

/*----------------------------------------------------------------------------------------------*/
/* FONT-SIZES */
/*----------------------------------------------------------------------------------------------*/

p {line-height:1.4em}
.mask li {line-height:22px}

table .reco {font-size:0.7em}

.unecol .plus {color:#00CB9F;font-family: 'Verdana', 'Geneva', sans-serif;font-size:1.1em}
.unecol .moins {color:#F14638;font-family: 'Verdana', 'Geneva', sans-serif;font-size:1.1em}
.unecol .egal {color:#AABBB7;font-family: 'Verdana', 'Geneva', sans-serif;font-size:1.0em}

table .unecol .plus {color:#00CB9F;font-family: 'Verdana', 'Geneva', sans-serif;font-size:1.2em}
table .unecol .moins {color:#F14638;font-family: 'Verdana', 'Geneva', sans-serif;font-size:1.2em}
table .unecol .egal {color:#AABBB7;font-family: 'Verdana', 'Geneva', sans-serif;font-size:1.1em}

.onglet u {line-height:40px}

#contenu .unecol,
#contenu .deuxcol,
.index #contenu .unecol,
footer,
.filtre2 a,
.mask .detail,
#rechcomp input,
.filtre1,
#rech input,
#identif,
.filtre1 select,
table
{font-size:11px}

.mask li
{
font-size:13px;
line-height:20px
}

#scrollbar1 li,
#scrollbar2 li
{
font-size:13px;
line-height:16px
}

html
{font-size:14px}

.latest span b,
.mostread h6 a
{font-size:15px}

#contenu .troiscol h3,
#contenu .deuxcol h2,
.index .mostread h5,
.events li strong,
.troiscol.latest b
{font-size:18px}

#contenu .deuxcol .mostread h5,
.onglet u {font-size:22px}

.mask h3,
#contenu .deuxcol .mostread h2,
#contenu .deuxcol .mostread h4,
.index #contenu .unecol h2,
.index .mostread h4
{font-size:24px}

#contenu .unecol h2,
#contenu .deuxcol .mostread h3,
.index .mostread h3,
.troiscol.latest b.stabilo1,
.mostread h4 {font-size:28px}

.index #contenu .troiscol h2,
.mask h2 {font-size:42px}

.mask .mostread h2 {font-size:15px}
.mask .mostread h3 {font-size:24px}