html {
 height: 100%;
 }  

 body {
 margin:0;
 padding:0; 
 text-align:center;
 background: url("../textureLin.jpg") #424242 ; 
 font-size:10px; 
 color:#fff; 
 font-family: verdana, arial;
 font-weight:normal;
 } 

 img { 
 border:none;
 margin:0;
 padding:0;
 /*
 filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
*/
 } 
 
.texte {
  font-family: verdana, arial;
  font-size: 11pt;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
}

.texte1 {
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
}

.texte2 {
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
}

.texte3 { 
background:transparent; 
border:none; 
color: #ffffff; 
font-family:verdana, arial; 
font-size:8pt; 
font-weight:bold; 
font-style:normal; 
}

.texte3:hover { 
color: #cccccc; 
}

.texteb3 { 
background:transparent; 
border:none; 
color: rgb(0,150,200);
font-family:verdana, arial; 
font-size:8pt; 
font-weight:bold; 
font-style:normal; 
}

.titrevideo { 
background:transparent; 
border:none; 
color: #ffffff; 
font-family:verdana, arial; 
font-size:9pt; 
font-weight:bold; 
font-style:normal; 
}

.textespot {
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
}

.pagewidth { 
 width:980px; 
 text-align:center; 
 background:transparent;
 background: url("../tramefond1.jpg") #406576 ; 
 margin-left:auto; 
 margin-right:auto;
 margin-top:0px; 
 margin-bottom:0px; 
 position:relative; 
 } 

#header { 
 float:left; 
 width:950px; 
 height:170px;
 background: transparent; 
} 

.popdiv  {
background:url("../tramefond.jpg") #406576; 
border: 0px solid #183d4f;
border-radius: 10px; 
}

.popdiv1  {
background:url("../tramefond1.jpg") #183d4f; 
border: 0px solid #183d4f;
border-radius: 10px; 
box-shadow: 7px 7px 10px #222222; 
}

.popdiv2  {
background:url("../textureLin2.jpg") #616161; 
border: none;
border-radius: 10px; 
box-shadow: 7px 7px 10px #222222; 
}

.popdiv3  {
background:url("../tramefond3.jpg") #517c91; 
border: 0px solid #183d4f;
border-radius: 10px; 
box-shadow: 7px 7px 10px #222222; 
}

.popdivin  {
background:transparent;
}
.labelbox {
 color:#ffffff; 
 font-family: verdana, arial;
 font-size:8pt; 
 font-weight:bold; 
 font-style: normal;
}

.button { 
 cursor:pointer;  
 background:#cccccc; 
 border:none; 
 font-family: verdana, arial;
 font-size:8pt; 
 color:#000000; 
 font-weight:bold; 
 font-style: normal;
 padding:0px 6px; 
 -moz-border-radius: 10px 10px 10px 10px;  
 -webkit-border-radius: 10px 10px 10px 10px; 
 border-radius: 10px 10px 10px 10px; 
 /* pour Chrome */ 
 -webkit-border-top-left-radius: 10px; 
 -webkit-border-top-right-radius: 10px; 
 -webkit-border-top-top-radius: 10px; 
 -webkit-border-top-bottom-radius: 10px; 
 box-shadow: -5px -5px #888888; 
 text-transform:uppercase;
 position:relative; top:10px; left:16px;
}

.button:hover{ 
 background:#ffffff; 
 box-shadow: -3px -3px #888888; 
}

.buttonoff { 
 background:#555555; 
 border:none; 
 font-family: verdana, arial;
 font-size:8pt; 
 color:#ffffff; 
 font-weight:bold; 
 font-style: normal;
 padding:0px 6px; 
 border-radius: 10px 10px 10px 10px; 
 box-shadow: -5px -5px #888888; 
 text-transform:uppercase;
 position:relative; top:10px; left:16px;
}

.button1 { 
 cursor:pointer;  
 background:#cccccc; 
 border:none; 
 font-family: verdana, arial;
 font-size:7pt; 
 color:#000000; 
 font-weight:bold; 
 font-style: normal;
 padding:0px 5px; 
 border-radius: 5px 5px 5px 5px; 
 box-shadow: -3px -3px #888888; 
 text-transform:uppercase;
 position:relative; top:5px; left:10px;
}

.button1:hover{ 
 background:#ffffff; 
 box-shadow: -1px -1px #888888; 
}

.inputbox { 
 color:#000; 
 background:#fff; 
 border:none; 
 padding:4px;
 font-weight:bold;
 border-radius: 7px 7px 7px 7px; 
 -moz-border-radius: 7px 7px 7px 7px;  
 -webkit-border-radius: 7px 7px 7px 7px; 
 -webkit-border-top-left-radius: 7px; 
 /* pour Chrome */  
 -webkit-border-top-right-radius: 7px; 
 /* pour Chrome */  
 -webkit-border-top-top-radius: 7px; 
 /* pour Chrome */ 
 -webkit-border-top-bottom-radius: 7px;  
 /* pour Chrome */  
 }
 
 .readmore span{
float:right;
font-weight: bold;
padding:5px ;
margin-right:15px;
color:#000;
margin-top:0px;
font-weight:normal;
background: #fff;
border-radius: 7px;
text-transform:uppercase;
}

 .readmore span:hover{
float:right;
font-weight: bold;
padding:5px ;
margin-right:15px;
color:#ffffff;
margin-top:0px;
font-weight:normal;
background: #777777;
border-radius: 7px;
text-transform:uppercase;
}

.rubrique {
  font-family: verdana, arial;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  color: rgb(247,148,29);
  line-height:150%;
  text-shadow:2px 2px 8px #111111;
}

.srubrique {
  font-family: verdana, arial;
  font-size: 9pt;
  font-weight: bold;
  font-style: italic;
  color: rgb(247,148,29);
  line-height:120%;
  text-shadow:2px 2px 8px #111111;
}

.ssrubrique {
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: bold;
  font-style: italic;
  color: rgb(247,148,29);
  line-height:120%;
  text-shadow:2px 2px 5px #111111;
}

.note {
  font-family: verdana, arial;
  font-size: 8pt;
  font-style: normal;
  color: #aaaaaa;
}

.footnote {
  font-family: verdana, arial;
  font-size: 7pt;
  font-style: normal;
  color: #aaaaaa;
}

.titrevideo { 
background:transparent; 
border:none; 
color: #ffffff; 
font-family:verdana, arial; 
font-size:9pt; 
font-weight:bold; 
font-style:normal; 
}

.titre-col { 
  background:#999999; 
  color:rgb(255,255,255); 
  font-family: verdana, arial; 
  font-size:8pt; 
  font-weight:bold; 
  font-style:normal; 
}

 /*********************/

 #block-left { 
 float:left; 
 width:180px; 
 height:200px;
 background:transparent; 
 }

  #sitename { 
 background: url(../images/bg-sitename1.png) 0 0 no-repeat; 
 margin-top:20px; 
 }

 #logo {
 margin-top:40px; 
 }

 #block-center { 
 float:left; 
 width:620px;
 height:170px;
 background:transparent;
 margin-left:15px;
 height:300px; 
 } 

 #topmenu {
 float:left;
 width:220px;
 height:170px;
 margin-top:30px;
 text-align:left;
 }

 #newsflash {
 float:left;
 width:220px;
 height:170px;
 margin-top:30px;
 text-align:left !important;
 margin-left:0px;
 text-align:left;
 margin-top:15px;
 color:#fff; 
 background:transparent; 
 }

 #block-right { 
 float:left;
 width:110px;
 height:170px;
 /*  background:#ccc; */
 margin-left:25px;
 } 
 
 #tool {
 width:64px;
 height:27px;
 background:#ccc;
 margin-top:115px;
 margin-left:0px;
}

#loginbt {
width: 64px;
height: 27px;
}

 #search {
 float:left;
 width:210px !important;
 height:42px !important;
 margin-top:30px;
 background: url(../images/search.jpg) 0 0 no-repeat;
 }

 #search .inputbox {
 background: none;
 color:#000;
 text-align:center;
 margin-top:10px;
 }
 
 img.zoomEffect {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
cursor:url(loupeplus.cur),pointer;
}
img.zoomEffect:hover {
-moz-transform: scale(1.07);
-webkit-transform: scale(1.07);
-o-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
box-shadow: 6px 6px 10px #202020;
}

.srubriqueo {
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: rgb(247,148,29);
}

.srubriqueo1 {
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: rgb(247,148,29);
}

.onglet {
  background::#1e465d; 
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: 800;
  font-style: normal;
  color: rgb(247,148,29);
}

.titartu {
  font-family: verdana, arial;
  font-size: 15pt;
  font-weight: 600;
  color: #ffffff;
  text-shadow:2px 2px 8px #000000;
}
.titartu:hover { 
color: #cccccc; 
}

.titart {
  font-family: verdana, arial;
  font-size: 12pt;
  font-weight: 600;
  color: #ffffff;
  text-shadow:2px 2px 8px #000000;
}
.titart:hover { 
color: #cccccc; 
}

.titdos {
  font-family: verdana, arial;
  font-size: 12pt;
  font-weight: 600;
  color: #F7941D;
  text-shadow:2px 2px 8px #000000;
}
.titdos:hover { 
color: #CC7B18; 
}



.textev {
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: 500;
  font-style: normal;
  color: rgb(0,70,0);
}

.texteb {
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: 500;
  font-style: normal;
  color: rgb(0,150,200);
}

.lien {
  cursor: pointer;
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: 500;
  font-style: normal;
  color: rgb(50,50,50);
  text-decoration:underline;
}

.lienb {
  cursor: pointer;
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: 500;
  font-style: normal;
  color: rgb(0,150,200);
  text-decoration:underline;
}

.titre-col { 
  background:rgb(198,213,219); 
  color:rgb(255,255,255); 
  font-family: verdana, arial; 
  font-size:8pt; 
  font-weight:bold; 
  font-style:normal; 
}

.cellule {
  background:rgb(210,210,210); 
  border: 2px solid rgb(210,210,210); 
}

.pagin1 {
  background:rgb(198,213,219); 
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  color: rgb(68,100,136);
  cursor:pointer; 
}

.pagin2 {
  background:rgb(68,100,136); 
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  color: rgb(198,213,219);
}

.cellule {
  background:rgb(210,210,210); 
  border: 2px solid rgb(210,210,210); 
}

.copyright { 
  font-family: verdana, arial;
  font-size: 8pt;
  color: white;
}

INPUT { 
  background:white;
  border-width:1px; 
  border-color:rgb(198,213,219); 
  border-style:solid; 
  color:rgb(50,50,50); 
  font-family: verdana, arial;
  font-size:8pt;
  text-align:left; 
}

TEXTAREA { background:white; border-width:1px; border-color:rgb(198,213,219); border-style:solid;  
    color:rgb(0,0,0); font-family:verdana, arial; font-size:8pt; 
    scrollbar-face-color:rgb(238,238,238); scrollbar-highlight-color:rgb(255,255,255); scrollbar-shadow-color:rgb(238,238,238); scrollbar-arrow-color:rgb(198,213,219); scrollbar-track-color:rgb(238,238,238); }
SELECT { background:white; border-width:1px; border-color:rgb(198,213,219); border-style:solid;  
    color:rgb(0,0,0); font-family:verdana, arial; font-size:8pt; }

.bouton-texte { 
  cursor:pointer; 
  color:rgb(247,121,29); 
  font-family:verdana, arial; 
  font-size:9pt;
  font-weight: bold;
  font-style: italic;
  background:transparent; 
  border-style:none; 
}

.bouton-texte1 { 
  cursor:pointer; 
  color:#000000; 
  font-family:verdana, arial; 
  font-size:11pt;
  font-weight: normal;
  font-style: normal;
  background:#ffffff; 
  padding: 2px 10px;
  border:none; 
  box-shadow: -15px -7px #cccccc; 
}

.bouton-image { 
  cursor:pointer; 
  background:transparent; 
  border-style:none; 
}

.bouton-image1 { 
  cursor:pointer; 
  background:transparent; 
  border-style:none; 
  box-shadow: 3px 3px 5px #a0a0a0; 
}

.radio { 
  background:transparent; 
  border:none; 
}

.errKO { background:transparent; border-style:none; color:#E53737; font-family:verdana, arial; font-size:9pt; font-weight:bold; } 
.errOK { background:transparent; border-style:none; color:rgb(0,200,0); font-family:verdana, arial; font-size:9pt; font-weight:bold; } 
.errOK1 { background:transparent; border-style:none; color:rgb(255,126,0); font-family: verdana, arial; font-size:9pt; font-weight:bold; } 
.errOK2 { background:transparent; border-style:none; color:#E53737; font-family: verdana, arial; font-size:9pt; font-weight:bold; } 
.ombre { 
  filter:alpha(opacity=30); 
  opacity:0.30; 
}

.bord { 
  background:rgb(238,238,238); 
  font-size:6pt; 
  border-width:1px; 
  border-color:rgb(210,210,210); 
  border-style:solid; 
}

.texte-bulle { background:white; color:rgb(50,50,50); font-family:verdana, arial; font-size:8pt; font-weight:normal; font-style:normal; 
  border-width:1px; border-color:rgb(210,210,210); border-style:solid; border-radius:5px; 
  box-shadow: 2px 2px 3px #111111;
  padding:2px 5px; 
}
	   
img.zoomEffect {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
img.zoomEffect:hover {
-moz-transform: scale(1.10);
-webkit-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
}