* {margin: 0; padding: 0;}


/* basic elements */
html,body {
	height: 100%;
}
body {
	background: #DEDCEF;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	font-size:12px;
	color:#240A4B;
}

a:hover {
	text-decoration:underline;
}
a {
	text-decoration:none;
	color:#240A4B;
}
#conteneur {
	width:900px;
	border-left:1px solid #352B68;
	border-right:1px solid #352B68;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height:100%;
	background:#F8F7FD;
}

#header h1 span {
	display:none;
}

#header h1 {
	background:url("img/logo.jpg") no-repeat scroll 20px 10px #FFFFFF;
	height:105px;
	width:900px;
}

#slogan {
	margin-left:374px;
	margin-top:-239px;
	position:absolute;
}

#menu {
	background:#FFFFFF url('img/menu_bg.png') repeat-x;
	width:879px;
	height:40px;
	padding-left:20px;

	margin-left:1px;
	color:#38176A;
	font-family: Verdana;
	font-size: 13px;
	font-weight:bold;
}
#menu img {
	margin-left:5px;
	margin-right:5px;
	border:0;
	float:left;
}
#menu a {
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color:#4D2090;
}
#menu .menudiv {
	height:30px;
	float:left;
	padding-top:12px;
}

#menu .menudiv a:hover {
	color:red;
}
#menu_boutons {
	height:170px;
	margin-left:16px;
	margin-bottom:5px;
}
#menu_boutons .menubtn {
	height:165px;
	float:left;
	margin-right:9px;
	width:167px;
}
#menu_boutons .menubtn img {
	border:0;
}
#menu_boutons .menubtn a {
	display:block;
	height:165px;
	width:165px;
}
#menu_boutons .menubtn a img {
	display:none;
}
#menu_boutons .menubtn a:hover img {
	display:block;
}
	
#content {
	background:#FFFFFF;
	float:left;
	width:900px;
}

#amis_gauche, #amis_droite {
	border:1px solid #240A4B;
	width: 125px;
	height:auto;
	padding:3px;
}

#amis_gauche li, #amis_droite li {
	margin-top:10px;
	margin-bottom:10px;
	list-style-type:none;
	text-align:center;
}

#amis_gauche {
	margin-left:10px;
	position:absolute;
	top:320px;
	left:0px;
}


#amis_droite {
	margin-left:10px;
	float:left;
}

#centre {
	padding-left:147px;
	float:left;
	margin-bottom:20px;
	width:600px;
}
#videos {

}

#footer {
	background:#F8F7FD;
	border-top:1px solid #DEDDEF;
	float:left;
	width:900px;
	height:auto;
}

#sitemap {
	background:#F8F7FD url('img/sitemap_fade.png') repeat-x;
	padding-top:10px;
	padding-bottom:10px;
	height:80px;
}

#sitemap ul.sitemap_links {
	float:left;
	width:150px;
	margin-left:55px;
	list-style-type:none;
	font-size:10px;
	color:#4E317C;
}

#sitemap ul.sitemap_links li.li_header {
	list-style-type:none;
	margin-left:-10px;
	font-size:12px;
	color:#4E317C;
	font-weight:bold;
	padding-bottom:4px;
}

#sitemap a{
	color:#4E317C;
}

#partenaires {
	float:left;
	width:900px;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
	margin:0 auto;
}
#partenaires a {
	margin-left: 5px;
}

#copyright {
	float:left;
	width:900px;
	text-align:center;
	padding-bottom:10px;
	color:silver;
}


.spacer {
	clear:both;
}

.video {
	width:190px;
	height:220px;
	border:1px solid #240A4B;
	float:left;
	margin: 7px 0px 0px 7px;
	background-color:#DEDCEF;
}

.video h2 {
	background:#1F073A url('img/header_video.png') no-repeat;
	width:190px;
	height:28px;
}

.video h2 p {
	text-align:center;
	font-size:10px;
	color:white;
	padding-top:5px;
}

.video div {
	margin-top:4px;
	margin-left:8px;
}

.video p {
	padding-top:5px;
	color:#240A4B;
	text-align:center;
	font-size:11px;
}

.video img {
	border:0;
}

.video2 {
	height:80px;
	margin:7px 0 0 11px;
	width:500px;
	clear:both;
}

.video2 div {
	margin-left:8px;
	margin-top:4px;
}

.video2 h2 p {
	color:#1F073A;
	font-size:10px;
	padding-top:5px;
	text-align:left;
}
.video2 p {
	color:#1F073A;
	font-size:11px;
	padding-top:5px;
	text-align:left;
}
.video2 img {
	border:0;
	margin-right:3px;
}
.video2 div h2 a {
	font-size:11px;
	padding-top:5px;
	text-align:left;
	text-decoration:underline;
}

#player {
	text-align:center;
	float:left;
}

#player_right {
	float:left;
}

#video_desc {
	width:600px;
	float:left;
}

#contact{
	padding-left:50px;	
	margin-top:20px;
}
#contact p{
	margin-bottom:20px;
}
#contact input, #contact textarea {
	border:1px solid #1F073A;
	width:250px;
}

#banner_header {
	left:361px;
	position:absolute;
	top:10px;
}

#lienphoto {
	background:DarkSalmon url(img/photo.png) no-repeat scroll 10px 10px;
	border:1px solid red;
	height:70px;
	margin-bottom:20px;
	margin-left:10px;
	margin-top:20px;
	padding-left:80px;
	padding-top:10px;
	cursor:pointer;
}

.photobite {
	float:left;
	margin:1px 0 0 1px;
}

.photobite img:hover {
	border:2px solid red;
}

.tag12 {
	font-size:10px;
	color:#E156FF;
}
.tag13 {
	font-size:13px;
	color:#65FF38;
}
.tag14 {
	font-size:14px;
	color:#C8EE00;
}
.tag15 {
	font-size:15px;
	color:#566D00;
}
.tag16 {
	font-size:16px;
	color:#384200;
}
.tag17 {
	font-size:17px;
	color:#EE5100;
}
.tag18 {
	font-size:18px;
	color:#FF194F;
}
.tag19 {
	font-size:19px;
	color:#B300BA;
}
.tag20 {
	font-size:20px;
	color:#FF16AA;
}
.tag21 {
	font-size:21px;
	color:#6900BF;
}
.tag22 {
	font-size:22px;
	color:#2A007A;
}
.tag23 {
	font-size:23px;
	color:#3F1AFF;
}
.tag24 {
	font-size:24px;
	color:#3EFFB1;
}
.tag25 {
	font-size:25px;
	color:#07FF50;
}
.tag26 {
	font-size:26px;
	color:#003D03;
}
.tag27 {
	font-size:27px;
	color:#0D09FF;
}
.tag28 {
	font-size:28px;
	color:#001673;
}
.tag29 {
	font-size:29px;
	color:#9B0017;
}

#tags {
	width:580px;
	float:left;
}

#ZMcomments .ZMcomment {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border:1px dashed #CCCCCC;
	padding:10px;
	background-color:DarkSlateBlue;
}

#ZMcomments .ZMcomment p {
	color:#DDDDDD;
	font-size:12px;
	font-style:italic;
}

span.abcd {
	background:none repeat scroll 0 0 Thistle;
	border-bottom:1px solid Cyan;
	clear:both;
	display:block;
	float:none;
	font-size:14px;
	font-weight:bold;
	width:580px;
}


/* DEBUT BOOTH */
#camera {
    background: url("/booth/cam_bg.jpg") repeat-y scroll 0 0 transparent;
    border: 1px solid #F0F0F0;
    border-radius: 4px 4px 0 0;
    bottom: -466px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    height: 490px;
    left: 50%;
    margin-left: -170px;
    position: fixed;
    width: 335px;
}
#camera .camTop {
    background: url("/booth/cam.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 66px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#camera .settings {
    background: url("/booth/settings.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 37px;
    top: 448px;
    width: 30px;
}
#camera .settings:hover {
    background-position: left bottom;
}
#screen {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #666666;
    height: 240px;
    line-height: 230px;
    margin: 66px auto 22px;
    text-align: center;
    width: 320px;
}
#camera .buttonPane {
    text-align: center;
}
#camera .tooltip {
    background: url("/booth/tooltip.png") no-repeat scroll 0 0 transparent;
    height: 146px;
    position: absolute;
    right: 0;
    top: -98px;
    width: 160px;
}
#camera .blueButton, #camera .greenButton {
    background: url("/booth/buttons.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    line-height: 32px;
    margin: 0 4px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #277C9B;
    width: 99px;
}
#camera .greenButton {
    background: url("/booth/buttons.png") no-repeat scroll right top transparent;
    text-shadow: 1px 1px 1px #498917;
}
#camera .blueButton:hover, #camera .greenButton:hover {
    background-position: left bottom;
    text-decoration: none !important;
}
#camera .greenButton:hover {
    background-position: right bottom;
}
#camera .blueButton:active, #camera .greenButton:active {
    bottom: -1px;
    position: relative;
}
#camera .hidden {
    display: none;
}

/*FIN BOOTH */