body {
	position:relative;
	width: 100%;
	height: 100%;	
	padding: 0;	
	color:black;
	background-color:white;
	//background-image : url("img/background.png"); 
	line-height:1.3;
	font-size: 0.9em;
	text-align:justify;
	font-family: 'Roboto Slab', serif;
}

@font-face {
  font-family: "Scotchlidaires";
  src: local("Scotchlidaires"), url("../polices/scotchlidaires-2-2.ttf") format("truetype");
}



h1 {
	font-family: Scotchlidaires;
	/*font-family: Freesans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;*/
	font-size: 1.3em;
	margin: 0.3em 0;
	color : #d40371;
}

h1,h1.spip,h1.blanc{
	text-align:left;
	overflow:hidden;
	color:black;
	line-height:0.8;
	margin: 15px 0 10px 0;
	max-width: 700px;
	min-width:250px;
	line-height: 1;
}
h1:before
{
content:url(img/seph_orig_court.png);
} 
h1:after
{
//content:url(img/seph.png);
} 
h1.blanc:before
{
content:url(img/seph_blanc.png);
} 
h1.blanc:after
{
content:url(img/seph_blanc.png);
} 

h2 {
  font-size: 1.0em;
  margin: 0.01em 0;
	text-align:left;
	overflow:hidden;
	color:black;
	line-height:0.8;
	margin: 15px 0 10px 0;
	max-width: 730px;
	min-width:300px;
	line-height: 1;  
}

h1:before
{
content: url(img/seph_orig_court.png);
} 
h1:after
{
//content:url(img/seph.png);
} 
h1.blanc:before
{
content:url(img/seph_blanc.png);
} 
h1.blanc:after
{
content:url(img/seph_blanc.png);
} 

h3 {
  font-size: 1.1em;
  margin: 0.02em 0;
  color : #d40371;
}

h5 {
  font-size: 1.1em;
  margin: 0.05em 0;
  padding : 2px;
  text-align:center;
}

h6 {
  font-size: 1.05em;
  margin: 0.05em 0.1em;
  padding : 5px;
}

.date {
  font-size: 0.9em;
  margin: 0.01em 0;
  color : #777;
}

.header {
		margin: 5px;
		
}

.centrer {
		margin: 0 auto;
}

.centrer_titre_rubrique {
		margin: 0 auto;
		width : 400px;
		max-width: 100%;
		color : #363135;
}

.centrer_rubrique_articles {
		margin: 0 auto;
		width : 500px;
		max-width: 100%;
}

.centrer_articles {
		margin: 0 auto;
		width : 1024px;
		max-width: 100%;
}

.fonds_nav {
	background-color : #ffffff ;
}

.banner
{
  padding-top: 4px;
  //background-color: #ffe0f2;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(182,235,182,1) 40%, rgba(182,235,182,1) 60%, rgba(255,255,255,1) 100%);
  text-align: center;
  background-size: cover;
  width: 96%;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
  display: table;
}

.banner-head
{
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0px;
  font-size: 1.1em;
  color: black;
  //font-weight: 200;
  //text-shadow: 0px 1px 1px #808080;
  font-family: Freesans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
}

.banner-head:before
{
content:none;
} 
.banner-head:after
{
content:none);
} 

@media all and ((orientation: portrait) or (max-width: 768px))
{
	.bloc_sommaire_anime {
		padding: 10px;
		text-align: left; display: block; 
		padding-top: 10px;
		padding-bottom: 5px;
		margin : 5px 25px;
		color : #363135;
		min-width: 200px;
		max-width: 40%;
		background-color: #ffffff;
	}
	.bloc_sommaire_2 {
	padding: 1px;
	padding-left: 30px;
	background-color : none;
	margin : 1px 35px 10px 0;
	color : black;
	}

}

@media all and (min-width: 768px)
{
	.bloc_sommaire_anime {
		text-align: center; 
		display: block;
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin : 5px 25px;
		color : #363135;
		clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
		width: 80%;
		min-width: 200px;
		background-color: white;
		transition: width 1s;
	}
	.bloc_sommaire_anime:hover {
		width: 200%;
	}
	
	.bloc_sommaire_2 {
	padding: 0px;
	padding-left: 6%; 
	height: 120px; 
	background-color : #06b076;
	margin : 5px 25px;
	color : white;
	font-size: 12pt;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 15px 100%);
}
}

.bloc_sommaire {
	padding: 0px;
	background-color : #ffffff;
	margin : 5px 25px;
	color : #363135;
}

.bloc_sommaire .thick {
    font-weight: bold;
}

.bloc_sommaire h1 {
	color : #dc2b86;
	
}

.bloc_sommaire hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 0.7em auto;
    padding: 0 ; 
    width : 50%;
   
}

.bloc_sommaire a:link {
    text-decoration: none;
    color : #363135;
}

.bloc_sommaire a:visited {
    text-decoration: none;
    color : #363135;
}

.bloc_sommaire a:hover{
    background-color : #f6f4f6;
    color : #363135;
}

.bloc_sommaire a:active {
    background-color : #f6f4f6;
    color : #363135;
}

.centrer_petition {
	margin: 0 auto;
	width : 100%;

}

.bloc_petition {
	margin: 0 auto;
	max-width : 300px;
}

.bloc_footer {
	margin: 0 auto;
	max-width : 1200px;
}


b {
  color : #777;	
}

.columns {
			-webkit-columns: 3;
			-moz-columns: 3;
			columns: 3;
}

.on {
	font-weight: bold;
	color : #ff0000;
	
}

.nav_haut_boutons {
	text-align: center;
	width: 99%;
	margin: 0.4em auto;
    	color: white;
	font-weight: 600;
  	text-transform: uppercase;
  	padding: 0.6em;
	font-family: Freesans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
}

.nav_haut_boutons2 {
	text-align: center;
	width: 99%;
	margin: 0.2em auto;
    	color: white;
	font-weight: 600;
  	text-transform: uppercase;
 
}

hr.style-one { border: 0; height: 1px; background: #444; background-image: linear-gradient(to right, #ddd, #aaa, #ddd); }

.menu_actif {
background-color : #777777;
	color : #ffffff;
	
} 

.bandeau-button {
	background-color: #4ec5b6;
    color: white;
  	margin: 0 0 8px 0;
	 	
    }

.button-accueil {
	//display: none;
    color: white;
    background-color: #047052;
   	margin: 0 0 8px 0;
    }
	
.button-adherer {
    color: yellow;
    background-color: #20cf20;
	text-shadow: 2px 2px 2px #200007;
   	margin: 0 0 8px 0;
	  	
    }

.button-region {
	background: #4ec5b6; 
    	color : #ffffff;
   	margin: 0 0 2px 0;
	
    }		

.button-twitter {
	background: #a7d7f9; 
    color : #666666;
    margin: 0 0 8px 0;
    
    }		

.button-rubriques {
    background: #06b076; 
    color : #ffffff; 
    margin: 0 0 8px 0;
	               
    }