/*
  Theme Name: Mio Nav
  Description: Intégré par Jérémy DUTHEIL - http://www.jeremy-dutheil.fr
  Author: Jérémy DUTHEIL

  Thème réservé au blog Mio-nav
*/


/*********************************************************************************************
* Fichier obsolète. Maintenant c'est le fichier styledev.css qui est appelé.
* Vous pouvez vérifier ça dans le header.php.
* 
* @author : Gilles Dumas
* @email : circusmind@gmail.com
* @date : mercredi 7 décembre 2011
***********************************************************************v*********************/




html { height: 100%; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
strong { font-weight: bold; }
.clear { clear: both; }

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
}

#global {
  width: 1020px !important;
  width: 1050px;
  height: auto;
  margin: auto;
  background-image: url('images/background.jpg');
  background-repeat: repeat-y;
  position: relative;
}

#global #headerTop {
  width: 100%;
  height: 60px;
  background-image: url('images/headerTop.jpg');
  margin: 0;
  position: relative;
  z-index: 1000;
}

#global #headerTop #navigation {
  width: 560px;
  height: 40px;
  padding: 20px 0 0 20px;
}

#global #headerTop #navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#global #headerTop #navigation ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
}

#global #headerTop #navigation ul li a {
  font-family: Georgia;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

#global #headerTop #navigation #articlesLinkForJs { cursor: pointer; }
#global #headerTop #navigation #articlesLinkForJs:hover { text-decoration: none; }

#global #headerTop #navigation #articlesLink {
  display:block;
  height:37px;
  margin:-16px -3px 0 32px;
  text-align:center;
  padding: 0 5px;
  width: 70px;
}

#global #headerTop #navigation .articlesLinkClass {
  background-color:#ECE3DD;
  border:1px solid #8B8B8C;
  display:block;
  height:34px !important;
  margin-top: -19px !important;
  padding-top: 2px !important;
  text-align:center;
  font-family: Georgia;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  width: 68px !important;
}

#global #headerTop #navigation #dropCategories {
  position: absolute;
  width: 150px;
  top: 39px;
  left: 32px;
  background-color: #ece3dd;
  z-index: 1000;
  padding: 10px 5px;
  border: 1px solid #8b8b8c;
  border-top: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#global #headerTop #navigation #dropCategories a {
  font-family: Georgia;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  font-variant: normal;
}

#global #headerTop #navigation #dropCategories li { display: block; clear: both; }

#global #headerTop #navigation ul li .separator { margin: 0 10px; }

#global #headerTop #extLinksPictos {
  position: absolute;
  top: 4px;
  right: 35px;
  width: 280px !important;
  width: 285px;
  height: 60px;
  overflow: hidden;
}

#global #headerTop #extLinksPictos .picto {
  width: 60px;
  height: 52px;
  float: left;
  overflow: hidden;
  margin-left: 8px;
}

#global #headerMotif {
  margin: 0;
  width: 260px;
  height: 50px;
  background-image: url('images/headerMotif.jpg');
  background-repeat: no-repeat;
  position: relative;
  z-index: 600;
}

#global #pageTitle {
  position: relative;
  margin: 0;
  width: 1020px;
  height: 70px;
  background-image: url('images/pageTitle.jpg');
  z-index: 600;
}

#global #pageTitle p, #global #pageTitle h1 {
  text-indent: -9999em;
  margin: 0;
  padding: 0;
}

#global #pageTitle #search {
  position: absolute;
  top: 24px;
  right: 39px;
  width: 224px;
  height: 30px;
  background-image: url('images/searchBg.jpg');
  background-repeat: no-repeat;
}

#global #pageTitle #search #searchInput {
  margin: 1px 0 0 1px;
  width: 190px;
  height: 28px;
  background: none;
  border: none;
  top: 0;
  left: 0;
  z-index: 1500;
  position: absolute;
}

#global #pageTitle #search #searchSubmit {
  position: absolute;
  right: 0;
  top: 1px;
  cursor: pointer;
}



/*
  index page
*/
#global #annonce {
  margin: 0;
  width: 1020px;
  height: 102px;
  background-image: url('images/annonceBg.jpg');
  background-repeat: no-repeat;
  position: relative;
  z-index: 600;
}

#global #annonce h1 {
  margin: 0;
  font-family: 'BodegaSansBlack', arial, sans-serif;
  font-weight: normal;
  font-size: 36px;
  position: absolute;
  top: 24px;
  left: 120px;
}

#global #annonce h1 strong { font-weight: bold; }
#global #annonce h1 a {
  font-family: 'BodegaSansBlack', arial, sans-serif;
  font-size: 36px;
  color: #000000;
}

#global .pageBackground {
  background-image: url('images/middleBorder.png');
  background-repeat: repeat-y;
  background-position: 675px 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 500;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 500;
}

#global #page { position: relative; overflow: hidden; height: auto; }

/*
  Left
*/

#global #left {
  width: 675px;
  height: auto;
  float: left;
  margin: 0;
  padding: 15px 0 0 0;
  overflow: hidden;
  position: relative;
  z-index: 601;
}

#global #left #blogArticles {
  width: 620px;
  padding: 0 10px 0 45px;
}

#global #left #blogArticles .article {
  position: relative;
  margin: 10px 0 25px 0;
  overflow: hidden;
  width: 620px;
}

#global #left #blogArticles .article .articleHeader {
  width: 100%;
  height: 78px;
  background-image: url('images/articleHeader.png');
  background-repeat: no-repeat;
  position: relative;
}

#global #left #blogArticles .article .articleTitle {
  margin: 0;
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 30px;
  font-weight: normal;
  margin-bottom: -35px;
  margin-left: 110px;
  margin-right: 0;
  width: 500px;
  position: relative;
  z-index: 1000;
}

#global #left #blogArticles .article .articleTitle span {
  float: left;
  overflow: hidden;
  display: block;
  height: 100%;
}

#global #left #blogArticles .article .articleTitle a {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 30px;
  font-weight: normal;
  color: #000000;
  margin-left: 43px;
  display: block;
}

#global #left #blogArticles .article .articleHeader .articleTime {
  position: absolute;
  left: 17px;
  top: 13px;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

#global #left #blogArticles .article .articleHeader .nbComments {
  position: absolute;
  left: 50px;
  top: 34px;
}

#global #left #blogArticles .article .articleHeader .nbComments a {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

#global #left #blogArticles .article .articleHeader .articleInfos {
  position: absolute;
  top: 47px;
  left: 155px;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-variant: small-caps;
}

#global #left #blogArticles .article .articleHeader .articleInfos .author { color: #585858; }
#global #left #blogArticles .article .articleHeader .articleInfos .separator { margin: 0 5px; color: #585858; }
#global #left #blogArticles .article .articleHeader .articleInfos .tags, #global #left #blogArticles .article .articleHeader .articleInfos .tags a { color: #000000; }

#global #left #blogArticles .article .articleContent {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  margin: 20px 0 0 115px;
  width: 505px;
}

#global #left #blogArticles .article .articleContent .excerptContent { font-size: 14px; }

#global #left #blogArticles .article .articleContent p { 
  margin: 0 0 10px 0;
  text-indent: 25px;
}

#global #left #blogArticles .article .articleContent .excerptContent p { text-indent: 0 !important; }

#global #left #blogArticles .article .articleContent ul {
  margin-left: 0;
  padding-left: 10px;
}

#global #left #blogArticles .article .articleContent a {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-weight: normal;
  color: #4f84c5;
}

#global #left #blogArticles .article .readMore {
  display: block;
  width: 141px;
  height: 20px;
  background-image: url('images/readMore.png');
  background-repeat: no-repeat;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  font-variant: small-caps;
  padding-top: 5px;
  text-align: center;
  margin: 20px 0 0 115px;
}

#global #left #blogArticles .article .readMore:hover {
  background-image: url('images/readMore_hover.png');
  text-decoration: none;
}

#global #left #blogArticles .articlesSeparator {
  width: 645px;
  height: 1px;
  background-image: url('images/articleSeparator.png');
  background-repeat: no-repeat;
  clear: both;
  margin: 5px 0 25px 0;
  position: relative;
  z-index: 600;
}

#global #left #blogArticles .article img {
  text-align: center;
  margin: 15px 0;
}

/*
  First img
*/
.imgAffiche {
  width: 497px;
  height: 290px;
  background-image: url('images/articlethumb.png');
  background-repeat: no-repeat;
  margin: 10px 0 15px 0;
  padding: 1px;
}

.imgAffiche img {
  position: absolute;
  left: 133px;
  width: 461px;
  height: 244px;
}

.imgAffiche object embed, .imgAffiche object {
  width: 461px;
  height: 244px;
  margin: 17px 0 0 17px !important;
}

.imgAffiche object embed, .imgAffiche object { margin-left: -4px !important; }

/*
  Comments
*/
#global #left #blogArticles #articleComments h3#comments {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  width: 508px;
  height: 75px;
  background-image: url('images/commentsTitle.png');
  background-repeat: no-repeat;
  padding-top: 43px;
  padding-left: 15px;
  margin-left: 85px;
}

#global #left #blogArticles #articleComments h3#comments a {
  color: #d85f00;
  text-decoration: underline;
  display: block;
  float: right;
  overflow: hidden;
  margin-right: 30px;
}

#global #left #blogArticles #articleComments ol {
  list-style: none;
  margin: 0 0 0 92px;
  padding: 0;
}

#global #left #blogArticles #articleComments .commentlist,
#global #left #blogArticles #articleComments .commentlist a {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
}

#global #left #blogArticles #articleComments .avatar {
  float: left;
  overflow: hidden;
  margin-right: 10px;
}

#global #left #blogArticles #articleComments .commentlist p {
  float: left;
  overflow: hidden;
  width: 450px;
  margin-top: 20px;
}

#global #left #blogArticles #articleComments .commentlist li {
  clear: both;
  margin-bottom: 15px;
}

#global #left #blogArticles #articleComments .commentlist .comment-body { overflow: hidden; }
#global #left #blogArticles #articleComments .commentlist .avatar {
  width: 65px;
  height: 65px;
  border: 1px solid #bababa;
}

#global #left #blogArticles #articleComments #respond h3 {
  clear: both;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  color: #d85f00;
  font-size: 12px;
  font-variant: small-caps;
  width: 415px;
  height: 70px;
  background-image: url('images/respondh3.png');
  background-repeat: no-repeat;
  padding-top: 40px;
  padding-left: 65px;
  margin-left: 25px;
}

#global #left #blogArticles #articleComments label {
  display: block;
  clear: both;
  width: 200px;
  float: left;
  overflow: hidden;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
}

#global #left #blogArticles #articleComments .textInput {
  display: block;
  float: left;
  overflow: hidden;
  border: 1px solid #a8aaab;
  background-color: #FFFFFF;
}

#global #left #blogArticles #articleComments .inputSeparator { 
  clear: both;
  width: 100%;
  height: 1px;
  margin: 10px 0;
}

#global #left #blogArticles #articleComments #comment {
  width: 300px;
  border: 1px solid #a8aaab;
}

#global #left #blogArticles #articleComments #commentform { margin: 0 0 0 85px; }

#global #left #blogArticles #articleComments #commentform .submitButton {
  display: block;
  clear: both;
  float: left;
  overflow: hidden;
  width: 141px;
  height: 20px;
  background-image: url('images/readMore.png');
  background-repeat: no-repeat;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  border: none;
  margin-left: 200px !important;
  margin-left: 101px;
  cursor: pointer;
  text-align: center;
  padding-top: 5px;
}

#global #left #blogArticles #articleComments #commentform .submitButton:hover,
.formcontainer .button:hover { background-image: url('images/readMore_hover.png'); }

.formcontainer {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  position: relative;
}

.formcontainer input {
  border: 1px solid #a8aaab;
  background-color: #FFFFFF;
}

.formcontainer .button {
  display: block;
  clear: both;
  float: left;
  overflow: hidden;
  width: 141px;
  height: 25px;
  background-image: url('images/readMore.png');
  background-repeat: no-repeat;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  border: none;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
  margin-left: 5px;
}

.formcontainer .information { margin-left: 13px; }

/*
  Right
*/

#global #right {
  width: 343px !important;
  width: 330px;
  float: left;
  margin: 0;
  position: relative;
  z-index: 600;
}

#global #right #rightInfos {
  width: 303px;
  height: 335px;
  margin: 22px 27px 15px 14px;
}

#global #right #rightInfos #rightInfos_tabs {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 39px;
}

#global #right #rightInfos #rightInfos_tabs .rightTab {
  float: left;
  overflow: hidden;
  margin: 0;
  text-align: center;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  font-variant: small-caps;
  background-repeat: no-repeat;
  height: 23px;
  padding-top: 16px;
  cursor: pointer;
}

#global #right #rightInfos #rightInfos_tabs #tabPopulaires { width: 104px; background-image: url('images/tabs1.jpg'); }
#global #right #rightInfos #rightInfos_tabs #tabLast { width: 96px; background-image: url('images/tabs2.jpg'); }
#global #right #rightInfos #rightInfos_tabs #tabTags { width: 100px; background-image: url('images/tabs3.jpg'); }

#global #right #rightInfos #rightInfos_tabs #tabPopulaires.selected,
#global #right #rightInfos #rightInfos_tabs #tabPopulaires:hover { background-image: url('images/tabs1_hover.jpg'); }

#global #right #rightInfos #rightInfos_tabs #tabLast.selected,
#global #right #rightInfos #rightInfos_tabs #tabLast:hover { background-image: url('images/tabs2_hover.jpg'); }

#global #right #rightInfos #rightInfos_tabs #tabTags.selected,
#global #right #rightInfos #rightInfos_tabs #tabTags:hover { background-image: url('images/tabs3_hover.jpg'); }

#global #right #rightInfos #rightInfos_tabsContent {
  width: 272px;
  height: 252px;
  background-image: url('images/tabsContent.jpg');
  background-repeat: no-repeat;
  margin: 0;
  padding: 27px 20px 14px 10px;
}

#global #right #rightInfos #rightInfos_tabsContent ul {
  margin: 0 0 0 25px;
  padding: 0;
  list-style-image: url('images/listStar.png');
}

#global #right #rightInfos #rightInfos_tabsContent ul li {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}

#global #right #rightInfos #rightInfos_tabsContent a {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  color: #000000;
  font-weight: normal;
}

#global #right #categoriesList, #global #right #archivesList {
  float: left;
  overflow: hidden;
  width: 125px;
  text-align: left;
  z-index: 300;
  position: relative;
}

#global #right #categoriesList ul, #global #right #archivesList ul {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}

#global #right #categoriesList ul li, #global #right #archivesList ul li {
  margin: 5px 0;
  padding: 0;
}

#global #right h2 {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  font-variant: small-caps;
  margin: 0;
}

#global #right #categoriesList a, #global #right #archivesList a {
  color: #000000;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
}

#global #right #catandarch {
  position: relative;
  padding: 38px 0 0 35px;
}

#global #right #archivesList { margin-left: 40px; }

#global #right .rightTitlesBackground {
  position: absolute;
  width: 467px;
  height: 103px;
  background-image: url('images/rightTitlesBg.png');
  top: 0;
  left: -126px;
  z-index: 200;
}

#global #right #vimeoVideos, #global #right #flickrPhotos {
  width: 268px;
  padding: 38px 40px 0 35px;
  position: relative;
  margin-top: 20px;
}

#global #right .blockContent {
  z-index: 300;
  position: relative;
  overflow: hidden;
  min-height: 105px;
}

#global #right #vimeoVideos .logo, #global #right #flickrPhotos .logo {
  position: absolute;
  top: 0;
  right: 5px;
}

#global #right #team {
  width: 300px;
  position: relative;
  margin-top: 20px;
  margin-left: 25px;
  padding-top: 37px;
}

#global #right #team h2 {
  width: 100%;
  text-align: center;
}

#global #right #team .separator {
  clear: both;
  width: 280px;
  height: 1px;
  margin: auto;
  background-image: url('images/teamSepa.png');
  background-repeat: no-repeat;
}

#global #right #team .teamMember {
  float: left;
  overflow: hidden;
  width: 130px !important;
  width: 100px;
  height: 165px;
  margin: 20px 15px 20px 5px;
}

#global #left #teamPage .teamMember {
  float: left;
  overflow: hidden;
  margin: 20px;
  width: 200px;
}

#global #right #team .teamMember p {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 10px;
  color: #080808;
  text-align: center;
  width: 130px;
  margin: 10px 0;
  text-transform: uppercase;
}

#global #right #team .teamMember p a { color: #080808; }

#global #left #teamPage .teamMember p {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 10px;
  color: #080808;
  text-align: center;
  width: 200px;
}

#global #left #teamPage .teamMember img { margin: 10px 58px; }

#global #right .rightSeparator {
  background-image: url('images/rightSepa.png');
  height: 100%;
  width: 1px;
  position: absolute;
  z-index: 500;
  top: 45px;
  left: 140px;
}

/*
  Footer
*/

#global #footer {
  clear: both;
  position: relative;
  z-index: 600;
  width: 1020px;
  height: 391px;
  background-image: url('images/footer.png');
  background-repeat: no-repeat;
  margin-top: 20px;
  overflow: hidden;
}

#global #footer p {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  position: absolute;
  bottom: 20px;
}

#global #footer .left { left: 35px; }
#global #footer .right { right: 35px; }

/*
  Pagination
*/
#paginator {
  clear: both;
  width: 100%;
  height: 40px;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.wp-pagenavi a {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
}

.wp-pagenavi .current {
  color: #bc5304;
  text-decoration: underline; 
}

.wp-pagenavi .separator { margin: 0 5px; }

.wp-pagenavi .nextButton { margin-left: 10px; vertical-align: -7px; }
.wp-pagenavi .previousButton { margin-right: 10px; vertical-align: -7px; }

/*
  Home page
*/

#homepage { position: relative; }

#homepage #articleAnnonce {
  width: 962px !important;
  width: 970px;
  height: 425px;
  clear: both;
  overflow: hidden;
  margin: auto;
  position: relative;
}

#homepage #articleAnnonce #articleAnnonceInside {
  position: absolute;
  left: 0;
}

#homepage #articleAnnonce .annoncePost {
  width: 962px !important;
  width: 970px;
  float: left;
  overflow: hidden;
  height: 425px;
}

#homepage #articleAnnonce #articleAnnonceContent {
  float: left;
  overflow: hidden;
  width: 385px;
  height: 380px;
  margin-left: 10px;
  margin-right: 20px;
}

#homepage #articleAnnonce #articleAnnonceContent h2 {
  margin: 10px 0;
}

#homepage #articleAnnonce #articleAnnonceContent h2 a {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 30px;
  font-weight: normal;
  color: #000000;
}

#homepage #articleAnnonce #articleAnnonceContent p {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  overflow: hidden;
}

#homepage #articleAnnonce #articleAnnonceContent .lettrine p:first-letter {
  font-size: 78px;
  float: left;
  font-weight: bold;
  margin: 0 5px 5px 0;
  line-height: 50px;
}

#homepage #articleAnnonce #articleAnnonceContent a {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-weight: normal;
  color: #4f84c5;
}

#homepage #articleAnnonce #articleAnnonceContent .readMore {
  display: block;
  width: 141px;
  height: 20px;
  background-image: url('images/readMore.png');
  background-repeat: no-repeat;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  font-variant: small-caps;
  padding-top: 5px;
  text-align: center;
  margin: 20px 0 0 0;
}

#homepage #articleAnnonce #articleAnnonceContent .readMore:hover { 
  background-image: url('images/readMore_hover.png');
  text-decoration: none;
}

#homepage #articleAnnonce #articleAnnonceContent .articleInfos {
  margin-top: 10px;
  color: #717171;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-weight: normal;
}

#homepage #articleAnnonce #articleAnnonceContent .articleInfos a {
  color: #717171;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-weight: normal;
}

#homepage #articleAnnonce #articleAnnoncePicture {
  float: left;
  overflow: hidden;
  width: 540px;
  height: 320px;
  background-image: url('images/imgAffiche.png');
  background-repeat: no-repeat;
  margin: 20px 0 0 0;
  padding: 1px;
}

#homepage #articleAnnonce #articleAnnoncePicture img {
  width: 500px;
  height: 265px;
  margin: 18px 0 0 19px !important;
}

#homepage #articleAnnonce #articleAnnoncePaginator {
  clear: both;
  width: 210px;
  margin: auto;
  position: absolute;
  bottom: 30px;
  left: 410px;
}

#homepage #articleAnnonce #articleAnnoncePaginator .current {
  float: left;
  overflow: hidden;
  margin: 0 5px;
}

#homepage #articleAnnonce #articleAnnoncePaginator .button {
  width: 21px;
  height: 21px;
  background-image: url('images/button.png');
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  margin: 0 5px;
  font-family: 'BodegaSansBlack', arial, sans-serif;
  font-size: 30px;
  color: #000000;
  cursor: pointer;
  line-height: 16px;
  padding-left: 4px;
  margin-top: 5px;
}

#homepage #articleAnnonce #articleAnnoncePaginator .button:hover { background-image: url('images/button_hover.png'); }

#homepage #articleAnnonce #articleAnnoncePaginator .current {
  font-family: 'BodegaSansBlack', arial, sans-serif;
  font-variant: small-caps;
  font-size: 22px;
  color: #000000;
  font-weight: bold;
}

#homepage #articleAnnonce #articleAnnoncePaginator .current .separator {
  font-variant: normal;
  font-size: 22px;
  font-weight: normal;
  margin: 0 2px;
}

#homepage .row {
  clear: both;
  overflow: hidden;
  width: 962px !important;
  width: 970px;
  margin: auto;
  margin-bottom: 20px;
}

#homepage .pageCol {
  width: 290px !important;
  width: 270px;
  float: left;
  margin: 0 15px;
  position: relative;
  overflow: visible !important;
  overflow: hidden;
}

* html #homepage .pageCol { z-index: 800; }
*+html #homepage .pageCol { z-index: 800; }

#homepage .pageCol h3 {
  width: 280px;
  height: 35px;
  background-repeat: no-repeat;
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 16px;
  font-variant: small-caps;
  color: #000000;
  padding-top: 10px;
  text-align: center;
  font-weight: normal;
}

#homepage .pageCol h3 a { color: #000000; }

#homepage .pageCol .cultureTitle { background-image: url('images/pageColTitle.png'); }
#homepage .pageCol .natureTitle { background-image: url('images/cultureTitle.png'); }
#homepage .pageCol .nightlifeTitle { background-image: url('images/nightlifeTitle.png'); }

#homepage .pageCol h4 {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 16px;
  font-weight: bold;
  color: #60604e;
  margin: 0 15px;
  height: 35px;
}

#homepage .pageCol h4 a {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 15px;
  font-weight: bold;
  color: #60604e;
}

#homepage .pageCol .pageColContent {
  width: 260px;
  margin: 10px 15px;
  height: 92px;
  overflow: hidden;
}

#homepage .pageCol .pageColContent .contentPic {
  width: 78px;
  height: 78px;
  padding: 2px;
  float: left;
  overflow: hidden;
  background-image: url('images/homepageVisus.png');
  background-repeat: no-repeat;
}

#homepage .pageCol .pageColContent .contentPic img {
  width: 77px;
  height: 77px;
}

#homepage .pageCol .pageColContent p {
  float: left;
  overflow: hidden;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #1a0000;
  width: 160px;
  margin: 0 7px;
}

#homepage #left .pageCol.first { margin-left: 45px !important; margin-left: 30px; margin-right: 15px; }

#homepage #left .pageCol .article { 
  clear: both;
  height: 325px;
  position: relative;
  overflow: hidden;
}

#homepage #left .pageCol .article h3 {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  background-image: none;
  text-align: left;
  font-variant: normal;
  margin-bottom: 5px;
}

#homepage #left .pageCol .article h3 a {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  position: relative;
  z-index: 700;
}

#homepage #left .pageCol .article h3 img { vertical-align: 3px; }

#homepage #left .pageCol .article p {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  color: #000000;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 700;
  overflow: hidden;
  height: 75px;
}

#homepage #left .pageCol .article .excerptContent {
  padding: 0;
  margin: 0;
  height: 75px;
  overflow: hidden;
}

#homepage #left .pageCol .article .articleImg {
  width: 280px;
  height: 100px;
  border: 1px solid #89888a;
  border-bottom: 0px none;
  padding: 1px;
  position: relative;
  margin: 10px 0 20px 0;
}

#homepage #left .pageCol .article .articleImg img {
  width: 280px;
  height: 100px;
}

#homepage #left .pageCol .article .articleImg .cisele {
  position: absolute;
  width: 320px;
  height: 4px;
  bottom: -1px;
  left: -18px;
  background-image: url('images/cisele.png');
  background-repeat: repeat-x;
}

#homepage #left .ciseleBottom {
  background-image: url('images/ciseleBottom.png');
  background-repeat: no-repeat;
  width: 644px;
  height: 64px;
  position: absolute;
  left: 23px;
  top: 230px;
  margin-bottom: -65px;
  z-index: 700;
}

#homepage #left .cisele2 {
  top: 556px !important;
  top: 556px;
}

#homepage #left .pageCol .moreInfos {
  text-align: center;
  color: #3e3e3e;
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  width: 280px;
  position: relative;
  z-index: 800;
  margin-top: -25px;
}

#homepage #left .pageCol  .moreInfos a { color: #000000; font-size: 10px; }

#homepage #horizontalSeparator {
  width: 960px;
  height: 1px;
  background-image: url('images/horizontalSeparator.png');
  background-repeat: no-repeat;
  margin: auto;
}

#homepage #leftTop .pageBackground { background-position: 348px; }

#homepage #twitterContent {
  overflow: hidden;
  position: relative;
  z-index: 1000;
  width: 620px;
  margin: auto;
}

#homepage #twitterContent .content {
  float: left;
  overflow: hidden;
  margin-left: 15px;
  width: 510px;
}

#homepage #twitterContent .twitterImg {
  float: left;
  overflow: hidden;
}

#homepage #left #leftTop { overflow: hidden; position: relative !important; position: inherit; }

#homepage #twitterContent h4 {
  font-family: 'Oranda', 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  margin-top: 0;
}

#homepage #twitterContent p {
  font-family: 'Georgia', 'Times New Roman', 'Myriad Pro';
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  float: left;
  overflow: hidden;
}

#homepage .articlesSeparator {
  width: 645px;
  height: 1px;
  background-image: url('images/articleSeparator.png');
  background-repeat: no-repeat;
  clear: both;
  margin: auto;
  position: relative;
  z-index: 600;
  margin-bottom: 20px;
}

#homepage #right #video {
  width: 300px;
  /*height: 251px;*/
  height: 170px;
  margin: 15px auto;
  border: 1px solid #454042;
}

/*
  Plugins
*/

.wpp-post-title { font-weight: bold; }

#vimeoContent {
  margin: auto;
  margin-top: 45px;
  width: 300px;
}

#vimeoContent .fwvvw_vthumb {
  margin: 10px;
  width: 114px;
  height: 87px;
  border: none;
  background-image: url('images/videosBorder.png');
  background-repeat: no-repeat;
  padding: 2px;
}

#vimeoContent .fwvvw_vthumb img {
  margin: auto;
  width: 112px;
  height: 85px;
}

#flickrPhotos .photos {
  width: 300px;
  margin: auto;
  margin-top: 20px;
}

#flickrPhotos .photos img {
  float: left;
  overflow: hidden;
  margin: 12px;
  width: 112px;
  height: 85px;
  border: none;
  background-image: url('images/videosBorder.png');
  background-repeat: no-repeat;
  padding: 2px;
}

/* IMG */
.alignright { float: right; margin: 0 5px !important; overflow: hidden; }
.alignleft { float: left; margin: 0 5px !important; overflow: hidden; }

blockquote { margin: 10px 0; }
blockquote p { text-indent: 0 !important; }

blockquote .guillemet {
  font-family: Georgia;
  font-size: 48px;
  font-weight: bold;
  float: left;
  overflow: hidden;
  margin-right: 15px;
  width: 40px;
}

blockquote .quote .pQuote {
  float: left;
  overflow: hidden;
  width: 450px;
  padding-top: 10px;
}

#teamPage .articleHeader { background: none !important; }
#teamPage .articleHeader h2 { padding-left: 150px; margin-bottom: 0; }
#teamPage .teamPicture {
  float: left;
  overflow: hidden;
}

#teamPage .teamPicture img { margin: 0 !important; }
#teamPage .articleContent { margin-left: 150px !important; }

.articleExcerpt p { text-indent: 0 !important; font-size: 14px !important;}