body
{
background-image:url("cloud-3.jpg");
}

.bigToSmall { 
 border-radius: 10px;
 box-shadow: 6px 6px 6px black;
 border: solid 4px white;
 width: 600px;
 height: 800px; }

.bigToSmall2 { 
 border-radius: 10px;
 box-shadow: 6px 6px 6px black;
 border: solid 4px white;
 width: 800px;
 height: 450px; }

.principal
{
width: 1024px;
margin: auto;
margin-top: 25px;
margin-bottom: 25px;
background-image: url("pierre2.jpg");
padding-left: 15px;
padding-right: 15px;
}

.reseaux { clear: right; }

.position {
	display: flex;
	justify-content: space-around; }
.position2 {
	display: flex;
	justify-content: center; }

h1 {
	font-family: "cursive";
	font-weight: bold;
	font-size: 19px;
	text-shadow: 2px 2px white;
	text-align: center;
	color: green; }

h2 {
	font-family: "cursive";
	font-weight: bold;
	font-size: 18px;
	text-shadow: 2px 2px white;
	text-align: right;
	color: green; }

h3 {
	font-family: "cursive";
	font-weight: bold;
	font-size: 24px;
	text-shadow: 2px 2px white;
	text-align: center;
	color: #0b5345; }

p:first-letter
{
   font-weight: bold;
   font-size: 1.4em;
}


.cadre_arrondi {
        width: 500px;
        height: 750px;
}
                        
.hg, .hd, .bg, .bd {
        width: 50px;
        height: 50px;
}
                
.haut, .bas {
        width: 400px;
        height: 50px;
}
                        
.gauche, .droite {
        width: 50px;
        height: 780px;
}
                        
.contenu {
	background-image:url("bois.jpg");
	font-family: "Comic Sans MS", Arial, Georgia;
	font-weight: bold;
	font-size: 17px;
	text-shadow: 2px 2px white;
	padding: 12px;
        width: 376px;
        height: 756px;
}
.cadre_arrondi div { float: left; } /* S'apllique à tous les divs de .cadre_arrondi */
.hg, .gauche, .bg { clear: left; } /*Pour passer outre le float des blocs précédents */

.hg { background-image: url('haut-gauche.png'); }
.hd { background-image: url('haut-droite.png'); }
.bg { background-image: url('bas-gauche.png'); }
.bd { background-image: url('bas-droite.png'); }
                        
.haut { background-image: url('band-haut.png'); }
.bas { background-image: url('band-bas.png'); }
.droite { background-image: url('band-droite.png'); }
.gauche { background-image: url('band-gauche.png'); } /* #c98206 */

#cadre
{
border: solid 4px black;
width:5px;
}
#cadre img
{
float:left;
}
#cadre p
{
float:right;
text-align:left;
}
.important {
	display: block;
	text-align: center;
	color: red;
}