/* Copyright (c) 2007 Internet-creation.fr */


/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Pied de page (#footer)
=================== */



/* ---------------------
Html et body
--------------------- */
html {
	font-size : 75%;
	font-family : "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #808080;
	margin : 0; padding : 0;
	}
body{width:100%; text-align:center; margin:0px;}

	
conteneur{
	position:relative;
	width : 750px;
	margin : 0 auto; padding : 0;
	}


/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.6em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.0em; padding :5px 70px 10px 70px; letter-spacing:2px; margin : 0; color:#000000; text-align:center;}
p {margin : 0; padding : 3px 0; text-align:justify;}
a {color:#009900; text-decoration:none;}
a:hover {color:#CC6600}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}
.bleu {font-weight: bold;color:#8A85F1;}
.bleufonc {font-weight: bold;color:#000066;}
.msg {text-align : center;color : #D0371E;}
.info {text-align : center; font-size:0.8em;}


/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	position:relative;
	width:750px;
	height : 250px;
	margin : 0 auto 0 auto;
	background : url(img/header.jpg) no-repeat;
	font-size : 1.4em;
	}
	
#bandeau {
	position:absolute;
	width:100%;
	height:200px;
	z-index:0;
	left: 0;
	top: 50px;
	background-image: url(img/bandeau.jpg);
	background-repeat: repeat-x;
	}



/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#page {
	position:relative;
	background : url(img/fond.jpg) repeat-y top left;
	margin : 0 auto 0 auto;
	padding : 0;
	width:750px;
	text-align:left;
	}

#langue { 
	position:relative;
	float : left;
	text-align:right;
	width : 730px;
	margin : 0;
	padding : 5px 20px 0 0;
	z-index:500;
	}
	
#langue img{
	border:none;
	}
	
#langue a{
	text-decoration:none;
	}
	
#content { /* Bloc */
	position:relative;
	float : right;
	width : 700px;
	margin : -15px 0 0 0;
	padding:0 30px 0 0;
	}

.articletitle { /* Titre de l'article */
	color:#006600;
	font-size : 1.6em;
	font-weight : bold;
	border-bottom:#333333 dashed 1px;
	margin :0 0 15px 0; padding : 3px 0 0 0;
	font-family : Georgia;
	}
	
.articletitle:first-letter{
	color:#003300; font-size:2.0em;
	}
	
#ete{
	width:300px;
	float:left;
	margin: 10px 10px 10px 20px;
	padding:0;
	}

#hiver{
	width:300px;
	float:right;
	margin: 10px 10px 10px 10px;
	padding:0;
	}

#cadre-haut{
	background:url(img/cadre-fond-haut.jpg) no-repeat bottom left;
	height:10px;
	padding:0;
	margin:0;
	}
	
#int{
	background:url(img/cadre-fond.jpg) repeat-y left;
	padding:0;
	margin:0;
	}

#cadre-bas{
	background:url(img/cadre-fond-bas.jpg) no-repeat top left;
	height:10px;
	padding:0;
	margin:0;
	}


/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	position:relative;
	float : left;
	height: auto;
	width : auto;
	padding :5px 10px 5px 10px; margin : -240px 0 0 10px;
	border:1px solid #006600;
	}
div#sidebar[id]{
	background-image:url('img/fond_sidebar.png');
	}
#sidebar ul { /* bloc de liste */
	margin : 0; padding :0;
	}
#sidebar li { /* élément de liste */
	display:inline;
	padding: 0 15px 0 10px;
	}
#sidebar li a { /* Liens dans les listes */
	color:#006600;
	text-decoration : none;
	}
#sidebar li a:hover {
	color:#CC6600;
	}
#item{
	 background: url('img/fleche_verte.gif') left no-repeat;
	}

/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	position:relative;
	background : url(img/footer.jpg) no-repeat top left;
	width : 750px;
	height: 120px;
	margin : 0 auto 0 auto;
	font-size : 0.85em;
	padding:10px 0 0 0;
	}

#footer p{
	text-align:center;
	}	

/* ---------------------
   Style de texte
--------------------- */
img{border-color:#006600;}
.bleu {font-weight: bold;color:#8A85F1;}
.bleufonc {font-weight: bold;color:#000066;}
.msg {text-align : center;color : #D0371E;}
.info {text-align : center; font-size:0.8em;}
.tableau{font-size : 100%;}

input, select, textarea{background-color:#F2F7FB; border:1px solid #888888;}
input:focus, select:focus, textarea:focus{ background-color:#FFFFFF; border-color:#FF6600;}
.submit{text-align: center;color: #2b333c;background: #fefefe url(img/fond_bouton.gif) repeat-x;border: 1px solid;border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;}
input.submit{cursor: pointer !important;font: 11px Verdana, Helvetica, Geneva, sans-serif !important;width: auto !important;overflow: visible;padding: 2px 0.5em;}
.submit:hover,.champ:hover,.champ:focus,.submit:focus {background: #fefefe url(img/fond_bouton_hover.gif) repeat-x;color: #005500;border: 1px solid;border-color: #aedf9a #94da78 #6ab94b #94da78;}