/* CSS Document */

/* Se référer au fichier aide.doc pour une explication rapide des termes utilisés */

/* Feuille de style générale du site. */

/* Styles généraux de polices de caractères applicables dans toute la page. */

body { 
color : #000000; background-color : #9999CC; 
margin : 0; padding : 0; border : 0 none ; 
font-family : Arial, Verdana, sans-serif; 
} 

   /* Les <h> servent à hiérarchiser l'information. */
   
h1 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
} 

h2 {
	font-family : Arial, Verdana, sans-serif;
	font-weight : 700;
	font-size: 20px;

} 

h3 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
} 

h4 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
} 

h5 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
}
 
p {
font-family : Arial, Verdana, sans-serif; 
margin : 0 0 0; padding : 0; 
} 

.Content > p {
margin : 0; 
} 

.Content > p + p {
text-indent : 25px; 
} 

.bleu {
	color: #9999CC;
}
.vert {
	color: #669966;
}


/* Styles du menu horizontal haut (bandeau). */

#bandeau {
position : relative; 
width : 1024px; min-width : 800px; margin : 0; 
background-color : #9999CC; padding : 0; 
} 


/* la zone corps représente tout ce qui se situe entre le menu du haut et celui du bas. */
.corps {
position : relative; 
width : auto; max-width : 600px; margin : 0; padding : 0; 
background-color :#9999CC;
}

/* La zone #zonecontenu est placée en continuité du menu contextuel. Elle ne comprend pas le menu de gauche. */
.corps #zonecontenu {
	position : relative;
	width : 800px;
	margin-top : 0;
	margin-right : 0px;
	margin-bottom : 0;
	margin-left : 160px;
	background-color : #FFFFFF;
	padding : 0;

background image: url("ryan_accueil.jpg");
	background-repeat : no-repeat;
	background-position : right;
	left: 16px;

} 

.corps #zonecontenu #texte {
	position : relative;
	width : 400px;
	max-width : 500px;
	margin-top : 0;
	margin-right : 0px;
	margin-bottom : 0;
	margin-left : 50px;
	background-color : #FFFFFF;
	padding : 0;



} 

/* titre de la page */
.corps #zonecontenu #titre {
position : relative; 
width : auto; margin : 0; 
padding : 0; background-color : white; 
} 

/* arrondi de gauche */
.corps #zonecontenu #titre #arrondi {
position : absolute; 
margin : 0; top : 0; left : 0; width : 17px; height : 21px; 
background-color : #ffffff; 
} 



/* La zone de gauche. */
.gauche {
position : absolute; 
top : 180px; left : 0; width : 150px; margin : 0; padding : 0; background-color :#9999CC; 
z-index : 5; 
} 

body > #gauche {
width : 150px; 
} 

   /* Menu de gauche (sous-menu de la rubrique). */
div .gauche .menugauche {
position : relative; 
left : 0; padding : 5px; margin : 0; height : auto; 
background-color :#9999CC;
z-index : 9; 
}
 
div .gauche .menugauche {
voice-family : "\"}\""; 
voice-family : inherit; 
width : 150px; 
}
 
html > body.gauche.menugauche {
width : 150px; 
} 

/* Styles des liens du menu de gauche (sous-menu) au passage de la souris. */
a.menu {
padding : 0%; margin : 0%; color : #000000; text-decoration : none; 

} 

a.menu:active {
padding : 0%; margin : 0%; color : #000000; text-decoration : none; 

}

a.menu:visited {
padding : 0%; margin : 0%; color : #000000; text-decoration : none; 

}

a.menu:hover {
	padding : 0%;
	margin : 0%;
	text-decoration : underline;
	color: #FFFFFF;


}


/* La zone de copyright. */
.corps #copyright {
position : relative; 
width : auto; margin : 0; padding : 0; background-color : #ffffff; 
font-family : Arial, Verdana, sans-serif; font-size : 12px; color : #00ae68; font-weight : 600; text-align : center; 
}







/* Styles du menu horizontal bas. */


#menubas {
	position : relative;
	width : auto;
	height : 30px;
	margin : 0;
	padding : 0;
	background-color : #9999CC;
	top: 7px;

}
 


   /* Styles des liens appliqués aux boutons du bas, avec changement de couleur au passage de la souris. */

.bas {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
}

a.bas:link {
	text-decoration : none;
	color: #FFFFFF;
}

a.bas:active{
	text-decoration : none;
	color: #FFFFFF;
}
a.bas:visited {
	text-decoration : none;
	color: #FFFFFF;
}
a.bas:hover {
	text-decoration : underline;
	color: #00ae68;
}

a.film:link {
	text-decoration : underline;
	color: #000000;
}
a.film:active {
	text-decoration : underline;
	color: #000000;
}
a.film:visited {
	text-decoration : underline;
	color: #000000;
}
a.film:hover {
	text-decoration : none;
	color: #000000;
}