@charset "utf-8";
@import url("reset.css");
@import url("general.css");
@import url("fonction.css");


/**************************************/
/*           layer SCHEME             */
/**************************************/

#top {width: 974px; margin: 0 auto; /*overflow: hidden;*/ display: block; position: relative; }
.dz {position:absolute; left:-4px; top:135px; height:74px; width:76px}
.Alpha {height:79px; right:0; position:absolute; top:0; width:79px; z-index:10;}


a.stbutton {text-decoration:none; }


#navtop {display: block; background-color:#FFFFFF; border:1px solid #D0D0D0; overflow:hidden; height: 25px; background: transparent url(../images/selmenu.jpg) repeat-x center top;}
#topads {height:90px; margin:10px auto; width:728px; background-color: #FFFFFF;}
#pfond {background: transparent url(../images/dcfont.png) repeat-y center top;}
#dfinfond {background: transparent url(../images/dfinfont.png) no-repeat center top; height: 3px; margin-bottom: 15px;}
#contenu {padding: 7px; width: 960px; margin: 0 auto; background-color: #FFF;}
#header {background: transparent url(../images/head.jpg) top no-repeat; /*overflow:hidden;*/ height: 126px}
#menu { background-color:#B60002; border-bottom:5px solid #DFDFDF; display:block; float:left; height:33px; margin-top:12px; width:960px;}
#formRe {float: left; width: 321px; margin:12px 12px 0 38px; }
#page {width: 960px; float: left; padding: 10px 0px; display: inline;}
#multipage {width: 960px; float: left; padding: 15px 0px 10px 0px; display: inline; background: transparent url(../images/pagVidFond.png) top center no-repeat;}
#main {width:620px; margin: 0 10px; float: left; display: inline;}
#sidebar {width:300px; margin: 0 10px; float: left; display: inline;}
#Opsidebar {width:140px; margin: 0 10px; float: left; display: inline;}
#article {width:460px; margin: 0px 10px; float: left; display: inline; }
#article.wide { width:780px;}
#Commentaire {width:620px; margin: 0px 10px; float: left; display: inline; }
#LVideo {width:620px; margin: 0px 10px; float: left; display: inline; }
#sFlArt{width: 278px; display: inline; float: left; background-color:#E6E6E6; border:1px solid #FFFFFF; float:left; outline-color:#BFCBDB; outline-style:solid; outline-width:1px; overflow:hidden; padding:10px;}
.option  {width: 960px; float: left;  margin-top: 10px;}
.sbox { width: 300px; display: inline; float: left; }
.CBox { width: 620px; display: inline; float: left; }

#footer {background: transparent url(../images/footer.jpg) top no-repeat; width: 958px; display: block; overflow:hidden; height: 205px; border: 1px solid #7B0000}

.stat { display:inline; float:left; width:460px!important; padding: 0px!important;}
.stat h1 { color: #003366;}

/**************************************/
/*           COLOR SCHEME             */
/***************************************/
.white	{color: #FFF!important}
.blu {color: #015FB6!important}
.gi { color: #CCCCCC; }
.p13 {font-size: 13px!important; padding-top:20px; display: inline;}
.blu2 { color: #0099FF!important}
.p11 {font-size: 10px!important; padding:5px 10px; display: inline; color: #333333; float:left;}
.rouge { color: #FF0000!important; }



li.search-goog  { list-style: none }
#goog-fixurl { padding: 20px 20px 40px 20px }
.p404 { background: transparent url(../images/404.jpg) right top no-repeat }

/**************************************/
/*              GLOBALS               */
/**************************************/


body {
	font-family: Arial, Helvetica, sans-serif;
/*  background: #272727 url(../images/fond.jpg) top center no-repeat;*/
    background: #E6E6E6 url(../images/dfond.jpg) top center repeat-x;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background-position:  right -22px;
    color: #FFF!important;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #333333;
}

a.button span {
    background-position:  0px 0px;
    display: block;
    line-height:12px;
    padding: 5px 0 5px 15px;

}


a.button:hover {
    background-position: right -66px;
    color: #000!important;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
    text-shadow: 0 1px 1px #FFFFFF;
}


a.button:hover span {
    background-position: 0px -44px;
    padding: 6px 0 4px 15px; /* push text down 1px */
}

a.button:active {
    background-position: right -110px;
    color: #A60000!important;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: 0px -88px;
    padding: 6px 0 4px 15px; /* push text down 1px */
}


a.noactive {
    background-position: right -66px!important;
    color: #666666 !important;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
    text-shadow: 0 1px 1px #FFFFFF;
}


a.noactive span {
    background-position: 0px -44px!important;
    display: block;
    line-height:12px;
    padding: 5px 0 5px 15px;

}



.hr {height: 30px; width: 100%; float: left;}
.shr {height: 10px; width: 100%; float: left;}
.bhr {margin-bottom: 10px; height: 45px; width: 100%; float: left; border-bottom: 1px solid #D9D9D9;}
.bshr {margin: 15px 0px; width: 100%; float: left; border-bottom: 1px solid #B0CADA; clear: both;}
.top {margin-bottom: 10px; height: 45px; width: 100%; float: left; border-bottom: 1px solid #B0CADA}
.top a {padding-left: 20px; background-position: -50px -42px; text-decoration: none; color:#F56017; line-height: 60px; float: right;}
.top a:hover {color: #CC0000; }
.cbot {clear: both; }
.Gshr {margin-bottom: 10px; height: 10px; width: 100%; float: left; border-bottom: 1px dotted #333333}
.alAbox {float : right!important}
.alBbox {float : left!important}


.RSS { background-position: -414px 0px; margin: 5px; width: 12px; height: 12px; text-indent: -9999px; display: block; float: right;  cursor: pointer;}
.pre a, .multipre a, .Unepre a { background-position: 0px 0px; width: 19px; height: 19px; text-indent: -9999px; display: block; cursor: pointer; float: left; margin: 0 2px}
.next a, .multinext a, .Unenext a { background-position: -27px 0px; width: 19px; height: 19px; text-indent: -9999px; display: block; cursor: pointer; float: left; margin: 0 2px}


.SearchBox { width:620px; float: left; display: inline; border-bottom:  1px solid #B0CADA; padding-bottom: 15px}
.SearchBox p { color: #003872; font-weight: bold; font-size: 15px; margin: 5px 0px  }
.SearchBox form { border: 1px solid #C3C3C3; padding: 10px }
.SearchBox form input { border: 1px solid #FFFFFF; font-size:15px; width:460px; font-weight: bold; float: left;}


a#hvpre.disabled {background-position: 0px -42px;}

a#hvnext.disabled {background-position: -27px -42px;}

a#flpre.disabled {background-position: 0px -42px;}

a#flnext.disabled {background-position: -27px -42px;}

.pre a:hover, .multipre a:hover, .Unepre a:hover { background-position: 0px -21px;}
.next a:hover, .multinext a:hover, .Unenext a:hover{ background-position: -27px -21px;}

.multipre a {float:left; margin:43px 2px 0 23px; display: inline}

.multinext a { float:right; margin:43px 23px 0 2px; display: inline}

.ed_module { border:1px solid #D6D6D6; height:70px; overflow:hidden; }
.ed_module img { float: right; padding-left: 5px; }
.ed_module span { color:#990000; display:block; font-size:x-small; padding: 5px 0px 0px 10px  }
.ed_module a { color:#015FB6; display:block; line-height:110%; text-decoration:none; font-weight: bold; padding: 0px 0px 10px 10px}

.OpBox {width: 210px; float: left; border: 1px solid #CCCCCC; padding: 10px; font-size: 11px; margin-right: 10px}
.OpBox h5 { border-bottom: 1px dotted #CCCCCC; display: block; padding-bottom: 5px; background-position: right -18px; }
.OpBox li {display:block; height:15px; margin:0; overflow:hidden; list-style: none }
.OpBox li a {text-decoration: none; color: #004276;  }
.OpBox li a:hover {text-decoration: none; color: #FF0000;  }

.HMulti { background: transparent url(../images/FhMulti.jpg) no-repeat left top; height: 247px; margin-top: 15px; display: block; }
.Hcat { width: 100%; float: left;}
.Hcat a { color: #003366; text-decoration: none; float: left; text-transform:capitalize}


.IcVido {background-position: right -163px; display:block; position:absolute; text-indent:-9999px;  width:38px; height:38px; margin: 32px 0px 0px 50px !important; top: 0px; left: 0px}
.IcPho  {background-position: right -144px; display:block; position:absolute; text-indent:-9999px;  width:80px; height:12px; margin: 70px 0px 0px 0px !important; top: 0px; left: 0px}


.sarchbox { height: 18px; background:#E0E0E0 url(../images/selmenu.jpg) repeat-x left top; border:1px solid #DCDCDC; font-size:11px; margin-top:15px; padding:12px 5px 13px 12px; _padding:12px 5px 7px 12px;}
.bd-paginator { display:block; float:right;}
.bd-paginator a { color: #FF0000; text-decoration: none;}
.bd-paginator a:hover { color: #CC0000}
.bd-paginator li {display:inline; margin: 0px}


ul.thumbs li.selected, .diapo, .Artools a.ArRSS, .Artools a.mail, .Artools a.print, .Artools a.partage, .Artools a.Ztexte, .Artools a.DZtexte,
.MorCom, .Abus a, .sblogin li a, .top a, .ModliArtilUne span a, .headline-list li, .NxArt li, .FlBar a,
.Unenext a, .Unepre a, .multinext a, .multipre a, .OpBox h5, .thbpdf span, .thbpdfarch span, .RSS, .pre a, .next a
{ background-image: url(../images/sprite.gif); background-repeat: no-repeat; }

.Mtab li a span, .Mtab li a, .Artools a.AmbVid, a.noactive, a.noactive span, a.button span, a.button, .Artools a.AgZoneBis,
.Artools a.AgZone, .naviBar a, .navi , .navi a , .IcPho, .IcVido, .table li a span, .table li a, .ctable li a span,
.ctable li a, .atable li a span, .atable li a, .MicoVido, .topmemb a.inscri, .topmemb a.login, .InpRebo
{ background-image: url(../images/sprite.png); background-repeat: no-repeat; }


/**************************************/
/*              formailaire                */
/**************************************/

.BoxForum { background-color:  #F3F3F3; padding: 20px; float:left; display: inline;}
.BoxForum ul.form {padding: 0px; float: left; }
.BoxForum .form li {list-style: none; margin:0; padding:6px 1% 9px;}
.BoxForum .form label.desc { clear: both; border:medium none; color:#222222; display:block; font-size:15px; font-weight:bold; line-height:150%; margin:0; padding:0;}

.commentAfterField { float:right; margin-left:10px; width:160px;}

.BoxForum h2 {
border-bottom:1px dotted #CCCCCC;
font-size:20px;
font-weight:normal;
line-height:135%;
margin:0 0 3px;
padding:12px 1% 0;
width:auto; color: #3366CC;
}

form div.Tip {
color:#8E856F;
font-size:11px;
margin-bottom:6px;
margin-top:-3px;
}

form span.req {
color:red !important;
display:inline;
float:none;
font-weight:bold;
margin:0;
padding:0;
}

form li.section h3 {
border-top:1px dotted #CCCCCC;
font-size:110%;
font-weight:normal;
line-height:135%;
margin:0 0 3px;
padding:12px 1% 0;
width:auto;
}

input.large, select.large, textarea.textarea {width:50%;  padding:2px;}


.BoxForum input.text, input.search, textarea.textarea {
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
width:265px;
padding:5px;
}

input.text, input.search, input.file, textarea.textarea, select.select {
color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:2px 0; }



.flogin li { list-style: none; padding: 5px 12px 5px 0; float: left;}
.flogin li label { display:block; font-size:13px; padding-bottom:5px; clear:both; }
.flogin a.lien { text-decoration: none; color: #3366CC;}

.flogin li input { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; width: 150px ;font-size:15px; padding:5px;}


#lerreur { background-color:#FFE3DF; border:1px solid #F08A73; color:#760605; font-size:12px; line-height:130%; margin-bottom:0; padding:7px 8px;}
#lerreur ul {list-style: none }
#lerreur span { color:#FF0000; display:block; font-size:12px; font-weight:bold; padding-bottom:5px;}






/**************************************/
/*              HEADER                */
/**************************************/

.logo { background: transparent url(../images/logo.png) top left no-repeat; width: 242px; height: 50px; margin: 15px 12px 0 20px; float:left}


.lang {
  background:  transparent url(../images/langbar.jpg) top left no-repeat;
  height: 50px;
  margin-top: 18px;
  width: 260px;
  float: right;
}

.lang li {
  float: left;
  display: inline;
  margin-top:17px;
  margin-left:20px;
}

.fr, .en, .ar {
 background-image: url(../images/lang.gif);
 background-repeat: no-repeat;
 height: 18px;
 display: block;
}

.fr {
  background-position: 0px 0px;
  width: 75px;
}

.fr:hover, .fractive  {
  background-position: 0px -45px;
  width: 75px;
}

.en {
  background-position: -94px 0px;
  width: 75px;
}

.en:hover, .enactive  {
  background-position: -94px -45px;
  width: 75px;
}

.ar {
  background-position:-187px 0;
  width:40px
}

.ar:hover, .aractive  {
  background-position: -187px -45px;
  width: 40px;
}


.logo span, .lang span, .footlogo span{
text-indent:-9999px; display: block;
}


.hlang {float: left; color: #FFF; font-size: 18px;}
.listlang {border-color:#000; float: right; width: 148px;}

/**************************************/
/*             NAVIGATION             */
/**************************************/

.topmemb a.login { background-position: 0px -161px; padding-left:20px;}
.topmemb a.inscri { background-position: 0px -177px; padding-left:20px;}

.topnav {
  border: 1px solid #D0D0D0;
  background-color: #FFFFFF;
}

.tools {
 padding: 3px;
 margin-left:5px;
}

ul.tools li, .Relop li, .barfoot li{
 display: inline;
 margin: 0px 5px 0px 0px;
 border-right: 1px solid #999999;
 padding-right:5px;
}

ul.tools li a {
  font-size: 11px;
  text-decoration: none;
}

.topmemb a:hover, .tools a:hover{ color: #CC3300;}

.topmemb a.inscri, .topmemb a.login {
  font-weight: bold;
}

#formRe span {
  font-size: 10px;
  padding-top: 3px;
  width: 320px;
}

.Relop { padding-bottom: 3px; }


.Relop li {
  border-right: 1px solid  #FF0000;
 }

.Relop li a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 11px;
}

.Relop li a.select {
  font-weight: bold;
}


.InpRe  {
  background-color:#FFFFFF;
  border-left:2px solid #CCCCCC;
  border-top:3px solid #CCCCCC;
  font-size:12px;
  height:16px;
  padding-left:1px;
  width:275px;
  font-family:arial;
  float:left;
}

.InpRebo {
background-position:-458px 0;
border:medium none;
cursor:pointer;
height:21px;
position:relative;
text-indent:-9999px;
vertical-align:middle;
width:42px;
letter-spacing:-130px;/* for opera in IE*/
left: -2px;
overflow: hidden;
font-size: 0px;
display:block;
line-height: 0px;
float:right;
}


#menu ul {
  margin: 0px 5px;
  position: relative;
}

#menu li {
  float: left;
  border-left:1px solid #CA0002;
  display: inline;
  margin: 0px;
}

#menu li a {
    border-left:1px solid #990000;
    color:#FFFFFF;
    display:block;
    font-size:1em;
    font-weight:bold;
    line-height:33px;
    padding:0 8px;
    text-decoration:none;
    text-shadow:0 1px 1px #000000;
	text-transform:capitalize;
}

#menu li a:hover {
  background: #000000 url(../images/selmenu.jpg) top repeat-x;
  color: #CC0000!important;
  text-shadow:0 1px 1px #FFFFFF;
}

#menu li.mb a:hover {
  background: #000000 url(../images/mbfond.jpg) top repeat-x;
  color: #FF0000!important;
  text-shadow:0 1px 1px #333333;
}



#menu li.mb {
  background: #000000 url(../images/mbfond.jpg) top repeat-x;
  border-left:1px solid #202020;
  border-right:none;
}

#menu li.mb a {
     border:none;

}

#menu li.select {
  background: #000000 url(../images/selmenu.jpg) top repeat-x;
  border: none;
  top : -2px; position: relative;
  height: 35px;
}

#menu li.select a { color: #CC0000;  border: none; text-shadow:0 1px 1px #FFFFFF;}


.barfoot li {
  float: left;
  display: inline;
}

.barfoot a { color: #FFFFFF; text-decoration: none; padding: 0px 10px }

.barfoot a:hover { color: #FF0000 }




/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.path {display:inline; font-family: Verdana; font-size: 11px; border-bottom:1px solid #D7D7D7; float:left; margin:7px 10px 0px 10px; padding:0 5px 5px; width:930px;}
.path li { list-style: none; display: inline; margin: 0px; color: #666666; }
.path li a { text-decoration: none; color: #003872 }


.Hdate { background:transparent url(../images/stripe_bg.gif) repeat-x 0px 1px; float:left; margin-bottom:4px; text-transform:uppercase; width:350px;}
.Hdate span { background-color:#FFF; float:left; font-size:.9em !important; font-weight:bold; line-height:1.35em; margin-bottom:0; padding:0 5px 5px 0; text-transform:uppercase;  }

.At {display:inline; font-family: Verdana; font-size: 11px; float:left; margin:10px; padding:0 5px 5px; width:930px;}
.At h1 { font-family:arial; font-size:2.4em; margin-bottom:10px; line-height: 100% }
.At a { color:#003872; text-decoration: none;  }
.At a:hover { color:#FF0000}
.At p { font-size: 15px; margin-bottom: 8px }
.At span { color: #666666;}


#UneArt, .UnCat {float:left; margin-right:20px; width:350px; position: relative;}
.UneItem { overflow: hidden; width: 350px; position: relative; }
.UneItem li, .UnCat li {margin: 0px; list-style: none;}
.UneItem h2, UnCat h1 {margin: 33px 0px 5px 0px; }
.UneItem h2 a { color: #003366; font-weight: bold; text-decoration: none; line-height:20px;}
.UneItem h2 a:hover, .UnCat h1 a:hover { color: #FF0000}
.UneItem p { width: 350px; margin: 5px 0px ; float:left;  height: 74px; overflow: hidden; /*padding-bottom: 10px;*/ }
.UneItem p a,  .UnCat p a { color:#333333; text-decoration:none; }
.UneBar { *z-index: -1; background-color:#E2E2E2; border-top:1px solid #BFCBDB; height:24px; position:absolute; left: 0px; top:255px; width:350px; }
.dbar { color:#990000; display:block; font-size:x-small; left:7px; position:absolute; top:234px; z-index:2; }
.UnNavbar { background-color:#FFFFFF; border-color: #BFCBDB #BFCBDB; border-style:none solid solid; border-width:medium 1px 1px; padding:0 2px 3px; position:absolute; right:4px; top:-1px;}
.UnCat h1 a { color: #003366; font-weight: bold; text-decoration: none; line-height:100%; font-size: 20px}
.UnCat span  { color:#990000; display:block; font-size:x-small; }
.UnCat p { width: 350px; margin: 5px 0px ; float:left;  padding-bottom: 10px; }


.sblogin { padding: 10px; background: transparent url(../images/fond_sbform.png) top left repeat-x; float: left; }
.szf {width:115px!important; margin-bottom: 5px!important; font-size: 11px}
.sblogin span.ht { color: #FF0000; font-weight: bold; font-size: 14px; padding-bottom: 10px; float: left;}
.sblogin ul { float: left; padding-top: 10px; }
.sblogin li { list-style: none; margin: 0px;}
.sblogin li a { color: #FFFFFF; padding-left: 10px; text-decoration: none; background-position: 0px -133px }
.sblogin li a:hover { color: #FFFF99; }


.NxArt { border-top: 1px solid #CCCCCC; padding-top: 15px; float: left;   }
.NxArt li, .headline-list li { list-style: none; margin: 0px;  padding: 0px 10px 8px 15px;  line-height: 110%; background-position: -493px -71px; }
.NxArt li a, .headline-list li a {color: #003872; text-decoration: none;}
.NxArt li a:hover, .headline-list a:hover  {color: #FF0000; text-decoration: none; font-weight: bold;}
.headline-list {width: 100%; padding-top: 8px; float:left;}
.headline-list li a,.headline-list a:hover {font-weight: normal;}
.headline-list li { padding: 0px 10px 3px 15px; background-position:  4px -85px}
.headline-list h6 {font-size: 12px; padding-bottom: 6px;}


#FlArt {background-color:#E6E6E6; border:1px solid #FFFFFF; float:left; outline-color:#BFCBDB; outline-style:solid; outline-width:1px; overflow:hidden; padding:10px; width:228px;}
.HflArt { border-bottom: 1px solid #FF0000; height:23px; margin-bottom:10px;}
.HflArt h4 { color: #FF0000; float: left; margin: 0px }
.Flitem span { font-weight: bold;  }
.Flitem { border-bottom: 1px dotted #666666; padding-bottom:5px; float: left; margin-bottom:3px; }
.Flitem a { color:#004098; display:block; float:right; padding-left:6px; text-decoration:none; width:187px;}
.Flitem a:hover { text-decoration: none; color: #FF0000;}
.FlBar { background-color: #FFFFFF; border: 1px solid #D8D8D8; height: 20px; padding:5px;  }
.Fltous { background-position:-482px -40px; color:#FF3300; padding-bottom:5px; padding-left:23px; text-decoration:none; }
a.Fltous:hover { color: #000000; text-decoration: none;}


.ModliArtil { float: left; padding-top:8px; }
.ModlLeft { float: left; width: 449px; padding-right: 10px; border-right: 1px dotted #A9A9A9 }
.Petitbox { float:right; margin:0 10px; width:140px; display: inline;}
.ModliArtilUne img { float: left; padding-right: 10px}
.ModliArtilUne h4, .Petitbox h4 { margin: 0; }
.ModliArtilUne h4 a, .Petitbox h4 a { color: #003872; font-size: 12px; text-decoration: none; line-height: 120%; }
.ModliArtilUne h4 a:hover, .Petitbox h4 a:hover { color: #FF0000; }
.ModliArtilUne span, .Petitbox span, .InfoCom span { color:#990000; display:block; font-size:x-small; padding: 2px 0px }
.Petitbox span { padding: 0px }
.ModliArtilUne span a { color:#990000; background-position: 85px -66px; padding-right: 20px;}
.ModliArtilUne p { line-height: 125%; margin-bottom: 5px}
.ModliArtilUne ul {  font-size: 11px}
.ModliArtilUne li { list-style: none; display: inline; margin: 0px;}
.ModliArtilUne li a { text-decoration: none; color: #003872 }
.ModliArtilUne li a:hover { color: #FF0000;}


.Artools { display: block; clear: both; margin-bottom: 15px}
.Artools li { list-style: none;  margin: 0px; float: left;}
.Artools a.mail, .Artools a.print, .Artools a.partage
{padding: 2px 0px 2px 22px; text-decoration: none; font-size: 11px; color: #999999; margin-right:10px;}
.Artools a.AmbVid:hover, .Artools a.mail:hover, .Artools a.print:hover, .Artools a.partage:hover, .Artools a.AgZone:hover, .Artools a.ArRSS:hover { color: #FF0000; }
.Artools a.AmbVid:hover { background-position:left -299px;}
.Artools a.AmbVid:active { background-position:left -299px;}

.Artools a.mail { background-position: 0px -170px}
.Artools a.print { background-position: -96px -170px}
.Artools a.partage { background-position: -194px -170px}

.Artools a.Ztexte, .Artools a.DZtexte {display:block; float:left; height:18px; text-indent:-999999px;width:18px;}
.Artools a.Ztexte {  background-position: -276px -170px;}
.Artools a.DZtexte {  background-position: -294px -170px;}
.Tx { float: left; margin: 0px 5px; }
.BZo { border-left:1px dotted #999999; padding-left:10px; }
.Artools a.AgZone { background-position:right -294px; font-size:11px; padding: 10px 17px 10px 0px; text-decoration: none;}
.Artools a.ArRSS { background-position:right -175px; font-size:11px; padding-right: 17px; text-decoration: none;}
.Artools a.AgZoneBis { background-position: -180px -294px; }
.Artools a.AmbVid { background-position:left -324px; font-size:11px; padding: 0px 10px 0px 20px; text-decoration: none; color: #FFFFFF;}
.diapo { background-position: -356px -171px; padding: 0px 5px 0px 20px; float: right!imporant;}


.ImgCapt { float: left; margin-right: 15px; width: 208px; background-color: #222630; border: 1px solid #A7B2B6; overflow:hidden;}
.ImgCapt span { color: #FFFFFF; padding: 7px; font-size: 10px; display: block; line-height: 110% }


.ItmHVideo {display:inline; margin-left:15px; margin-right:15px; position:relative; width:140px;}
.ItmHVideo img {border: 1px solid #333333}
.ItmHVideo a { color:#FFFFFF; font-weight: bold; text-decoration: none; font-size: 11px}
.ItmHVideo a:hover { color: #FF0000;}
.ItmHVideo span { margin: 6px 0px 2px 0px; line-height: 110%; display:block; }
.ItmHVideo i {text-transform: uppercase; font-size: x-small; font-style: normal;}
.MultiLien { color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center; float: left; width: 960px;}
.MultiLien a {padding: 10px; color: #FFFFFF; text-decoration: none; line-height: 50px;}
.MultiLien a:hover {color: #FF0000}



 /**************************************/
 /*              Video                 */
/**************************************/

.BoxMedia {display:inline; float:left; width:960px; background: #111417 url(../images/f2ply.png) top left repeat-x; padding-bottom:20px;}
.flBox {  /*height: 483px; overflow:hidden;*/ margin:0 10px; display:inline; float:left; background: #111417 url(../images/f4ply.png) top center no-repeat; width: 940px;}
.ViBox { margin-bottom: 20px; float:left; width: 620px; overflow: hidden;}
.ItmLVideo {display:inline; margin-left:17px; position:relative; width:142px; display: inline; overflow: hidden;}
.ItmLVideo img {border: 1px solid #333333}
.ItmLVideo a { color:#000; font-weight: bold; text-decoration: none; font-size: 11px}
.ItmLVideo a:hover { color: #FF0000;}
.ItmLVideo span { line-height: 110%; display:block; }
.ItmLVideo i {text-transform: uppercase; font-size: x-small; font-style: normal;}
.ItmLVideo a:hover i {color: #000000;}
.TLvideo  {border-bottom: 1px dotted #B0CADA; padding: 6px 0px 6px 5px; margin-bottom:15px; width:615px; float: left }
.TLvideo h5 { font-size: 1.45em; margin: 0px; display: inline; float: left;}
.hsp { height:15px!important; }

.VPat {display:inline; font-family: Verdana; float:left; margin:10px; padding-top:10px; width:920px;}
.VPat h1 { font-family:arial; font-size:2em; margin-bottom:10px; line-height: 100%; }
.VPat a { color:#FF0000; text-decoration: none;  }
.VPat a:hover { color: #FF6600;}
.VPat p { font-size: 13px; margin-bottom: 8px; color: #FFFFFF; }


.flBox_left, .flBox_right {padding-left:6px; margin: 0px 12px; width: 620px; float: left; display: inline; color: #FFFFFF; padding-top:15px;}
.flBox_right {width: 260px; padding: 25px 0px 0px 0px; }

.MulTyA { background-color: #000000; border-bottom: 1px solid #333333; color: #FFFFFF; padding: 5px 8px; margin-bottom: 10px;}
.MulTyA strong { color: #333333; padding-right: 5px; }
.MulTinp input { width: 255px; font-size: 11px; margin: 2px 0px 10px 0px}

.Silbox {  position: relative; width: 260px; display: inline; float: left; margin-top: 20px; background: transparent url(../images/fsilmedia.jpg) top center no-repeat }
.Silmedia {padding: 10px; margin-bottom:5px; width:240px; float: left; }
.Silmedia h5 {font-size: 1em; margin: 0px; display: inline; float: left; color: #CCCCCC; line-height: 20px; padding-left: 5px;}


.SilVideo {  width: 88px; margin-left:17px;  margin-right:17px;  display: inline;  position: relative;}
.SilVideo img {border: 1px solid #999999}
.SilVideo a { color:#FFF; font-weight: bold; text-decoration: none; font-size: 10px}
.SilVideo a:hover { color: #FF0000;}
.SilVideo span { margin: 3px 0px 2px 0px; line-height: 110%; display:block;}
.SilVideo i {text-transform: uppercase; font-size: x-small; font-style: normal;  color: #999999 }




 /**************************************/
/*            Commentaire            */
/**************************************/

.HCom span { color:#990000; display:block; font-size: 12px; padding: 10px 0px; line-height: 110%; }
.HCom h5 {margin: 20px 0px 0px 0px; font-size: 16px; }
.HCom a { color: #003366; text-decoration: none; font-weight: bold; font-size: 13px }

.MbCom { border: 1px solid #D6D6D6; background-color: #F8F1D8; clear: both;  padding: 15px; }
.BoxCom img {float: left; }
.ReBoxCom { margin-left: 60px }
.TxCom {margin-left: 65px; }
.TxCom img { padding: 2px 4px 4px 0px }
.TxCom p {margin: 0px;}

.InfoCom {width: 100%; float: left; }
.Abus a { float: right; padding-right: 18px; font-size: 10px; text-decoration: none; color: #666666; background-position: right -140px;}
.Abus a:hover { color: #000000; }

.MbsetCom { padding-top: 10px;}
.MbsetCom textarea { width: 580px; height: 80px; margin-bottom: 10px }


.MbComIns { border: 1px solid #D6D6D6; background-color: #F2F2F2; clear: both;  padding: 15px; }
.MbCom h6 { line-height: normal; font-size: 14px; padding-bottom: 10px }
.MbComIns p, .MbCom p { margin-bottom: 10px; }
a.MorCom { color: #006699; text-decoration: none; padding-right: 20px; background-position: right -120px; font-weight: bold; }
a.MorCom:hover { color: #FF0000; }
a.Rouge { color: #FF0000;text-decoration: none; }
a.Rouge:hover { color: #006699; }


/**************************************/
/*             Start Vote                */
/**************************************/


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/delete.gif) no-repeat 0 -16px; display: none!important}
div.star-rating,div.star-rating a{background:url(../images/star.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.submit-star { padding-top: 5px; height:20px;}


/**************************************/
/*             SIDEBAR                */
/**************************************/

.ItmVideo {  width: 118px; margin-left:16px;  margin-right:16px;  display: inline;  position: relative;}
.ItmVideo img {border: 1px solid #999999}
.ItmVideo a { color:#003366; font-weight: bold; text-decoration: none; font-size: 11px}
.ItmVideo a:hover { color: #FF0000;}
.ItmVideo span { margin: 3px 0px 2px 0px; line-height: 110%; display:block; }
.ItmVideo i {text-transform: uppercase; font-size: x-small; font-style: normal;}
.MicoVido {background-position:-435px 0; display:block; height:18px; left:10px; position:absolute; text-indent:-9999px; top:52px; width:17px;}
.Hvideo, .HPho  { border-top: 5px solid #B0CADA; border-bottom: 1px dotted #B0CADA; padding: 6px 5px; margin-bottom:15px; width:290px; float: left }
.Hvideo h5, .HPho h5 { font-size: 1.45em; margin: 0px; display: inline; float: left;}
.HPho  {width:610px; }


.Sft { background:transparent url(../images/stripe_bg.gif) repeat-x 0px 1px; float:left; margin-bottom:4px; text-transform:uppercase; width:300px;}
.Sft h5 { background-color:#FFF; float:left; font-size:1.45em !important; font-weight:bold; line-height:0.9em; margin-bottom:0; padding:0 5px 5px 0; text-transform:uppercase; }

.ARplist li { list-style: none; margin: 0px; font-size: 12px; padding-bottom: 5px; display: block ; border-bottom: 1px dotted #9B9B9B }
.ARplist span { color: #990000; font-size: x-small;  display: block; }
.ARplist a { color: #004098; text-decoration: none; line-height: 110%; display: block;}
.ARplist a:hover { color: #FF0000;}

.edito { padding: 20px; background-color: #DBE7EE; float:left; width: 260px;}
.edito h5 { margin: 0px }
.edito p { color: #FF0000; font-weight: bold; margin-bottom: 5px }
.edito blockquote p { color: #000000!important; font-weight: normal!important; margin-bottom: 5px }

.pdfbox { background: transparent url(../images/fpdf.jpg) top left repeat-x; padding:23px 8px 0 12px; height: 217px; width: 280px; position: relative; }
.thbpdf  { background: url(../images/fthbpdf.png) no-repeat top left; width:120px; height: 178px; list-style: none; margin: 0px 10px; float: left; display: inline;}
.thbpdf a { color: #FFFFFF; text-decoration: none; display: block; font-size: x-small; }
.thbpdf a:hover { color: #FF0000; text-decoration: none; }
.thbpdf span { padding-top: 5px; display:block; background-position: -449px 8px ; padding-left: 10px }
.flotpdf { position: absolute; top: -6px; right: -6px }

.thbpdfarch  { background: url(../images/fthbpdf.png) no-repeat top left; width:120px; height: 178px; list-style: none; margin: 20px 17px; float: left; display: inline;}
.thbpdfarch a { color: #000; text-decoration: none; display: block; font-size: x-small; }
.thbpdfarch a:hover { color: #FF0000; text-decoration: none; }
.thbpdfarch span { padding-top: 5px; display:block; background-position: -449px 8px ; padding-left: 10px }

#list_lien_tag ul {list-style-type:none; list-style-position:inside;}
#list_lien_tag li {display:inline; line-height:18px; height:auto; margin:0px; }
#list_lien_tag li a:hover { font-weight:normal; text-decoration:none; color:#000000; }
.d, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .d9, .d10{ font-weight:normal; text-decoration:none;}
.d0 {font-size:10px;}
.d1 {font-size:12px;}
.d2 {font-size:14px;}
.d3 {font-size:16px;}
.d4 {font-size:18px; color:#FF0022;}
.d5 {font-size:20px; color:#FF0044;}
.d6 {font-size:22px; color:#804040;}
.d7 {font-size:24px; color:#B90000;}
.d8 {font-size:26px; color:#FF0000;}
.d9 {font-size:28px; color:#FF0000;}
.d10 {font-size:30px; color:#FF0000;}

#contenu_reponse span.bar-reponce {background-color:#F7F7F7; border:1px solid #DBDBDB; display:block; margin:0 0 8px; width:273px;}
.sondage li { list-style: none;margin-left:10px; }
.SodArch { padding-top:12px; text-decoration:none; color:#FF0000; float:right; font-size:10px; }
.resetbutton { border-right:1px solid #CCC; float:left; line-height:23px; margin-right:10px; padding-right:10px; text-decoration: none; color:#003366; }
a.resetbutton:hover { color: #FF0000; text-decoration: none;}

.adop_model {border-top: 1px solid #333333; border-bottom: 1px solid #FF0000; float: left;}
.adop_model h6 { float: left; font-size: 12px; line-height:110%; padding:7px 9px; border-bottom: 3px solid #FF0000; background: transparent url(../images/fondadop_model.gif) repeat }
.adop_model h6 a {color: #333333; text-decoration: none; display: block; float: left; width: 122px }
.adop_model h6 a:hover { color: #FF0000!important; }

.vpub {
  padding: 0 10px 10px; background-color: #D9D9D9; float: left;
}

ul.SeFiltre  { background-color: #F3F3F3; display:inline; float:left; padding:8px 0px;}
.SeFiltre li { list-style: none; display: inline;}
.SeFiltre a { text-decoration: none; color: #003872; display: block; padding-left: 10px; width:290px;}
.SeFiltre li a:hover  { color: #FF0000; font-weight: bold; background-color: #FFF ; }
.SeFiltre li a.active { color: #FF0000; font-weight: bold; background-color: #FFF ; }


.sInscrip h3 { color: #006699; margin-top: 67px;}

.ProfStat { font-size:20px; font-weight:bold; padding-bottom:5px; }
.ProfStat span { color: #0066CC; }


/**************************************/
/*               FOOTER               */
/**************************************/
.footlogo {
  background: transparent url(../images/footlogo.gif) top left no-repeat;
  height:33px;
  margin: 0px 0px 10px 0px;

}

.ContAd {padding-right:10px; width:295px; float: left;}




.adre {
  float: left;
  padding:20px 12px 0 20px;
}

.MalList { padding: 30px; width: 287px }


.barfoot {
  width: 900px;
  margin: 12px 30px 0px 30px;
  display: inline;
  border-top: 1px solid #FF0000;
  padding-top: 8px;
}

.barfoot p { padding-right: 55px}
.kreo { background:transparent url(../images/kreo-agency.gif) no-repeat left 4px; display:block; float:right; height:18px; width:25px; position:relative; right:-463px;}

.voile {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
        z-index:10000;
	position:fixed;
}

.leVoile
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:.8;
	background:black;
	filter:alpha(opacity=80) ;
}

.voileLoader{
	margin:auto;
	margin-top:180px;
	position:relative;
	width:75px;
	height:75px;
	background: url('../images/6.gif') no-repeat scroll center center;
}