@charset "UTF-8";


#page {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	padding: 20px;

	background-color: #FFF;

	position: relative;
}


body {

	font-family: "Trebuchet MS", Verdana, sans-serif;

	font-size: 14px;

	background-attachment: fixed;

	background-position: center top;

	background-image: url(../images/_arriere_plan.jpg);

	background-repeat: no-repeat;

	margin: 0px;
}


#bandeau {

	font-size: 24px;

}


#pub {

	float: left;

	width: 850px;

	padding: 10px;

	margin-top: -5px;

	margin-bottom: -5px;

	margin-left: -30px;
}


#vide {
	margin-top: 5px;

	margin-bottom: 5px;
	height: 20px;

	width: auto;

	}

#photo {
	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 250px;
	margin-right: auto;
	}

#text {

	height: 400px;

	width: 960px;

	float: right;

	overflow: scroll;
}

#pied {	clear: both;
}

.fin_float {
clear: both;
}



#pied ul {

	width: 150px;

	float: left;

	padding: 0px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 10px;

	list-style-type: none;
}


#pied ul li {

	margin-bottom: 5px;

	color: #666;
}


#pied ul li a {

	color: #666;

	text-decoration: none;

	display: block;
}



#pied ul li a:hover {

	color: #333;

	background-color: #FFC;

	padding-left: 5px;
}




.image_gauche {

	float: none;

	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;


}


#colonne {

	width: 150px;

	height:auto;

	float: left;
}

#colonne ul {

	/* [disabled]float: left; */

	/* [disabled]width: 150px; */

	padding: 0px;

	list-style-type: none;

	/* [disabled]display: block; */
}

#colonne ul li {

	/* [disabled]list-style-type: none; */

	/* [disabled]margin: 5px; */

	/* [disabled]display: none; */
}

#colonne ul li a {

	list-style-type: none;

	text-decoration: none;

	color: #000;

	display: block;

	padding: 5px;

	-webkit-transition: all 1s ease 0s, all 0.5s ease 0.2s;

	-moz-transition: all 1s ease 0s, all 0.5s ease 0.2s;

	-ms-transition: all 1s ease 0s, all 0.5s ease 0.2s;

	-o-transition: all 1s ease 0s, all 0.5s ease 0.2s;

	transition: all 1s ease 0s, all 0.5s ease 0.2s;

	background-color: #fb4;
}



#colonne ul li a:hover {

	background-color: #4c9539;

	color: #FFF;

	border-left-color: #5075Df;

	border-left-width: 25px;

	border-left-style: solid;

	-webkit-transition: all;

	-moz-transition: all;

	-ms-transition: all;

	-o-transition: all;

	transition: all;
}
#info {

	height: 400px;

	width: 960px;

	float: left;

	overflow: scroll;
}

.nouvelles {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-top-color: #333;

	border-right-color: #333;

	border-bottom-color: #333;

	border-left-color: #333;
	display: block;
}




#info .nouvelles {

	height: 400px;

	width: 960px;

	float: right;

	overflow: auto;
}
	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-top-color: #333;

	border-right-color: #333;

	border-bottom-color: #333;

	border-left-color: #333;
	font-weight: 700;
}


#info .nouvelles h2 {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;
}



#info .nouvelles h1 {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;
	font-size: 14px;
        font-weight: 200;
	position: relative;}


#info .nouvelles p {

	margin-top: 0px;

	margin-bottom: 5px;

	text-align: justify;

	line-height: 22px;
}