/*Feuille de style du site "Crabouillages" http://www.crabouillages.ovh.org*/

body
{
	background-image: url("images/fond.jpg");
	/*background-color: #fffc9a;
	background-attachment: fixed;*/
	margin-left: 70px;
}

#haut
{
	top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}

#menu
{
	float: right;
   	width: 25%;
   	text-align: left;
}

#menu h2
{
	text-align: center;
}

#nouvelles
{
	float: left;
	width: 73%;
	text-align: center;
}

#nouvelles #compteur
{
	font-size: 0.3em;
}

.element_menu
{
   background-repeat: repeat-x;
   border: 5px solid black;
   margin-bottom: 20px;
   /*background-color: #fffc9a;*/
}

.nouvelles
{
   background-repeat: repeat-x;
   border: 5px solid black;
   margin-bottom: 20px;
   /*background-color: #fffc9a;*/
}

h2
{
	text-decoration: none;
	text-transform: uppercase;
	font-size: xx-large;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial, serif;
	color: #650000;
}

#menu h2
{
	letter-spacing: 3mm;
}

#menu h2 a
{
	text-transform: uppercase;
	font-size: xx-large;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial, serif;
	color: #650000;
}

#menu em a, #nouvelles em
{
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-large;
	color: black;	
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #3A220B;
}

a:focus, em a:active
{
	background-color: #ffd109;
}

#menu a, #nouvelles p, #nouvelles a
{
	text-decoration: none;
	font-style: normal;
	font-size: medium;
	color: #030052;	
}

#nouvelles p
{
	text-align: justify;
}

#nouvelles a
{
	font-weight: bold;
	font-size: 120%;
	color: #3A220B;
}

#pied_de_page
{
	color: #626262;
	font-weight: bold;
	font-family: Arial, serif;
	font-size: 10px;
	text-decoration: none;
}

#pied_de_page a
{
	text-decoration: none;
	color: #626262;
	font-style: oblique;
}

#pied_de_page a:hover
{
	font-style: normal;
}

#corps_page
{
	width: 74%;
	height: 100%;
	margin-left: 25%;
}

h4
{
	font: 1.7em "Comic Sans MS", Arial, serif;
	color: #1100c3;
	text-align: center;
}

h4 .parenthese
{
	font-style: oblique;
	font-size: small;
}

.liens
{
	font-family: Papyrus, "Comic Sans MS", Arial, serif;
	color: #01006b;
	text-align: center;
}

.liens h1
{
	font-size: 3em;
}

.liens p
{
	font-weight: bold;
	color: #000000;
}

.liens p a
{
	color: #5b5b5b;
	text-decoration: none;
}

.liens p a:hover
{
	text-decoration: underline;
}

#livreor
{
	text-align: left;
	font-family: "Comic Sans MS", "Lucida Handwriting", Arial, serif;
	margin-left: 25%;
}

#livreor .pages
{
	text-align: center;
}

#livreor h5
{
	color: #650000;
	text-decoration: underline;
	font-size: 1.2em;
}

.chretien h6, .ortho h6, .vrac h6
{
	font-size: 0.000001em;
	color: #fffc9a;
}

.chretien .gauche, .ortho .gauche, .vrac .gauche
{
	float: left;
   	width: 38%;
}

.chretien .droite, .ortho .droite, .vrac .droite
{
	float: right;
   	width: 38%;
}

.chretien #menu, .ortho #menu, .vrac #menu
{
	float: right;
   	width: 20%;
   	text-align: left;
}

.chretien p, .ortho p, .vrac p
{
	font-family: "comic sans MS";
	text-align: left;
	font-size: 1.5em;
}

.chretien_pages p, .ortho_pages p, #vrac_pages p
{
	font-family: "comic sans MS";
	text-align: left;
	font-size: 0.9em;
}

.chretien_pages h1, .ortho_pages h1, #vrac_pages h1
{
	text-align: center;
}

.chretien_pages img, .ortho_pages img, #vrac_pages img
{
	text-align: center;
}

.chretien img, .ortho img, .vrac img
{
	float: left;
	text-decoration: none;
	color: #E7E7E7;
}

.chretien .sauts, .ortho .sauts, .vrac .sauts, .chretien_pages .sauts
{
	font-size: 50px;
}

.chretien #pied_de_page
{
	margin-top: 85%;
}

.chretien_pages #pied_de_page, .ortho_pages #pied_de_page, #vrac_pages #pied_de_page
{
	margin-bottom: 5%;
}

.ortho #pied_de_page
{
	margin-top: 70%;
}

.vrac #pied_de_page
{
	margin-top: 77%;
}

/*petits cœurs*/

#coeur1, #coeur37bis
{
	position: absolute;
	top: 90%;
	right: 28%;
}

#coeur2
{
	position: absolute;
	top: 150%;
	right: 19.5%;
}

#coeur3, #coeur33, #coeur34, #coeur4
{
	position: absolute;
	top: 270%;
	left: 50%;
}

#coeur5, #ballon
{
	position: absolute;
	top: 2000px;
	left: 40%;
}

.coeur6
{
	position: absolute;
	top: 0%;
	left: 40%;
}

#coeur7, #coeur8, #coeur9
{
	position: absolute;
	top: 230%;
	left: 60%;
}

#coeur10, #coeur11, #coeur12, #coeur36
{
	position: absolute;
	top: 150%;
	left: 20%;
}

#coeur13, #coeur16
{
	position: absolute;
	top: 200%;
	left: 70px;
}

#coeur14, #coeur21
{
	position: absolute;
	top: 200%;
	left: 75%;
}

#coeur15
{
	position: absolute;
	top: 0%;
	left: 0%;
}

#coeur17
{
	position: absolute;
	top: 150%;
	left: 70px;
}

#coeur35, #coeur18, #coeur38
{
	position: absolute;
	top: 110%;
	left: 70px;
}

#coeur19, #coeur20
{
	position: absolute;
	top: 210%;
	left: 40%;
}

#coeur22
{
	position: absolute;
	top: 185%;
	left: 50%;
}

#coeur23
{
	position: absolute;
	top: 300%;
	left: 70px;
}

#coeur24
{
	position: absolute;
	top: 270%;
	left: 75%;
}

#coeur25
{
	position: absolute;
	top: 175%;
	left: 30%;
	text-decoration: blink;
}

#coeur26, .coeur15bis
{
	position: absolute;
	top: 240%;
	left: 20%;
}

#coeur27, #coeur29
{
	position: absolute;
	top: 90%;
	left: 25%;
}

#coeur28
{
	position: absolute;
	top: 120%;
	left: 50%;
}

#coeur30, #coeur32
{
	position: absolute;
	top: 120%;
	left: 28%;
}

#coeur31
{
	position: absolute;
	top: 290%;
	left: 30%;
}

#coeur37
{
	position: absolute;
	top: 150%;
	left: 40%;
}

.coeurs h1
{
	font-family: "Comic Sans MS", Arial, serif;
	text-align: center;
}

.coeurs #pied_de_page
{
	margin-top: 1600px;
}

.coeurs em
{
	text-align: center;
	font-size: 2em;
}

.coeurs #tous
{
	position: absolute;
	top: 2000px;
	right: 2%;
	font-weight: bold;
	font-size: 1.5em;
}

.coeurs .commentaires
{
	text-align: right;
	position: absolute;
	top: 2150px;
	right: 2%;
	font-size: 120%;
}

/* Fin des petits coeurs */

a img
{
	color: #E7E7E7;
}

a:visited img
{
	text-decoration: none;
	color: #E7E7E7;
}

a
{
	color: #3A220B;
}

.petitpere p
{
	text-align: center;
	font-family: Arial, serif;
}

.petitpere h5
{
	text-align: center;
	font-family: Arial, serif;
	font-size: 1.5em;
}

p .commentaires
{
	text-align: right;
}

.petitpere .commentaires
{
	text-align: right;
}

.salgoss p
{
	text-align: center;
}

img
{
	border: 0px;
}