body, html {
        margin: 0px;
        padding: 0px;

background-color: #cccccc;
text-align: center;
        }

/*menutop*/
#menutop{position:relative;display:block;height:31px;background:transparent url('../magazine/menu/bg-top.png') repeat-x top left;border-bottom:1px solid #CCCCCC;}

#menutop ul{margin:0px;padding:0;list-style-type:none;width:auto;}

#menutop ul li{display:block;float:left;margin:0;}

#menutop ul li a{display:block;float:left;color:#000000;text-decoration:none;padding:7px 7px 0 7px;height:24px;background:transparent url('../magazine/menu/bg-right.png') no-repeat top right;font-family:Arial;font-size: 12px;font-weight:bold;}

#menutop ul li a:hover{color:#fff;background:#10AAE6 url('../magazine/menu/bg-right.png') no-repeat top right;}


/*menudown*/
#menudown{position:relative;display:block;height:31px;background:transparent url('../magazine/menu/bg-top-bleu.png') repeat-x top left;border-bottom:1px solid #CCCCCC;}

#menudown ul{margin:0px;padding:0;list-style-type:none;width:auto;}

#menudown ul li{display:block;float:left;margin:0;}

#menudown ul li a{display:block;float:left;color:#ffffff;text-decoration:none;padding:7px 7px 0 7px;height:24px;background:transparent url('../magazine/menu/bg-right-bleu.png') no-repeat top right;font-family:Arial;font-size: 12px;font-weight:bold;}

#menudown ul li a:hover{color:#fff;background:#10AAE6 url('../magazine/menu/bg-right-bleu.png') no-repeat top right;}

.rubrique{display:none;}
.subtxt{font-weight:bold;font-size:14px;font-family:arial;color:#000000;padding:3px 7px 3px 7px;}


a.info {
  position:relative;
  text-decoration: none; 
}
a:hover.info {
  text-decoration: none; 
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline; 
  position: absolute;  
  top:1.5em; 
  left:0.5em; 
  z-index: 20; 
  background: #ffff99; 
  border:1px solid #cccccc;
  border-style:dotted;
  width:280px;
  height:100px; 
  text-align:left;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
  padding: 15px 15px 15px 15px;
  line-height:16px;
cursor:hand;
}
.bulle {
  font-weight:normal;
  font-size: 12px;
  font-family: Verdana;
color: #000000; 
}

.fbk{
height:70px;
}

.pad{
padding: 5px 5px 5px 5px;
  line-height:25px;
}

#face
       {
       float: left;
       padding: 5px 5px 5px 5px;
       margin-left: 5px;

       }

a.faceTypo {
       font-family: verdana;
       font-size: 11px;
       color:#4069BE;
h1:19px;
       }

a.faceTypo:hover {

       font-size: 11px;
       color:#CCCCCC;
text-decoration:underline
       }


#bface {
background-color: #3B5998;
padding: 0px 0px;
	}


.publi 
        {
        border: 1px solid #FF6600;
        padding: 5px 5px 5px 5px;
        text-align: left;
        width: 300px;
        background-color: #FFF0D9;
        }


#blocune 
        {
        margin: auto;
        width: 490px;
        text-align: left;
        margin-left: 1px;
        }


#photoune
       {
       float: right;
       padding: 0px 0px 5px 0px;
       margin-left: 5px;
       }


hr {
height: 1px;
margin-top:3px;
margin-bottom:3px;
}


ul.fil li {
   padding: 3px;
}

.sondage {
    filter:alpha(opacity=90);
    background-color:#FFFFFF;
    display:block;
    position:absolute;
}



#bsonda {
background-color: #FF6600;
padding: 5px 10px;
font-weight: bold;
color:#ffffff;
	}

#bbleu {
background-color: #D0EEFA;
padding: 5px 10px;
font-weight: bold;
	}

#bgris {
background-color: #F4F4F4;
padding: 5px 10px;
font-weight: bold;
	}

#borange {
background-color: #FCD9AF;
padding: 5px 10px;
font-weight: bold;
	}

#bviolet {
background-color: #FBD1FD;
padding: 5px 10px;
font-weight: bold;
	}

#bjaune {
background-color: #FFF799;
padding: 5px 10px;
font-weight: bold;
	}

#brose {
background-color: #FCC8DF;
padding: 5px 10px;
font-weight: bold;
	}

#voir {
background-color: #000000;
padding: 5px 10px;
font-weight: bold;
	}



#nav {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-top: 5px;

padding: 1px 0px 4px 0px;
				}
			#nav li {
				display: inline;
				margin-right: 0px;
				color: #000000;
				background: url('../magazine/menu/bg_onglet.png') 0 0 no-repeat;
background-color: #F8F8F8;
				}
			#nav li a {
				background: url('../magazine/menu/bg_onglet.png') 0 0 no-repeat;
background-color: #F8F8F8;
				color: #000000;
				border-left:0px solid #cccccc; 
				border-right:1px solid #cccccc;
                                font-size: 0.71em;
				padding: 5px 10px;
				text-align: center;
				text-decoration: none;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: url('../magazine/menu/bg_onglet-bl.png') 0 0 no-repeat;
				text-decoration: underline;
				color: #ffffff;
				}
				
#nav2 {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-top: 5px;

padding: 1px 0px 4px 0px;
				}
			#nav2 li {
				display: inline;
				margin-right: 0px;
				color: #ffffff;
				background: url('../magazine/menu/bg_onglet-bleu.png') 0 0 no-repeat;
background-color: #666E8E;
				}
			#nav2 li a {
				background: url('../magazine/menu/bg_onglet-bleu.png') 0 0 no-repeat;
background-color: #666E8E;
				color: #ffffff;
				border-left:0px solid #cccccc; 
				border-right:1px solid #555E80;
				font-size: 0.71em;
				padding: 5px 7px;
				text-align: center;
				text-decoration: none;

				}
			#nav2 li a:hover, #nav li a:focus, #nav li a:active {
				background: url('../magazine/menu/bg_onglet-bl.png') 0 0 no-repeat;
				text-decoration: underline;
				color: #ffffff;
				}

#headertop
        {
	padding: 1px 0px 3px 0px; 
        width: 995px;
        height:22px;
text-align: center;
background: url('../magazine/menu/bg_onglet.png') 0 0 repeat;
background-color: #F8F8F8;
border-bottom:1px solid #ffffff;
border-top:1px solid #cccccc;
        }

#headerdown
        {
	padding: 1px 0px 3px 0px; 
        width: 995px;
        height:22px;
text-align: center;
background: url('../magazine/menu/bg_onglet-bleu.png') 0 0 repeat;
background-color: #666E8E;
border-bottom:1px solid #ffffff;
border-top:1px solid #555E80;
        }
			
#a {
     display:none;
     width: 993px;
     height:22px;
     background-color: #00CC00;
     text-align: center;
     color: #ffffff;
     padding: 1px 0px 1px 0px;
}
#b {
display:none;
     width: 993px;
     height:22px;
     background-color: #10AAE6;
     text-align: center;
     color: #ffffff;
     padding: 1px 0px 1px 0px;
}
#c {
display:none;
     width: 993px;
     height:22px;
     background-color: #CC3399;
     text-align: center;
     color: #ffffff;
     padding: 1px 0px 1px 0px;
}
#d {
display:none;
     width: 993px;
     height:22px;
     background-color: #D658AD;
     text-align: center;
     color: #ffffff;
     padding: 1px 0px 1px 0px;
}
#e {
display:none;
     width: 993px;
     height:22px;
     background-color: #ff0000;
     text-align: center;
     color: #ffffff;
     padding: 1px 0px 1px 0px;
}

a.whitesub
      {
      color:#ffffff; 
      font-family: arial; 
      font-size: 11px;
      font-weight: bold;
      }

a.whitesub:hover{
color:#ffffff;
text-decoration:underline
}

.pubtxt {
        font-family: arial;
        font-size: 10px;
        color:#CCCCCC; 
}

#contain		
	{
	margin: 0px auto;
        padding: 0px 3px 3px 3px;
	width: 1010px;
background-color: #ffffff;
}


#contour p {margin:0 10px;}
#contour p {padding: 7px 0px 0px 0px;}
#contour {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #FF6600; border-right:1px solid #FF6600;}
.xb1 {margin:0 5px; background:#FF6600;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff; border:0 solid #FF6600; border-width:0 1px; padding: 4px 4px 4px 4px;}

#spacer { 
padding: 0px 0px 0px 0px;
clear: both; 
}

#spacerbottom { 
padding: 0px 0px 0px 0px;
height:30px;
clear: both; 
}  


#col1
        {
        float: left;
        padding: 15px 0px 0px 5px;
        text-align: left;
        width: 500px;
        }

#col2
        {
        float: left;
        padding: 0px 0px 0px 8px;
        text-align: left;
        width: 332px;
        }

#colpdf
        {
        float: left;
        padding: 5px 0px 0px 0px;
        text-align: center;
        background-color: #ffffff;
        width: 150px;
        }



#col3back
        {
        float: left;
        padding: 15px 0px 0px 0px;
        text-align: center;
        background-color: #999999;
        width: 150px;
        height: 1600px;

        }


#texte
        {
        float: left;
        padding: 15px 0px 0px 5px;
        text-align: left;
        width: 670px;
        }

#texte14
        {
        float: left;
        padding: 15px 0px 0px 5px;
        text-align: left;

        }

#plus
        {
        float: left;
        padding: 0px 0px 0px 8px;
        text-align: left;
        width: 300px;
        }

#headersite
        {
	padding: 2px 0px 2px 0px; 
        text-align: left;
        width: 998px;
        height:23px;
background-color: #E6E6E6;
color: #333333;
padding-left:10px
        }



#subheadersite
        {
        padding: 2px 0px 2px 0px;
        text-align: left;
        width: 998px;
        height:25px;
background-color: #1D2959;
color: #ffffff;
padding-left:10px;
        }


#subnews
        {
        padding: 5px 0px 5px 0px;
        text-align: left;
        width: 400px;
background-color: #ffffff;
padding-left:10px;
float: left;
color: #666666;
        }

#subnews2
        {
        padding: 5px 0px 5px 0px;
        text-align: right;
        width: 400px;
background-color: #ffffff;
padding-left:10px;
float: left;
color: #666666;
        }

#subrss
        {
        padding: 5px 0px 5px 0px;
        text-align: left;
        width: 585px;
        height:25px;
background-color: #ffffff;
color: #666666;
padding-left:5px;
float: left;
        }

#logo
        {
        text-align: center;
        width: 400px;
background-color: #ffffff;
float: left;
font-family: verdana;
        font-size: 11px;
        }

#subsearch
        {
        padding: 55px 0px 0px 0px;
        text-align: center;
        width: 260px;
height:80px;
background-color: #ffffff;
        float: left;
        }


#zoneabo  {
	float: left;
        text-align: left;
        width: 150px;
        font-family: arial;
        font-size: 10px;
background-color: #FFFFFF;
        }

#zonesite  {
	float: left;
        text-align: left;
        width: 190px;
        font-family: arial;
        font-size: 10px;
background-color: #FFFFFF;
        }

#zonesite ul#links li { 
list-style:none;
text-align: left; 
margin:0px; 
padding: 0px;
}

a.header
      {
      color:#333333; 
      font-family: arial; 
      font-size: 11px;
      font-weight: bold;
      }

a.header:hover{
color:#10AAE6;
text-decoration:underline;
}


a.home
      {
      color:#10AAE6; 
      font-family: arial; 
      font-size: 12px;
      font-weight: bold;
      }

a.home:hover{
color:#333333;
text-decoration:underline;
}


a.news{
color:#10AAE6;
font-family: arial; 
font-size: 10px; 
text-decoration:underline;
}

a.news:hover{
color:#ff6600;
text-decoration:none;
}


a.ojd{
color:#999999;
font-family: arial; 
font-size: 10px; 
text-decoration:underline;
}

a.ojd:hover{
color:#fff200;
text-decoration:none;
}

a.feed
      {
      color:#000000; 
      font-family: arial; 
      font-size: 10px;
line-height: 25px;
      }


a.feed:hover{
color:#10AAE6;
text-decoration:none;
}



a.iden
      {
      color:#ff6600; 
      font-family: arial; 
      font-size: 10px;
      font-weight: bold;
      text-decoration:underline;
      }

a.iden:hover{
color:#cccccc;
text-decoration:none;
}


a.abonne{
color:#ff6600;
font-family: arial; 
font-size: 19px; 
font-weight: bold;
text-decoration:underline
}

a.abonne:hover{
color:#cccccc;
text-decoration:none
}

a.whitehome
      {
      color:#ffffff; 
      font-family: arial; 
      font-size: 10px;
      font-weight: bold;
      }

a.whitehome:hover{
color:#10AAE6;
text-decoration:underline
}


a.tarial
      {
      color:#000000; 
      font-family: arial; 
      font-size: 13px;
      font-weight: normal;
      }

a.tarial:hover{
color:#10AAE6;
text-decoration:underline
}

a.filtxtarticle
      {
      color:#333333; 
      font-family: arial; 
      font-size: 13px;
      font-weight: normal;
      }

a.filtxtarticle:hover{
color:#10AAE6;
text-decoration:underline
}

a.filtxtcolor
      {
      color:#E2007F; 
      font-family: arial; 
      font-size: 13px;
      font-weight: normal;
text-decoration:underline
      }

a.filtxtcolor:hover{
color:#cccccc;
text-decoration:none
}


a.filtxtorange
      {
      color:#FF6600; 
      font-family: arial; 
      font-size: 13px;
      font-weight: normal;
text-decoration:underline
      }

a.filtxtorange:hover{
color:#cccccc;
text-decoration:none
}


#topban
        {

        padding: 7px 5px 7px 5px; 
        text-align: center;
        width: 1000px;
	height: 90px;
        margin-bottom:10px;
        background-color: #E6E6E6;
        }

#downban
        {

        padding: 7px 5px 7px 5px; 
        text-align: center;
        width: 1000px;
	height: 90px;
        
        background-color: #E6E6E6;
        }

#links
        {
        text-align: center;
        }


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

a.tm {  
       font-family: verdana; 
       font-size: 24px; 
       color:#1D2959;
       font-weight: bold;
       }
a.tm:hover
{
color:#10AAE6; 
text-decoration:underline;
}


.tsarticle {  
       font-family: verdana; 
       font-size: 23px; 
       color:#1D2959;
       }

a.ts {  
       font-family: verdana; 
       font-size: 23px; 
       color:#1D2959;
       }

a.ts:hover{
color:#10AAE6; 
text-decoration:underline
}


.rss {
float: right;
      }

.rbq {
      color:#10AAE6; 
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.rbqgout {
      color:#FF0099; 
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.rbqagro {
      color:#66FF00; 
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.rbqrenc {
      color:#FF6600; 
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.rbqequip {
      color:#FF0000;
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.rbqhaccp {
      color:#CC3399; 
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.rbqnouv {
      color:#999999; 
      font-family: Verdana; 
      font-size: 16px;
      font-weight: bold;
line-height: 20px;
      }

.maj {
      color:#999999; 
      font-family: Verdana; 
      font-size: 10px;
line-height: 18px;
      }


.textesub {
      color:#666666; 
      font-family: Verdana; 
      font-size: 12px;
line-height: 18px;
      }

.toptexte {
      color:#10AAE6; 
      font-family: Verdana; 
      font-size: 10px;
      font-weight: bold;
line-height: 18px;
      }

.dwtexte {
      color:#666666; 
      font-family: Verdana; 
      font-size: 10px;
line-height: 18px;
      }

.unetexte {
      color:#333333; 
      font-family: arial; 
      font-size: 12px;
      }

.search {
      color:#666666; 
      font-family: Verdana; 
      font-size: 12px;
      background-color: #f4f4f4;
      }

.session {
      color:#ff0000; 
      font-family: Verdana; 
      font-size: 12px;
      }

.ide {
      color:#666666; 
      font-family: Verdana; 
      font-size: 12px;
      }



.filtxt {
      color:#000000; 
      font-family: verdana;  
      font-size: 11px;
      }

a.filtxt:hover{
color:#10AAE6; 
text-decoration:underline
}



.headline
        {
        font-family: arial;
        font-size: 10pt;
        color: #000000;
        line-height: 30px;
        }

.line {
      background-color: #cccccc;
      color: #cccccc;
      border: 0px;
      }

.space {
      background-color: #ffffff;
      color: #ffffff;
      height: 30px;
      }

.inter {
       line-height:8px;
        width: 300px;
       }

.interligne {
       line-height:25px;
        width: 300px;
       }

#abonne
        {
        text-align: left;
        padding: 10px 10px 10px 10px;
        width: 180px;
        }

#colinfo
        {
        border: 1px solid #ff6600;
        padding: 3px 3px 3px 3px;
        text-align: left;
        width: 300px;
        background-color: #FFFFFF;
border-style:dotted;
margin-top:2px;
        }


#offre
        {
        border: 0px ;
        padding: 3px 3px 3px 3px;
        text-align: left;
        width: 300px;
        background-color: #FFFFFF;
        }

.colplus 
        {
        border: 1px solid #f4f4f4;
        padding: 3px 3px 3px 3px;
        text-align: left;
        width: 300px;
        background-color: #FFFFFF;
        }

.cad_ti{

text-decoration: none;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
}

.cadvid{

text-decoration: none;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
}

#colplus 
        {
        border: 1px solid #cccccc;
        padding: 3px 3px 3px 3px;
        text-align: left;
        width: 300px;
        background-color: #FFFFFF;
border-style:dotted;
        }

#colonglet
        {
        border: 1px solid #cccccc;
        padding: 3px 3px 3px 3px;
        text-align: left;
        width: 300px;
        background-color: #F4F4F4;
border-style:dotted;
        }

#menu_onglet {
margin: 0;
padding: 0;
border-bottom: none;
border-top: none;
}

#menu_onglet li {
display: inline;
margin: 3px;
padding: 0 5.0pt 0 5.0pt;
border-right: 1px solid #C3C3C3;
border-left: 1px solid #C3C3C3;
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #FFF200;
}

#menu_onglet li a {
text-decoration: none;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000
}

#menu_onglet li a:hover {
text-decoration: none;
color:#10AAE6;
}

#pluspa {
background-color:#ffffff;
margin: 0px 0px 0px 0px;
border: 1px solid #FFF200;
padding-left:1.5pt;
}

.onglet {
background: #FFF200;
border-right: 1px solid #C3C3C3;
border-left: 1px solid #C3C3C3;
border-top: 1px solid #C3C3C3;
}

#colrub
        {
        padding: 3px 0px 3px 3px;
        text-align: left;
        background-color: #008FDE;
        width: 100%;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        }

#rubrique
        {
	padding: 0px 0px 0px 0px; 
        text-align: center;
        width: 990px;
padding-left:0px
        }

#subrubrique1
        {
        padding: 0px 0px 0px 0px;
        text-align: left;
        width: 470px;
background-color: #ffffff;
padding-left:5px;
float: left;
        }

#subrubrique2
        {
        padding: 0px 0px 0px 0px;
        text-align: left;
        width: 470px;
background-color: #ffffff;
padding-left:35px;
float: left;
        }

#piedgris {
width: 1000px;
padding: 0px 0px 0px 0px;
background-color: #E6E6E6;
line-height: 10px;
padding-left:10px;
}

#pied {
color: #ffffff; 
background-color: #1D2959; 
width: 1000px;
height:25px;
padding: 2px 0px 2px 0px;
text-align: left;
padding-left:10px;
}

#pied a.Linkdown{
color:#FFFFFF; 
text-decoration:none; 
font-family: arial; 
font-size: 11px; 
font-weight: bold
}
#pied a.Linkdown:hover{
color:#10AAE6; 
text-decoration:underline
}


#piedzone  {
        text-align: left;
        width: 480px;
        font-family: verdana;
        font-size: 11px;
padding: 3px 0px 3px 0px;
color:#333333;
float: left;
padding-left:5px;
}

#ojdzone  {
        text-align: right;
        width: 500px;
        font-family: verdana;
        font-size: 11px;
padding: 3px 0px 3px 0px;
color:#333333;
float: left;
}

#end {
width: 1000px;
padding: 0px 0px 0px 0px;
clear: both;
background-color: #ffffff;
}