/**
* CSS
* 
* @version 1.0
* @author Kranf 
* @for Agence Satellite
*
**/





/********************
DEFAULT
*********************/
* { margin:0;padding:0; }
html { height: 100%; }
img { border: 0 none; }
body { border: 0px; height: 100%; margin: 0px; padding: 0px; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; }
p { margin-bottom: 1em; margin-top: 0em; text-align:left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 10px; margin: 0px; padding: 0px; text-align:left; color:#FFFFFF;}
ul { list-style-type: square; margin: 1em 0 1em; padding: 0; padding-left: 2em; text-align:left;}
form { margin:0; padding: 0; text-align:left;}
img { border: 0; }
div { font-size: 1em; text-align:left;}
a,
a:link 
a:active {
	text-decoration:none;
   	background-color: inherit; 
   	cursor:pointer;
   	color:#ffffff;
}
a:visited {
   cursor:pointer;
   text-decoration:none;
}a:hover {
   	cursor:pointer;
	text-decoration:underline;
}
.clearer { clear: both; line-height: 0; height: 0; }



h1 {
  text-align: left;
  font-size: 11px;
  padding: 0;
  margin: 0;
  color:#999999;
}

h2 {
  font-size: 11px;
  text-align:center;
  letter-spacing:2px;
}

h3 {
  font-size: 11px;
  text-align:center;
  letter-spacing:2px;
}





/*****************
STRUCTURE GÉNÉRALE
*****************/
html{
	overflow : auto; 
}
body{
	margin:0;
	padding:0;
	
	text-align:left;
	width:100%;
	height:300px;
	
	color:#FFF;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	line-height: 14.4px;
	font-size: 0.8em;
	overflow : auto; 
	
	font-family:georgia;
	
}

div#background{
	position:fixed;
	width:100%;
	height:100%;
}
#content{
	overflow:auto;
	position:fixed;	
	width:100%;
	height:100%;
}
#sidebarLeft{
	margin:0;
	padding:0;
	left:0;
	width:160px;
	height:100%;
	position:fixed;
}
#sidebarCenter{
	margin-left:160px;
	width:600px;
	height:auto;
	float:left;
}
#sidebarRight{
	float:right;	
	width:180px;
	margin-right:0px;
	height:auto;
	overflow:hidden;
	top:0px;
	text-transform:uppercase;
	font-size:9px;
	line-height:14px;
}
#logo_blog{
	margin-left:25px;
	margin-top:25px;
	margin-bottom:-7px;
}
#footer{
	margin:100px 0px 20px 0px;
	padding-top:100px;
	font-size:10px;
	clear:both;
	text-align:center;
}
.share{
	margin-left:15px;
	margin-top:15px;
}
#search{
	margin-top:27px;
	margin-bottom:15px;
	height:47px
}
#search input[type=text]{
	width:133px;
	height:12px;
	background-color:#333;
	color:#999;
	border:none;
	padding:5px;
	float:left;
	margin-right:5px;
}


.carre_container{
	float:left;
	left:160px;
	margin-top:0px;

	width:150px;
	height:150px;
	z-index:20;
	background-color:#999;
	top:0px;
	overflow:hidden;
}
.carre_inner{
	padding:7px 5px 11px 5px;
	text-align:center;
	font-size:18px;
	line-height:21px;
	word-spacing:0;
	text-transform:uppercase;
}
.media{
	margin-top:75px;
	float:left;
	margin-bottom:15px;
}
.date{
	text-align:center;
	height:10px; 
}
.titre{
	text-align:center;
	vertical-align:middle;
	width:140px;
	height:92px;
}
.count_page{
	font-size:12px;
	color:#666;
	height:20px;
	width:140px;
	text-align:center;
}
.barre{
	background-image:url(../../images/css/barre.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:13px;
	padding-bottom:13px;

}

.news{
	
	margin-bottom:10px;
	padding-top:30px;
}
.chapeau{
	padding:15px 15px 10px 15px;
	text-transform:uppercase;
	font-size:12px; 
	cursor:pointer;
}
.chapeau:hover{
	color:#CCC;
	cursor:pointer;
}

.legende{
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	color:#999;
	text-transform:uppercase;
	line-height:10px;
	padding-left:15px;
	letter-spacing:1px;
}
.texte_info{
	padding:0px 15px 10px 15px;
	font-size:12px;
	color:#DDD;
}
.texte_info a{
	cursor:pointer;
	font-weight:bold;
}
.texte_info a:hover{

}

.slide {
}

.tip{
	background-color:#222;
	font-size:9px;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
}
.numberCat{
	color:#999;
}
#pagecount{
	font-size:9px;
	margin: 30px 0px 15px 15px;
}
#trait{
	margin-bottom: 0px;
}



/*****************************************************************************
Contact et A Propos
*****************************************************************************/
#About-aPropos{
	width:416px;
	height:246px;
	background-color:#d7d7d7;
	color:#424242;
	padding:30px;
	padding-top:32px;
	text-transform:uppercase;
	margin-top:30px;
	font-size:12px;
	letter-spacing:0.08em;
}

#About-aPropos a {
	color:#424242;
}
	
/*****************************************************************************
Commentaires
*****************************************************************************/
#comments{
	margin-left:15px;
	margin-bottom:100px;
}
.comment{
	margin-bottom:15px;
}
.error{
	text-size: 1.5em; 
	color: red;
}
.author{
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}
.content_comment{
	font-size:11px;
}
.date_comment{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
}
.trait_comment{
	padding-bottom:15px;

}
.title_champ{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}
#comments input[type=text]{
	width:200px;
	height:20px;
	background-color:#333;
	color:#fff;
	border:none;
	padding:5px;

}
#comments input[type=checkbox]{
	background-color:#333;
}


#comments textarea{
	width:600px;
	background-color:#333;
	color:#fff;
	border:none;
	padding:5px;
	float:left;
	margin-right:5px;
	font-family:georgia;
	letter-spacing: 1px;
	line-height: 14.4px;
	margin-bottom:20px;
	font-size:11px;
}
#add_comment{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
	margin-bottom:20px;
	margin-top:5px;
}
#titre_commentaire{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
	margin-bottom:20px;
	
}
.nbr_comment{
	float:right;
	margin-top:-21px;
	padding-bottom:5px;
	color:#ccc;
	font-size:9px;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}