/*
Theme Name: echarpe bleue
*/

/* Main  
------------------------------------------------------------------------- */

*
{ margin : 0; padding : 0;}

html, body, form, #wrap {height: 100%; background-color : #FFFFFF;}

body > #wrap {
	height: auto;
	min-height: 100%;
	text-align: left;
	font-style:italic;
	font-size-adjust:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#B9ABA2;
	list-style-type: none;
	}


#main {padding-bottom: 40px;}  /* must be same height as the footer */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



img { border: none; } 

a:link {
text-decoration:none;
color:#b9aba2;
}
a:visited { 
text-decoration:none;
color:#b9aba2;
}
a:hover {
text-decoration:none;
color:#0099ff;
}
a:active {
text-decoration:none;
color:#ff6600;
}

.bloc-transparent {
	background-color : #1a1817;
}




/* header  
------------------------------------------------------------------------- */
#header {
}

.pagetitle {
	color:#ff6600;
	font-size:30px;
	text-transform: lowercase;
	line-height: 20px;
}

.logo_img {
	text-align:center;
	}



/* sidebar  
------------------------------------------------------------------------- */


.titreminuscules{
	text-transform:none;
	font-size: 18px;
	color: #b9aba2;
	}

.collapse-button {
background: url('../images/collapse-button.png') no-repeat;
position:absolute;
top:0;
left:216px;
height:24px;
}

.collapse-button  a:hover img{
background: url('../images/collapse-button.png') no-repeat;
height:24px;
background-position:0 -24px;
}

#sidebar {
width:231px;
float:left;
overflow:hidden;
}

#sidebar {
position: absolute;
top:0;
left:0;
padding:10px 0 0 10px;
}

html>body #sidebar {
position: fixed;
}

.back-vide{
height:73px;
}

.back {
	margin-top: 24px;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.back  a:hover img{
background: url('../images/back-avec-rollover.png') no-repeat;
height:73px;
background-position:0 -73px;
}

.separateur{
clear:both;
width:90%;
}

/* sidebar25 
------------------------------------------------------------------------- */

#sidebar25 {
width:25px;
float:left;
overflow:hidden;
visibility:hidden;
}

#sidebar25 {
position: absolute;
top:0;
left:0;
}

html>body #sidebar25 {
position: fixed;
}
.logo-vertical {
height:50px;
}

.expand-button {
background: url('../images/expand-button.png') no-repeat;
height:24px;
}

.expand-button  a:hover img{
background: url('../images/expand-button.png') no-repeat;
height:24px;
background-position:0 -24px;
}

.back-collapsed {
background: url('../images/back-vertical.png') no-repeat;
height:24px;
}

.back-collapsed  a:hover img{
background: url('../images/back-vertical.png') no-repeat;
height:24px;
background-position:0 -24px;
}

/* commentaires
------------------------------------------------------------------------- */
.comments {
	clear:both;
}

/* menus et boutons, tags, comments...
------------------------------------------------------------------------- */

.countcomments {
	font-size:9px;
	line-height:9px;
	color:#666;
}

.tags1 {
	font-size:9px;
	line-height:9px;
}
.tags3 {
	font-size:10px;
	line-height:10px;
}
.tags5 {
	font-size:11px;
	line-height:11px;
}
.tags7 {
	font-size:12px;
	line-height:12px;
}
.tags9 {
	font-size:13px;
	line-height:13px;
}
.tags15 {
	font-size:16px;
	line-height:16px;
}
.tags20 {
	font-size:18px;
	line-height:18px;
}
.tags25 {
	font-size:20px;
	line-height:20px;
}
.tags30 {
	font-size:22px;
	line-height:22px;
}
.tags35 {
	font-size:24px;
	line-height:24px;
}

.biglisttags {
	width:180px;
	font-weight: normal;
	font-size: 17px;
	color: #B9ABA2;
	line-height: 17px;
	margin-top: 24px;
}

.tagtirets {
	list-style-type: none;
}


.listtags {
	font-weight: normal;
	font-size: 9px;
	color: #B9ABA2;
	line-height: 9px;
	padding-top: 1px;
}


.menufloat {
	margin-top: 24px;
	width:180px;
}


.menufloat ul {
	font-size:10px;
	font-weight:normal;
	list-style-type:none;
	line-height: 12px;
}

.menufloat ul li {
	display:inline;

}

.menufloat ul li a{
	text-decoration : none;
}







/* menus et boutons collapsed 25...
------------------------------------------------------------------------- */

.en-tete-menu-collapsed {
float:left;
background: url('../images/start-menu-collapsed.gif');
height:23px;
width:23px;
margin:1px 0 0 1px;
}

/* contenu  
------------------------------------------------------------------------- */
#content {
}

.grand-visuel-central {
	margin:0 auto;
	}



/* tous les blocs  
------------------------------------------------------------------------- */

.subtitle {
	color:#ff6600;
	font-size:22px;
	text-transform: lowercase;
}


.separateur-simple{
	clear:both;
	}
	
.separateur-titre {
	clear:both;
	}
	
.zone-separateur-longtitle {
	padding:77px 14px 14px 14px;
	color:#808080;
	font-size:18px;
	font-size-adjust:none;
}
	
.zone-longtitle {
	height:100px;
}

.zone-image {
	padding:0 1px 1px 0;
	float:left;
}


.teaser {
	width:250px;
	height:77px;
}

.ligne {
	height:1px;
	background-color : #FFFFFF;
	width:100%;
}

/* blocs-thumb
------------------------------------------------------------------------- */
.bloc-thumb {
	padding:0 1px 1px 0;
	float:left;
	background-color : #1a1817;
}

.bloc-gris-int {
	width:306px;
	height:250px;
}

.bloc-gris-int-no-rating {
	width:306px;
	height:235px;
}


.zone-image-thumb {
	width:306px;
	height:172px;
}


.zone-titre-thumb {
	color:#000000;
	line-height:11px; 
	font-weight:bold;
	font-size:10px;
	}
	
.zone-description-thumb {
	font-size:10px;
	line-height:10px; 
	color:#ffecdf;
	}


/* blocs-med
------------------------------------------------------------------------- */


	
.zone-texte-med {
	clear:both;
	padding: 7px 7px 7px 7px;
	background-color : #FFFFFF;
	color:#808080;
	width:600px;
	font-family:'Georgia',Serif;
	font-size:10px;
	line-height:13px; 
	}
	


/* blocs big
------------------------------------------------------------------------- */


.texte {
	font-size:11px;
	line-height:11px; 
}

.zone-texte{
	clear:both;
	font-size:11px;
	line-height:11px;
	padding:50px 0 25px 0;
	}

.zone-description-no-retour {
	font-size:11px;
	line-height:11px;
	height: 50px;
}

/* color browser  
------------------------------------------------------------------------- */
#color-browser {
float:right;
}


#color-browser {
position: absolute;
top:125px;
right:0;
}

html>body #color-browser  {
position: fixed;
}


/* footer  
------------------------------------------------------------------------- */
#footer {
	position: relative;
	color:#808080;
	margin-top: -40px; /* negative value of footer height */
	margin-left:241px;
	padding:14px 0 0 0;
	font-size:10px;
	line-height:13px;
	text-transform:uppercase;
	/* j'ai enlevé ça car ça fait apparaître une barre de défilement : height: 50px; */
	clear:both;
}