/*
style.css
---------

Par JN
Fichier créé le 02/04/2007
MAJ : 26/02/2008
*/


/* ------------------------------------ DESIGN ------------------------------------ */

body {
	background: #213858 url(body.jpg) top repeat-x;
	color: #40608D;}

* {
	font-family : Arial, sans-serif;
	font-size : 12px;
	margin: 0; padding: 0;}

#conteneur {
	background: url(conteneur.jpg) repeat-y;
	margin: 0 auto;
	width: 700px;}

#header {
	background: url(header.jpg) no-repeat;
	height: 295px; width: 700px;
	margin: 0 auto;}

#footer {
	clear: both;
	background: url(footer.jpg) no-repeat;
	margin: 0 auto;
	height: 140px; width: 700px;}

#footer ul {
	margin : 0;
	padding : 67px 0 0 374px;
	list-style : none;}

#footer li a {
	padding : 0;
	width : 84px;
	height : 22px;
	float : left;
	display : block;}

#footer span {
	display : none;} 

#align {
	clear: both;}

.center {
	text-align: center;}

.left {
	text-align: left;}

.right {
	text-align: right;} 


/* ------------------------------------ LIENS ------------------------------------ */

a {
	color: #424242;
	text-decoration: none;}

a:hover {
	color: #FF7E00;
	text-decoration: none;}


/* ------------------------------------ MENU ------------------------------------ */

#gauche {
	width: 130px;
	float: left;}

	#gauche ul {
		list-style-type: none;
		margin: 0 0 15px 0; padding: 0;}

	#gauche dt {
		margin: 0 0 15px 0;}

	#gauche ul.none li a {
		width: 125px;
		display: block;
		border: 0;
		margin: 0; padding: 0 0 0 5px;}

	#gauche ul.none li a:hover {
		width: 120px;
		margin: 0; padding: 0 0 0 10px;
		background: #FFFFFC;}

	#gauche ul li a {
		width: 125px;
		display: block;
		color: #FEFFFF;
		font-weight: bold;
		border: 0;
		margin: 0; padding: 0 0 0 5px;}

	#gauche ul li a:hover {
		width: 120px;
		color: #000000;
		margin: 0; padding: 0 0 0 10px;
		background: #FFFFFC;}

	#gauche ul.spacer {
		color: #000000;
		margin: 0 0 15px 5px; padding: 0;}

#menu_skins {
	width: 103px; height: 50px;
	background: url("menu_skins.jpg") no-repeat;}

#menu_site {
	width: 103px; height: 50px;
	background: url("menu_site.jpg") no-repeat;}

#menu_infos {
	width: 103px; height: 50px;
	background: url("menu_infos.jpg") no-repeat;}

#menu_pubs {
	width: 103px; height: 50px;
	background: url("menu_pubs.jpg") no-repeat;}

#menu_stats {
	width: 103px; height: 50px;
	background: url("menu_stats.jpg") no-repeat;}

#menu_liens {
	width: 103px; height: 50px;
	background: url("menu_liens.jpg") no-repeat;}


/* ------------------------------------ PAGE ------------------------------------ */

#droite {
	margin : 0 0 0 130px; padding: 5px}

#droite h1 {
	background: url(entete.jpg) no-repeat;
	margin: 0 10px; padding: 4px 28px 4px 4px;
	border: 1px solid #223D5B;
	border-bottom: 0;
	text-align: right;
	font-weight: bold;
	color: #FFFFFD;}

#contenu {
	margin: 0 10px; padding: 10px;
	border: 1px solid #223D5B;
	text-align : justify;
	background: #FFFFFF url(contenu.jpg) bottom right no-repeat;}

#contenu h2 {
	color: #6D8AB2;
	margin: 6px 0;
	font-variant: small-caps;
	font-weight: normal;
	border-bottom: 1px solid #6D8AB2;}

#contenu ul {
	list-style-type : none;
	padding : 10px 0 10px 40px;}

#contenu ul.PT01 {
	list-style-type : square;
	padding : 10px 0 10px 40px;}

#contenu ul.PT02 {
	list-style-type : square;
	padding : 10px 0 50px 40px;}

#contenu p {
	margin: 7px 0;
	text-indent: 3em;}

#contenu em {
	color: #6D8AB2;}

#contenu table {
	margin: 0 auto;
	text-align: center;}

#contenu td {
	padding: 5px;
	vertical-align: top;} 


/* ------------------------------------- Couleurs ------------------------------------- */

strong.font01 {
	color: #FF7E00;
	font-weight: normal;}

strong.red {
	color: #CC0000;
	font-weight: normal;}


/* ---------------------------------------- CUTENEWS ---------------------------------------- */

.news_title {
	background: url(entete.jpg) no-repeat;
	margin: 0 10px; padding: 4px 28px 4px 4px;
	border: 1px solid #313131;
	border-bottom: 0;
	text-align: right;
	font-weight: bold;
	color: #FFFFFB;}

.news {
	margin: 0 10px 10px 10px; padding: 10px;
	border: 1px solid #313131;
	text-align : justify;
	background: #FFFFFF;}

.news ul {
	list-style-type : square;
	padding : 10px 0 5px 40px;}

.news p {
	margin: 5px 0;
	color: #6E6E6E;}

.news h2 {
	border-bottom: 1px solid #909090;
	margin: 0 0 6px 0; padding: 0;
	font-variant: small-caps;
	font-weight: normal;
	color: #909090;}

.news object {
	display: block;
	margin: 0 auto;}

.news table {
	margin: 0 auto;
	text-align: center;}

.news td {
	padding: 5px;
	vertical-align: top;}

.news_text {
	border: 1px solid #303030;
	border-left: 2px solid #303030;
	margin: 0 0 3px 0; padding: 0;
	font-size: 11px;
	color: #313131;}

.news_bouton {
	border: 0;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #313131;}

.news_smiles {
	text-align: center;
	margin: 5px 0;} 

.navigation {
	color: #FFFFFE;
	text-align: center;
	margin: 5px 0;}

.navigation a:hover {
	color: #FFFFFE;}


/* ------------------------------------- BALISES IMAGES ------------------------------------- */

.image0 {
	border: 0;}

.image0R {
	border: 0;
	float: right;
	margin-left: 5px;}

.image0L {
	border: 0;
	float: left;
	margin-right: 5px;}

.image1 {
	border: 1px solid #C7C7C7;
	padding: 4px;
	background: #FFFFFF;}

.image1R {
	border: 1px solid #C7C7C7;
	float: right;
	margin-left: 5px; padding: 4px;
	background: #FFFFFF;}

.image1L {
	border: 1px solid #C7C7C7;
	float: left;
	margin-right: 5px; padding: 4px;
	background: #FFFFFF;}