.txt {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;}
.txt2 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px}
.date {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #330099}
.txtViolet {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #330099}
.titre 
{display:block;
font:14px trebuchet MS, arial, sans serif ;
line-height:18px;
padding: 2px 12px 3px 20px; 
background-image: url(img/listePuceJ.gif); 
background-repeat:no-repeat; 
font-weight:bold;
background-position:left;
text-transform: uppercase;
font-variant: normal;
margin-bottom:0.5em;
color:black;
background-color: #FFFFFF;
text-align : left;
}
.titreAccueil 
{display:block;
font:14px trebuchet MS, arial, sans serif ;
line-height:18px;
padding:  2px 12px 3px 20px; 
background-image: url(img/listePuceJ.gif); 
background-repeat:no-repeat; 
font-weight:bold;
background-position:left;
text-transform: uppercase;
font-variant: normal;
margin-left:2em;
color:black;
/*background-color: #eeeeee;*/
text-align : left;
margin-bottom:-5px;
border: 1px solid white;
line-height: normal;
}

.sousTitre {  font-family: trebuchet MS, arial, sans serif; font-size: 13px; font-weight: bold; text-transform: none; color: #000000; 
text-decoration: none}
.interTitre {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #b02b29; text-align: center; text-decoration: none}
.legende {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
.txtGras {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.txtGrasBlanc {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF}
.sousTitreBlanc {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}
.sousTitreOrange { 
font-family: trebuchet MS, arial, sans serif; 
padding: 2px 2px 3px 16px; 
font-size: 13px; 
font-weight: bold; 
color: black;
text-decoration: none;
background-image: url(img/listePuceRouge.gif); 
background-repeat:no-repeat; 
background-position: left; 
}
.Tab_txtGrasViolet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333}
.Titre_txtGrasOrange {
font-family: trebuchet MS, arial, sans serif; 
padding: 2px 2px 3px 16px; 
font-size: 14px; 
font-weight: bold; 
color: black;
text-decoration: none;
background-image: url(img/listePuceRouge.gif); 
background-repeat:no-repeat; 
background-position: left; 
}

.TxtGrasViolet {
font-family: trebuchet MS, arial, sans serif; 
padding:  2px 2px 3px 20px; 
font-size: 13px; 
font-weight: bold; 
color: #333333;
text-decoration: none;
background-image: url(img/listePuce.gif); 
background-repeat:no-repeat; 
background-position: left;
margin-left:10px;
}
.intro {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold}
.lien {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; font-style: normal; color: #FFFFFF}
.signature {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #330099; text-align: right}
.txtgrasOrange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; text-decoration: none}
.tabTxt {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; vertical-align: middle}
.color-link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #330066}
.color-link:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ff0000}
.Tab_txtViolet { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #b72641 }
.Tab_txtGras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold ; text-align: center; vertical-align: middle}
.txtGrasital { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold ; font-style: italic}

table {margin:auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#paragraphe {
width:445px;
margin-bottom:6px;
background-image: url(img/topAct.png);
background-repeat:no-repeat;
background-position:top right;
background-attachment: scroll;
float:left;
padding:5px;
}

#fondActu{
width:434px;
border-left:1px solid #c0bebf;
border-right:1px solid #ececec;
border-bottom:1px solid #c0bebf;
padding:4px;
}

#fondActuDes{
width:419px;
border-left:1px solid #c0bebf;
border-right:1px solid #ececec;
border-bottom:1px solid #c0bebf;
padding:4px;
}

#paragrapheDes {
width:430px;
margin-bottom:6px;
background-image: url(img/topActDes.png);
background-repeat:no-repeat;
background-position:top right;
background-attachment: scroll;
float:left;
padding:5px;
}

.actuFond 
{background-color:#FFF3EF;}
.actuFond01 
{background-color:#fff4e6;}
.actuFond02 
{background-color:#e5e5e5;}
.actuFond03 
{background-color:#e5ddfb;}

.include{
top:0;
width:auto;
height:100%;
position:fixed;
}

body {
background:transparent url(img/body-bg.png) center top repeat-y;color:#444;padding:0;
background-color:#eee;
margin:0;
}


.illustration
{
margin:3px;
}

/** ScrollToTop **/
#scrollToTop a{
position:  fixed;
font-family: Arial;
font-size:10px;
color:#1f41a8; 
right: 150px;
bottom: 10px;
background-color: #d0cccc; /** rgba fallback**/
padding: 7px 10px;
border: 1px solid #000;
}
#scrollToTop a:hover{
box-shadow: 0px 0px 5px #222;
-moz-box-shadow: 0px 0px 5px #222;
-webkit-box-shadow: 0px 0px 5px #222;
text-decoration: none !important;
background-color: silver;
color:#330099; 
}


/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
.include {
top:0;
width:auto;
height:100%;
position:relative;
}
}