@charset "utf-8";
/************************************************************
 *
 *	Name		:	dossier.css
 *	Author		:	Kubota Hideo
 *	Created		:	18.05.2008
 *	Modified	:	31.05.2008
 *
 *	Description	:	Feuille de style pour les pages dossier.
 *
 ************************************************************/

/** liste des diaporamas ************************************/
#container div#dossierList{
	border:solid 1px #8d8d8d;
	background:url(../media/image/bg-diapoList.gif) #f9f9f9 left top repeat-x;
	margin-top:1em;
	overflow:hidden;
}
#container div#dossierList h2{
	font-size:1.8em;
	text-align:center;
	font-weight:bold;
	background:url(../media/image/bg-h2-diapoList.gif) left top repeat-x;
	padding:0.4em 0;
}
#container div#dossierList form#selectDossier{
	padding:1em;
	background:url(../media/image/border-separ.gif) left bottom repeat-x;
}
#container form#selectDossierBottom{
	padding:1em;
	background-color:#e3e3e3;
	border-left:solid 1px #8d8d8d;
	border-right:solid 1px #8d8d8d;
	border-bottom:solid 1px #8d8d8d;
}
#container form select{
	font-size:1.2em;
	line-height:1.335em;
	font-weight:bold;
}
#container div#dossierList h3{
	font-size:1.3em;
	line-height:1.333em;
	font-weight:bold;
	background:url(../media/image/arrow-h3.gif) left 0.3em no-repeat;
	margin:0.769em;
	padding-left:1em;
}
#container div#dossierList p.description{
	padding-left:1em;
font-size: 11px;
line-height: 14px;
	margin-bottom:0.769em;
}
#container div#dossierList ol.dossierList{
	padding-left:1em;
}
#container div#dossierList ol.dossierList li{
	width:45.4em;
	display:block;
	margin:0 0 1.4em 0;
	border-bottom:solid 1px #000000;
	background-color:#000000;
	height:20em;
overflow: hidden;
}
#container div#dossierList ol.dossierList li h4 a{
	display: block;
	font-size:1.6em;
	font-weight:bold;
	color:#ffffff;
	padding:0.3em;
}
#container div#dossierList ol.dossierList li a img{
	width:45.2em;
	margin:0 0 0.2em 0.1em;
}

/** Debut dossier *******************************************/
#container div.zoneDossier h2.grosTitre{
	font-size:1.8em;
	text-align:center;
	font-weight:bold;
	background:url(../media/image/bg-h2-diapoList.gif) left top repeat-x;
	padding:0.4em 0;
}
#container div.zoneDossier p{
	font-size:1.3em;
	line-height:1.23em;
	margin-bottom:1em;
}
#container div.zoneDossier form#selectDossier{
	border:solid 1px #7f7f7f;
	background-color:#e9e6e6;
	padding:1em;
	margin-top:1em;
	overflow:hidden;
	height: 20px;
}
#container div.zoneDossier form#selectDossier span.label{
	font-size:1.8em;
	float:left;
}
#container div.zoneDossier form#selectDossier label{
	font-weight:bold;
	color:#3a3a3a;
}
#container div.zoneDossier form#selectDossier select{
	float:right;
	width:14em;
	margin-right:0.3em;
}

/** conteneur diaporama **/
#container div.zoneDossier div#dossier{
	background:url(../media/image/bg-diapo-middle.gif) #eae9e9 left top repeat-x;
	margin:0.5em 0;
	padding-bottom:0.1em;
	border-bottom:solid 1px #969696;
}
#container div.zoneDossier div#dossier div#dossier2{
	background:url(../media/image/bg-diapo-left-rigth.gif) left top no-repeat;
}
#container div.zoneDossier div#dossier div#dossier2 div#dossier3{
	background:url(../media/image/bg-diapo-left-rigth.gif) right top no-repeat;
	padding:1em 0 0;
}
#container div.zoneDossier div.dossier h2{
	font-size:2.3em;
	font-weight:bold;
	margin:0 0.3em 0.5em 0.5em;
	background:url(../media/image/arrow-post-h2.gif) left 0.14em no-repeat;
	padding-left:1em;
}
#container div.zoneDossier div.dossier p{
	font-size:1.2em;
	line-height:1.335em;
	margin:0 0.833em 0.5em 0.8em;
}
#container div.zoneDossier div.dossier p a{
	color:#BD0106;
	text-decoration: underline;
}
#container div.zoneDossier ol.postLink{
	margin-left:1em;
}

/** bloc diaporama **/
#container div.zoneDossier div.dossier div#blocDossier{
	margin:1em;
	background-color:#ffffff;
	padding:0.5em 0.3em 0 0;
	overflow:hidden;
}
#container div.zoneDossier div.dossier div#blocDossier h3{
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 0.5em 0.5em;
}
#container div.zoneDossier div.dossier div#blocDossier img#illusBlocDossier{
	margin-left:0.5em;
	width:33.2em;
	height:38em;
	float:left;
}

#container div.zoneDossier div.dossier div#blocDossier div.iconsport{
margin:1em;
text-align:right;
}

/** bloc vignette diaporama **/
#container div.zoneDossier div#defil-bloc-vertical{
	float:left;
	width:10.8em;
	border:solid 1px #9c9b9b;
	border-left:solid 3px #a4a4a4;
	background:url(../media/image/bg-blocDefil-vertical-top.gif) left top repeat-x;
	margin-bottom:0.5em;
}


#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2{
	background:url(../media/image/bg-blocDefil-vertical-bottom.gif) left bottom repeat-x;
	padding:1em 0 0.8em 1em;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 span.prev img,
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 span.next img{
	display:block;
	width:1.8em;
	height:1.6em;
	margin-left:3.5em;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 span.prev img{
	float:left;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 span.page-position{
	float:left;
	display:block;
	font-size:1.2em;
	line-height:1.335em;
	margin-left:0.5em;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 ol{
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 ol li{
	width:8.9em;
	height:9.5em;
	display:block;
	border:solid 1px #9c9b9b;
	margin:0.8em 10px 0.9em 0;
	background-color:#ffffff;
overflow: hidden;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 ol li.selected{
	border:solid 1px #e10006;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 ol li a{
	font-size:1em;
	line-height:1.167em;
clear: left;
display: block;
margin: 3px 0 0 3px;
}
#container div.zoneDossier div#defil-bloc-vertical div#defil-bloc-vertical2 ol li a img{
	margin:0em;
	width:83px;
	height:52px;
}

/** bloc video **/
#container div.zoneDossier div.relatedVideo{
	margin:1em 0 1em 1em;
}

/** envoyer ce diaporama a un ami **/
#container div.zoneDossier div#contentMsgDossier a{
	color: #cc0000;
	text-decoration: underline;
}
#container div.zoneDossier form#sendDiapo{
	background:#444 url(../media/image/bg-bloc-sendFriend-diapo.gif) left top repeat-x;
	margin:1.3em 0;
	padding:1em;
	position: relative;
}
#container div.zoneDossier form#sendDiapo div#msgDossier{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 473px;
	height: 60px;
	border: solid 1px #800000;
	background-color:#D7E0FF;
	text-align:center;
	z-index:900;
}
#container div.zoneDossier form#sendDiapo div#errorEmailFrom{
	top: 32px;
	left: 10px;
	height: 17px;
	width: 180px;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
#container div.zoneDossier form#sendDiapo div#errorEmailTo{
	top: 32px;
	left: 201px;
	height: 17px;
	width: 180px;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
#container div.zoneDossier form#sendDiapo div#errorEmailTo img,
#container div.zoneDossier form#sendDiapo div#errorEmailFrom img{
	vertical-align:middle;
	margin-right: 3px;
}
#container div.zoneDossier form#sendDiapo div#msgDossier p{
	font-size:1.3em;
	margin-left: 40px;
	margin-top: 5px;
	text-align:center;
}
#container div.zoneDossier form#sendDiapo div#msgDossier img{
	float: left;
	margin: 10px 0px 0px 30px;
}
#container div.zoneDossier form#sendDiapo div#msgDossier p#endMsg{
	line-height:18px;
}
#container div.zoneDossier form#sendDiapo div#msgDossier input#submitMsgDossier{
	background: transparent url("../media/image/bg-submit-msg-dossier.png") 0px 0px repeat-x;
	border:solid 1px #a4a4a4;
	color: white;
	margin-top: 3px;
	padding: 0px 5px;
}
#container div.zoneDossier form#sendDiapo div#msgDossier div#closeMsgDossier{
	border-left: solid 1px #800000;
	border-bottom: solid 1px #800000;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	right: 0px;
}
#container div.zoneDossier form#sendDiapo label{
	font-size:1.3em;
	line-height:1.23em;
	font-weight:bold;
	color:#e4e0e0;
	background:url(../media/image/arrow-sendDiapo.gif) left 0.3em no-repeat;
	padding-left:1em;
}
#container div.zoneDossier form#sendDiapo label span{
	font-weight:bold;
	color:#ffffff;
}
#container div.zoneDossier form#sendDiapo input#mailFriendField,
#container div.zoneDossier form#sendDiapo input#mailFriendUser{
	font-size:1.2em;
	margin:0.5em 0.5em 0 0;
	width:15em;
}
#container div.zoneDossier form#sendDiapo input#submitDiapo{
	margin-top:0.6em;
	position:absolute;
}

/** formulaire envoi commentaire **********/
#container div.zoneDossier form.postComment{
	background:url(../media/image/bg-textarea.gif) left top repeat-x;
	padding:1em;
	border-bottom:solid 1px #d7d7d7;
	margin-top:1em;
	overflow:hidden;
	position: relative;
}
#container div.zoneDossier form.postComment label{
	font-size:1.5em;
	font-weight:bold;
}
#container div.zoneDossier form.postComment textarea{
	display:block;
	font-size:1.2em;
	line-height:1.335em;
	width:100%;
	height:10em;
	border:solid 1px #aa0005;
	margin:0.5em 0;
}
#container div.zoneDossier form.postComment input#submitCom{
	float:right;
}

#container div.zoneDossier form.postComment span.msg_success
{
	position: absolute;
	top: 70px;
	left: 120px;
	border: 1px solid #AA0005;
	background-color: #E2FECF;
	width: 230px;
	height: 40px;
	line-height:20px;
	text-align: center;
}

#container div.zoneDossier form.postComment span.msg_echec
{
	position: absolute;
	top: 70px;
	left: 80px;
	border: 1px solid #AA0005;
	background-color:#FFD2D6;
	width: 310px;
	height: 40px;
	line-height:20px;
	text-align: center;
}

#container div.zoneDossier form.postComment span.msg_echec a
{text-decoration: underline;}

#container div.zoneDossier form.postComment span.msg_warning
{
	position: absolute;
	top: 70px;
	left: 115px;
	border: 1px solid #AA0005;
	background-color:#FFF9DD;
	width: 240px;
	height: 40px;
	line-height:40px;
	text-align: center;
}

/** liste de commentaires *****************/
#container div.zoneDossier ol#commentList{
}
#container div.zoneDossier ol#commentList li{
	border-bottom:solid 1px #d7d7d7;
	padding:0.5em 1em;
}
#container div.zoneDossier ol#commentList li.grey{
	background-color:#f7f7f7;
	padding-left:0.5em;
}
#container div.zoneDossier ol#commentList .author{
	font-size:1.2em;
	line-height:1.335em;
	color:#aa0005;
	font-weight:bold;
}
#container div.zoneDossier ol#commentList span{
	margin-left:0.2em;
	font-size:1.2em;
	line-height:1.335em;
}
#container div.zoneDossier ol#commentList p{
	margin:0.5em 0 0 1em;
}

/** fin diaporama *******************************************/

#container div.zoneDossier div#blocDossier div#blocEndDiapo{
	float:left;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike{
	border:solid 1px #969696;
	padding-top: 1em;
	padding-bottom: 4em;
	background-color: #EEE;
	height: 85px;
	width: 451px;
}
#container div.zoneDossier div#blocDossier div#blocLike p.like{
	font-size:2em;
	font-weight:bold;
	background-color:#cd020c;
	padding:0 0.5em;
	margin:0em 0.5em 0 0.5em;
	color:#ffffff;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier{
	margin:1em 1em 0 1em;
	position: relative;
}

#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier div#errorEmailToFollow{
	top: 22px;
	left: 0px;
	height: 17px;
	width: 15em;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier div#msgFollow {
	position: absolute;
	top: -2px;
	width: 320px;
	height: 49px;
	border: solid 1px #800000;
	background-color:#EBEBEB;
	text-align:center;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier div#msgFollow img{
	float: left;
	margin: 10px 10px 0px 10px;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier div#msgFollow div#closeMsgFollow{
	border-left: solid 1px #800000;
	border-bottom: solid 1px #800000;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	right: 0px;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier div#errorEmailToFollow img{
	vertical-align:middle;
	margin-right: 3px;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier label{
	font-size:1.3em;
	line-height:1.23em;
	font-weight:bold;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier input#mailForDossierField{
	font-size:1.2em;
	line-height:1.335em;
	display:block;
	float:left;
	margin:0.5em 0.5em 0 0;
	width:15em;
}
#container div.zoneDossier div#blocDossier div#blocEndDiapo div#blocLike form#receiveDossier input#submitFomDossier{
	display:block;
	float:left;
	margin-top:0.6em;
}
/** A  voir egalement **/
#container div.zoneDossier div#blocDossier div#blocEndDiapo h3{
	font-size:1.3em;
	line-height:1.23em;
	background:url(../media/image/arrow-h3.gif) left 0.21em no-repeat;
	padding-left:1em;
	margin:0.5em 0 0 0.5em;
}
#container div.zoneDossier ol.listEvents{
	margin:0 1em 0 0.6em;
width: 315px;
float: left;
}
#container div.zoneDossier ol.listEvents li.event{
	display:block;
	padding:1.5em 0 1em 0;
	border-bottom:solid 1px #bdbdbd;
	overflow:hidden;
}
#container div.zoneDossier ol.listEvents li.event.last{
	border-bottom:0 none;
}
#container div.zoneDossier ol.listEvents li.event a img{
	float:left;
	margin:0.3em 0.5em 0 0;
}
#container div.zoneDossier ol.listEvents li.event div.desc{
	float:left;
width: 200px;
}
#container div.zoneDossier ol.listEvents li.event div.desc ol.postLink{
	margin-left:0;
}
#container div.zoneDossier ol.listEvents li.event div.desc h3{
	
	font-weight:bold;
	line-height:1.142em;
margin: 0!important;
padding: 0!important;
	background:none!important;
}
#container div.zoneDossier ol.listEvents li.event div.desc h3 a {
	font-weight:bold;
font-size:1.1em;
line-height:1.142em;
}
#container div.zoneDossier ol.listEvents li.event div.desc p{
	font-size:1.2em;
	line-height:1.166em;
	margin:0;
}
#container div.zoneDossier ol.listEvents li.event div.desc ol.postLink{
	margin-top:0.6em;
}
#container div.zoneDossier ol.listEvents li.event div.desc ol.postLink li{
	font-weight:bold;
	font-size:1.2em;
	display:inline;
	color:#bd0106;
}
#container div.zoneDossier ol.listEvents li.event div.desc ol.postLink li a{
	font-weight:bold;
	color:#bd0106;
}

/**/
#container div#endDossier form#sendDiapo{
	background:#444 url(../media/image/bg-bloc-sendFriend-diapo.gif) left 0.3em repeat-x;
	border-top:solid 1px #969696;
	padding:1em;
}

/** Hebdomadaires *******************************************/
/** hebdo PSG **/
#container div#hebdoPSG div#dossier{
	background:url(../media/image/bg-hebdo-middle.gif) #e5eeff left top repeat-x;
	margin:0.5em 0;
	padding-bottom:0.1em;
	border:solid 1px #00265f;
}
#container div#hebdoPSG div#dossier div#dossier2{
	background:0 none;
}
#container div#hebdoPSG div#dossier div#dossier2 div#dossier3{
	background:0 none;
	padding:0;
}
#container div#hebdoPSG div.dossier h2{
	background:0 none #00265f;
	margin:0 0 0.3em 0;
	padding:0 0 0 0.5em;
}
#container div#hebdoPSG div.dossier h2 span.title{
	float:left;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0.5em 0.3em 0 0em;
	background:url(../media/image/arrow-psg-h2.gif) left 0.14em no-repeat;
	padding-left:1em;
	color:#ffffff;
}
#container div#hebdoPSG div.dossier h2 img{
	float:right;
	display:block;
}
#container a.seeComment{
	font-weight:bold;
	font-size:1.2em;
	line-height:1.335em;
	margin-left:0.8em;
	color:#bd0106;
	background:url(../media/image/puce-plus.gif) left 0.2em no-repeat;
	padding-left:1em;
}
#container div#hebdoPSG form#sendDiapo{
	padding:1em 1em 1.2em 1em;
	border-bottom:solid 1px #969696;
}

/** hebdo OM **/
#container div#hebdoOM div#dossier{
	background:url(../media/image/bg-hebdo-middle.gif) #e5eeff left top repeat-x;
	margin:0.5em 0;
	padding-bottom:0.1em;
	border:solid 1px #009ddc;
}
#container div#hebdoOM div#dossier div#dossier2{
	background:0 none;
}
#container div#hebdoOM div#dossier div#dossier2 div#dossier3{
	background:0 none;
	padding:0;
}
#container div#hebdoOM div.dossier h2{
	background:0 none #009ddc;
	margin:0 0 0.3em 0;
	padding:0 0 0 0.5em;
}
#container div#hebdoOM div.dossier h2 span.title{
	float:left;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0.5em 0.3em 0 0em;
	background:url(../media/image/arrow-om-h2.gif) left 0.14em no-repeat;
	padding-left:1em;
	color:#ffffff;
}
#container div#hebdoOM div.dossier h2 img{
	float:right;
	display:block;
}
#container a.seeComment{
	font-weight:bold;
	font-size:1.2em;
	line-height:1.335em;
	margin-left:0.8em;
	color:#bd0106;
	background:url(../media/image/puce-plus.gif) left 0.2em no-repeat;
	padding-left:1em;
}
#container div#hebdoOM form#sendDiapo{
	padding:1em 1em 1.2em 1em;
	border-bottom:solid 1px #969696;
}

/** autres **/

.visible{
	visibility:visible;
}

.hidden{
	visibility:hidden;
}