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

/*----------------------------------------------------------------------------------------------*/
/* general */
/*----------------------------------------------------------------------------------------------*/

#container {width:1010px;}

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

.tablo .boite1 table {width:250px}
.tablo .boite2 table {width:180px}

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

#onglet-1 .mask, #onglet-2 .mask, #onglet-4 .mask, #onglet-5 .mask {
    background: url(/ressources/inter/maskfond.png) -400px -0px;
}
#onglet-3 .mask {
    background: url(/ressources/inter/maskfond.png) 272px -0px;
}
#onglet-3 .mask .deuxcol {margin: 12px 0 0 30px}

#onglet-4 .mask .boite {float:left;width:240px;}
#onglet-5 .mask .boite {float:left;width:200px;}

.onglet .mask {background-position: -402px -0px}

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

.mask .deuxcol {width:470px}

.mask .boite {width:151px;margin-right:15px}
.mask .mostread h2 {margin-bottom:0.2em}

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

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

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

.mask .deuxcol .plus img,
.mask .deuxcol .moins img,
.mask .deuxcol .egal img,
.troiscol .plus img,
.troiscol .moins img,
.troiscol .egal img {width:30px;height:40px}

.troiscol .plus img, .mask .deuxcol .plus img  {background: url(/ressources/images/plus-moyen.png);width:28px;height:27px;margin-left:10px; }
.troiscol .moins img, .mask .deuxcol .moins img {background: url(/ressources/images/moins-moyen.png);width:28px;height:4px;margin-left:10px; margin-bottom: 8px;}
.troiscol .egal img, .mask .deuxcol .egal img {background: url(/ressources/images/egal-moyen.png);width:28px;height:13px;margin-left:10px; margin-bottom: 1px;}

#rechcomp {margin: 30px 0 0 30px}
#rechcomp input {width:115px}

#scrollbar1, #scrollbar2, #scrollbar3 {width: 230px}
#scrollbar1 .viewport, #scrollbar2 .viewport, #scrollbar3 .viewport {width:180px;margin: 70px 0 0 30px;}

#scrollbarpage {width: 465px}
#scrollbarpage .viewport {width:415px;height:320px}

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

#contenu .unecol {width:190px}
#contenu .deuxcol {width:315px}
#contenu .troiscol {width:495px}
#contenu .quatrecol {width:555px}

.quatrecol h3 {top:155px}

.specific {width:770px}

.index #contenu .unecol {width:280px}
.index #contenu .troiscol {width:440px}

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

.gabarit2 #contenu .deuxcol {width:310px;padding-left:5px;margin-top:20px}

.mostread li {margin-bottom:0.15em}

.latest li {margin-bottom:0.6em}

.datatools div {width:190px}

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}

.index #contenu .unecol,
footer,
.filtre2 a,
.mask .detail,
#rechcomp input,
.filtre1,
#rech input,
#identif
{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:16px}

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

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

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

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

.mask .mostread h2 {font-size:14px}
.mask .mostread h3 {font-size:20px}

.index body #container .TitleHomePage {
    font-size: 19px;
}
.index body #container .TitleHomePage:hover {
    font-size: 19px;
}