/*	Feuille de styles en cascade - Cascading Styles Sheet
	
	Mayane.tv - la tv interactive des jeunes parents
	
	Peltier Julien - Août 2006
	julien.peltier@wanadoo.fr
	
	Tous droits réservés
*/

* {
	padding : 0px;
	margin : 0px;
	border : 0px;
	text-align : left;
	font-family : Arial;
	font-size : 12px;
}

.backline { clear : left; float : left; }

div.error {
	width : 180px;
	margin-left : 10px;
	display : none;
	border : 1px solid red;
	position : absolute;
	padding : 2px;
	color : red;
	z-index : 10px;
	background-color : white;
	float : left;
}

.likePopup {
	display : none;
	position : absolute;
	padding : 2px;
	z-index : 10px;
	float : left;
}

div#searchInForum { margin-top : 20px; }
li.hover { border : 0px; }
div#partage {
	width : 378px;
	height : 130px;
	background-image : url( "/web/img/partage-popup.gif" );
	background-repeat : no-repeat;
	margin-top : 0px;
	margin-left : 90px;
	display : none;
	position : absolute;
	padding : 2px;
	color : #7FDC00;
	z-index : 10px;
	float : left;
}
div#partage input {
	padding : 1px;
	color : #EF00E1;
}
div#partage ul { margin-left : 215px; margin-top : 12px; }
div#partage ul li { margin-bottom : 5px; padding-right : 15px; }

div.popupWell {
	width : 180px;
	margin-left : 10px;
	display : none;
	border : 1px solid #85EC00;
	position : absolute;
	padding : 2px;
	color : #7FDC00;
	z-index : 10px;
	background-color : white;
	float : left;
}
.popupWell input { border-color : #85EC00; }
div#explication { width : 705px; }

#logOK { margin-left:150px;width : 418px; background-image : url( '/web/img/bandeauValidationDeVotreIns.gif' ); background-repeat : no-repeat; padding : 0px; padding-top : 24px; border : 0px; }
#logOK .content { border : 1px solid #AE4BFF;padding : 2px; }

#needLog, #needLog2 { width : 256px; height : 78px; background-image : url("/web/img/attention-bg.gif"); background-repeat : no-repeat; margin-left : -50px; }
.homePage #needLog { margin-left : -10px; }
.homePage #needLog2 { margin-left : -50px; }
#needLog p, #needLog2 p { margin-left : 100px; margin-top : 5px; }

.hiddenfile { display : none; }

a, a:hover {
	color : #000000;
	text-decoration : none;
}

div#dm-video { 
	background-image : url( "/web/img/top-dmplayer.jpg" );
	background-repeat : no-repeat;
	padding-top : 63px;
}

div#headerFolderSubject { width : 131px; }

a.purpleLink { color : #AE4BFF; }

#actus {
	background-image : url( "/web/img/actus-header.jpg" );
	background-repeat : no-repeat;
	width : 277px;
	padding-top : 40px;
	margin-left : 15px;
	float : left;
	height : 160px;
}

#actus dl {
	background-image : url( "/web/img/actus-bg.jpg" );
	background-repeat : repeat-x;
	min-height : 145px;
	padding : 5px;
	padding-top : 0px;
}

#actus dl dd {
	border-bottom : 1px solid #6D7C55;
	padding-bottom : 5px;
}

#actus dl dd a:hover {
	text-decoration : underline;
}

#actus dl dt {
	font-weight : bold;
	margin-bottom : 5px;
	padding-top : 5px;
}

#actus dl dt span.date, #listActus span.date, #listArticlePanel span.date, #articleInfos span.date {
	font-weight : normal;
	float : right;
	padding-right : 2px;
}

body {
	text-align : center;
	background-color : #E5E5DB;
}

#borderpageleft {
	float : left;
	width : 12px;
	height : 800px;
}

#borderpageright {
	float : right;
	width : 13px;
	height : 800px;
}

#bottomlinks {
	clear : both;
	text-align : center;
	padding-top : 10px;
}

#bottomlinks a {
	color : #747474;
	font-size : 10px;
	text-decoration : none;
	border-right : 1px solid #747474;
	padding-right : 5px;
	padding-left : 3px;
}

#bottomlinks a.last {
	border : 0px;
}

#bottomlinks a:hover {
	text-decoration : underline;
}

#dossiermois {
	float : right;
	margin-top : 20px;
}

div.header {
	float : left;
	width : 964px;
	margin-bottom : 10px;
}

div.pagination {
	text-align : center;
}

div.pagination {
	text-align : center;
}

div.pagination span.currentPage {
	font-weight : bold;
	text-decoration : underline;
}

div.dlLinks {
	background-color : #E8CDFF;
	padding : 2px;
	margin-left : 7px;
	margin-top : 15px;
	width : 130px;
	clear : both;
	float : left;
}
div.panelLeftlistVideos {
	background-repeat : no-repeat;
	margin-left : 7px;
	margin-top : 15px;
	padding-top : 40px;
	width : 130px;
	clear : both;
	float : left;
}

div.panelLeftlistVideos2 {
	float : left;
	background-repeat : no-repeat;
	margin-left : 7px;
	margin-top : 15px;
	width : 125px;
}

div.panelLeftlistVideos#mostviewed {
	background-image : url( "/web/img/videos-plus-popu.gif" );
}

div.panelLeftlistVideos#lastfolders {
	background-image : url( "/web/img/derniers-dossiers.gif" );
}

div.panelLeftlistVideos2#videosoffolder {
	background-image : url( "/web/img/les-videos-dossier.gif" );
	padding-top : 26px;
}

div.panelLeftlistVideos ul {
	background-color : #E8CDFF;
	padding : 2px;
	padding-top : 10px;
	padding-left : 10px;
}

div.panelLeftlistVideos ul li {
	background-repeat : no-repeat;
	background-position : bottom;
	height : 91px;
	margin-bottom : 15px;
	width : 110px;
}

div#mostviewed a { display : block; height : 90px; cursor : pointer; }

div.panelLeftlistVideos ul li p {
	background-image : url( "/web/img/header-videos-list.gif" );
	background-repeat : no-repeat;
	min-height : 29px;
	padding : 2px;
}
* html div.panelLeftlistVideos ul li p { height : 33px; }

div.panelLeftlistVideos2 ul li {
	background-image : url( "/web/img/bg-arrow-videos-dossier.gif" );
	background-repeat : no-repeat;
	height : 30px;
	margin-bottom : 5px;
	width : 119px;
	padding : 3px;
	padding-top : 0px;
}

div.panelLeftlistVideos ul li a,
div.dlLinks ul li a,
div.panelLeftlistVideos2 ul li a {
	color : #000000;
	font-size : 11px;
}

div.panelLeftlistVideos ul li span,
div.panelLeftlistVideos2 ul li span {
	padding : 2px;
	height : 29px;
	float : left;
}

div.panelLeftlistVideos ul li img,
div.panelLeftlistVideos2 ul li img {
	float : left;
	width : 110px;
}

.imageLayer {
	background-repeat : no-repeat;
	background-position : 0px 34px;
}

#dossiermois .imageLayer {
	background-repeat : no-repeat;
	background-position : 0px 54px;
}

input, select, textarea {
	border : 1px solid #E9F9D4;
	padding : 1px;
}

input.image {
	padding : 0px;
	border : 0px;
}

#inscription {
	background-image : url( "/web/img/inscription-header.jpg" );
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-left : 10px;
}

.largeBox #content {
	padding : 5px;
	width : 703px;
	float : left;
}

#inscription #content {
	background-image : url( "/web/img/fond-bonhommes.gif" );
	background-repeat : no-repeat;
	background-position : bottom right;
}

#inscription #content #intro {
	width : 265px;
	float : left;
}

#content form input, #content form select, #content form textarea {
	padding : 1px;
	color : #EF00E1;
}

#content form ul {
	margin-bottom : 30px;
}

#content form ul li {
	clear : left;
	margin-bottom : 10px;
}

#content form li p.parantheses {
	background-image : url( "/web/img/parentheses-fond-valid-form.gif" );
	background-repeat : no-repeat;
	background-position : center;
	line-height : 48px;
	text-align : center;
	color : #7FDC00;
}

#inscription #content form img {
	margin-bottom : 3px;
}

#content form label {
	width : 130px;
	margin-right : 15px;
	text-align : right;
	float : left;
}

#content form label.needed {
	color : #7FDC00;
}

#inscription #content #intro p {
	background-image : url( "/web/img/je-minscris.gif" );
	background-repeat : no-repeat;
	margin-top : 30px;
	margin-bottom : 10px;
	padding-top : 35px;
	padding-left : 30px;
}

#items {
	float : left;
	width : 675px;
	margin-left : 15px;
	margin-top : 30px;
}

.largeBox {
	width : 715px;
	float : left;
	background-repeat : no-repeat;
}

#lastparutions {
	clear : left;
}

#lastparutions ul {
	background-image : url( "/web/img/dernieres-parutions-header.jpg" );
	background-repeat : no-repeat;
	padding-top : 40px;
	float : left;
}

#lastparutions ul li {
	display : inline;
	margin-right : 7px;
	float : left;
}

li, ol, ul {
	padding : 0px;
	margin : 0px;
	list-style-type : none;
}

#listchannels {
	background-color : #FAE9FC;
	background-image : url( "/web/img/les-chaines-mayanetv.jpg" );
	background-repeat : no-repeat;
	padding-top : 30px;
	padding-left : 5px;
	margin-bottom : 20px;
}

#listchannels ul li {
	display : inline;
	margin-right : 4px;
}

#login {
	background-image : url( "/web/img/connexion-fond.gif" );
	background-repeat : no-repeat;
	background-position : right;
	float : right;
	width : 210px;
	height : 75px;
	padding : 5px;
	padding-top : 10px;
	margin-top : 10px;
}
#login.logged { background-image : url( "/web/img/connexion2.gif" );}
#login.logged p { margin-top : 25px; text-align : right; }
* html #login.logged p { margin-top : 35px;}

#login li {
	text-align : right;
}

#login li input.fieldText {
	background-image : url( "/web/img/fond-input-connexion.jpg" );
	background-repeat : no-repeat;
	background-attachement : fixed;
	width : 92px;
	height : 15px;
	padding-top : 2px;
	padding-left : 5px;
	padding-right : 5px;
}

.noborder {
	border : 0 solid white;
	background-color : white;
}

#page {
	background-image : url( "/web/img/border.jpg" );
	background-repeat : repeat-y;
	margin : auto;
	width : 990px;
}

#pubs {
	width : 248px;
	background-image : url( "/web/img/publicite-header.jpg" );
	background-repeat : no-repeat;
	background-color : #C7DDDA;
	padding-top : 20px;
}

#quisommesnous {
	background-image : url( "/web/img/qui-sommes-nous-header.jpg" );
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-left : 10px;
}
#quisommesnous #content { 
	background-image : url( "/web/img/fond-bonhommes.gif" );
	background-repeat : no-repeat;
	background-position : bottom right;
	border : 1px solid #E3F7DB;
	background-color : white;
	padding-left : 10px;
	width : 698px;
	min-height : 550px;
}
* html #quisommesnous #content {
	height : 550px;
	width : 715px;
}

#quisommesnous #contactMayane { width : 270px; background-image : url( "/web/img/contact-femmeenceinte.jpg" ); background-repeat : no-repeat; padding-top : 250px; float : left; }
#quisommesnous #contactMayane #contactus { width : 238px; background-image : url( "/web/img/nous-contacter-header.jpg" );background-color : #A679CC; background-repeat : no-repeat; float : left; padding-bottom : 5px; }
#quisommesnous #contactMayane #contactus ul { margin-top : 45px; }
#quisommesnous #contactMayane #contactus ul li { clear :left; float : left; margin-bottom : 5px; width : 238px; }
#quisommesnous #contactMayane #contactus ul li div { width : 109px; float : left; padding-left : 5px; padding-right : 5px; }
#quisommesnous #contactMayane #contactus ul li label { text-align : left; font-weight : bold; }
#quisommesnous #contactMayane #contactus ul li input { width : 100px; border : 0px; }
#quisommesnous #contactMayane #contactus ul li select { border : 0px; }
#quisommesnous #aboutMayane { background-image : url( "/web/img/les-coulisses.gif" ); background-repeat : no-repeat; float : left; width : 415px; padding-top : 50px; }

#rightcolumn {
	width : 250px;
	float : right;
	margin-right : 10px;
	margin-top : 30px;
}

#rightcolumn2 {
	width : 205px;
	float : right;
	margin-right : 10px;
}

#search {
	float : right;
	background-image : url( "/web/img/recherche-fond.gif" );
	background-repeat : no-repeat;
	background-position : right;
	padding : 5px;
	width : 210px;
}

#search form {
	padding-left : 30px;
}

#search form input.fieldText {
	background-image : url( "/web/img/fond-input-recherche.jpg" );
	background-repeat : no-repeat;
	background-attachement : fixed;
	width : 118px;
	padding-left : 5px;
	padding-right : 5px;
}

#search form input.image {
	margin-right : 15px;
}

select {
	min-width : 120px;
}

select.date {
	min-width : 30px;
}

*html body select.date {
	width : 30px;
}

#sortedvideos {
	clear : both;
	background-image : url( "/web/img/videos-plus-regardees.jpg" );
	background-repeat : no-repeat;
	padding-top : 40px;
	width : 375px;
	background-color : #EDF9D3;
	float : left;
}

#sortedvideos div.video {
	margin : 2px;
	float : left;
}

#sortedvideos img.thumbVideo {
	border : 2px solid #C2E780;
	float : left;
}

#sortedvideos p {
	float : left;
	border : 3px solid #C2E780;
	border-left : 1px;
	width : 91px;
	height : 53px;
	padding : 2px;
	background-color : white;
}

.textOnLayer {
	position : absolute;
	z-index : 10;
	width : 155px;
	padding-left : 2px;
	padding-right : 2px;
	padding-bottom : 2px;
	margin-top : 40px;
}

#dossiermois .textOnLayer {
	padding-top : 5px;
	margin-top : 54px;
}

#voscoms {
	background-image : url( "/web/img/fond-rond-violet.jpg" );
	background-repeat : no-repeat;
	width : 204px;
	height : 24px;
	line-height : 24px;
	padding-left : 10px;
}

#voscoms a {
	color : white;
	text-decoration : underline;
}

#voscoms a:hover {
	text-decoration : none;
}

#zoomsur {
	float : right;
	width : 214px;
}	

#zoomsur dl {
	margin : 10px;
}

#zoomsur dt {
	margin-top : 45px;
	margin-bottom : 10px;
	font-weight : bold;
}

/* pages Chaines */

body.chaine div.largeBox {
	padding-top : 24px;
	margin-left : 10px;
	width : 715px;
}
div.largeBox #content {
	padding-top : 15px;
}

body.chaine div.largeBox#chaine1 {
	background-image : url( "/web/img/chaine-grossesse-header.jpg" );
	background-color : #F4FFE6;
}

body.chaine div.largeBox#chaine1 #content {
	/border : 1px solid #E3F7DB;
}

body.chaine div.largeBox#chaine2 {
	background-image : url( "/web/img/chaine-accouchement-header.jpg" );
	background-color : #FFF8E8;
}

body.chaine div.largeBox#chaine2 #content {
	border : 1px solid #FFF1D3;
}

body.chaine div.largeBox#chaine3 {
	background-image : url( "/web/img/chaine-bebe-header.jpg" );
	background-color : #F2FAFF;
}

body.chaine div.largeBox#chaine3 #content {
	border : 1px solid #D3EFFF;
}

body.chaine div.largeBox#chaine4 {
	background-image : url( "/web/img/chaine-lesplusmayane-header.jpg" );
	background-color : #FFF5EF;
}

body.chaine div.largeBox#chaine4 #content {
	border : 1px solid #FFE3D3;
}

body.chaine div.largeBox div#presentation {
	height : 333px;
	width : 684px;
	background-repeat : no-repeat;
	margin-left : 7px;
	float : left;
}

body.chaine div.largeBox div#presentation p {
	margin-top : 230px;
	margin-left : 120px;
	margin-right : 10px;
	font-size : 14px;
	font-family : Eurostile, Arial;
}

body.chaine div.largeBox div#listThemes {
	float : left;
	width : 530px;
	margin-top : 15px;
	margin-left : 25px;
}

div#listThemes div {
	background-repeat : no-repeat;
	float : left;
	width : 530px;
	margin-bottom : 5px;
}

div#listThemes div.themeClosed {
	background-image : url( "/web/img/theme-bg-violet-plus.gif" );
}

div#listThemes a.openNodeTheme {
	margin-right : 10px;
	margin-top : 3px;
	width : 13px;
	float : right;
	cursor : pointer;
}

div#listThemes div.themeClosed h5,
div#listThemes div.themeOpened h5 {
	float : left;
	color : white;
	font-weight : bold;
	padding-left : 10px;
}

div#listThemes div.themeClosed div#listArticlesOnTheme {
	display : none;
}

div#listThemes div.themeOpened div#listArticlesOnTheme {
	padding : 5px;
	width : 520px;
}

div#listThemes.channel_1 div.themeOpened div#listArticlesOnTheme, div#listSubjectsOnTopic.chaine1 #listArticles ul { background-color : #E0FEB7; }
div#listThemes.channel_1 div.themeOpened, div#videoArticle div.themeOpened, div#listSubjectsOnTopic.chaine1 #listArticles { background-image : url( "/web/img/top-banner-green.gif" ); }
div#listThemes.channel_2 div.themeOpened div#listArticlesOnTheme, div#listSubjectsOnTopic.chaine2 #listArticles ul { background-color : #F7F2C3; }
div#listThemes.channel_2 div.themeOpened, div#listSubjectsOnTopic.chaine2 #listArticles { background-image : url( "/web/img/top-banner-orange.gif" ); }
div#listThemes.channel_3 div.themeOpened div#listArticlesOnTheme, div#listSubjectsOnTopic.chaine3 #listArticles ul { background-color : #D9F5EC; }
div#listThemes.channel_3 div.themeOpened, div#listSubjectsOnTopic.chaine3 #listArticles { background-image : url( "/web/img/top-banner-blue.gif" ); }
div#listThemes.channel_4 div.themeOpened div#listArticlesOnTheme, div#listSubjectsOnTopic.chaine4 #listArticles ul { background-color : #F7EED1; }
div#listThemes.channel_4 div.themeOpened, div#listSubjectsOnTopic.chaine4 #listArticles { background-image : url( "/web/img/top-banner-red.gif" ); }

div#listThemes div.themeOpened div#listArticlesOnTheme ul li {
	background-position : center right;
	background-repeat : no-repeat;
	background-color : white;
	height : 52px;
	margin-bottom : 5px;
	display : block;
}

div#listThemes div.themeOpened div#listArticlesOnTheme ul li a {
	color : #3F3F3F;
	text-decoration : none;
}

div#listThemes div.themeOpened div#listArticlesOnTheme ul li img {
	margin-right : 5px;
}

div#listThemes.channel_1 div.themeOpened div#listArticlesOnTheme a.moresubjects { float : right; color : #83D100; }
div#listThemes.channel_1 div.themeOpened div#listArticlesOnTheme ul li.hover, div#videoArticle div.themeOpened li.hover, div#listSubjectsOnTopic.chaine1 #listArticles ul li.hover { background-color : #C3FF70; }
div#listThemes.channel_2 div.themeOpened div#listArticlesOnTheme a.moresubjects { float : right; color : #FFBE2C; }
div#listThemes.channel_2 div.themeOpened div#listArticlesOnTheme ul li.hover, div#listSubjectsOnTopic.chaine2 #listArticles ul li.hover { background-color : #FFD577; }
div#listThemes.channel_3 div.themeOpened div#listArticlesOnTheme a.moresubjects { float : right; color : #25B1FE; }
div#listThemes.channel_3 div.themeOpened div#listArticlesOnTheme ul li.hover, div#listSubjectsOnTopic.chaine3 #listArticles ul li.hover { background-color : #B4E6FF; }
div#listThemes.channel_4 div.themeOpened div#listArticlesOnTheme a.moresubjects { float : right; color : #FF833B; }
div#listThemes.channel_4 div.themeOpened div#listArticlesOnTheme ul li.hover, div#listSubjectsOnTopic.chaine4 #listArticles ul li.hover { background-color : #FEB082; }

/* Menu de droite */

ul#listChannelsSmall li {
	margin-bottom : 5px;
}

div#mayaneetvous {
	background-image : url( "/web/img/mayane-et-vous.jpg" );
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-top : 25px;
}

div#mayaneetvous ul {
	background-color : #EBF8D4;
	padding-top : 5px;
}

div#mayaneetvous ul li {
	text-align : center;
	margin-bottom : 5px;
}

div#rightcolumn2 #dossiermois .imageLayer {
	background-repeat : no-repeat;
	background-position : 0px 34px;
}

div#rightcolumn2 #dossiermois .textOnLayer {
	padding-top : 5px;
	margin-top : 34px;
	width : 205px;
}

#dossiermois a { color : #042E3E; }

/* Page Liste des sujets du thème */

div#listSubjectsOnTopic {
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-left : 10px;
	width : 715px;
}

div#listSubjectsOnTopic.chaine1 { background-image : url( "/web/img/chaine-grossesse-header.jpg" ); background-color : #F4FFE6; }
div#listSubjectsOnTopic.chaine2 { background-image : url( "/web/img/chaine-accouchement-header.jpg" ); background-color : #FFF8E8; }
div#listSubjectsOnTopic.chaine3 { background-image : url( "/web/img/chaine-bebe-header.jpg" ); background-color : #F2FAFF; }
div#listSubjectsOnTopic.chaine4 { background-image : url( "/web/img/chaine-lesplusmayane-header.jpg" ); background-color : #FFF5EF; }

div#listSubjectsOnTopic div#presentation {
	height : 182px;
	width : 449px;
	background-repeat : no-repeat;
	margin-left : 7px;
	padding-left : 235px;
	background-color : white;
}

div#listSubjectsOnTopic div#presentation p {
	font-size : 14px;
	font-family : Eurostile, Arial;
	clear : left;
}

div#listSubjectsOnTopic div#presentation h4.header {
	color : #92F60E;
	font-weight : bold;
	font-size : 24px;
	font-family : Eurostile, Arial;
	margin-top : 10px;
	margin-bottom : 10px;
	float : left;
}

div#listSubjectsOnTopic div#listArticles {
	float : left;
	background-repeat : no-repeat;
	width : 530px;
	margin-top : 15px;
	margin-left : 25px;
	padding-top : 20px;
}

div#listSubjectsOnTopic div#listArticles ul { padding : 5px; }

div#listSubjectsOnTopic div#listArticles ul li {
	background-position : center right;
	background-repeat : no-repeat;
	background-color : white;
	height : 52px;
	margin-bottom : 5px;
	display : block;
}

div#listSubjectsOnTopic div#listArticles ul li a {
	color : #3F3F3F;
	text-decoration : none;
}

div#listSubjectsOnTopic div#listArticles ul li img {
	margin-right : 5px;
}

/* Présentation des vidéos */

div#videoArticle {
	background-image : url( "/web/img/top-banner-green-large.jpg" );
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-left : 10px;
	width : 715px;
}

div#videoArticle #content {
	background-color : #F4FFE6;
}

div#videoArticle div#presentation {
	height : 182px;
	width : 449px;
	background-repeat : no-repeat;
	margin-left : 7px;
	padding-left : 235px;
	background-color : white;
}

div#videoArticle #content #videoOptions {
	width : 150px;
	float : left;
	margin-left : 7px;
}

div#folderMonthSubject #content #videoHeader,
div#videoArticle #content #videoHeader {
	padding-left : 170px;
	margin-bottom : 10px;
	margin-left : 7px;
}
div#videoArticle #content #videoHeader h4.header {
	color : #92F60E;
	font-weight : bold;
	font-size : 24px;
	font-family : Eurostile, Arial;
	margin-top : 10px;
}

div#videoArticle div#tagsList {
	margin-left : 5px;
	margin-top : 5px;
	height : 180px;
	width : 120px;
	font-size : 11px;
}

div#videoArticle div#tagsList a {
	color : #F900EA;
}


div#videoArticle div#resume {
	background-image : url( "/web/img/top-banner-green.gif" );
	background-repeat : no-repeat;
	margin-top : 15px;
	margin-left : 15px;
	float : left;
	width : 530px;
}

div#videoArticle div#resume p#links {
	padding-left : 10px;
}

div#videoArticle div#resume p#links a {
	line-height : 20px;
	font-size : 15px;
	text-decoration : none;
	color : #C2E980;
	padding-left : 5px;
	font-family : Eurostile, Arial;
	cursor : pointer;
}

div#videoArticle div#resume p#links a.active {
	color : #FFFFFF;
}

div#videoArticle div#resume p#links a:first-child {
	border-right : 1px solid #FFFFFF;
	padding-right : 7px;
}

div#videoArticle div#resume p#links a:hover {
	text-decoration : underline;
}

div#videoArticle div#resume div.contener {
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	background-color : #E0FEB7;
	float :left;
}

div#videoArticle div#resume div.contener div#cont_resume {
	border : 1px solid #A5FB2F;
	border-top : 0px;
	background-color : #FFFFFF;
	padding : 5px;
	float :left;
	width : 508px;
}

div#videoArticle div#resume div.contener #cont_comments {
	padding-top : 5px;
	display : none;
}

div#videoArticle div#resume div.contener textarea,
div#videoArticle div#resume div.contener input {
	border : 1px solid #A5FB2F;
}

div#videoArticle div#resume div.contener #cont_comments label {
	margin-bottom : 10px;
	float : left;
}

*html div#videoArticle div#resume div.contener #cont_comments label {
	line-height : 16px;
	margin-bottom : 5px;
}

div#videoArticle div#resume div.contener #cont_comments textarea {
	width : 515px;
}

div#commentaires {
	background-image : url( "/web/img/top-banner-purple.gif" );
	background-repeat : no-repeat;
	margin-top : 15px;
	margin-left : 15px;
	float : left;
	width : 530px;
}

div#commentaires h4.header {
	line-height : 20px;
	font-size : 15px;
	text-decoration : none;
	color : #FFFFFF;
	padding-left : 5px;
	font-family : Eurostile, Arial;
}

div#commentaires dt {
	margin-top : 5px;
	font-weight : bold;
	background-position : left top;
	float : left;
}
div#commentaires dt span {
	float : right;
	margin-right : 5px;
}

dt.blocorange, dt.blocvert, dt.blocbleu {
	height : 18px;
	font-size : 15px;
	color : #FFFFFF;
	padding-left : 5px;
	background-repeat : no-repeat;
	float : left;
}
* html div#commentaires dt { margin-bottom : -2px; }
dt.blocorange { background-image : url( "/web/img/rond-gauche-orange.gif" ); }
dt.blocvert { background-image : url( "/web/img/rond-gauche-vert.gif" ); }
dt.blocbleu { background-image : url( "/web/img/rond-gauche-bleu.gif" ); }

dd.blocorange {
	line-height : 20px;
	background-color : #FFFFFF;
	padding-left : 10px;
	border-left : 2px solid #FFCC5B;
	float : left;
	width : 518px;
}
dd.blocvert {
	line-height : 20px;
	background-color : #FFFFFF;
	padding-left : 10px;
	border-left : 2px solid #A9F93A;
	float : left;
	width : 518px;
}

dd.blocbleu {
	line-height : 20px;
	background-color : #FFFFFF;
	padding-left : 10px;
	border-left : 2px solid #55BDFC;
	float : left;
	width : 518px;
}

/* Dossier du mois */
div#folderMonth,
div#folderMonthSubject,
div#listFolders {
	background-image : url( "/web/img/top-banner-dossiermois.gif" );
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-left : 10px;
	width : 715px;
}

div#folderMonth #content,
div#folderMonthSubject #content,
div#listFolders #content {
	border : 1px solid #F6D3FF;
}

div#folderMonth #content div#folderHeader {
	background-repeat : no-repeat;
	height : 180px;
	margin-left : 7px;
	padding : 3px;
	float : left;
	width : 690px;
}

div#folderMonth #content div#folderHeader img {
	margin-left : 10px;
	margin-top : 70px;
	float : left;
}

div#folderMonth #content div#folderHeader h4.header {
	margin-left : 10px;
	margin-top : 80px;
	line-height : 20px;
	color : #FFFFFF;
	font-size : 24px;
	padding-left : 15px;
	font-family : Eurostile, Arial;
	float : left;
	margin-bottom : 0px;
}

div#folderMonth #content div#folderHeader p {
	margin-left : 120px;
	margin-top : 0px;
	clear : left;
	font-size : 24px;
	color : #FFFFFF;
}

div#folderMonth div#resume,
div#folderMonthSubject div#resume {
	background-image : url( "/web/img/top-banner-purple-degrade.gif" );
	background-repeat : no-repeat;
	margin-top : 15px;
	margin-left : 15px;
	float : left;
	width : 530px;
}

div#folderMonth div#resume p#links,
div#folderMonthSubject div#resume p#links {
	padding-left : 10px;
}

div#folderMonth div#resume p#links a,
div#folderMonthSubject div#resume p#links a {
	line-height : 20px;
	font-size : 15px;
	text-decoration : none;
	color : #E380FC;
	padding-left : 5px;
	font-family : Eurostile, Arial;
	cursor : pointer;
}

div#folderMonth div#resume p#links a.active,
div#folderMonthSubject div#resume p#links a.active {
	color : #FFFFFF;
}

div#folderMonth div#resume p#links a:first-child,
div#folderMonthSubject div#resume p#links a:first-child {
	border-right : 1px solid #FFFFFF;
	padding-right : 7px;
}

div#folderMonth div#resume p#links a:hover,
div#folderMonthSubject div#resume p#links a:hover {
	text-decoration : underline;
}

div#folderMonth div#resume div.contener,
div#folderMonthSubject div#resume div.contener {
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	background-color : #F0B6FF;
}

div#folderMonth div#resume div.contener div#cont_resume,
div#folderMonthSubject div#resume div.contener div#cont_resume {
	border : 1px solid #E475FF;
	border-top : 0px;
	background-color : #FFFFFF;
	padding : 5px;
}

div#folderMonth div#resume div.contener #cont_comments,
div#folderMonthSubject div#resume div.contener #cont_comments {
	padding-top : 5px;
	display : none;
}

div#folderMonth div#resume div.contener textarea,
div#folderMonth div#resume div.contener input,
div#folderMonthSubject div#resume div.contener textarea,
div#folderMonthSubject div#resume div.contener input {
	border : 1px solid #E475FF;
}

/* Article d'un dossier */

div#folderMonthSubject #content #videoInformations,
div#folderSubject #content #videoInformations {
	background-color : #FFFFFF;
	width : 690px;
	margin-left : 5px;
	padding-bottom : 5px;
}

div#folderMonthSubject #content #videoInformations #videoOptions,
div#folderSubject #content #videoInformations #videoOptions {
	width : 150px;
	float : left;
	padding-right : 20px;
	margin-top : 0px;
	margin-left : 0px;
}

div#folderMonthSubject #content #videoInformations #videoOptions h4.header,
div#folderSubject #content #videoInformations #videoOptions h4.header {
	width : 146px;
	font-size : 18px;
	padding : 2px;
	padding-top : 10px;
	padding-bottom : 10px;
	font-family : Eurostile, Arial;
	color : #FFFFFF;
	margin-bottom : 10px;
}

div#folderMonthSubject #content #videoInformations #videoOptions ul,
div#folderSubject #content #videoInformations #videoOptions ul {
	margin-bottom : 20px;
	margin-left : 10px;
}

div#folderMonthSubject #content #videoInformations #videoHeader h4.header,
div#folderSubject #content #videoInformations #videoHeader h4.header {
	color : #D425FF;
	font-weight : bold;
	font-size : 24px;
	font-family : Eurostile, Arial;
	margin-top : 10px;
	margin-left : 15px;
	float : left;
}

div#folderMonthSubject #content,
div#folderSubject #content,
div#listFolders #content {
	background-color : #FAE6FF;
}

div#listFolders #content #leftPanel;
div#listActus #content #leftPanel {
	margin-top : 10px;
	margin-left : 10px;
	float : left;
}

div#listFolders #content #listFoldersPanel {
	margin-top : 10px;
	margin-left : 15px;
	float : left;
	background-image : url( "/web/img/top-banner-purple-degrade.gif" );
	background-repeat : no-repeat;
	padding-top : 20px;
	float : right;
	width : 530px;
}

div#listFolders #content #listFoldersPanel ul {
	background-color : #F4C7FF;
	padding : 5px;
}

div#listFolders #content #listFoldersPanel ul li {
	background-color : #FFFFFF;
	margin-bottom : 5px;
	height : 52px;
}

div#listFolders #content #listFoldersPanel ul li.hover {
	background-color : #EC9FFF;
}

div#listFolders #content #listFoldersPanel ul li img {
	margin-right : 5px;
}

div#listFolders #content #listFoldersPanel ul li a {
	color : #3F3F3F;
	text-decoration : none;
}

/* Actus */
div#listActus {
	background-image : url( "/web/img/actualites-header.jpg" );
	background-repeat : no-repeat;
	padding-top : 24px;
	margin-left : 10px;
	width : 715px;
}

div#listActus #content {
	background-color : #F4FFE6;
}

div#listActus #content #leftPanel {
	margin-top : 10px;
	margin-left : 10px;
	float : left;
	width : 145px;
}

div#listActus #content #listActusPanel {
	margin-top : 10px;
	margin-left : 10px;
	float : left;
	background-image : url( "/web/img/top-banner-green.gif" );
	background-repeat : no-repeat;
	padding-top : 20px;
	float : left;
	width : 530px;
}

div#listActus #content #listActusPanel ul {
	background-color : #E0FEB7;
	padding : 5px;
}

div#listActus #content #listActusPanel ul li {
	background-color : #FFFFFF;
	margin-bottom : 5px;
	height : 52px;
}

div#listActus #content #listActusPanel ul li.hover {
	background-color : #C3FF70;
}

div#listActus #content #listActusPanel ul li img {
	margin-right : 5px;
}

div#listActus #content #listActusPanel ul li a {
	color : #3F3F3F;
	text-decoration : none;
}

div#listActus #content #actuInfos {
	background-color : white;
	width : 690px;
	margin-top : 10px;
	margin-left : 10px;
	float : left;
	display : none;
}
* html div#listActus #content #actuInfos { width : 670px; }

div#mayaneetvous #content #articleInfos img,
div#listActus #content #actuInfos img {
	margin-right : 15px;
}

div#mayaneetvous #content #articleInfos div,
div#listActus #content #actuInfos div {
	margin : 0px 0px 5px 0px;
	float : left;
	width : 485px;
	text-align : justify;
}

div#mayaneetvous #content #articleInfos h4.header,
div#listActus #content #actuInfos h4.header {
	color : #92F60E;
	font-weight : normal;
	font-size : 18px;
	margin-top : 10px;
	margin-bottom : 10px;
}

div#headerImg {
	margin-top : 10px;
	margin-left : 10px;
	margin-bottom : 5px;
	float : left;
}

/* Mentions légales */
div.largeBox#mentionsLegales {
	background-image : url( "/web/img/mentionslegales-header.jpg	" );
	margin-left : 10px;
	padding-top : 24px;
}

div.largeBox#mentionsLegales h4.header {
	background-image : url( "/web/img/top-banner-purple-large.gif" );
	background-repeat : no-repeat;
	padding-left : 10px;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 16px;
	font-family : Eurostile, Arial;
	margin-top : 10px;
}
div.largeBox#partenaires div#content,
div.largeBox#mentionsLegales div#content,
div.largeBox#mayaneetvous div#content {
	border : 1px solid #E3F7DB;
	background-color : #F4FFE6;
	padding-left : 10px;
	width : 698px;
}

div.largeBox#mentionsLegales div#content p.articleContent {
	background-color : white;
	width : 667px;
	padding : 10px;
}

/* Partenaires */
div.largeBox#partenaires {
	background-image : url( "/web/img/partenaires-header.jpg" );
	margin-left : 10px;
	padding-top : 24px;
}

div.largeBox#partenaires h4.header {
	background-image : url( "/web/img/top-banner-purple-large.gif" );
	background-repeat : no-repeat;
	padding-left : 10px;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 16px;
	font-family : Eurostile, Arial;
	margin-top : 10px;
}

div.largeBox#partenaires div#content p.articleContent {
	background-color : white;
	width : 667px;
	padding : 10px;
}

/* Mayane et vous */
div.largeBox#mayaneetvous {
	background-image : url( "/web/img/mayane-et-vous-header.jpg" );
	margin-left : 10px;
	padding-top : 24px;
}
div.largeBox#mayaneetvous #listArticlePanel {
	margin-top : 10px;
	margin-left : 15px;
	float : left;
	background-image : url( "/web/img/top-banner-green.gif" );
	background-repeat : no-repeat;
	padding-top : 20px;
	float : left;
	width : 530px;
}
div.largeBox#mayaneetvous div#listArticlePanel ul li {
	background-position : center right;
	background-repeat : no-repeat;
	background-color : white;
	height : 52px;
	margin-bottom : 5px;
	display : block;
}

div.largeBox#mayaneetvous #articleInfos {
	background-color : white;
	width : 690px;
	margin-left : 10px;
	float : left;
}

/* Post Video */
div.largeBox#uservideo {
	background-image : url( "/web/img/mayane-et-vous-header.jpg" );
	background-color : #F4FFE6;
	padding-top : 24px;
	margin-left : 10px;
}
div.largeBox#uservideo div#formupload {
	float : left;
	background-image : url( "/web/img/top-banner-green.gif" );
	background-repeat : no-repeat;
	width : 530px;
	margin-top : 15px;
	margin-left : 25px;
}
div.largeBox#uservideo div#formupload h5.header {
	margin-left : 10px;
}
div.largeBox#uservideo div#formupload div.content {
	float : left;
	width : 530px;
}

div.largeBox#recherche {
	background-image : url( "/web/img/top-banner-recherche.jpg" );
}

div.largeBox#recherche div#listItems {
	float : left;
	width : 530px;
	margin-top : 15px;
	margin-left : 25px;
}

div.largeBox#recherche div#listItems div.resultSearch {
	background-repeat : no-repeat;
	width : 530px;
	margin-top : 10px;
}

div.largeBox#recherche div#listItems div.resultSearch ul {
	padding : 5px;
	width : 520px;
}

div.largeBox#recherche div#listItems div.resultSearch ul li {
	background-position : center right;
	background-repeat : no-repeat;
	background-color : white;
	height : 52px;
	margin-bottom : 5px;
	display : block;
}
div.largeBox#recherche div#listItems div.resultSearch ul li img { margin-right : 5px; }

div.resultSearch.resultGreen { background-image : url( "/web/img/top-banner-green.gif" ); }
div.resultSearch.resultBlue { background-image : url( "/web/img/top-banner-blue.gif" ); }
div.resultSearch.resultRed { background-image : url( "/web/img/top-banner-red.gif" ); }
div.resultSearch.resultOrange { background-image : url( "/web/img/top-banner-orange.gif" ); }
div.resultSearch.resultPurple { background-image : url( "/web/img/top-banner-purple-degrade.gif" ); }

div.resultSearch.resultGreen ul { background-color : #E0FEB7; }
div.resultSearch.resultBlue ul { background-color : #D9F5EC; }
div.resultSearch.resultRed ul { background-color : #F7EED1; }
div.resultSearch.resultOrange ul { background-color : #F7F2C3; }
div.resultSearch.resultPurple ul { background-color : #F0DEEC; }