html, body {
 min-height: 100%;
 height: 100%;
 }
* { margin:0; padding:0; }
img, object, embed, canvas, video, audio, picture {
       max-width: 100%;

} 
.spip_documents_left{
vertical-align:middle; 
clear: both;
margin-bottom: 5px;
margin-right: 25px;
max-width: 100%;
height: auto;
}
.spip_documents_right{
vertical-align:middle; 
clear: both;
margin-bottom: 5px;
margin-right: 25px;
max-width: 100%;
height: auto;
}
h2{
 padding: 0.5em 0.5em 0.5em 0.5em;
color: #F7AA00;
font-weight: bold;
text-align: left;
font-size: 1em;
}
h3{
color: orange;
font-weight: bold;
text-align: left;
font-size: 1em;
}
h3.spip{
padding: 0em 0em 1em 0em;
margin: 0em 0em 0em 0em;
color: #ED7006;
font-weight: bold;
text-align: center;
font-size: 1.2em;
}
p {
 padding: 7px 7px 7px 7px;
}
.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #00A5E9;
}
.centrer {
text-align: center;
height: 100%;
width: 100%; 
   }
.reduce600{
max-width: 600px;
/*width : 600px;*/
margin-left:auto;
margin-right:auto;
}
.centre{
background-color:#97E4DE;
padding:8px;
border:1px solid #E8F291;
text-align:center;
}
.titrepage, .actualit{
font-size : 1.8em;
font-family: 'Dancing Script',cursive;
color : #FFF;
padding : 0px 0px 5px 0px;
}
.adressepage{
font-size : 1em;
color : #FFF;
}
.rouge{
color : red;
}
.vert{
color : #33CC00;
}
.gras{
font-weight: bold;
font-size: 1.4em;
}
.columns2 {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.flex {
    display: flex;
	-ms-display: flex;
	-moz-display: flex;
	-webkit-display: flex;
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	flex-shrink: 0;
-ms-box-sizing: border-box;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.flex  > p {
    margin: auto;
} 
.margin5 {
margin:10px;
}
.center {
 text-align:center;
}

.blocitem {
width: 300px;
height: auto;
background-color:blue;
margin :10px;
}
.titre-bloc{
color:#FFF;
font-weight:bold;
text-align: center;
padding: 10px;
}
.img-bloc-home{
   
max-width: 100%;
max-height: auto;    
box-sizing: border-box;
}
.gras{
font-weight:bold;
}