/****************** TROPES COLLECTIV WEB SITE *******************************/

*{
margin:0;
padding:0;
}

.cb{clear:both;}

img{border:none;}

a{text-decoration:none;}

html{
	background-color:black;
}

#body{

}

#main{
	width:1000px;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	margin-bottom:20px;
/*
background-image:url(../images/tropes.gif);
background-repeat:no-repeat;
background-position:800px;
*/
}

#col_gauche{
	float:left;
	width:110px;
	margin-top:130px;
}

#centre{
	float:left;
	width:740px;
	margin-bottom:50px;
}

		#lab{
			width:349px;
			height:344px;
			margin:auto;
			margin-top:140px;
		}
		
#titre_page{
		text-align: center;
		}
			
		.minilab{
			float:left;
			width:63px;
			height:63px;
			margin-left:50px;
		}
		
		.titre_page{
			float:left;
			height:63px;
			padding-top:8px;
		}
		
		.contenu{
			clear:both;
			width:740px;
			#padding-top:40px;
		}
			
/*  ***********************************************     page VIDEOTROPES *******************/		
		#videotropes{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}	
		
		.box_content_video{
			float :left;
			width:670px;
			padding-top:35px;
		}
			.sscontent_video_txt{
				float:left;
				width: 200px;
				height :230px;
				padding-left:60px;
				padding-right:30px;
				margin-bottom:50px;
				margin-right:50px;
			}
			
			.title_video{
						float: left;
						width: 250px;
						color : #24d8ed;
			}
						
			.def_video{
					float: left;
					width: 250px;
			}
					
			.signe_video{
				float: left;
				width: 180px;
				margin-bottom:10px;
			}
					.signe_video a:link, .signe_video a:active, .signe_video a:visited{color:#606060;}
					.signe_video a:hover {color:#6457da;}
			/*	
			#sscontent_video, #sscontent_video1, #sscontent_video2, #sscontent_video3, #sscontent_video4, 
			#sscontent_video5, #sscontent_video6, #sscontent_video7, #sscontent_video8, #sscontent_video9, 
			#sscontent_video10, #sscontent_video11{
				float:left;
				width: 250px;
				height: 150px;
				margin-bottom:50px; 
				margin-left:50px;
				#background-color: #FFF;
			}
			*/

/*  ***********************************************     page AUDIOTROPES *******************/
		#audiotropes{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
					.box_content_son{
						clear:both;
						width:740px;
						padding-top:35px;
					}

					.detail_son{
						clear : both;
						padding-bottom : 70px;
					}
							
							
							.son_title{
								width: 250px;
								color : #fa8c07;
								margin-left:50px;
							}
.son_def{
width: 250px;
	margin-left:50px;
}
							
							.signe_son{
								width: 180px;
								margin-left:50px;
								margin-bottom:10px;
							}
								
									.signe_son a:link, .signe_son a:active, .signe_son a:visited{color:#606060;}
									.signe_son a:hover {color:#6457da;}
									
							.sscontent_img{
								float:left;
								width: 250px;
								height: 150px;
							}
							
							#sscontent_son{
								float:left;
								margin-left: 47px;
							}

							
							.sscontent_son_txt{
								float:left;
								width: 280px;
								padding-left:60px;
								padding-right:30px;
								margin-bottom:30px;
							}
							
/************************************************************     page TROPES INSTAL  *******************/
							
		#trope_instal{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
		
			.instal_title{
					#float: left;
					width: 250px;
					color : #f7cc38;
					margin-left:50px;
					#margin-bottom:10px;
					#text-align: center;
			}
		
			.instal_def{
					width: 250px;
					#color : #fa8c07;
					margin-left:50px;
			}
		
			.signe_instal{
						#float: left;
						width: 180px;
						margin-left:50px;
						margin-bottom:10px;
						#text-align : center;
			}
			
			#sscontent_instal{
								float:left;
								width: 250px;
								height: 150px;
								margin-left: 50px;
								#background-color: #FFF;
							}
			.sscontent_intal_txt{
								float:left;
								width: 280px;
								padding-left:60px;
								padding-right:30px;
								#padding-top:30px;
								margin-bottom:30px;
							}
			
			
			
/*************************************************************     page PHOTOTROPES *******************/
		#phototropes{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
				#square{
				width : 670px;
				margin-left : 50px;
				padding-top : 30px;
				}
					.sscontent_photo_txt{
						float:left;
						width: 200px;
						height :160px;
						padding-top : 25px;
						margin-bottom:50px;
						margin-right:50px;
					}
					.sscontent_photo_elt{
						float:left;
						width: 280px;
						margin-left : 50px;
					}
					.title_photo{
								display : block;
								color : #13f433;
					}
							
					.signe_photo{
						display : block;
					}	
							.signe_photo a:link, .signe_photo a:active, .signe_photo a:visited{color:#606060;}
							.signe_photo a:hover {color:#6457da;}	
							
							.photo{color:#13f433;}
				.visu{
				width: 100px;
					height: 120px;
					float : left;
					margin-right : 20px;
				}
				/*.highslide-gallery{
					width: 100px;
					height: 100px;
					#float : left;
					#margin-right : 20px;
				}*/
				#signe_gallery{
				text-align: center;
				font-size : 9px;
				}

/**************************************************************     page OTHER TROPES  *******************/				
				
		#other_tropes{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
					.sscontent_other_txt{
						float:left;
						width: 200px;
						height :160px;
						padding-top : 25px;
						margin-bottom:50px;
						margin-right:50px;
					}
					.sscontent_other_elt{
						float:left;
						width: 280px;
						margin-left : 50px;
					}
			.title_other{
				display : block;
				color : #fa2aef;
			}
							
			.signe_other{
				display : block;
			}	
			
			.signe_other a:link, .signe_other a:active, .signe_other a:visited{color:#606060;}
			.signe_other a:hover {color:#6457da;}
			
			.other{color : #fa2aef;}
		
/**************************************************************     page DOC *******************/

		#doc{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
		
		.project_titre {
			display : block;
			color : #f7f411;
		}
			.project_titre a:link, .project_titre a:active, .project_titre a:visited{color:#606060;}
			.project_titre a:hover {color:#f7f411;}
			
			.doc {color:#f7f411;}
		
		.project_desc{
			padding-top : 10px;
			margin-bottom:25px;
			margin-right: 100px;
		}
		
		.project_detail_titre{
			font-size : 18px;
			color : #f7f411;
		}
		.son_title_doc{
								width: 250px;
								color : #fa8c07;
								#margin-left:50px;
							}
		.signe_son_doc{
								width: 180px;
								#margin-left:50px;
								margin-bottom:10px;
							}
								.signe_son_doc a:link, .signe_son_doc a:active, .signe_son_doc a:visited{color:#606060;}
								.signe_son_doc a:hover {color:#6457da;}
		#sscontent_son_doc{
								float:left;
								#margin-left: 47px;
							}
		
/**************************************************************     page MENTIONS  *******************/

#contenu_mentions{
width:740px;
	float : left;
	margin-top:33px;
	margin-left:60px;
}
#contenu_mentions p{
	margin-bottom : 10px;
}

/**************************************************************     page LINKS  *******************/

		#links{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
		
		.marge_ht{
			height : 35px;
		}
		
		.link_list{
			margin-bottom:15px;
			margin-left:55px;
			color :#ec2727;
		}
			.link_list a:link, .link_list a:active, .link_list a:visited{color:#ec2727;}
			.link_list a:hover {color:#606060;}	
/****************************************************************     page BIO  *******************/
		#bio{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
		
		#txt-bio{
			width:440px;
			padding-top:35px;
			margin-left:110px;
			color : #6357da;
		}
		
		
			.box_bio{
				float: left;
				width: 250px;
				height:163px;
				margin-top:30px;
				margin-left: 50px;
				text-align : center;
				margin-bottom : 20px;
			}
			.bio_title{
				float: left;
				color : #6357da;
				margin-top:10px;
				margin-left:80px;
				
			}
			.bio_txt{
				width: 500px;
				
				margin-left:48px;
				margin-top:50px;
				background-color: #101010;
				padding: 30px;
			}
			#adresse{
			width : 300px;
			font-weight: bold;
			padding:20px;
			}
/************************************************************     page CONTACT *******************/	
		#contact{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}

#col_droite{
	float:left;
	width:150px;
}

#footer{
	clear: both;
	width:1000px;
	#padding-top:60px;
}
	#footer_left{
		float : left;
	}
	#footer_right{
		float : right;
		padding-right:15px;
	}
	
/************************************************************     page MENTIONS *******************/		
#mentions{
			width:740px;
			margin-top:40px;
			margin-left:60px;
		}
	
/****************************************   txt   *****************************************/

h1{
	font-size:25px;
	font-weight:lighter;		
	padding-left:10px;
	padding-top:5px;
}

h2{
	font-weight:lighter;		
	padding-bottom:15px;
	padding-top: 15px;
}

h6{
	font-size:11px;
	font-weight:lighter;
	color : #6357da; 
	padding-top:10px;
	display:inline;	
	}

.bio_color {color : #6357da;}
.sscontent_son_txt p {#color : #fa8c07;}


/****************************************   liens   *****************************************/

/*ACCUEIL*/
ul{
	list-style-type:none;
}

li{
	width: 110px;
	height:29px;
	margin-bottom:10px;
}

		 li a{
			display:block;
			width: 110px;
			height:30px;
			text-align:center;

			padding-top:15px;
		}

			li a.col01{
					background:url(../images/menu/01.png) no-repeat center;
					# color : #f7cc38;
			}
			li a.col02{
					background:url(../images/menu/02.png) no-repeat center;
					# color : #24d8ed;
			}
			li a.col03{
					background:url(../images/menu/03.png) no-repeat center;
					# color : #fa8c07;
			}
			li a.col04{
					background:url(../images/menu/04.png) no-repeat center;
					# color : #13f433;
			}
			li a.col05{
					background:url(../images/menu/05.png) no-repeat center;
					# color : #fa2aee;
			}
			li a.col06{
					background:url(../images/menu/06.png) no-repeat center;
					# color : #f7f411;
			}
			li a.col07{
					background:url(../images/menu/07.png) no-repeat center;
					# color : #ec2727;
			}
			li a.col08{
					background:url(../images/menu/08.png) no-repeat center;
					# color : #6357da;
			}
			li a.col09{
					background:url(../images/menu/09.png) no-repeat center;
					# color : #acf918;
			}
			
			
			li a:link, li a:active, li a:visited {color:#FFF;}
			
			li a.col01:hover{background:url(../images/menu/encours01.png) no-repeat center; color:#fff;}	
			li a.col02:hover{background:url(../images/menu/encours02.png) no-repeat center; color:#fff;}	
			li a.col03:hover{background:url(../images/menu/encours03.png) no-repeat center; color:#fff;}	
			li a.col04:hover{background:url(../images/menu/encours04.png) no-repeat center; color:#fff;}	
			li a.col05:hover{background:url(../images/menu/encours05.png) no-repeat center; color:#fff;}	
			li a.col06:hover{background:url(../images/menu/encours06.png) no-repeat center; color:#fff;}	
			li a.col07:hover{background:url(../images/menu/encours07.png) no-repeat center; color:#fff;}	
			li a.col08:hover{background:url(../images/menu/encours08.png) no-repeat center; color:#fff;}	
			li a.col09:hover{background:url(../images/menu/encours09.png) no-repeat center; color:#fff;}	
			
			li a.col01stand {background:url(../images/menu/encours01.png) no-repeat center; color:#000;}
			li a.col02stand {background:url(../images/menu/encours02.png) no-repeat center; color:#000;}
			li a.col03stand {background:url(../images/menu/encours03.png) no-repeat center; color:#000;}
			li a.col04stand {background:url(../images/menu/encours04.png) no-repeat center; color:#000;}
			li a.col05stand {background:url(../images/menu/encours05.png) no-repeat center; color:#000;}
			li a.col06stand {background:url(../images/menu/encours06.png) no-repeat center; color:#000;}
			li a.col07stand {background:url(../images/menu/encours07.png) no-repeat center; color:#000;}
			li a.col08stand {background:url(../images/menu/encours08.png) no-repeat center; color:#000;}
			li a.col09stand {background:url(../images/menu/encours09.png) no-repeat center; color:#000;}

/* --------------------------  pthototropes ---------------------*/




/* --------------------------  BIO ---------------------*/

#bio a:link, #bio a:visited, #return a:link, #return a:visited, .signe a:link, .signe a:visited{color : #757575;}
#bio a:hover, #bio a:active {color:#6357da;}
#return a:hover, #return a:active, .signe a:hover, .signe a:active {color:#424242;}
			
#footer a {color:#FFF;}



/* -------------------- FORM ----------------- */
#cont{
float: right;
margin-right: 200px;
}

#error{
	float:left;
	width : 250px;
	#margin-left :20px;
	}

fieldset{
width:200px;
border:none;
margin-left:50px;
}

/*.fixe{
margin-left:130px;
}
*/
.chp{
margin-bottom:4px;
margin-top:6px;
color: #ddd;
		background-color:#000;
	border: 1px solid #444444;
} 
.calage{
float:left;
width:100px;
margin-bottom:4px;
margin-top:6px;
}


#send{
background-color:black;
color:#FFF;
}

		
			.alert{
				font-weight:bold;
				font-size:1em;
				color:#a7f413;
			}		
		
			label.alert{
			color:#a7f413;
			}


/* -------------------- ADMIN ----------------- */			

#top-navigation {
	#position:absolute;
	top:60px;
	left:20px;
	margin:0;
	padding:0;
	list-style:none;
	}

#top-navigation li {
	float:left;
	margin:0 3px 0 0;
	height:34px;
	background:url(../img/tab.gif) repeat-x top;
	}
#top-navigation li a {
	float:left;
	display:block;
	height:20px;
	line-height:19px;
	color:#606060;
/*	color:#cc3333;*/
	padding:4px 0 0 0;
	}
#top-navigation li span {
	float:left;
	background:url(../img/tab-left.gif) no-repeat left top;
	}
#top-navigation li span span {
	background:url(../img/tab-right.gif) no-repeat right top;
	padding:7px 10px 0 10px;
	}
#top-navigation li a:hover {
	color:#fff;
        text-decoration: none;
	}
#top-navigation li.active {
	padding:0;
	height:34px;
	background:url(../img/tab-active.gif) repeat-x top;
	margin-right:2px;
        font-weight: bold;
	}
#top-navigation li.active span {
	background:url(../img/tab-active-left.gif) no-repeat left top;
	height:34px;
	}
#top-navigation li.active span span {
	background:url(../img/tab-active-right.gif) no-repeat right top;
	height:23px;
	padding:11px 10px 0 10px;
	line-height:19px;
/*	color:#101177;*/
	color:#cc3333;
	}