/*****************************************
CSS M6 Chat
creation : 4 octobre 2007
modification : 23 novembre 2007
*******************************************/
body {background:white;text-align:center;margin:0;padding:0 0 20px 0;font:normal 11px Arial, Helvetica, sans-serif;}
#global {position:relative;margin:0 auto;width:1030px;text-align:left;scrollbar-base-color:#d0d5de;}
#general {width:1030px;background:url(/templates/m6/skins/general.jpg) repeat-y;padding-top:20px}
* {margin:0;padding:0;}
img {border:0}
ul{list-style:none}

a {text-decoration:none;color:black}
a:hover {text-decoration:underline;}

.floatLeft {float:left}
.floatRight {float:right}
.clear {clear:both;height:0;overflow:hidden}

.verticalAlignTop {vertical-align:top}
.verticalAlignMiddle {vertical-align:middle}
.marginTop {margin-top:10px}
.marginRight {margin-right:10px}
.marginBottom {margin-bottom:10px}
.marginLeft {margin-left:10px}
.textAlignRight {text-align : right}
.textAlignCenter {text-align : center}
.displayNone {display:none}
.cache {text-indent:-5000px;font-size:0px;line-height:1px;text-decoration:none;}
#metabarre {position:absolute !important;top:0px !important;left:13px !important;}

/************************************/
/* HEADER
/************************************/
#header {position:relative;height:132px;width:1004px;margin:0 auto}
#header h1 a{position:absolute;left:83px;top:15px;background:url(/templates/m6/skins/m6chat.png) no-repeat;width:102px;height:97px;display:block}
#pubHeader {position:absolute;top:16px;left:255px;}

/************************************/
/* MAIN
/************************************/
#main {width:1004px;margin:0 auto}
#content {float:left;width:814px;margin:0 0 0 10px;display:inline;background:url(/templates/m6/skins/content.png) repeat-y;}
#contentTop {width:814px;background:url(/templates/m6/skins/content-top.jpg) no-repeat top;min-height:185px;}
#contentBottom {width:814px;background:url(/templates/m6/skins/content-bottom.jpg) no-repeat bottom;min-height:316px;}
#right {float:left;width:160px;margin:0 0 0 10px;display:inline}

/************************************/
/* BLOCS COMMUNS
/************************************/

#navTop {padding:8px 0 0 24px; list-style:none;}
#navTop li {float:left;background:url(/templates/m6/skins/navtop.jpg) no-repeat left bottom;margin:0 5px 0 0;padding:0 0 0 3px;}
#navTop a {float:left;display:block; background:url(/templates/m6/skins/navtop.jpg) no-repeat right bottom;padding:0 23px 0 20px;text-decoration:none;line-height:29px;font-weight:bold;color:#b2bccf;font-size:14px;font-weight:bold}
#navTop a:hover { color:#a41d08}
#navTop .current {background:url(/templates/m6/skins/navtop.jpg) no-repeat left top}
#navTop .current a {background:url(/templates/m6/skins/navtop.jpg) no-repeat right top;color:white}
#navTop .current a:hover {color:white}
/************************************/
/* FOOTER (INCLUDES)
/************************************/
#footer {clear:both;height:44px;background:url(/templates/m6/skins/footer.jpg) no-repeat;text-align:center;color:#b2bccf;font-weight:bold}

/************************************/
/* HOME PAGE
/************************************/
#pageHome #chatsEvenement {float:left;width:482px;height:306px;background:url(/templates/m6/skins/evenement.jpg) no-repeat;margin:10px 0 0 24px;color:white;display:inline;padding-left:34px;}
#pageHome #chatsEvenement h2{color:white;font-size:22px;padding:5px 0 10px 0}
#pageHome #chatsEvenement .chat{width:240px;float:left;margin:0 0 0 0;padding-right:0;display:inline;overflow:hidden}
#pageHome #chatsEvenement .chat h3 a{color:white;font-size:18px}
#pageHome #chatsEvenement .chat img{border:2px solid white;margin-top:3px}
#pageHome #chatsEvenement .chat .date{font-weight:bold;margin:10px 0 15px 0}
#pageHome #chatsEvenement .chat .acces{display:block;background:url(/templates/m6/skins/acces.png) no-repeat 0 2px;color:white;padding:0px 0 0px 30px}

#pageHome #chatsLibre {float:left;width:251px;height:310px;background:url(/templates/m6/skins/libre.jpg) no-repeat;margin:10px 0 0 10px;color:#676f7c;display:inline; position:relative;visibility:hidden;left:-5000px;overflow:hidden}
#pageHome #chatsLibre h2{font-size:22px;padding:5px 0 0 15px}

#pageHome #chatsLibre .fleche{text-align:center;padding:7px 0}
#pageHome #chatsLibre .fleche img{cursor:pointer}

#pageHome #chatsLibre ul{font:11px normal Arial, Helvetica, sans-serif}
#pageHome #chatsLibre li {height:31px}
#pageHome #chatsLibre li a{width:250px;height:30px;display:block;border-top:1px solid #d8e0ef;color:black;text-decoration:none}
#pageHome #chatsLibre li a strong{color:#036}
#pageHome #chatsLibre li a:hover, #pageHome #chatsLibre li a:hover strong{background:#036;color:white}
#pageHome #chatsLibre img {border:0}
#pageHome #chatsLibre span {width:50%;display:block;text-align:center;float:left;line-height:30px;height:30px}

#pageHome #chatsPrecedents {width:780px;bottom;padding:10px 0 30px 24px;}
#pageHome #chatsPrecedents h2{font-size:22px;color:#e72608;}

#pageHome #motioncontainer {width:780px; height:87px;margin:8px 0 0 0px;cursor:e-resize;background:url(/templates/m6/skins/motioncontainer.png) repeat-x }
#pageHome #motioncontainer a{position:relative;width:136px;height:85px;margin-right:6px}
#pageHome #motioncontainer a:hover {cursor:pointer;text-decoration:none}
#pageHome #motioncontainer a img {margin:0 5px;width:136px;height:85px}
#pageHome #motioncontainer .filtre{position:absolute;bottom:3px;left:5px;width:136px;height:30px;background:white;opacity:.60;filter:alpha(opacity=60);-moz-opacity:.60;}
#pageHome #motioncontainer a:hover .filtre{background:#871908;}
#pageHome #motioncontainer .nom{position:absolute;bottom:3px;left:5px;width:130px;height:28px;display:block;font-size:11px;font-weight:bold;font-family:arial;color:#871908;line-height:12px;padding-left:8px;overflow:hidden}
#pageHome #motioncontainer a:hover .nom{color:white;}
#pageHome #motioncontainer #right {width:20px;height:85px;z-index:10;position:absolute;top:1px;right:0px}
#pageHome #motioncontainer #left {width:20px;height:85px;z-index:10;position:absolute;top:1px;left:0px}

/************************************/
/* PAGE CHATS PRECEDENTS
/************************************/
#pageChatsPrecedents #chatsPrecedent {float:left;width:515px;}
#pageChatsPrecedents h2{color:#d22308;font-size:22px;padding:10px 0 10px 40px}
#pageChatsPrecedents #chatsPrecedent table{width:470px;border-collapse:collapse;margin:0 0 0 24px}
#pageChatsPrecedents #chatsPrecedent table td {padding:15px 0}
#pageChatsPrecedents #chatsPrecedent table .points {height:1px;background:url(/templates/m6/skins/point-rouge.png) repeat-x 0 0;padding:0}
#pageChatsPrecedents #chatsPrecedent .colPhoto{width:99px;text-align:center;}
#pageChatsPrecedents #chatsPrecedent .colTexte{width:199px;text-align:left;font-weight:bold}
#pageChatsPrecedents #chatsPrecedent .colTexte a{color:black}
#pageChatsPrecedents #chatsPrecedent .colTexte span{color:#d22308}
#pageChatsPrecedents #chatsPrecedent .colLiens{width:58px;text-align:center}
#pageChatsPrecedents #chatsPrecedent .colLiens a{display:block;line-height:26px;font-weight:bold;color:#acb4c2;width:58px;height:26px;background:url(/templates/m6/skins/voir.png) no-repeat 0 0;}
#pageChatsPrecedents #chatsPrecedent .colLiens a:hover{background-position:0 -26px;color:white;text-decoration:none}
#pageChatsPrecedents #chatsPrecedent .colIcon{text-align:right}
#pageChatsPrecedents #pagination {line-height:31px;height:31px;width:470px;text-align:center;margin:10px 0 20px 24px;display:block}
#pageChatsPrecedents #pagination img {vertical-align:middle}
#pageChatsPrecedents #pagination a {margin:0 15px}

#pageChatsPrecedents #tools{float:left;background:#e1e5ec;width:244px;padding:20px}
#pageChatsPrecedents #recherche .field{color:black;border:1px solid #f20e01;padding:1px;background:#f2f3f7;width:180px}
#pageChatsPrecedents #recherche .submit{color:#acb4c2;font-weight:bold;border:1px solid #acb4c2;background:#f2f4f7;font-size:14px;padding:0 5px;margin-left:10px}
#pageChatsPrecedents #categories {margin-top:30px}
#pageChatsPrecedents #categories .icones{background:#ebedf2;width:218px;padding:20px 0 0 15px;margin-top:5px}
#pageChatsPrecedents #categories a{display:block;float:left;width:67px;height:80px;text-align:center;color:black;}
#pageChatsPrecedents #categories a:hover{color:#d22308;text-decoration:none}
#pageChatsPrecedents #rechercheEvenement {margin-top:30px}
#pageChatsPrecedents #rechercheEvenement ul{width:189px;height:144px;overflow:auto;border:1px solid #b2bccf;background:#ebedf2;overflow-x:hidden;margin-top:5px}
#pageChatsPrecedents #rechercheEvenement ul a{width:189px;display:block;padding:0 20px}
#pageChatsPrecedents #rechercheEvenement ul a:hover{background:#d22308;color:white;text-decoration:none}

.pageDetail #description {width:765px;margin:0 auto;background:#ebedf2;padding:10px 0}
.pageDetail #description h3 {font-size:18px;font-weight:bold;color:#d22308;margin-bottom:10px}
.pageDetail #description .visuel {border:2px solid white;float:left;margin:0 20px 0 30px}
.pageDetail #description #pictos{float:right;margin-right:10px;display:inline}
.pageDetail #description #pictos li {display:inline}
.pageDetail #description #pictos li a{display:block;float:left;margin-left:5px;text-align:center;width:60px}
.pageDetail #description #pictos li a:hover{color:#d22308;text-decoration:none}
.pageDetail #description #pictos li.musicbrigade a{width:auto;margin-right:10px}

.pageDetail #navChat {width:765px;margin:0 auto;background:#ebedf2;margin-top:1px}
.pageDetail #navChat li{background:url(/templates/m6/skins/puce-carre.png) no-repeat 0 4px;display:inline;padding-left:10px;margin:0 20px 0 40px;line-height:20px}
.pageDetail #navChat li .current{color:#d22308;font-weight:bold}

.pageDetail #presentation {text-align:center}
.pageDetail #presentation img{border:4px solid black;margin:10px 0 0 0}
.pageDetail #textePresentation {text-align:left;margin:20px 50px}

.pageDetail #transcript {margin:40px 50px}
.pageDetail #transcript dt{color:#ff3200}
.pageDetail #transcript dd{margin-bottom:10px}

.pageDetail #webcam{border:1px solid black;padding:10px;width:384px;height:348px;margin:25px auto}
.pageDetail #livredor {text-align:center}
.pageDetail #livredor img{border:1px solid black;margin:20px}
.pageDetail #pagination {width:767px !important}