h1
{ 
font-size: 50px;
font-family: Brush Script MT;
text-align: center;
}

body
{
background: url('images/fond1.png');
}

/* Conteneur central */
#centre {
	background: url(img/11-colgauche.png) repeat-y left top;
}
#centre-bis {
	background: url(img/11-coldroite.png) repeat-y right top;
}

/* Navigation */
#navigation {
	
	border: 2px black solid;
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding:10px;

}


/* Contenu principal */
#principal {
	border: 2px black solid;
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 10px;
margin-bottom: 30px;
	
}

/* Contenu secondaire */
#secondaire {
	
	border: 2px black solid;
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding:10px;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	
	width: 96%;
	
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 20px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 30%;
	font-size: 20px;
}


/* Contenu principal */
#principal {
	margin-left: 33%;
	margin-right: 38%;
	padding: 18px;
	font-size: 20px
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 30%;
	padding: 12px 40px;
	font-size: 20px

}

/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 260px 10px 200px;
	font-size: .85em;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}





#img1 {
	float: left;
	width: 30%;
	margin-left: 18%;
	font-size: 20px;
	

}
#img2 {
	
	margin-left: 55%;
	margin-right: 15%;
	font-size: 20px;
	
}

#img1 img, #img2 img{
	margin-left:30%;
	overflow:hidden;
    -webkit-border-radius:111px;
    -moz-border-radius:111px;
    border-radius:111px;
    width:200px;
    height:200px;
    box-shadow: 0px 4px 4px #1c1a19;
}

#img1 h2
{
	text-align: center;
	font-family: Freestyle Script;
	font-size: 40px;
	 box-shadow: 0px 4px 4px #1c1a19;

}

#img2 h2
{
	text-align: center;
	font-family: Freestyle Script;
	font-size: 40px;
	 box-shadow: 0px 4px 4px #1c1a19;
}

#test
{
    margin-top: 15px;
    height: 200px;
    border-radius: 5px;
    background: url('images/elevage.jpg') no-repeat;
    margin-left: 33%;
    margin-right: 33%;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}

footer
{
	font-size: 30px;
	text-align: center;
	font-family: Amatic SC;