/* CSS Document
	Title : CCB - Organisation d'Operations Evenementielles
	Author : MacLaine
	colors :
		background : #535353
		font : #86868686
 */
html { height : 100%; } 

body { 
	height : 100%;
 	background-color : #333333;
	color : #868686;
	text-align : center;
	font-size : 12px;
	font-family : verdana, arial, tahoma;
	font-style : none;
	overflow : hidden;
 }
 
h1 { 
	background : url(../images/ccb_logo2.jpg);
	height : 112px;
	width : 900px; 
	text-indent : -9999px; }

div#logo {
	position : absolute;
	height : 130px;
	width : 900px; 
	top : 50%;
	left : 50%;
	margin-top : -65px;
	margin-left : -450px;
	font-weight : bold;	
}

div#separation {
	width : 100%;
	height : 100%;
	postion : relative;
}

div#container { margin : 0 auto; width : 900px; text-align : justify; }

h2 {
	color : #EFE96F;
	text-align : center;
	padding : 0;
	margin : 0;
}

h3 { color : #EFE96F; font-size : 12px; }

h4 { text-align : center; font-size:10px; }

div#right h4 { text-align : left; padding: 0; margin: 0; }

h4#keywords { padding-top : 20px; }

#h3span { color : #ffffff; }

img { margin : 20px 30px 20px 30px; }

div#left {
	float : left;
	width : 440px;
	padding-right : 2px;
	padding-top: 20px;
	clear:both;
}

div#right {
	padding-top: 20px;
	padding-left : 2px;
	float : right;
	width : 440px;
}


div#middle {
	clear: both;
	margin-bottom : 170px;
	width : 100%;
}

div#middle h4.yellow { text-align : left; color : #EFE96F; }

div#middle div#first { float : left; width : 300px; }

div#middle div#second { width : 300px; margin-left : 320px; }

div#middle h5 {
	margin-bottom : 0;
	paddingg-bottom : 0;
	color : #EFE96F;
}

div#middle p { margin-top : 0; padding-top : 0; }

div#town { clear : both; margin-top : 80px; }

div#town h4 {
	margin-bottom : 0;
	font-size : 20px;
	font-weight : lighter;
}

div#town p { margin-top : 0; }

div#link {
	margin-top : 80px;
	margin-bottom : 80px;
	padding-top : 20px;
	padding-bottom : 80px;
	text-align : center;
	border : 1px dotted #fff;
}

div#link h4 {
	background-color : #535353;
	position : absolute;
	margin-top : -35px;
	margin-left : 350px;
	border : 1px dotted #fff;
	padding : 4px;
	font-weight : lighter;
	font-size : 15px;
}

div#link p { margin : 0; padding : 0; }

div#link a { color : #EFE96F; font-size : 13px; }
div#link a:hover { color : #fff; }
	

a { color : #868686; text-decoration : none; }
a:visited { color : #868686; text-decoration : none; }
a:hover { color : #ffffff; text-decoration : none; }
a:active { color : #868686; text-decoration : none; }