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

/*   
  Fond du site, avec l'ombre, 
  et les polices utilisées pour tout le site
*/
body {
  background : #141F47 url(../images/ombre.png);
  background-repeat : repeat-x;
  padding : 0;
  padding-top: 10px;
  text-align : center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

div#loading {
  display:none;
}

/*   
  Cadre englobant Logo et pub 
  sert principalement à son placement
*/
div#haut {
  height: 160px;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/*
  Logo du site web!
*/
img#logo {
/*div#logo {
/*  background : url(../images/sc2MiniLogo.png) no-repeat;*/
  background-position:center;
  position:relative;
  float:left;
  width:404px;
  height:191px;
  right:100px;
  top:30px;
  z-index:10;
}

/*
  Pub Carré apparaissant dans le corps du site
*/
div#pub_rg_pave {
  position:relative;
  float:left;
  width:300px;
  min-height:250px;
  margin:20px 0px 5px 5px;
  background: transparent url(../images/recrutementpubcarreaccu.png);
  border:1px transparent;
}

/*
  Pub Carré apparaissant sur la droite du site
  de type "skycrapper"
*/
div#pub_rg_sky {
  background-color:transparent;
  float:right;
  height:600px;
  margin-top:455px;
  margin-left:16px;
  width:160px;
  position:absolute;
  z-index:20;
}

div#partenaires {
         background-color:transparent;
         float:right;
         height:250px;
         margin-top:10px;
         margin-left:16px;
         width:160px;
         position:absolute;
}
div#partenaires img {
         height:70%;
}

div#partenaires .nocss img {
  height:15%;
  margin-top:10px;
}

div#partenaires .nocss2 img {
  height:45%;
  margin-top:10px;
}

div#partenaires .nocss3 img {
  height:34%;
  margin-top:10px;
}

div#partenaires .nocss4 img {
  height:46%;
  margin-top:10px;
}


/*
  La pub à la droite du logo en haut
*/
div#pub_rg_mb {
  position:absolute;
  top:100px;
  left:250px;
  float:right;
  z-index:99;
  min-width:728px;
  min-height:90px;
  background-color:transparent;
}

/*
  Un peu comme en C,
  main contient le corps du site, sa partie haute
  (là où sont les quatres boutons de couleurs
  ainsi que la une), le menu déroulant,
  et le corps à proprement parlé du site
*/
div#centre {
  width: 980px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  text-align:left;
}

/*
  Texte "www.SC2France.com" présent sur le bord 
  gauche du site.
*/
div#sc2france {
  background-image: url(../images/sc2france.png);
  background-repeat:no-repeat;
  float:left;
  position:absolute;
  top:300px;
  left:-52px;
  width:39px;
  height:629px;

}

/*
  Le contenu du site moin la largeur de l'ombre
  sur la droite
*/
div#content{
  margin-top:20px;
  margin-bottom:20px;
  width:810px;
  padding:0px;
  border:0px;
  float:left;
  text-align:left;
}

/*
  Pour les pages de contenu il faut un
  voile blanc pour cacher un peu l'archon en dessous.
*/
div#pageContenu{
  background:url(../images/voile03.png) repeat;
  padding:5px;
  height:100%;
}

/*
  On definie le h1 comme on le souhaite dans 
  les pages de contenu.
*/
div#pageContenu h1{
  font-size:xx-large;
  text-decoration:underline;
  text-align:center;
  padding-bottom:15px;
}

/*
  Couleur du text et marge
  pour les derniers articles
  (en-tête des pages de contenu
  au dessus du menu déroulant
*/
ul#lastArticles{
  color:#FFFFFF;
  margin:5px;
}

/*
  on skin les lien pour cet effet "champ foncé"
*/
ul#lastArticles a{
  text-indent:20px;
  line-height:20px;
  margin-top:2px;
  display:block;
  color:#FFF;
  position:relative;
  z-index:0;
  font-weight:bold;
  background:transparent url(../images/eventsBG.png);
  background-position:0px -5px;
  
}

/*
  et un effet hover pour donner l'effet bouton
  aux liens
*/

ul#lastArticles a:hover{
  text-decoration:none;
  background-position:650px;
}

/*
  L'archon qui se trouve en bas à droite du site
  il est pas mignon ??? <3
*/
div#archon {
  background-image:url(../images/archon4.png);
  background-repeat:no-repeat;
  top:850px;
  left:550px;
  height:540px;
  width:394px;
  position:absolute;
}

/*
  Le fond du haut de la page avec son attaque nucleaire
  (au dessu du menu déroulant, et dans le corps, vous aurez compris
*/
div#pagetop{
  background:black url(../images/contentBCK.jpg) no-repeat 0px 0px;
  height:347px;
  width:803px;
  z-index:1;
  position:relative;
}

/*
  idem, mais avec un image typé protoss, pour une utilisation future
*/
div#pagetopProtoss{
  background-image:url(../images/contentBCKprotoss.jpg);
  background-repeat:no-repeat;
  height:308px;
  width:803px;
  border:0px;
}

div#enrobageMenu {
  background:transparent url(../images/barre_menu_sc2.png) no-repeat scroll 0%;
  height:50px;
  left:26px;
  position:relative;
  top:-23px;
  width:753px;
  z-index:100;
}

img#coinGauche {
  float:left;
  position:relative;
  left:5px;
}

img#bgMenu {
  position:absolute;
  left:50px;
  z-index:30;
}

img#coinDroit {
  float:left;
  position:relative;
  top:2px;
  right:5px;
}

div#menu {
/*  background-image:url(../images/menuCenter.gif);*/
  left:50px;
  float:left;
  height:30px;
  position:relative;
  top:11px;
  width:680px;
  z-index:20;
}

/*
  La une, cadre de gauche de la page d'acceuil du site, se trouvant 
  dans la partie haute du site
*/
div#une{
  background:url(../images/trans11.png);
  width:409px;
  height:252px;
  top:20px;
  left:26px;
  position:relative;
  float:left;
  z-index:10;
  border:1px #7F7F7F solid;
}

div#btnUne {
  display: none;
  float: right;
  width: 20px;
  height: 85px;
  position:relative;
  top:150px;
  right:-45px;
}

div#btnUne span:hover {
  color:red;
}
div#btnUne span {
  cursor:pointer;
  border:1px solid white;
  background-color:grey;
  width:15px;
  height:15px;
  display:block;
  clear:right;
  text-align:center;
  margin: 3px 0;
}

div#colonne_gauche{
  float:left;
  width:310px;
}
div#colonne_droite{
  float:left;
  width:475px;
  margin-left:0px;
}

/*
  Le même cadre, mais pour les pages de contenu cette fois
  notons qu'il est plus large car le petit cadre qui se trouve
  sur la page d'acceuil entre la une et les boutons sur le haut 
  de notre page n'existe pas sur la page de contenu.

div#contenu{
  background:url(../images/trans11.png);
  width:631px;
  height:231px;
  margin-top:20px;
  margin-left:26px;
  position:relative;
  color:#FFFFFF;
  float:left;
  z-index:10;
  border:1px #7F7F7F solid;
  padding:10px;
}
*/

/*
  Le cadre text du cadre si-dessus, il est different
  car comme il y a un teran on veux
  peut-être pas que le text déborde
*/
div#quickLinkNews{
  width:600px;
  /*position:absolute;*/
}

/*
  Marine de la page de contenu
  plus sur la droite que son grand frère
  de la page d'acceuil
*/
div#marineContenu{
  background-image:url(../images/marine.png);
  width:285px;
  height:351px;
  z-index:2;
  position:absolute;
  margin-left:430px;
  margin-top:-110px;
  display:none;
}

/*
  on skin les liens présent dans la une!
*/
div#uneTexte a{
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
}
div#uneTexte a:hover{
  text-decoration:underline;
}

/*
  Cadre qui correspond a celui
  entre la une et les bouton en haut 
  de la page d'acceuil du site
*/
div#events{
  background:url(../images/trans11.png);
  width:202px;
  height:241px;
  top:20px;
  left:55px;
  position:relative;
  float:left;
  z-index:5;
  padding:5px;
  color:#FFF;
  border:1px #7F7F7F solid;
  display:none;
}

/*
  Le marine qui habille le haut de page
  de notre page d'acceuil!
*/
div#marine{
  background-image:url(../images/marine.png);
  width:285px;
  height:351px;
  position:absolute;
  left:200px;
  top:-100px;
  z-index:-1;
}

/*
  comme le marine mais là c'est un colosse
  protoss, comme le fond du haut de page protoss
  ceci serviras dans une utilisation future
*/
div#colossus{
  background-image:url(../images/colossus.png);
  width:206px;
  height:351px;
  position:absolute;
  margin-left:260px;
  margin-top:-78px;
}

/*
  Cadre qui contient le text de la une, 
  histoire de skinner tout ça!
*/
div#uneTexte{
  width:410px;
  height:250px;
  position:relative;
  padding:0px;

  color:#FFFFFF;
  font-size:12px;
}


div.btnUne{
  display:none;
}
#uneTexte ul, #uneTexte li{  
margin:0;  
padding:0;  
list-style:none;  
width:380px;  
overflow:hidden;   
height:220px;  
}  
#uneTexte, #uneTexte li { 
/*margin:10px;*/
}  
#uneTexte li {
}

/*
  Je redefinis le h3 pour tout le site 
  parce que je l'utilise pas mal de fois
*/
ul#uneListe h1{
  font-size:24px;
  margin:5px;
}

ul#uneListe div.csc-header {
  height:30px;
/*  display: none;*/
}
ul#uneListe div.csc-header-n1 {
  display:block;
}
div#boutons{
  background:url(../images/trans11.png);
  width:67px;
  height:252px;
  top:20px;
  right:26px;
  position:relative;
  float:right;
  z-index:12;
  border:1px #7F7F7F solid;
}
div#boutons div a{
  display: block;
  height:62px;
  width:67px;
}
div#btnLigue a,div#btnImages a,div#btnAudio a {
  border-top:1px solid #7E7E7E;
}
div#btnReplay a {
  background-image:url(../images/btnreplay2.jpg);
}
div#btnReplay a:hover {
    background-position:67px;
}
div#btnLigue a {
  background-image:url(../images/montage-live-v1.gif);
  text-decoration:none;
}
div#btnLigue a:hover {
  background-position:67px 0px;  
}
div#btnLigue a div#watcher{
      position:relative;
  font-size:15px;
  top:30px;
  left:2px;
  color:white;
  font-weight:bolder;
        width:25px;
        text-align:center;
}
div#btnImages a {
  background-image:url(../images/btntwitter.jpg);
}
div#btnImages a:hover {
  background-position:67px;
}
div#btnAudio a {
  background-image:url(../images/btnAudio.jpg);
}
div#btnAudio a:hover {
  background-position:67px;
}
div#btnForum a {
  background-image:url(../images/btnfacebook.jpg);
}
div#btnForum a:hover {
  background-position:67px;
}

/*
  Tout ce qui est relatif a l'ombre
  que l'on a sous la page principale de 
  notre site
*/
td.mainPage {
  border:1px solid #000000;
  background:#FFFFFF;
  width:784px;
}
td.mainPageRight {
  background:transparent url(../images/shadowRight.png) repeat-y;
  width:6px;
  vertical-align:top;
  text-align:left;
}
td.mainPageCornerLB {
  background:transparent url(../images/cornerLB.png);
  width:10px;
}
td.mainPageBottom {
  background:transparent url(../images/shadowbottom.png);
  height:7px;
  width:784px;
}
td.mainPageCornerRB {
  background:transparent url(../images/cornerRB.png);
}

/*
  Nous voilà dans la page de contenu du site
  là où se trouve les onglets et autre
*/
div#contenu{
  position:relative;
  z-index:10;
  padding:5px 5px 5px 5px;
  width:793px;
  top:-50px;
}

/*
  La boite sous la pub carré du corps du texte,
  on peut y mettre des onglets ou n'importe quoi d'autre.
  Ce cadre n'est visible que sur la page d'acceuil.
*/
div.verticalBox{
  position:relative;
  float:left;
  width:300px;
  height:400px;
  margin:5px 0 0 5px;
  border:1px #7F7F7F solid;
        background-image:url("../images/bgsondagev1.jpg");
}
/*
  La boite sous la pub carré du corps du texte,
  on peut y mettre des onglets ou n'importe quoi d'autre.
  Ce cadre n'est visible que sur la page de news.
*/
div.verticalBoxNews{
  position:relative;
  float:left;
  width:300px;
  height:100%;
  margin:5px;
  border:1px #7F7F7F solid;
}
/*
  Fond du text de notre page de contenu,
  afin de cacher un peu l'archon
*/
div#contenuTexte{
  background:transparent url(../images/voile03.png) repeat;
  border:1px #7F7F7F solid;
  padding:5px;
}


/*
  Debut-> Onglets
*/
div.onglets {
  height:350px;
  float:right;
  width:468px;
  margin:17px 0px 5px 0;
  border:1px solid #7F7F7F;
        overflow:hidden;
}

div#mainOnglets div div#contentTableNews,
div#mainOnglets div div#contentTableForum,
div#mainOnglets div div#contentTableReplay,
div#mainOnglets div div#contentTableArticles,
div#mainOnglets div div#contentTableGallerie {
  clear:left;
  float:left;
  margin-top:5px;
  width:468px;
  /*width:97.5%;*/
  /*height:87%;*/
  height:260px;
}
div#mainOnglets div div#contentTableGallerie {
  height:300px;
}
div#mainOnglets div div#contentTableReplay{
  padding:10px;
}


div#racesOnglets div div#contentTableTerran,
div#racesOnglets div div#contentTableProtoss,
div#racesOnglets div div#contentTableZerg {
  clear:left;
  float:left;
  width:468px;
  height:262px;
  padding:10px 10px 0;
}


ul.icones {
  background:url(../images/tabFond.jpg) repeat-x 0 0px;
  width:468px;
  height:32px;
  position:relative;
  float:right;
}

ul.icones li{
        display:inline;
        margin-right:-4px;
        /*
        float:left;*/

}
ul.icones li a, ul.icones li a:visited {
  display: block;
  position:relative;
  background:transparent;
  text-decoration:none;
  color:#4E4E4E;
  /*padding: 5px 15px 10px 13px;*/
  padding:5px 6px 12px;
  border-right:1px solid #7F7F7F;
  float: left;
  /*margin-bottom:5px;*/
  text-align:center;
  font-size:12px;
  font-weight:bold;
  width:60px;
}
ul.icones li a.active{
    background: url(../images/pw.jpg) repeat scroll 0;
  color:#EF7011;
}

ul.icones li a:hover {
  color:#EF7011;
}

div.onglets div div table {
  width:468px;
  height:100%;
}

div.onglets div div#contentTableNews ,
div.onglets div div#contentTableForum ,
div.onglets div div#contentTableReplay ,
div.onglets div div#contentTableArticles
/*div.onglets div div#contentTableGallerie*/
{
  display:none;
}

div.onglets div div#contentTableGallerie {
/*div.onglets div div#contentTableNews {*/
  display:block;
}
div.onglets span.date {
  font-weight:bold;
  color:#0066CC;
  display:inline;
}
div.onglets span.dateJ {
  font-weight:bold;
  color:#EF7011;
  display:inline;
}
div.onglets div div ul a, div.item .bottom a, div#racesOnglets div.tabRaceText a, div#sondage a {
  color:#0066cc;
  font-weight:bold;
  text-decoration:none;
  margin-left:10px;
  font-size:11px;
}
div.onglets div div  a:hover, div#racesOnglets div.tabRaceText a:hover, div#sondage a:hover, 
div#btnUne span:hover {
  color:#141F47;
}
div.onglets div div ul li{
  padding-left:15px;
  height:15px;
}

div.onglets div div ul li {
  height:15px;
  width:453px;
  padding:3px 0 3px 15px;
}
div.onglets div div ul li.impair, div.onglets div div ul li.pair2,
div.onglets div div ul li.pair4,
div.onglets div div ul li.pair6,
div.onglets div div ul li.pair8,
div.onglets div div ul li.pair10,
div.onglets div div ul li.pair12 {
  background-color:#FFEFA6;
}
div.onglets div div ul li.newsBottom div{
  display:block;
}
div.onglets div div ul li.newsBottom {
  font-size:10px;
  line-height:18px;
}

div.onglets div div div.button a{
  display:block;
  background:url(../images/boutonOrangeCoul.gif) no-repeat scroll 0 50%;
  width:97px;
  height:20px;
  color:#FFFFFF;
  text-indent:20px;
  margin:5px;
  position:relative;
  float:right;
  font-size:10px;
}
div.onglets div div div.button a:hover {
  background-position: -97px 50%;
  color:#FFFFFF;
}

  /*
    tabcloudrace est là pour la skin particulière 
    des onglets de race présent sur la page d'acceuil
  */
div#racesOnglets {
  background:transparent url(../images/voile03.png) repeat;
  width:468px;
  height:300px;
  position:relative;
  float:right;
  margin:5px 0px;;
}

div#racesOnglets ul.icones {
  width:468px;
  height:41px;
}
div#racesOnglets ul.icones li{
}
div#racesOnglets ul.icones li a{
  width:156px;
  border-right:0;
  height:41px;
  padding:0;
}
div#racesOnglets ul.icones li a#terranOnglet{
  background: transparent url(../images/terranTab.jpg) no-repeat 0 0;
}
div#racesOnglets ul.icones li a#terranOnglet:hover, div#racesOnglets ul.icones li a#terranOnglet.active{
  background: transparent url(../images/terranTab.jpg) no-repeat -156px 0;
}
div#racesOnglets ul.icones li a#protossOnglet{
  background: transparent url(../images/protossTab.jpg) no-repeat 0 0;
}
div#racesOnglets ul.icones li a#protossOnglet:hover, div#racesOnglets ul.icones li a#protossOnglet.active{
  background: transparent url(../images/protossTab.jpg) no-repeat -156px 0;
}
div#racesOnglets ul.icones li a#zergOnglet{
  background: transparent url(../images/zergTab.jpg) no-repeat 0 0;
}
div#racesOnglets ul.icones li a#zergOnglet:hover, div#racesOnglets ul.icones li a#zergOnglet.active{
  background: transparent url(../images/zergTab.jpg) no-repeat -156px 0;
}

div.tab a{
  display: block;
  position:relative;
  background:transparent;
  text-decoration:none;
  color:#4E4E4E;
  padding: 5px 15px 0px 15px;
  border-right:1px solid #7F7F7F;
  float: left;
  height:22px;
  margin:0px;
  text-align:center;
  font-size:12px;
  font-weight:bold;
}
div.tab a:hover{
  text-decoration:none;
}
div a.ongletActive{
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
  display: block;
  position:relative;
  text-decoration:none;
  color:#EF7011;
  border-right:1px solid #7F7F7F;
  background:#FFF;
  height:22px;
  padding: 5px 15px 0px 15px;
  z-index:20;
  float: left;
  margin:0px;
  text-align:center;
}
  /*
    il faut que chaque contenu des onglets
    se trouve dans une tab comme ici et le
    nom dois respecter l'utilisation suivante:
    tab<numer_du_nuage_donglets><numero_de_longlet>
  */
  div#contentTableTerran {
    border:1px solid #FFB515;
    width:466px;
    float:right;
    background:transparent url(../images/icon-terran.png) no-repeat;
    background-position:360px 150px;
    display:block;
  }
  div#contentTableProtoss {
    border:1px solid #0517A7;
    width:466px;
    float:left;
    background:transparent url(../images/icon-protoss.png) no-repeat;
    background-position:365px 150px;
    display:none;
  }
  div#contentTableZerg {
    border:1px solid #CE94E4;
    width:466px;
    float:left;
    background:transparent url(../images/icon-zerg.png) no-repeat;
    background-position:360px 145px;
    display:none;
  }
  div#tab21 {
    width:100%;
    float:left;
    height:100%;
    background-color:transparent;
    display:none;
  }
  div#tab22{
    width:100%;
    height:100%;
    float:left;
    background-color:transparent;
    display:none;
  }
  div#tab23{
    width:100%;
    height:100%;
    float:left;
    background-color:transparent;
    display:none;
  }
  div#tab24{
    width:100%;
    height:100%;
    float:left;
    background-color:transparent;
    display:none;
  }
  div#tab25{
    width:100%;
    height:100%;
    float:left;
    background-color:transparent;
    display:none;
  }
  /*
    Vous aurez compris les onglets de race sont un cas à part!
  */
  div.tabcaceText{
    margin:15px 2px 2px;
    width:464px;
    height:251px;
  }
  
  div.terranText{
    background:url(../images/title-terran.png) no-repeat;
    height:38px;
    width:174px;
  }
  
  div.protossText{
    background:url(../images/title-protoss.png) no-repeat;
    height:38px;
    width:196px;
  }
  
  div.zergText{
    background:url(../images/title-zerg.png) no-repeat;
    height:38px;
    width:120px;
  }
/*
  fin-> Onglets
*/




/*
  Cadre de la partie basse du site, le footer!
*/
div#bas{
  background-color:transparent;
  padding: 5px 5px 5px 5px;
  text-align:left;
  clear:left;
}

/*
  cadre du copyright de JS
*/
div#bas div#copy{
  position:absolute;
  color:#B6B6B6;
  background-color:transparent;
  margin-left:-8px;
  margin-top:10px;
  width:800px;
  text-align:center;
  z-index:9999;
}

/*
  Je donne un aspect général aux liens 
  du site
*/
a{
  text-decoration:none;
  color:#EF7011;
}
a:hover{
  text-decoration:underline;
}

/*
  Table du contenu onglets avec
  l'aspec de ses liens et tout!
*/

/*
  Skin du "en savoir plus" ou encore "plus de parties"
  enfin des + quelque chose présent dans le contenu
  des onglets
*/

/*
  on donne des couleurs aux tables
  du contenu des onglets, row1 n'as pas 
  d'attributs ici mais si un jours on voudrais
  mettre autre chose que "rien" on pourras!
*/
.tabTable tr td{
  padding : 2px;
}
.impair{
  background-color:#FFEFA6;
}
.row1{
}

/*
  Note des éléments
  présent dans le contenu des onglets ou autre part
  si on le souhaite
*/
.rate{
  text-align:right;
  font-weight:bold;
  color:#46483B;
  padding-right:1px;
  padding-left:1px;
}

/*
  L'image du pouce vers le bas
  dans le contenu des onglets (pour noter)
*/
.pouceDown{
  background:url(../images/pouceDown.gif);
  height:12px;
  width:11px;
}

/*
  L'image du pouce vers le haut
  dans le contenu des onglets (pour noter)
*/
.pouceUp{
  background:url(../images/pouceUp.gif);
  height:12px;
  width:11px;
}

/*
  skin du cadre des evenements,
  il se trouve en haut de page 
  entre la une et les boutons.
*/
#une h1,#une h3, #events h3 {
  font-size:24px;
  margin:3px;
  text-align:center;
  color:white;
}
ul#listeEvents{
  color:#FFFFFF;
  margin:5px;
}
ul#listeEvents a{
  text-indent:20px;
  /*line-height:00px;*/
  height:17px;
  margin-top:2px;
  padding-top:3px;
  display:block;
  color:#FFF;
  position:relative;
  z-index:9999;
  font-weight:bold;
  background:transparent url(../images/eventsBG.png);
  background-position:0px -5px;
  
}
ul#listeEvents a:hover, div#une div#uneTextePage ul#uneListe a:hover {
  text-decoration:none;
  background-position:650px;
}

/*
  Le truc ci-dessus est dans ce cadre "articlesText"
  il devrais y avoir une meilleure façon
  mais ça a était fais comme ça maintenant
  et si on l'enlèvre ça plante, alors gardons
  le ainsi, ça tueras personne
*/
#articlesText{
  /*position:absolute;*/
  width:202px;
  height:187px;
  background-color:transparent;
  /*
  margin-left:444px;
  margin-top:59px;*/
}

/*
  Debut-> Page de news
*/
  div#pageNews {
    width:468px;
  }
  div#pageNews h1{
    font-size:xx-large;
    text-decoration:underline;
    text-align:center;
    padding-bottom:15px;
  }
  /*a droite :p dans la page*/
  div#newsDroite{
    position:relative;
    background:transparent url(../images/voile03.png) repeat;
    padding:5px;
    float:right;
  }
  
  /* a gauche dans la page */
  div#newsGauche{
    position:relative;
    float:left;
    width:300px;
  }
/*
  Fin-> Page de news
*/

ul#nav a, ul#nav a:hover {
  font-height:bold;
  color:#B6B6B6;
  font-size:12px;
  padding:0 11px;
  font-style:normal;
}
ul#nav a:hover {
  background:transparent url(../images/trans09.png) repeat;
}

ul#nav ul {
  background : transparent url(../images/menuSubBck2.png) repeat scroll 0pt 50%;
}
tr td div.more a {
  margin:5px;
  padding-top:3px;
  background:url(../images/flecheGrise.gif) no-repeat;
  display:block;
  height:20px;
  text-indent:20px;
  font-weight:normal;
  position:relative;
  float:right;
  font-size:10px;
}

div#aLaUne {
  height:250px;
        overflow:hidden;
}
div#aLaUne div.item {
  width:400px;
  margin : 5px;
  text-align:justify;
}

.Bottom {
  margin-top:0px;
}

.Bottom button {
  border:none;
  background:none;  
      padding:0;
        margin:0;
  width:auto;
  overflow:visible;          
  text-align:center;  
  white-space:nowrap;  
  height:20px;
  line-height:38px;      
}  

.Bottom button {
  float:right;
  margin: 0 15px;
  vertical-align:middle;
}

.Bottom a.button {
    /* Sliding right image */
        background: transparent url('../images/btnCoulissantDroit.gif') no-repeat scroll top right; 
  display: block;
  float: left;
  height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/*  margin-right: 6px;*/
  padding-right: 3px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
  /* FONT PROPERTIES */
  text-decoration: none;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}
.Bottom a.button span {
  /* Background left image */ 
  background: transparent url('../images/btnCoulissantGauche.gif') no-repeat; 
  display: block;
/*  line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
  padding: 2px 10 3px 25px;
} 
.Bottom a.button:hover {
  color:white;
  background: transparent url('../images/btnCoulissantDroit.gif') no-repeat scroll right -20px; 
}
.Bottom a.button:hover span{
  color:white;
  background: transparent url('../images/btnCoulissantGauche.gif') no-repeat scroll 0 -20px;
}

div.right {
  display:inline;
  float:right;
  margin:5px 20px 0 0;
}

div#galeries {
  height:300px;
        visibility:hidden;        
}

div.wtgallery_list {
  margin:3px;
}
div.tx-wtgallery-pi1 {
  background-color:transparent;
  padding: 30px 5px 0px;
}

div#galeries div.wtgallery_list_firstofrow {
  margin-left:5px;
}

div.tx-wtgallery-pi1 ul#listeGallery {
  display:none;
  height:0px;
}
div#galeries div.list_row_1 {
  margin-top:10px;
}
div#galeries .gallery_list_select {
  margin-top:10px;
}

div.tx-wtgallery-pi1 div.wtgallery_list_area {
  width:420px;
  margin: 0 auto;
}

div.wtgallery_single_browser {
  text-align:center;
  margin-bottom:5px;
}

/* Couleur des cadres du formulaire de recrutement */

.tx-afipbform-pi1 input{
         background-color:#efefef;
         border-style:inset;
         border-color:#848484;
}

.tx-afipbform-pi1 textarea{
         background-color:#efefef;
         border-style:inset;
         border-color:#848484;
}

/* Paramétrage des cadres du formulaire de news et articles */

.tx-afnews-pi1 input{
        width:450px;
        background-color:#efefef;
        border-style:inset;
        border-color:#848484;
  margin-top:10px;
}

.tx-afnews-pi1 input#save{
        width:80px;
}
div.blizzard-say {
  background:#000130 url(../images/blizz-say.jpg) no-repeat scroll 0 0;
  border:1px solid #2A2A82;
  color:#4C89EE;
  margin:5px 0;
  min-height:118px;
  padding:20px 10px 12px 77px;
  width:450px;
}
#contenu div#colonne_droite div.blizzard-say a, #contenu div#colonne_droite div.blizzard-say a:hover {
  color:#EF7011;
}

/* div.commentsNews {
  display:none;
} */

#contenu div#colonne_droite div.tx-ttnews-browsebox td p {
  margin: 5px 2px 0;
  font-size:11px;
}

.tx-ttnews-browsebox {
  background-color:#EFEFEF;
}
.tx-ttnews-browsebox-SCell {
  background-color:#CECECE;
}

/* Sondage */

#sondage .tx-jkpoll-pi1{
        margin:0 15px;
}

#sondage #sc2f{
        text-align:center;
        color:#EF7011;
        font-weight:bold;
        margin-top:5px;
        font-size:13px;
}

#sondage #titre, #sondage .bodytext{
        margin-top:20px;
        color:#0066CC;
        font-weight:bold;
}

#sondage .bodytext{
        margin-top:15px;
}

#sondage ul, #sondage #poll_answer {
        margin-top:25px;
}

#sondage li{
        margin-top:5px;
}

#sondage .radio{
        margin-right:5px;
        margin-left:-4px;
}

#sondage .reponse{
        position:relative;
        bottom:1px;
}

#sondage .pollsubmit{
        margin-top:15px;
}

#sondage #poll_answer p{
        margin-top:8px;
}

#sondage .more{
        position:absolute;
        top:370px;
        left:45px;
}

#sondage .more a{
        color:#0066CC;
        font-weight:bold;
        font-size:13px;
}

#sondage .more a:hover{
        color:#141F47;
        text-decoration:none;
}

/* Special */

.off{
  display:none !important;
}

#contentTableForum, #contentTableReplay{
  display:none !important;
}