/* ********************************************************************************** */
/* Cette feuille de style s'applique à toutes les pages d'ABAC : elle définit les styles des éléments communs à toutes les pages (conteneur, bandeau, fil d'ariane, aspect et comportement général des liens). Elle contient également quelques classes usuelles ajoutées au besoin. */
/* ********************************************************************************** */


body
{
	background-color: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#conteneur
{
	width: 792px;
	margin: 0 auto;
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #CCCCCC;*/
	background: #FFFFFF url("../img/bg.gif") repeat-y 50% 0;
}


div#bandeau
{
	width: 792px;
	height: 148px;
	background-image: url("../img/bandeau.jpg");
	background-repeat: no-repeat;
	/*border-bottom: solid 8px #C1D9DE;*/
}

a#lien_bsa
{
	display: block;
	width: 792px;
	height: 148px;
}

div#haut 
{
	padding: 0 15px;
}

div#contenu-inner
{
	padding: 0 15px;
}

div#footer
{
	height: 50px;
	background: #EFEFEF url("../img/footer.gif") no-repeat 50% 0;
	padding: 0 15px;
}

/* Effet ombre portee sur les titres de page (CSS 3) */

h1, #entete h2 { /* On cible tous les H1 (unique sur chaque page), et les h2 dans l'en-tete des notices (nom latin) */
	text-shadow: 1px 1px 2px #993333;
}

h1#abac { /* Ombre differente pour le titre de la page d'accueil */
	text-shadow: 1px 1px 2px #2F2F2F;
}

.comte{
	text-shadow: none;
}


/* **************************** Styles du chemin de navigation (fil d'ariane) ********************************* */


p.chemin
{
	font-style: normal;
	font-size: 80%;
	margin-left: 20px;
	margin-top: 8px;
	border-bottom: dotted 1px #EBE9ED;
	padding-bottom: 8px;
}

div#footer p.chemin
{
	border: none;
}

span.navigation
{
	color: #999999;
}

span.navigation a
{
	text-decoration: none;
}

span.navigation a:hover
{
	text-decoration: underline;
}

span.courante
{
	color: #FF9966;
}


/* ***************************** Styles des liens ******************************* */


a, a:link, a:visited
{
	color: #993333;
	text-decoration: underline;
}

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

a:active, a:focus
{
	color: #FFCC99;
}

a img /* images cliquables */
{
	border: 3px outset #993333;
}

a.externe{ /* Liens sortants */
	font-weight: normal;
	background: url("../img/lien.gif") no-repeat right center;
	padding-right: 13px;
}

/* Effet de rollover sur les images cliquables */

a img, a#minigb
{
	opacity: 1.0; 
	filter: alpha(opacity=100);
}

a:hover img, a#minigb:hover
{ 
	opacity: 0.8; 
	filter: alpha(opacity=80);
}


/* Cible des ancres (CSS 3) */

.lettre:target, h4:target, div#corps h3:target, div#corps h2:target { /* On ne cible que les elements concernes */
	background-color: #FFF3DF;
}


/* ***************************** Classes CSS ******************************* */

.gras { font-weight: bold; }

.normal { font-weight: normal; font-style: normal; }

.italic { font-style: italic; }

.petit { font-size: 11px; }

.gris { color: #777777; }

.clearer { clear: both; }/* "Nettoyeur pour stopper un flottant */

.droite { text-align: right;}