/*Feuille de style VIVA*/

/* Page */
html 
{
font-size: 100%;
color: black;	
}

body
{
margin: 0;
padding: 10px 20px;
width : 85%;
margin-left : auto;
margin-right: auto;
font-family: Calibri, Futura Bk, Arial, sans-serif;
font-size: 0.9em;
line-height: 1.25;
color: black;
background: white;
}

/*liens*/
a
{
font: Calibri, Futura Bk, Arial, sans-serif;
color: #442DCD;
text-decoration: none;
}

a:hover
{
text-decoration:underline;
}

a:visited 
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #442DCD;
}

#date
{
color: #330066;
}

/*titre*/
h1
{
text-indent: -50000px;
}

/*bannieres*/

#en_tete1
{
	width:110%;
	height: 170px;
	border: non;
	background-image: url("banniere_assoc.jpg");
}

#en_tete2
{
	height: 170px;
	border: non;
	background-image: url("banniere_activ.jpg");
	width: 110%;
}

#en_tete3
{
	height: 170px;
	border: non;
	background-image: url("banniere_prev.jpg");
	width: 110%;
}

#en_tete4
{
	height: 170px;
	border: non;
	background-image: url("banniere_amis.jpg");
	width:110%;
}

#en_tete5
{
	height: 170px;
	border: non;
	background-image: url("banniere_qui.jpg");
	width:110%;
}

#en_tete6
{
	height: 170px;
	border: non;
	background-image: url("banniere_trucs.jpg");
	width:110%;
}

#en_tete7
{
	height: 170px;
	border: non;
	background-image: url("banniere_statuts.jpg");
	width: 110%;
}


#en_tete8
{
	height: 170px;
	border: non;
	background-image: url("banniere_avenir.jpg");
	width:110%;
}

#en_tete9
{
	height: 170px;
	border: non;
	background-image: url("banniere_manif.jpg");
	width: 110%;
}

#en_tete10
{
	height: 170px;
	border: non;
	background-image: url("banniere_contact.jpg");
	width:110%;	
}

#en_tete11
{
	height: 170px;
	border: non;
	background-image: url("banniere_savoir.jpg");
	width:110%;	
}

#en_tete12
{
	height: 170px;
	border: non;
	background-image: url("banniere_photos.jpg");
	width:110%;	
}

#en_tete13
{
	height: 170px;
	border: non;
	background-image: url("banniere_marche.jpg");
	width:110%;	
}

#menu
{
width: 23%;
float: left;
text-align: left;
font-size: 1.1em;
line-height: 1.1;
margin-right: 15px;
margin-top: 20px;
color: black;
}

.sous_menu
{
margin-top: 0px;
float: left;
line-height: 1;
margin-bottom: 20000px;
}


#corps
{
width: 75%;
margin-left: 16%;
margin-top: 15px;
margin-right: 9%;
padding: 10px;
text-align: justify;
font-size: 1.2em;
color: black;
}

#corpssante
{
width: 75%;
margin-left: 26%;
margin-top: 15px;
padding: 10px;
text-align: center;
}

#centrer
{
text-align: center;
}

.photo_centre
{
margin-top: float;
float: left;
line-height: 1;
margin-bottom: 40 px;
}

.demi_titre
{
color: #483D8B;
margin-top: 35px;
}

/*polices*/

h2
{
text-align: justify;
font-size: 1.5em;
}

h3
{
text-align: justify;
font-size: 1.3em;
}

h4
{
text-align: justify;
font-size: 1.2em;
}

h5
{
text-align: justify;
font-size: 1em;
}

blockquote
{
text-align: justify;
font-size: 1 em;
font-weight: italic ;
color: black;
margin-top: 10px;
line-height: 1.0;
}

li
{
list-style: square;
list-style-type: outside;
}


.nosaxes /* titres des axes de prévention*/
{
text-align: justify;
font-size: 1.3 em;
font-weight: bold;
color: #660099;
margin-top: 20px;
}

.nosaxes_text
{
text-align: left;
font-size: 1.1 em;
color: black;

}

.centrage
{
text-align: center;
}

.galerie
{
position: absolute;
left: 45%;
}

#viva-infos
{
font: Calibri, Futura Bk, Arial, sans-serif;
font-weight: bold;
font-size: 1.9 em;
color: black;
text-align: center;
}

/*Images*/

#couverture
{
background-image: url("Couverture.jpg");
background-repeat: no repeat;
background-position: bottom;
}

#couverture_journal
{
position: absolute;
top : 75%;
}


#pied_de_page
{
font-size: 1.2em;
text-align: center;
color: #442DCD;
}


#credit1
{
font-style: italic;
font-size: 0.9em;
position: absolute;
left: 100px ;
top: 725px;
color: #8B8C99;
}