/* CSS Document */

body {
	font-family: "Verdana",Arial, Helvetica, sans-serif;
	font-size:xx-small;
	line-height : 12px;
	height : auto;
	width : auto;
	color : #ccc;
	text-align: center;
	margin:0;
	background-color: #222;
	background-repeat:repeat-x;
}

/************** LIENS *********************************************/

a,
a:link,  
a:visited,
a:active

{
	color:#00CCFF;
	text-decoration: none;
	outline: none;

}
a:hover{
	color:#00CCFF;
	text-decoration:underline;
	outline:none;
}

img{
border:0px;


}



/************** blocs principaux *********************************************/



#container{
	position: relative;
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	margin:330px auto 50px auto; /* auto pour centrer horizontalement la boite dans BODY 
			 pour le navigateurs autres que IE/WIN */
	padding: 0;
	width: 90%; /* ou 100% pour largeur fluide pleine largeur */
	height:auto;
}


#container #logo{
	position: absolute;
	left:0px;
	top:-310px;
	text-align: left;
	line-height:13px;
	height:13px;
	z-index: 5000;
}


#annonce{
	position: absolute;
	left:329px;
	top:-30px;
	text-align: left;
	line-height:13px;
	height:143px;
	width:313px;
}


#logo #lang{
	position: absolute;
	left:440px;
	top:150px;
	text-align: left;
	line-height:13px;
	height:13px;
	width:53px;
}



#container #timer{
	position: absolute;
	left:0px;
	top:-65px;
}
#container #remarques{
	position: absolute;
	left:0px;
	top:0px;
	width: 438px;
	height:413px;
border:solid 1px #00CCFF;
	background-color:#00CCFF;
}


#container #liens{
	position: absolute;
	left:440px;
	top:-142px;
	height:auto;
	line-height:13px;
	width:500px;
}


#container #nav{
	position: absolute;
	left:440px;
	top:-202px;
	height:15px;
	width:437px;
	background-color:#00CCFF;
color:#FFF;
padding: 0 0 0 5px;

}

#nav a,
#nav a:link,  
#nav a:visited,
#nav a:active

{
	color:#FFF;
	text-decoration: none;
	outline: none;

}
#nav a:hover{
	color:#FFF;
	text-decoration:underline;
	outline:none;
}





#form{
	background-color:#FFFFFF;

}

#zone_html{
	margin:80px 0 0 10px;
	width: auto;
	height:auto;
	
}
#zone_flash{
	position:fixed;
	left:0px;
	top:0px;
	width: 500px;
	height:300px;
}

#header{
	background-image:url(http://www.objetgraphik.com/squelettes/IMG/header.jpg);
	background-repeat:no-repeat;
	width: 850px;
	height: 132px;

}
#page{
	width:80%;
	height:auto;
	background-image:url(http://www.objetgraphik.com/squelettes/IMG/background_text.jpg);
	background-repeat:repeat-x;
	position:relative;
	margin:8px 0 0 0;

}

/************** les article *********************************************/

#bloc_article{
	width:auto;
	margin:0px;
	float:left;
	height: auto;
}

#image_article{
	margin:0px;

}
#texte_article{
	width:210px;
	height:80px;
	margin:5px 0 0 0;
}

#texte_article h1{
	font-weight:bold;
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#FFF;

}


/************** Formulaire de post *********************************************/

#post{
	background-color:#00CCFF;
	padding:0 0px 10px 0;
	color:#FFF;
}

#post fieldset{
	margin:0;
	padding:5px 5px 5px 15px;
	color:#FFF;
	border:0px;
	border-bottom:dashed 1px;

}

#post input
{
	margin:0 0 0 0;
	padding:4px;
	color:#333;
	border:0px;
	background-color:#FFF;
}
#post textarea{
	margin:0 0 0 5px;
	padding:4px ;
	color:#333;
	border:0px;
	background-color:#FFF;
}

#post legend{
	margin:10px 0 0 0;
	color:#FFF;
	border:0px;
}

#post p{
	padding:0px;
	margin:5px;
	color:#FFF;
	border:0px;
}

/***** Galerie Jquery fade + play auto ***********/


#slideshow { position: relative; width: 440px; height:310px; }
#controls { z-index: 1000; position: absolute; top: -15px; left: 0px;
    background-color: #00CCFF; border: 0px solid #fff; margin: 0; padding: 6px; 
    width: auto;
}
#controls a {color: #fff;}
#controls span { margin: 0 5px }