/**
 * satellite-commun.css
 * Styles communs à tous les gabarits des sites satellites.
 */
 
body {
	width: auto;
	background : #ededed;
}

body,
input,
button,
select,
textarea {
  font : normal 100%/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color : #222;
}

a, a:link, a:active, a:hover, a:visited {
  color : inherit;
}

/**
 * Corps
 */
 
#corps-conteneur {
	background-color: #FFF;
	padding-top: 20px;
}

#corps {
	background: none;
	margin-bottom: 0;
	min-height: inherit;
}

/**
 * Icônes
 */

.reseaux-sociaux a[class^="icone"]:hover {
  -webkit-transform : translate(0, -4px);
  -moz-transform : translate(0, -4px);
  -ms-transform : translate(0, -4px);
  -o-transform : translate(0, -4px);
  transform : translate(0, -4px);
  -webkit-transition : .2s all ease;
  -moz-transition : .2s all ease;
  -o-transition : .2s all ease;
  -ms-transition : .2s all ease;
  transition : .2s all ease;
}

a[class*="icone"] {
  display : inline-block;
  width : 20px;
  height : 20px;
  overflow : hidden;
  text-indent : 105%;
  word-space : nowrap;
  background : url(../images/satellite-commun/reseaux-sociaux.png);
  /*background-image : none, url(../images/satellite-commun/reseaux-sociaux.svg);*/
}

a.icone-twitter {
  background-position : -20px 0;
}

a.icone-linkedin {
  background-position : -40px 0;
}

a.icone-youtube {
  background-position : -60px 0;
}

a.icone-dailymotion {
  background-position : -80px 0;
}

a.icone-flickr {
	background-position : -100px 0;
}

.reseaux-sociaux {
  position : relative;
  float : right;
}

.reseaux-sociaux strong {
	display: inline-block;
	height:20px;
  	line-height:20px;
  	vertical-align: top;
	color: #787878;
    font-weight: bold;
	margin: 3px 12px 0 0;
}

.reseaux-sociaux div:first-child {
    margin-top: 30px;
}

/**
 * Utiles
 */
 
.groupe:before,
.groupe:after {
  content : ' ';
  display : table;
}

.groupe:after {
  clear : both;
}