/* 

   OFFRES DE DERNIERE MINUTE - www.sepaq.com


:: TABLE DES MATIERES -----------------------------------------------

*/

/* 

:: LAYOUT   -----------------------------------------------------------

*/
body {
  background: black url(//s3.amazonaws.com/imagescloud/images/reseaux-sociaux/20141216.jpg) no-repeat center 54px;
}

#li_lang_switch {display:none;}

#heading {
  height:1%;
  overflow: hidden;
}
.titre {
    border-bottom: 1px dotted #BFBFBF;
    border-top: 1px dotted #BFBFBF;
    float: left;
    height: 24px;
    margin: 15px 0 15px 15px;
    overflow: hidden;
    width: 620px;
}
.titre h3 {
  margin: 0;
  font: normal 18px Helvetica, Arial, sans-serif;
  line-height: 24px;
  text-transform:uppercase;
}
.cols {
  padding:16px;
  min-height: 277px;
}

/* 

:: GENERAL   -----------------------------------------------------------

*/
.float {
  float:left;
  margin-top: 16px;
}

.float.centre {
  margin-left:16px;
  margin-right:16px;
}

#container .cols h1 {
  margin:0 0 0.2em 0;
  padding:0;
  color:#002540;
  font-size:28px;
  font-weight:normal;
}

#container .cols h2 {
  margin:0 0 0.3em 0;
  padding:2px 0 5px 40px;
  color:#555555;
  font-size:20px;
  font-weight:normal;
  font-family:"News Cycle", Arial, Helvetica, sans-serif;
  text-transform:none;
}

#container .cols .box_liste h2 {
  padding:0 0 5px 0;
}

#container .cols h2 a {
  color:#555555;
  text-decoration:none;
}
#container .cols h2 a:hover {
  text-decoration:underline;
}

#container p.action {
  position:absolute;
  top:24px;
  right:14px;
  font-size:12px;
}

#container p.action a {
  text-decoration:none;
}
#container p.action a:hover {
  text-decoration:underline;
}

#content_twitter,
#content_youtube,
#content_facebook,
#content_flickr,
.box_liste .content {
  margin:0;
  padding:14px;
  height:196px;
  background:#fff;
  border-top:1px solid #d2d2d2;
}

#content_twitter,
#content_facebook {
  margin:0;
  padding:14px;
  height:196px;
  overflow:auto;
  background:#fff;
  border-top:1px solid #d2d2d2;
}

/*#content_facebook,
#content_flickr,
.box_liste .content {
  min-height:345px;
}*/

#content_youtube,
#content_flickr {
  padding-right:0;
}

.box_liste .content {
  padding:0;
  height:auto;
}

#box_flickr,
#box_facebook,
#box_twitter,
#box_youtube {
  position:relative;
  float:left;
  margin:0 16px 16px 0;
  padding-bottom:6px;
  width:435px;
}

#box_facebook,
#box_flickr {
  margin-right:0;
}

.box_liste {
  float:left;
  width:275px;
}

/* Tableau */
table {
  margin:0;
  border:0;
}

table tr td,
table tr th {
  padding:4px 10px;
  color: #404040;
  border:0;
  background:#fff;
}

table tr.pair td,
table tr.pair th {
  background:#f5f5f5;
}

table tr th {
  /*width:130px;*/
  padding:10px;
  vertical-align:middle;
}

table tr td {
  text-align:right;
  vertical-align:middle;
  white-space:nowrap;
}

table a {
  margin:0 0 0 3px;
}

/* 

:: TWITTER   -----------------------------------------------------------

*/
#container #box_twitter h2 {background:url(/resources/images/reseaux-sociaux/ico_twitter.png) 0 50% no-repeat;}

#box_twitter .twitted p.preLoader {
  display:none;
  margin: 0;
  padding: 1em 1em 1em 3em;
  background: transparent url("loader.gif") 1em center no-repeat;
  /* generate your own loader gif: http://www.ajaxload.info */
}

#box_twitter .twitted ul#twitter_update_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height:1.2em;
}

#box_twitter .twitted ul#twitter_update_list li {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px solid #ccc;
}

#box_twitter .twitted ul#twitter_update_list li span {
  /* tweet content */
  display: block;
}

#box_twitter .twitted ul#twitter_update_list li span a {
  /* links in tweet content */
  /*color: #00f;*/
}

#box_twitter .twitted ul#twitter_update_list li a {
  /* timestamp link */
  /*color: #f00;*/
}

#box_twitter .twitted ul#twitter_update_list li.firstTweet {
}

#box_twitter .twitted ul#twitter_update_list li.lastTweet {
  padding-bottom:0;
  border-bottom: none;
}

#box_twitter .twitted p.profileLink {
  display: block;
  margin: 0;
  padding: 0.3em 1em;
  color: #fff;
  background-color: #ddd;
}

/* 

:: FACEBOOK   -----------------------------------------------------------

*/
#container #box_facebook h2 {background:url(/resources/images/reseaux-sociaux/ico_facebook.png) 0 50% no-repeat;}

/* 

:: FLICKR   -----------------------------------------------------------

*/
#container #box_flickr h2 {background:url(/resources/images/reseaux-sociaux/ico_flickr.png) 0 50% no-repeat;}

#box_flickr ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:normal;
}

#box_flickr ul li {
  float:left;
  margin:0 14px 14px 0;
  padding:0;
}

#box_flickr ul li a img {
  width:50px;
  height:50px;
  vertical-align:bottom;
  border:3px solid #dbdbdb;
}

#box_flickr ul li a:hover img {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  position: relative;
  z-index: 5;
}

/* 

:: YOUTUBE   -----------------------------------------------------------

*/
#container #box_youtube h2 {background:url(/resources/images/reseaux-sociaux/ico_youtube.png) 0 50% no-repeat;}

#box_youtube ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:normal;
}

#box_youtube ul li {
  float:left;
  position:relative;
  margin:0 14px 14px 0;
  padding:0;
  width:121px;
  height:85px;
  overflow:hidden;
  border:3px solid #dbdbdb;
}

#box_youtube ul li a img {
  margin-top:-3px;
  width:121px;
  height:91px;
  vertical-align:bottom;
}

#box_youtube ul li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  position: relative;
  z-index: 5;
}

#box_youtube ul li a span {
  position:absolute;
  top:0;
  left:0;
  width:121px;
  height:91px;
  background:url(/resources/images/reseaux-sociaux/btn_play.png) 55% 50% no-repeat;
}