
/*=========================[ GENERAL ]=========================*/
body {
	background: #000 url(images/entete-fond.jpg) repeat-x center top;
}

a:link {
/*color:#508bc5;
color:#21759B;*/
color:#288fbe;
}

a:visited {color: #264d73;}

a:active {
/*outline: none; suppression des bordures dans IE7 et FF3*/
color:#288fbe;
}

a:focus {
/*-moz-outline-style: none; suppression des bordures dans IE7 et FF3*/
color:#288fbe;
}

.invisible {
	height: 1px;
	left: -5000px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

a {
/*color:#508bc5;
color:#21759B;*/
}

a:visited {color: #264d73;}

a:active {
/*outline: none; suppression des bordures dans IE7 et FF3*/
color:#288fbe;
}

a:focus {
/*-moz-outline-style: none; suppression des bordures dans IE7 et FF3*/
color:#288fbe;
}



/*=========================[ BULLE ]=========================*/

.bulle { color: #fff; display: none; font-size: 0.85em; }

.bulle p { margin-bottom: .2em; }

.bulle ul { margin: 0 0 0 10px;}

.bulle ul li {color:#fff; }

.bulle-haut {
	background: transparent url(images/bulle-lune.gif) no-repeat top right;
	height: 15px;
}

.bulle-haut-recherche {
	background: transparent url(images/bulle-lune.gif) no-repeat 15px 0px;
	height: 15px;
}

.bulle-bas {
	background: #6cb7ff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px;
}



/*=========================[ ENTETE ]=========================*/

#entete {
	/*background: url(images/entete.jpg) no-repeat top center;*/
	/*background: url(images/entete_feu_artifice.jpg) no-repeat top center;*/
	/*background: url(images/entete-st-valentin.jpg) no-repeat top center;*/
	/*background: url(images/entete-noel.jpg) no-repeat top center;*/
	/*background: url(images/entete-albator.jpg) no-repeat top center;*/
	/*background: url(images/entete-denis.jpg) no-repeat top center;*/
	background: url(images/entete-condor.jpg) no-repeat top center;
	height: 260px;
	margin: 0 auto;
	width: 960px;
}

/*----------  Lune  ----------*/

#lune {
	position: absolute;
	right: 150px;
	top: 45px;
	}

#phases-lunaires {
	position: absolute;
	right: 115px;
	top: 105px;
	}

/*----------  Accès  ----------*/

p#acces {
	margin: 0;
	padding: 0;
	}

#titre-et-slogan {
	color: #fff;
	font-family: Georgia,"Times New Roman", Times, serif;
	left: 15%;
	position: absolute;
	top: 60px;
}

a.lien-titre-et-slogan {
	color: #fff;
	text-decoration:none;
	display:block; /* pour IE7*/
	padding-bottom:5px; /* pour IE7*/
}

#acces big,
#acces strong {
	font-size: 1.3em;
	font-style: italic;
	font-weight: normal;
}

#acces em { font-size: 0.7em; }

#acces a.lien-acces, 
#acces a.lien-acces:link, 
#acces a.lien-acces:visited {
	height: 1em;
	left: -999em;
	line-height: 1.2em;
	text-transform: uppercase;
	padding: 1em;
	position: absolute;
	width: 12em;
}

	
#acces a.lien-acces:hover, 
#acces a.lien-acces:active, 
#acces a.lien-acces:focus {
	background: white;
	border-top: 10px solid #1e90ff;
	color: black;
	position: static;
	text-indent: 0;
	text-decoration: none;
}

/*----------  Menu principal  ----------*/

#menu-principal {
	/*width:inherit;*/
	color: #fff;
	left: 16%;
	position: absolute;
	top: 90px;
}

#menu-principal ul { list-style-type: none; padding: 0; margin:0; }

#menu-principal li,
#menu-principal li a {
	border: 1px transparent solid;
	display: block;
	float: left;
	position: relative;
}

#menu-principal li { border-width: 1px 0; margin: 4px; }

#menu-principal li a {
	background-color: transparent;
	border-width: 0 1px;
	color: #95CBFF;
	margin: 0 -1px;
	padding: 0 0.5em;
	text-decoration: none;
}

#menu-principal li a:hover { color: #fff; }

#menu-principal li.active a { background-color: #6cb7ff; color: #fff; }

#menu-principal li.active > a, #menu-principal li.active { border-color: #6CB7FF; }



#menu-principal li.pudding a { background-color: #F51CAF; color: #fff; }

#menu-principal li.pudding > a, #menu-principal li.pudding { border-color: #F51CAF; }




#entete #annonce-globale {
	color: #80C3EE;
	left: 16%;
	position: absolute;
	top: 110px;
	font-size:0.9em;
	width:750px;
	background: url(images/twitter.png) no-repeat 4px 2px;
	padding-left:37px;
}

#entete #annonce-globale ul li {
	color: #fff;
}
/*
#annonce-globale a {
	color:#fff;
	background-color:#6cb7ff;
	text-decoration:none;
	__rounded_2__
		padding: 2px 5px;
}
*/
#annonce-globale a {
	color: #bddcf2;


}

#annonce-globale p {
	/*display: inline;
background-color: #0962C6;
	padding: 4px 10px;*/
/*	-moz-border-radius:4px;*/
}

/*=========================[ CONTENU ]=========================*/

#page-conteneur { margin: 0 auto; width: 960px; }


/*#body2 { float: left; width: 650px; }

.large-black-template #body2 {
	width: 960px;
}*/

#page-haut {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	width: 610px;
	background:#FFFFFF url(images/coin.jpg) no-repeat scroll right top;
	height:40px;
}

.large-template #page-haut { float: left; width: 900px; }

.large-black-template #page-haut {
	display:none;
}

#page-corps {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom:25px;
	width: 610px;
	background:#fff;
	font: 1.05em;

}

.large-template #page-corps { float: left; width: 900px; }

.large-black-template #page-corps {
 	float: left;
	padding:0;
	width: 960px;
	background:#000;
	}

/*----------  Fil d'ariane  ----------*/

.ariane { margin: 0 0 0.1em 0; color:#000; }

.ariane .sep {
	position:relative;
	top:0.5px;
	font-size:1.2em;
	font-weight:bold;
}

.ariane a { color: #6a6a6a; text-decoration:none; }

.ariane a:hover { color: #000; text-decoration:underline; }


.article { overflow: hidden; }

.article { clear: both; font-size: 1em; line-height: 1.3em; }

.large-black-template .article {
	/*width: 960px;*/
	color:#fff;
}






/* --------- Boutons du bas de page ------------------- */

#body-bottom {
	float: left;
	padding: 4px 10px;
	width: 620px;
	background-color: #202020;
	margin-left:15px;
	color:#d5d5d5;
	font-size:0.8em;
}

.large-template #body-bottom { display: none; float: left; width: 870px; }

.large-black-template #body-bottom {
	float: left;
	padding: 10px 25px;
	width: 100%px;
}





.retour-haut {
	/*color: #797979;
	font-size: 0.9em;
	float:right;
	margin-top:2em;*/
}

.retour-haut a {
	text-decoration:none;
}

#body-bottom a {
	color:#fff;
	text-decoration:none;
}

#body-bottom a:hover {
	color:#fff;
	text-decoration:underline;
}



/*=========================[ PIED ]=========================*/


#pied-conteneur {
	margin-top: 50px;
	padding-bottom: 30px;
	width: 100%;
	background: #101010;
}

#pied { margin: 0 auto; min-height: 30px; width: 960px; }

#pied .legal, #pied .credit { color: #5f5f5f; }

#pied .legal { float: left; }

#pied a { text-decoration: none; }

#pied .credit { float: right; }

#pied { line-height: 1.1em; }

#pied a { color: #a3a3a3; }

#pied li {
	list-style-type:none;
}

/*----------  Déterrage  ----------*/
#deterrage {
	clear: both;
	float: left;
	padding: 60px 0 70px 10px;
	position: relative;
	width: 99%;*/
}

h2#h-actualites {
	border:none;
	margin:0;
	padding:0;
	height: 55px;
	background: url(images/h-actualites.png) no-repeat -10px 0;
}

h2#h-selection {
	border:none;
	height: 40px;
	background: url(images/h-selection.png) no-repeat -10px 0;
	margin:0;
	padding:0 0 1.5em 0;
}

/*
.large-template #deterrage,
.large-black-template #deterrage { display: none; }
*/
#deterrage .bloc-selection {
	color: #999999;
	float: left;
	margin: 0 30px 15px 0;
	overflow: hidden; /*plus joli en zoom texte seulement*/
	width: 210px;
}

#deterrage .bloc-droite-selection { margin: 0 0 15px 0; }

#deterrage .bloc-conteneur-selection { clear: both; }

#deterrage h3 img { 
	margin:0 0 -5px;
	/*width:24px;*/
	}

#deterrage .bloc-selection img { 
	margin-bottom:10px;
	/*width:24px;*/
	}

#deterrage .bloc-selection h3 { 
	font-weight:bold;
	font-size:1.6em;
	}

#deterrage a.rubrique {
	color: #FF358B;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#deterrage a.rubrique:hover { color: #ff60a4; text-decoration: none; }

#deterrage h3 {
	color: #fff;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	padding-top: 0;
	line-height:1.1em;
	padding:0;
}

#deterrage h3 a {
color: #eaeaea;
font-family: Arial, Helvetica, sans-serif;
font-variant:normal }

#deterrage h3 a:hover { color: #fff;text-decoration:underline; }

#deterrage p { font-size: 0.9em; }

