/*Ceci est un fichier CSS, appelé "fstyle5.css"*/

body
{
        width: 760px;
        margin: auto;
        margin-top : 20px;
        margin-bottom : 20px;
        background-image: url(fond3.JPG);
        background-attachment: fixed;
	
	}
h1
{
        text-align: center;
        font-family:  "SansitaOne", "Cooper Black", "Comic Sans MS", "Verdana", serif;
	font-weight: bold;
        color: rgb(99,4,4);
	text-shadow:2px 2px 1px white;
}
h2
{/*Ceci est un fichier CSS, appelé "fstyle4.css"*/

body
{
        width: 760px;
        margin: auto;
        margin-top : 20px;
        margin-bottom : 20px;
        background-color: rgb(228,229,183);
	
	}
h1
{
        text-align: center;
        font-family:  "SansitaOne", "Cooper Black", "Comic Sans MS", "Verdana", serif;
	font-weight: bold;
        color: rgb(99,4,4);
	text-shadow:2px 2px 1px white;
}
h2
{
        text-decoration: underline;
        font-family: "DejaVu Sans", Arial, serif;
}
h3
{
        font-weight: bold;
        text-align: center;
}
.soutitre
{
        font-style: italic;
}
.imageflottante1
{
        float: right;
        margin-left: 5px;
}
.imageflottante2
{
        float: left;
}
a
{
        text-decoration: none;
        color: rgb(16,97,67);
}
a:hover
{
        color: red;
	text-shadow: 2px 2px 2px black;
 }
a:focus
{
        background-color: #FFCC66;
}

#preservation
{
        border: solid 3px blue;
        padding: 8px;
       
}
#astuce
{
        border:  solid 10px #dcc8b3;
        padding: 8px;
        margin-bottom: 50px;
       border-radius : 25px;
	background-color: #dcc8b3;
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),0px 2px 2px 0px rgba(255,255, 255, 0.5)
}
#matos
{
       
        padding: 8px;
        margin-bottom: 10px;
}
#erreurs
{
        border:  10px solid rgb(112, 29, 14);
	-moz-border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1 ;
	-webkit-border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-moz-border-left-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-webkit-border-left-colors :#590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-left-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-left-colors :#590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-moz-border-bottom-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-webkit-border-bottom-colors :#590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-bottom-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-bottom-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-moz-border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-webkit-border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
        padding: 8px;
}
#couverture
{
        border: solid 3px blue;
        padding: 5px;
        margin-bottom: 10px;
       
}
#ouverture
{
        border: solid 3px blue;
        padding: 5px;
        margin-bottom: 10px;
       
}
#en_tete
{	
	width: 757px;
	height: 100px;
	background-image: url("Nichoirs.png");
	background-repeat: no-repeat;
	margin-bottom: 10px;
	box-shadow:5px 8px 4px rgb(41, 40, 22);
}
#menu
{
	float: left;
	width: 160px;
        margin-right: 20px;
}
.element_menu
{
	background-color: #ecedba;
	background-repeat: repeat-x;
	box-shadow:5px 5px 10px #000 inset;
	border: solid 5px #5a5c30;
	margin-bottom: 20px;
	font-size: small;
	font-family: "DejaVu sans", "Bitstream Vera Serif", FreeSans, Monospace, "Franklin Gothic Demi Cond", Haettenschweiler, Arial, serif;
        float: left;
	width: 160px;
        margin-right: 20px;
        list-style-position: outside;
	border-radius : 8px;
       
        
}
.imagecentre
{
        margin-left: 120px;
}


#liste
{
       font-size: small;
       	padding: 8px;
	font-family: "DejaVu sans", Arial, Verdana, serif;
	
	margin-left: 165px;
	margin-bottom: 20px;
	border-radius:10px;
	box-shadow:6px 6px 5px gray;
} 
.bouton
{
        text-align: center;
	-webkit-transition : -webkit-transform 0.2s ease-in-out;
	-moz-transition : -moz-transform 0.2s ease-in-out;
	o-transition : -o-transform 0.2s ease-in-out;
	transition : transform 0.2s ease-in-out;
	box-shadow : 3px 5px 4px rgb(59, 56, 27);
       
}
.bouton:hover
{
	-webkit-transform : scale(0.98);
	-moz-transform : scale(0.98);
	-o-transform : scale(0.98);
	transform : scale(0.98);
	box-shadow : 1px 3px 2px rgb(59, 56, 27);
}
#corps
{


         font-size: medium;       
        font-family:  "DejaVu sans", Arial, Helvetica, serif;
        text-align: left;
        padding: 8px;
        list-style-position: inside;
	text-indent : 30px;
	hyphens: auto; 
}
#retour_avance
{
         text-align: center;
        font-size: small;
        font-family: FreeSans, "DejaVu Sans", "Franklin Gothic Demi Cond", Arial, serif;
}
table
{
	margin: auto;
	background-color: rgb(228,229,183);
	border-collapse: collapse;
        width: 760px; 
       
}

 
#centre
{
        text-align: center;
         font-size: medium;
        font-weight:
        font-family: "DejaVu Sans", Arial, serif;
}
.centre
{
 	text-align: center;
}
.librairie
{
        width: 900px;
}
.encadre
{
        
        list-style-image: url("puce_111.gif");
}
#vert
{
         list-style-image: url("puce_109.gif");
}
#blanc
{
         list-style-image: url("puce_112.gif");
}
.mini
{
	font-size: small;
        font-weight: normal;
        font-family: "DejaVu Sans", Arial, serif;
        text-align: justify;
        padding: 8px;
        list-style-position: inside;
}
#tableau
{
        margin: auto;
        width: 760px;
}
#exp
{
        border: 8px solid rgb(75, 93, 28) ;
	
        padding: 5px;
        margin-bottom: 30px;
        background-color: #dcc8b3;
	box-shadow:5px 5px 5px rgb(66, 49, 12) inset;
}
#pied
{
	background-color: #c0c0c0;
	font-size: xx-small;
	font-family: "DejaVu Sans", Arial, serif;
	text-align: center;
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),0px 2px 2px 0px rgba(255,255, 255, 0.5) inset;
	border-radius:8px;
}
#onglets
{
        font: bold 18px Arial, Batang, Serif;
        list-style-type: none;
        padding-bottom: 20px;
        
        margin-left: 200px;
}
#onglets li
{
        float: right;
        height: 30px;
        background: url(dessins/barmenu.png);
        margin: 5px 5px 0 5px;
        margin: 4px 5px 0 5px;
        border: 1px solid #9ea0a1;
}
#onglets li.active
{
        border-bottom: 1px solid #fff;
}
#onglets a
{
        display: block;
        padding: 2px;
        
}
#aller
{
	float: center;
	width: 760px;
        
}
#bois
{
        border: solid 3px black;
        padding: 5px;
	border-radius:10px
}
.ombre
{
	box-shadow:6px 6px 5px rgb(59, 56, 27);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
@font-face
{
	font-family: "SansitaOne";
	src: url(SansitaOne.ttf) format("truetype"),
		url(SansitaOne.eot) format("eot"),
		url(SansitaOne.woff) format("woff"),
		url(SansitaOne.svg) format("svg");
	font-weight: normal;
    	font-style: normal;
}
.imageflottante3
{
        float: right;
        margin-left: 5px;
	-webkit-transition : -webkit-transform 0.2s ease-in-out;
	-moz-transition : -moz-transform 0.2s ease-in-out;
	o-transition : -o-transform 0.2s ease-in-out;
	transition : transform 0.2s ease-in-out;
}
.imageflottante3:hover
{
	-webkit-transform: scale(1.5) rotate(-10deg);
	-moz-transform: scale(1.5) rotate(-10deg);
	-o-transform: scale(1.5) rotate(-10deg);
	transform: scale(1.5) rotate(-10deg);
	box-shadow : 4px 4px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow : 4px 4px 10px rgba(0,0,0,0.5);
	-moz-box-shadow : 4px 4px 10px rgba(0,0,0,0.5);
	
	-ms-filter : "progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand')" ;
	filter : progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
	 
	M11=0.9961946980917455,
	 
	M12=0.08715574274765817,
	 
	M21=0.08715574274765817,
	 
	M22=0.9961946980917455) ;
	 
	zoom : 1 ;	
	
}
textarea
{
	width : 750px;
	height : 200px;
}
h3 i
{
        font-size: x-small;
        font-weight: normal;
}
h2 i
{
        font-size: x-small;
        font-weight: normal;
}
.fiche
{
        border:  solid 10px #f1e1a0;
        width: 760px;
        height: 280px;
	padding-left: 10px;
	border-radius : 25px;
	background-color: #f1e1a0;
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),0px 2px 2px 0px rgba(255,255, 255, 0.5)
}
        text-decoration: underline;
        font-family: "DejaVu Sans", Arial, serif;
}
h3
{
        font-weight: bold;
        text-align: center;
}
.soutitre
{
        font-style: italic;
}
.imageflottante1
{
        float: right;
        margin-left: 5px;
}
.imageflottante2
{
        float: left;
}
a
{
        text-decoration: none;
        color: rgb(16,97,67);
}
a:hover
{
        color: red;
	text-shadow: 2px 2px 2px black;
 }
a:focus
{
        background-color: #FFCC66;
}

#preservation
{
        border: solid 3px blue;
        padding: 8px;
       
}
#astuce
{
        border:  solid 10px #dcc8b3;
        padding: 8px;
        margin-bottom: 50px;
       border-radius : 25px;
	background-color: #dcc8b3;
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),0px 2px 2px 0px rgba(255,255, 255, 0.5)
}
#matos
{
       
        padding: 8px;
        margin-bottom: 10px;
}
#erreurs
{
        border:  10px solid rgb(112, 29, 14);
	-moz-border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1 ;
	-webkit-border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-top-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-moz-border-left-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-webkit-border-left-colors :#590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-left-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-left-colors :#590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-moz-border-bottom-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-webkit-border-bottom-colors :#590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-bottom-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-bottom-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-moz-border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-webkit-border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	-o-border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
	border-right-colors : #590d0d #750f0f #8f1313 #aa1a1a #c92121 #de3838 #e95252 #e86a6a #e78484 #e4a1a1;
        padding: 8px;
}
#couverture
{
        border: solid 3px blue;
        padding: 5px;
        margin-bottom: 10px;
       
}
#ouverture
{
        border: solid 3px blue;
        padding: 5px;
        margin-bottom: 10px;
       
}
#en_tete
{	
	width: 757px;
	height: 100px;
	background-image: url("Nichoirs.png");
	background-repeat: no-repeat;
	margin-bottom: 10px;
	box-shadow:5px 8px 4px rgb(41, 40, 22);
}
#menu
{
	float: left;
	width: 160px;
        margin-right: 20px;
}
.element_menu
{
	background-color: #ecedba;
	background-repeat: repeat-x;
	box-shadow:5px 5px 10px #000 inset;
	border: solid 5px #5a5c30;
	margin-bottom: 20px;
	font-size: small;
	font-family: "Bitstream Vera Serif", FreeSans, Monospace, "Franklin Gothic Demi Cond", Haettenschweiler, Arial, serif;
        float: left;
	width: 160px;
        margin-right: 20px;
        list-style-position: outside;
	border-radius : 8px;
       
        
}
.imagecentre
{
        margin-left: 120px;
}


#liste
{
       font-size: small;
       	padding: 8px;
	font-family: "DejaVu sans", Arial, Verdana, serif;
	
	margin-left: 165px;
	margin-bottom: 20px;
	border-radius:10px;
	box-shadow:6px 6px 5px gray;
} 
.bouton
{
        text-align: center;
	-webkit-transition : -webkit-transform 0.2s ease-in-out;
	-moz-transition : -moz-transform 0.2s ease-in-out;
	o-transition : -o-transform 0.2s ease-in-out;
	transition : transform 0.2s ease-in-out;
	box-shadow : 3px 5px 4px rgb(59, 56, 27);
       
}
.bouton:hover
{
	-webkit-transform : scale(0.98);
	-moz-transform : scale(0.98);
	-o-transform : scale(0.98);
	transform : scale(0.98);
	box-shadow : 1px 3px 2px rgb(59, 56, 27);
}
#corps
{


         font-size: medium;
        font-weight: 
        font-family: "DejaVu Sans", Arial, serif;
        text-align: left;
        padding: 8px;
        list-style-position: inside;
	text-indent : 30px;
	hyphens: auto; 
}
#retour_avance
{
         text-align: center;
        font-size: small;
        font-family: FreeSans, "DejaVu Sans", "Franklin Gothic Demi Cond", Arial, serif;
}
table
{
	margin: auto;
	background-color: rgb(228,229,183);
	border-collapse: collapse;
        width: 760px; 
       
}

 
#centre
{
        text-align: center;
         font-size: medium;
        font-weight:
        font-family: "DejaVu Sans", Arial, serif;
}
.centre
{
 	text-align: center;
}
.librairie
{
        width: 900px;
}
.encadre
{
        
        list-style-image: url("puce_111.gif");
}
#vert
{
         list-style-image: url("puce_109.gif");
}
#blanc
{
         list-style-image: url("puce_112.gif");
}
.mini
{
	font-size: small;
        font-weight: normal;
        font-family: "DejaVu Sans", Arial, serif;
        text-align: justify;
        padding: 8px;
        list-style-position: inside;
}
#tableau
{
        margin: auto;
        width: 760px;
}
#exp
{
        border: 8px solid rgb(75, 93, 28) ;
	
        padding: 5px;
        margin-bottom: 30px;
        background-color: #dcc8b3;
	box-shadow:5px 5px 5px rgb(66, 49, 12) inset;
}
#pied
{
	background-color: #c0c0c0;
	font-size: xx-small;
	font-family: "DejaVu Sans", Arial, serif;
	text-align: center;
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),0px 2px 2px 0px rgba(255,255, 255, 0.5) inset;
	border-radius:8px;
}
#onglets
{
        font: bold 18px Arial, Batang, Serif;
        list-style-type: none;
        padding-bottom: 20px;
        
        margin-left: 200px;
}
#onglets li
{
        float: right;
        height: 30px;
        background: url(dessins/barmenu.png);
        margin: 5px 5px 0 5px;
        margin: 4px 5px 0 5px;
        border: 1px solid #9ea0a1;
}
#onglets li.active
{
        border-bottom: 1px solid #fff;
}
#onglets a
{
        display: block;
        padding: 2px;
        
}
#aller
{
	float: center;
	width: 760px;
        
}
#bois
{
        border: solid 3px black;
        padding: 5px;
	border-radius:10px
}
.ombre
{
	box-shadow:6px 6px 5px rgb(59, 56, 27);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
@font-face
{
	font-family: "SansitaOne";
	src: url(SansitaOne.ttf) format("truetype"),
		url(SansitaOne.eot) format("eot"),
		url(SansitaOne.woff) format("woff"),
		url(SansitaOne.svg) format("svg");
	font-weight: normal;
    	font-style: normal;
}
.imageflottante3
{
        float: right;
        margin-left: 5px;
	-webkit-transition : -webkit-transform 0.2s ease-in-out;
	-moz-transition : -moz-transform 0.2s ease-in-out;
	o-transition : -o-transform 0.2s ease-in-out;
	transition : transform 0.2s ease-in-out;
}
.imageflottante3:hover
{
	-webkit-transform: scale(1.5) rotate(-10deg);
	-moz-transform: scale(1.5) rotate(-10deg);
	-o-transform: scale(1.5) rotate(-10deg);
	transform: scale(1.5) rotate(-10deg);
	box-shadow : 4px 4px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow : 4px 4px 10px rgba(0,0,0,0.5);
	-moz-box-shadow : 4px 4px 10px rgba(0,0,0,0.5);
	
	-ms-filter : "progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand')" ;
	filter : progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
	 
	M11=0.9961946980917455,
	 
	M12=0.08715574274765817,
	 
	M21=0.08715574274765817,
	 
	M22=0.9961946980917455) ;
	 
	zoom : 1 ;	
	
}
textarea
{
	width : 750px;
	height : 200px;
}
h3 i
{
        font-size: x-small;
        font-weight: normal;
}
h2 i
{
        font-size: x-small;
        font-weight: normal;
}
.fiche
{
        border:  solid 10px #f1e1a0;
        width: 760px;
        height: 280px;
	padding-left: 10px;
	border-radius : 25px;
	background-color: #f1e1a0;
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),0px 2px 2px 0px rgba(255,255, 255, 0.5)
}