/* ************************************************************************
	** Projet : Revue 24 images
	** Auteur : Annick Desmeules Paré
	** Version : 1.0
	** Date : 19 mars 2009
	** Dernière date de modification : 25 mars 2009
************************************************************************ */
/*

Police sérif : Georgia
Police sans sérif : Trebuchet
couleur texte sans lien : 3e3117 
couleur texte avec lien : 887b6c (sélectionné : 3e3117)
couleur cadre jaune «beurre» : f1efda
couleur des filets : c8c4bd
les boîtes ont des dimensions fixes sauf la case EVENEMENT qui s'étire vers le bas
Taille du texte des articles : Georgia 1.8 em, leading 1,3 em
Taille du petit texte (colonnes de droite et de gauche : Georgia 1.2 em, leading 1,2 em

*/


/* **************************** GÉNÉRAL ******************************** */
body {
	margin:0;
    margin-bottom:10px;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3e3117 ;
    font-size: 10px;
	background:url(images/fond.jpg) repeat;
	text-align:center;
}

a {color:#887b6c;z-index:5;}
a:hover {color:#3e3117;}

a img {
	border:0;
	vertical-align:bottom;
}

hr {
  color: #AAAAAA;
  height: 1px;
}

ol{
	list-style-type:none;
    margin:0;
    padding:0px;
    clear:both;
}

li{
    position:relative;
    clear:both;
}

form {
	margin:0;
}

.petit_texte,
.note {
  font-size:1em;
}

.titre_gros {
  color: #000000;
  font-size: 16px;
}

.titre {
  color: #000000;
  font-size: 14px;
}

.soustitre {
  color: #000000;
  font-size:1.3em!important;
}

.soustitre_box {
  color: #000000;
  font-size: 12px;
}

.soustitre_box:hover {
  color: #AAAAAA;
  font-size: 12px;
}

.soustitre_lien {
	font-weight:bold;
  	font-size:1.3em!important;    
}


p {
  margin:1em 0;
  /*font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
}

a {
  text-decoration: none;
  text-transform: none;
}
#main {
  width:940px;
  background:#FFF;
  margin:0 auto;
  text-align:left;
}
#content {
	margin:0px;
    margin-bottom:-40px;
    #margin-bottom:0px;
    background:#FFF;
}
#footer {
    #height:25px;
    padding-top:5px;
	clear:both;
    background:#FFF;
    border-top:1px solid #c8c4bd;
}
.access {
	display:none;
}

/* homepage
 */
#homepage_dvd {
 font-size:11px;
}

/************************** Ajout Annick 05 mars 09 **************************/

#content .kiosque img{
	float:none;
    width:260px;
    border:1px solid #b0b9be;
}

#content h3{
    margin:0px;
    padding:0px;
}

#content h2{text-transform:uppercase;}

#content div.clearfix {
	clear:both;
	background:#fff;
	margin:0px;
	padding:0px;
}

#content .reactions{
	position:absolute;
    text-align:right;
    font-size:11px;
    text-transform:lowercase;
}

/***** BOX *****/
#content .box {
	position:relative;
	border:1px solid #c8c4bd;
    border-left:none;
    width:640px;/*min-height:200px;*/
    padding:5px 30px 0px 20px;
    margin-top:3px;
    clear:both;
    #padding-bottom:10px;
    #clear:none;
}
*html #content .box {width:630px;}

#content .box img{
	float:left;
    width:75px;
    margin-right:20px;
}

#content .box a{color:#887b6c;}
#content .box a:hover{color:#3e3117;}
/* ************************************** */

/** ÉDITORIAL **/

#content .editorial {
    border-top:0;
    padding:10px 30px 0px 20px;
    border-bottom:1px solid #c8c4bd; 
    position:relative!important;
}

#content .editorial h2 {
    text-align:right;
    font-size:1.1em;
}

#content .editorial h3{
    text-transform:none;
    font-size:1.8em;
}

#content .editorial img{
	float:left;
    width:156px;
	margin-bottom:10px;
    margin-left:10px;
}

#content .editorial .reactions{
    bottom:3px;
    right:30px;
}

/* ********************************* */ 
 
/* ****************************************** Colonne de gauche et de droite ************************************ */
 
/** UTILITAIRE **/
#content .utilitaire {
	float:left;
	width:200px;
	display:inline;
	margin-top:10px;
    padding-right:10px;
    border-right:1px solid #b0b9be;
}

#content .utilitaire .reactions
{
    bottom:3px;
    right:5px;
    font-size:10px;
}

#content .utilitaire h2 {
    color:#3e3117;
    text-transform:uppercase;
    margin-bottom:5px;
    font-size:1.2em;       
}

#content .utilitaire li{
    border-bottom:1px dashed #c8c4bd;
    margin:0;
    padding:3px;
   	#position:static;
    background:#fff;
}
*html #content .utilitaire li{position:static;}

#content .utilitaire li:hover{background:#f1efda;}

#content .utilitaire a:link{display:block;}

#content .utilitaire .archives{margin:7px 0;}
#content .utilitaire .archives a{display:inline;font-size:1.1em;color:#3e3117;}
#content .utilitaire .archives a:hover{color:#887b6c;}

/* **************************************** */
/* ***************************************** Colonne de droite ************************************ */

#content .column_right h4{font-size:1.3em;#padding-top:20px;}

/** ÉVÉNEMENTS **/
#content .events {
	padding:15px;
    padding-top:0px;
    width:220px!important;
    border-right:0!important;
}

#content .events li{
    border-bottom:0!important;
    border-top:1px dashed #c8c4bd;
    padding:3px 0px;
    font-size:1.1em;
}

#content .events li:hover{
    background:#FFF;
}

#content .events a:link{#display:inline;}

#content .events .petit_texte{font-size:0.9em;}

#content .couverture{
    position:relative;
    clear:both;
    width:194px;
    margin:20px 0 30px 12px;
    padding:26px 16px 0px;
	background:url(images/couvertureLOGO.gif) no-repeat center top #f1efda;
}

#content .couverture p,
#content .couverture a,
#content .dvdrevue a,
#content .dvdrevue p{
    font-size:1.1em!important;
    font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#content a.plus,
#content a.dvdarchive{
	position:absolute;
	text-decoration:underline;
    font-weight:bold;
}

#content a.plus{bottom:5px;right:7px;}
#content a.dvdarchive {top:30px;left:10px;}

/* ********************* */
/* Boîte DVD de la revue */

#content .dvdrevue{
    position:relative;
    clear:both;
    width:206px;
	margin-left:12px;
    padding:30px 10px 45px;  
    #padding-bottom:10px;
    background:url(images/DVD24images.gif) no-repeat 0 0 #d2cbc5;
    font-family:Trebuchet, Arial, Helvetica, sans-serif;
}
*html #content .dvdrevue{padding-bottom:10px;}
/* ******************************** */

/* WEB */
#content .web {
	float:left;
	width:389px;#width:419px;
	display:inline;
    color:#3e3117;
    padding:10px 20px;       
}
*html #content .web {
	width:380px;
}

#content .web .reactions{
	bottom:10px;
    right:40px!important;
    color:#887b6c;
}

/* *****************
	Particularité
   ***************** 
*/
#content .editorial p,
#content .web p,
#content .web .text
{
    text-align:left;
    font-size:1.5em;
    line-height:1.3em;  
    text-transform:none;  
    font-family:Georgia, "Times New Roman", Times, serif;
}

#content .web DIV.text{margin-top:20px;}

#content .web p,
#content .web .text{margin-top:5px;}

#content .web h3,
#content .web .date{
    font-size:1.3em;
    color:#887b6c;
}
#content .web .date{font-size:1.1em;font-weight:bold;}

#content .web img,
#content .events img{
    margin-right:10px!important;
    float:left;
    display:inline;
}

#content .web img{
width:120px;
margin-bottom:5px;
margin-right:15px!important;
}

#content .news img{width:60px;}

/* ************** */

.tripple p{font-size:13px;}

.article{
    width:100%;
    height:100%;
    background:#FFFFFF;
}

.article p{
	font-size:1.3em;
    line-height:1.4em;
 }

.contenu{
    padding:10px;
    padding-left:20px;
    margin:10px;
}

.article h1,
#kiosque h2 {
	padding:0;
    color:#3e3117; 
    text-transform:uppercase;
    font-size:1.8em!important;
    border-bottom:1px solid #b0b9be;
}

#kiosque td {
    font-size:1.2em;
}

#kiosque p,
#kiosque .petit_texte {
    font-size:1em;
}

.article h2 {
  font-size:1.5em!important;
  margin-bottom:0;
  color:#887b6c;
  text-transform:none!important;
}

/* ******** STRUCTURE ********* */

div.column_left {
    float:left;
    width:690px;
    display:inline;
}
*html div.column_left {width:680px;}
.article .column_left{width:660px;}

div.column_right {
    float:left;
    width:220px;
    display:inline;
}

hr {
	border:0;
	height:1px;
	color:#999999;
	background-color:#999999;
}

.borderinside{padding:5px;border:1px solid #b0b9be;}

/* ***DVD*** */

#dvd div.column_right {float:right;width: 180px;}
#dvd div.column_left{border-right:1px solid #c8c4bd;width:670px;padding-right:20px;}

/* ***KIOSQUE*** */

#kiosque.column_right{
	float:left;
    clear:right;
    margin-left:5px;
    width:190px!important;
    border:1px solid #000000;
}

td.column_left {border-right:1px solid #c8c4bd; vertical-align:top;}
td.column_left table{width:100%;}
td.contenu{vertical-align:top;}
/* **************** */

#dvd h1,
#kiosque h1{width:auto!important;}

#dvd h2,
#kiosque h2 {
    width:auto!important;
    margin-top:0px;
    margin-right:20px;
}

/* *** COMMENTS *** */

.comments {
    width:200px;
	margin:20px;
    padding:5px;
	background:#f1efda;
	border:1px solid #b0b9be;
}

.comments td{
    vertical-align:top;
    padding:2px 0;
}

.comments h2 {
	margin:0;
	color:#3e3117!important;
	padding:10px 3px!important;
	line-height:1.1em;
    font-size:1.1em!important;
    border-bottom:1px dashed #b0b9be;
}
.comments ol {
	margin:0;
	padding:0;
	margin:7px 0;
	list-style-type:none;
	border-top:1px solid #b0b9be;
}
.comments li {
	margin:0;
	padding:0.5em 0;
	border-bottom:1px solid #b0b9be;
}
.comments li p{
	font-size:1.1em;
}
.comments input.text,
.comments textarea {
	margin-top:3px;
	border:1px solid #b0b9be;
	width:125px;
}
.comments input.text{height:10px;}

.comments label {
    font-size:11px;
}
.comments input.submit {
	margin:7px 0;
	border:0;
	color:#887b6c;
    font-size:12px;
    font-weight:bold;
	padding:0;
	margin:0;
	margin-top:8px;
	text-align:right;
    background:none;
}
/* **************** */


#films h2, #films .desc, #films a { color:#467000; }
#nouveautes_dvd h2, #nouveautes_dvd .desc, #nouveautes_dvd a { color:#ff690f; }
#editorial h2, #editorial .desc, #editorial a {color:#0099ff; }
#television h2, #television .desc, #television a { color:#003293; }
#nouvelles h2, #nouvelles .desc, #nouvelles a { color:#008467; }
#evenements h2, #evenements .desc, #evenements a { color:#ad3000; }

#content .dvd {
	color:#666666;
	float:right;
	padding:7px;
    margin-top:7px;
    border:3px solid #666666;
	width:238px;
}

#header {
    margin:0;
}
#submenu {
	text-align:center;
}
#menu {
	width:940px;
    height:107px;
	border-collapse:collapse;
    background:url(images/backheader.jpg) repeat-x;
}
#menu td {
	vertical-align:top;
}
#menu div {
	padding:7px;
}
#menu .web {
	width:100%;
	padding-left:30px;
}
/* #menu div, */
div#firstmenu{
    color:#3e3117;
    text-align:center;
    font-size:1.4em;
    margin-top:23px;
    height:44px;
    text-transform:uppercase;   
}

div#firstmenu input
{
    font-size:10px;
    float:right;
    margin-right:22px;
    background:#f1efda;
    width:84px;
}
*html div#firstmenu input
{    margin-right:42px;width:74px;
}

div#submenu {
	color:#352c0b;
	line-height:1em;
	font-weight:bold;
	padding:3px 0px;
	font-size:11px;
}
#menu a {
	color:#3e3117;
	line-height:1.3em;
}
#menu a:hover { 
	color:#887b6c;
}
div#firstmenu a{text-transform:uppercase;padding:0 17px;}
div#submenu a{padding:0 3px;}
*html div#submenu a{padding:0 8px;}
div#submenu a {color:#887b6c;}
div#submenu a:hover {color:#3e3117;}

#coord {
	float:right;
	width:180px;
	padding:3px;
	border:3px solid #aaaaaa;
	background:#fff;
    /* Ajout Annick 9 mars 2009 */
    margin-right:10px;
}

#coord  p {
	padding:3px;
}

#copyright {
	/*width:725px;*/
	margin:0 auto;
	margin-bottom:7px;
    margin-right:5px;
	font-size:10px;
	text-align:right !important;
}


/**
 * Hacks
 */
.clearfix:after { /* http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */