/************************************************
*																*
*      Document CSS - Style "Lax" - Screen      *
*                                               *
*************************************************/




/***********************************
* Balises et définitions générales *
***********************************/

body {
	background-color:#FCDB98;
	background-image:url(../img/lax_header_bcg.png);
	background-position:top left;
	background-repeat:repeat-x;
	font-family:"Luxi Sans", "Tahoma", "Trebuchet MS", sans-serif;
	font-size:0.8em;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	color:#000000;
}

/* Liens */

a, a:active, a:visited {
	background-color:inherit;
	color:#000000;
	text-decoration:none;
}
a:hover {
	background-color:inherit;
	color:#000000;
	text-decoration:underline;
}

a.lien_externe {
	background: url(../img/lien_ext.png) center right no-repeat;
	padding-right:10px;
}

a[hreflang]:after {
	color:#AE1368;
	font-variant:small-caps;
	content:"\0000a0[" attr(hreflang) "]";
}

a img { border:none; }

/* Mise en forme du texte */

acronym { border-bottom:1px dotted #000000; }
p { }
strong { font-weight:bold; }
em { font-style:italic; }
q { quotes: "« " " »" '"' '"' "'" "'"; font-style:italic; }
blockquote { }
del { text-decoration:line-through; }
code { font-family:monospace; font-size:1.2em; }

ol li ul li { list-style-type:none; }

/* Spéciaux */

.spacer { clear:both; visibility:hidden; }
.fright { float:right; }
.fleft { float:left; }

.centre { text-align:center; }

/* Titres */

h1 { 
	visibility:hidden;
	font-size:0;
	font-family:inherit;
	background-color:inherit;
	color:#000000;
}

h2 {
	font-family:inherit;
	background-color:inherit;
	color:#000000;
	font-weight:bold;
}
div#contenu h2 {
	margin:15px 5px 0 0;
}

h3 {
	font-family:inherit;
	background-color:inherit;
	color:#000000;
	font-size:1em;
	font-weight:bold;
}
div#contenu h3 {
	margin:0 5px 15px 0;
}
div#contenu h3 img {
	vertical-align:middle;	
}


h4 {
	font-family:inherit;
	background-color:inherit;
	color:#000000;
}

/***********************
* Menu d'accessibilité *
***********************/

ul#menu-access {
	display:none;
}


/*************
* Conteneurs *
*************/

div#site {
	margin:30px auto 10px auto;
	padding:0 0 0 0;
	width:75%;
	border-top:1px dotted #000000;
	background-color:transparent;
	color:inherit;
}

div#en_tete {
	margin:10px 10px 10px 10px;
	padding:0 0 0 0;
	background-image:url(../img/blogdeclem.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:100px;
	
}

div#principal {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div#contenu {
	float:right;
	margin:15px 0 0 0;
	padding:10px 10px 10px 10px;
	width:70%;
	line-height:135%;
	letter-spacing:1px;
}

div#menu {
	float:left;
	margin:0 0 0 -5%;
	padding:0 0 0 0;
	border-right:1px solid #000000;
	/*background-image:url(../img/menu_fond_lax.png);
	background-position:top right;
	background-repeat:repeat-y;*/
	width:23%;
}

div#pied_de_page {
	padding:5px 5px 5px 5px;
	font-size:0.8em;
}

div#topbox {
	float:left;
	margin:-105px 0 0 -10px;
	padding:0 0 0 0;
	border:none;
	background-color:inherit;
	color:inherit;
}
div#topbox img {
	margin:0 0 0 0;
	width:175px;
	height:175px;
}

div#topbox h2, h3, h4 {
	margin:0 0 0 0;
}

div#topbit {
	margin:0 0 25px -20px;
	padding:2px 2px 2px 2px;
	border:1px dotted #000000;
	width:70%;
}

/***************
* Encart Sarko *
***************/

div#sarko_topbox {
	position:absolute;
	top:0px;
	right:12.5%;
	padding:0 0 0 0;
	border:none;
	background-color:inherit;
	color:inherit;
	text-align:left;
	font-size:1em;
	width:200px;
}
div#sarko_topbox img {
	display:inline;
	float:left;
	margin:0 10px 0 0;
	padding:0 0 0 0;
	width:50px;
	height:50px;
}
div#sarko_topbox h2, div#sarko_topbox h3 {
	margin:10px 0 0 10px;
	padding:0 0 0 0;
}
div#sarko_topbox h2 { font-size:1em; }
div#sarko_topbox h3 { font-size:0.8em; font-weight:normal; }


/**************
* Encart Date *
**************/

div#date_topbox {
	position:absolute;
	top:5px;
	left:14%;
	padding:0 0 0 0;
	border:none;
	background-color:inherit;
	color:inherit;
	text-align:left;
	font-size:1em;
}
div#date_topbox h2, div#date_topbox h3 {
	display:inline;
	margin:10px 0 0 10px;
	padding:0 0 0 0;
}
div#date_topbox h2 { font-size:1.2em; }
div#date_topbox h3 { font-size:1em; background-color:transparent; color:#000; font-weight:normal; }


/**************
* Paragraphes *
**************/

div#pied_de_page p {
	margin:0 0 0 0;
	text-align:center;
}

/***********
* Articles *
***********/

div.article {
	border-bottom:1px dotted #000000;
}

span.lettrine {
	display:block;
	float:left;
	margin:3px 5px 0 0;
	font-family:"Nimbus Roman No9 L", "Times New Roman", serif;
	font-size:2em;
	font-weight:bold;
	line-height:82%;
}

/********
* Menus *
********/

div#menu h3 {
	margin:10px 0 0 0;
	padding:2px 10px 2px 2px;
	background-color:inherit;
	color:#000000;
	font-weight:bold;
	font-family:"Luxi Sans", Tahoma, Verdana, sans-serif;
	text-align:center;
}
div#menu ul {
	margin:0 0 10px 0;
	padding:5px 0 5px 5px;
	border:none;
	background-color:inherit;
	color:inherit;
}

div#menu li {
	padding-right:10px;
	list-style-type:none;
	border-bottom:none;
	line-height:135%;
	text-align:center;
}



/* SPECIAL TABLES */

table#films {
	margin:20px auto 20px auto;
	width:125%;
	border:1px solid #000;
}

table#films thead {
	background-color:#000;
	color:#FCDB98;
}

table#films tbody tr {
	border:1px solid #000;
}
table#films tbody tr td {
	margin:0 0 0 0;
	padding:2px 2px 2px 2px;
	border:1px dotted #FFF;
	border-collapse:collapse;
}

table#films tbody tr td.date { text-align:center; }
table#films tbody tr td.otitle { font-weight:bold; }
table#films tbody tr td.ftitle { font-style:italic; }
table#films tbody tr td.ratio-lowest { font-weight:bold; color:#E20; text-align:center; }
table#films tbody tr td.ratio-low { font-weight:bold; color:#F92; text-align:center; }
table#films tbody tr td.ratio-medium { font-weight:bold; color:#099; text-align:center; }
table#films tbody tr td.ratio-high { font-weight:bold; color:#0B0; text-align:center; }
table#films tbody tr th { background-color:#DDD; color:#000; }
table#films tbody tr th.ohead { font-weight:bold; }
table#films tbody tr th.fhead { font-style:italic; }

/* Images special */

p.pimg {
	clear:both; /* Annule les flottaisons déjà existantes */
	margin:10px auto 10px auto;
	text-align:center;
	font-size:0.8em;
	font-style:italic;
}
p.pimg img {
	padding:8px 8px 8px 8px;
	border:1px dotted #000;
}
img.thumb1_paysage {
	width:256px;
	height:192px;
}
img.thumb1_portrait {
	width:192px;
	height:256px;
}
img.thumb2_paysage {
	width:512px;
	height:384px;
}
img.thumb2_portrait {
	width:384px;
	height:512px;
}

/* CSS des galeries */

div.vignette-vertical, div.vignette-horizontal, div.vignette-square {
	float:left;
	margin:10px 5px 10px 5px;
	padding:5px 5px 5px 5px;
	border:1px dotted #000;
	color:#000;
	background-color:#FFF;
}

div.vignette-grande-horizontal, div.vignette-grande-vertical, div.vignette-grande-square {
	margin:20px auto 10px auto;
	padding:5px 5px 5px 5px;
	border:1px dotted #000;
	text-align:center;
	max-width:600px;
	color:#000;
	background-color:#FFF;
}

div.vignette-vertical:hover, div.vignette-horizontal:hover, div.vignette-square:hover, div.vignette-grande-horizontal:hover, div.vignette-grande-vertical:hover, div.vignette-grande-square:hover {
	background-color:#999;
	color:inherit;
}

div.vignette-horizontal img {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:171px;
	height:128px;
}
div.vignette-vertical img {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:128px;
	height:171px;
}
div.vignette-square img {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:171px;
	height:171px;
}
div.vignette-grande-horizontal img {
text-align:center;
	width:510px;
	height:384px;
}
div.vignette-grande-vertical img { 
	display:block;
	text-align:center;
	width:384px;
	height:510px;
}
div.vignette-grande-square img { 
	text-align:center;
	width:510px;
	height:510px;
}

div.vignette-vertical:hover, div.vignette-horizontal:hover, div.vignette-square:hover, div.vignette-grande-horizontal:hover, div.vignette-grande-vertical:hover, div.vignette-grande-square:hover { 
	background-color:#CCCCCC;
	color:#000000;
}