* {box-sizing: border-box;}
.adroite {float:right;margin-left:0px;width:47%;}
.largeur {float:none;width:80%;margin-left:10%;padding-left:20px;}
.sans_couleurdefond{}
.lien 
{width:220px;height:170px;}

/*-----------------*/
body,.page,.main {
	box-sizing :border-box;
}
.widget select, img {
    max-width: 100%;
}


.column-layout {
  display: table;
  width: 100%;
  border-collapse: separate;
  
}

.column-layout p:first-child::first-line
{   font-size: 115%;
    line-height: 3em;
    font-weight: 700;
    font-style: oblique;
    text-transform: uppercase;
	 text-align:center;
}
.elementcol
{ 
  padding: 20px;
  border: 5px #F2F2F2 solid;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
 
}

.elementcol p:first-child::first-line
{   font-size: 115%;
    line-height: 3em;
    font-weight: 700;
   
    text-transform: uppercase;
	 text-align:center;margin-left:auto;margin-right:auto;
	 border-bottom: 5px #F2F2F2 solid;
}
 

 /* For tablets: */
.lc-t-3 > div,.lc-t-4  > div, .lc-t-5  > div ,.lc-t-6 > div ,.lc-7>div {width: 50%}
	 
 
 
 
@media only screen and (min-width: 768px) {
.column-layout > div {
  display: table-cell;
  padding: 20px;
  border: 5px #F2F2F2 solid;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
} 
 /* For tablets: */
.lc-t-3 > div,.lc-t-4  > div, .lc-t-5  > div ,.lc-t-6 > div ,.lc-7>div {width: 50%}
	 
} 


.lc {overflow: hidden;text-align:center;margin-top:1em;margin-bottom:1em; width:100%;}
.lc> * { text-align:center;}
.lc > *  > * {display:inline-block;vertical-align: top;text-align:center;}
[class*="lc-"] > *  {margin-left:auto;margin-right:auto;text-align:center;margin-bottom:10px;}


/* For mobile phones: */
[class*="lc-"]>div {
    width: 100%;
}
@media only screen  and (min-width:1024px) {
    /* For desktop: */
.lc-1 > div {  width: 100%;  }
.lc-2 > div {  width: 50%;  }	
.lc-3 > div {  width: 33.3333%; /* 100%/3 = 3 colonnes */  }
.lc-4 > div {  width: 25%;  }
.lc-5 > div {  width: 20%;  }
.lc-6 > div {  width: 16%;  }
 }
  

/* --------------------------------------------------------------

   Theme pour la dist de SPIP 3

-------------------------------------------------------------- */

	@import url(http://fonts.googleapis.com/css?family=Satisfy); /* post it */
	
img {
	box-sizing :border-box;vertical-align:middle; max-width:100%;  height: auto;
	
	}

	/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
/* fil d'ariane modele 2 */
.arbo {
	clear: both;
	font-size: 0.8em;
	color: #333;
	float:right;
	padding-right:20px;
}
.arbo a {
	text-transform: capitalize;
}

.grid .texte {padding:4%; }
.petitsoustitre {
	font-size: 100%;
	font-weight: bolder;
	/*color: #B2B2FF;*/color: #5E5EFF;
	position: relative;
	margin: 3px 0px;
	text-align: left;
	font-style: oblique;
	padding-bottom: 5px;
	vertical-align: middle;
	padding-left: 40px;
	

	}
abbr.published { border: 0; }
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }


.descriptif   { font-weight: bold;font-size:130%; } 
.chapo_article{padding:50px;margin:30px 50px 30px 50px;background-color:#eee7e7;overflow:auto}


/*  le texte -- surtexte : texte englobant */
.texte{
	text-align: justify;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 20px;
	padding-left: 1%;
	font-size:18px;
	word-wrap: break-word
		 }

.texte.first-letter{text-transform: uppercase;}
.texte h1,.texte h2{      text-shadow: none;}
.chapo       { font-weight: bold; padding:10px;border:double grey;margin:10px 10px 30px 10px;overflow:auto;}

@media only screen and (min-width: 748px) {
.texte,.grid .texte {  padding-right: 2px;  padding-left: 2px;padding-bottom:10px;}
.chapo,.descriptif ,.aside .chapo ,.aside .descriptif{  padding:30px;margin:30px;}
}


.aside .texte {
    
	padding-right:2%;
    padding-left: 2%;	
}	
.aside .chapo {margin:10px 10px 30px 10px;padding:10px}

	
	
.aside p,.aside  .p, .aside p.spip,.aside .puce
{
  margin-left:2px;padding-left:0px;line-height:1.4;
}

.aside .texte h1{ font-size : 100%;}
.aside .texte h2{text-align:center; font-size : 100%;}
.aside .texte h3 {text-align:left; font-size : 95%;}
.aside .texte h4 {text-align:left; font-size : 90%;}
/* pour les colonnes ?*/
.intro, p.intro {
	width:100%;		overflow:hidden;	text-align:justify;word-break:break-word;
}
		
.intro_libre, p.intro_libre
  { text-align: left;
	vertical-align:middle;
	position:relative;
	}






.textemin 
{   text-align: justify;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
	padding-right:0px;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
	
}
 .textemin  .p, .textemin p.spip,.textemin .puce
{
  text-indent:30px;margin-left:2px;padding-left:0px;text-align:justify;
}

.textemin .texte h1 { font-size : 100%;}
.textemin .texte h2 {text-align:center; font-size : 100%;}
.textemin .texte h3 {text-align:left; font-size : 95%;}
.textemin .texte h4 {text-align:left; font-size : 90%;}


.hyperlien { display: block; padding: 1.5em 50px; background: #EED url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .s { margin-bottom: 1.5em;  font-family: Satisfy; text-align:right;font-size:20px;}
.s { clear: both; font-size: .9em; }



/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
/*.aside .formulaire_spip { padding-top: 1.3em; border-top: 5px solid; }*/
fieldset {
width: 100%;margin:auto;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
fieldset.liens { border: 2px solid rgb(140, 165, 206); margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom: 5px; padding: 5px;width:95%}

legend { display: none; }
label { display: block; }
.erreur_message { display: block; }


input.text,textarea {
width: 100%;
background-color: #FFFFFF;
border: 2px solid #C1C1C0;
padding:5px 20px 5px 20px
}

.content input.text { width: 50%; }
textarea { width: 100%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }
/****************************************/
/* FORMULAIRE DE RECHERCHE     arrondis            */
/***************************************/
div.formulaire_recherche  {
	text-align:center;	margin-left:auto;margin-right:auto;
	margin-bottom: 10px;
	}
.recherche_1  { 
   	display: inline-block; max-width:95%;
    background-color:#E9E9E9;
	padding:5px; 
    border-width: 1px;
    border-style: solid;
    border-color: #dedede #bababa #aaa #bababa;
    box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    /*border-radius: 10px;    */
    background-image: linear-gradient(to top, #f6f6f6, #eae8e8);
	}

input.search {
	width: 70%;
	background-color: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 3px;    
	padding:5px;
}

.formulaire_recherche .submit {
	margin-left:3px;
	color:#333;
}


/******************************************************************/
/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login ul li { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }

.formulaire_ecrire_auteur li {
      margin-bottom: 0px!important;
}
/* Habillage des forums */
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-fil ul {}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { color: #222; }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: #fff; }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */
.formulaire_forum {}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { display: none; }
.formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }

/* Habillage des petitions
---------------------------------------------- */
#signatures {}
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }

/* Formulaire de signature */
.formulaire_signature {}
/* widget */
/*---------------------------------------------- */
.widget-content ul li {
	position: relative;
	margin-top: 10px;
	padding: 1px 0 1px 14px;
	line-height: 120%;
	list-style-image:none;list-style-type:none;
}

.widget-content ul li:before {
	content: "»";
	position: absolute;
	left: 0;
	top: 0;
	color: #13C4A5;
	font-size: 18px;
}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */
.menu {
	clear: both;
	margin-bottom: 60px;
	text-align: left;
}
.menu a, .nav a {
	opacity: 1;font-weight:normal;
    
}
.menu a::first-letter{  text-transform: uppercase;}
.menu a .on , .nav a .on , .menu .on , .nav  .on  {
	font-weight: bolder;
    text-transform: uppercase;
   
}


.menu p {}
.menu ul {
	margin-bottom: 1.5em;
	
}

.menu ul li {	padding-left:1em;text-transform:lowercase}
.menu ul li::first-letter, .menu ul li a::first-letter {text-transform:uppercase!important;color:inherit}

.aside .menu ul li {
	padding-left:0!important;text-transform:lowercase;
}
.aside .menu ul li::first-letter {
text-transform:uppercase;
}

/*.menu ul li:nth-child(odd){background-color: #E1E1E1; }
.menu ul li:nth-child(even){background-color: #FFFFF; }*/
.menu ul li ul { margin-left: 1.5em; list-style: circle;}

.menu h2 {font-size:1.3em;margin-bottom:10px;}

.menucentre {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: square;
	padding-left:10%;
	width:90%;
}

.menucentre ul li,.menucentre ul
 {	text-align:left;
	color: #000000;
}
/*************************************************/
/*                Pagination   de    spip         */
/***********************************************/

.pagination { clear: both; text-align: center;margin:auto }
ul.pagination-items  {list-style-type: none;display:inline-block}
li.pagination-item ,li.pagination-item on, li.pagination-item active {list-style-type: none;display:inline-block}

.pagination .on  { padding: .2em .5em; margin: 0 1px;font-weight: bolder; background: #222; color: #fff; }
.pagination a {   background:#D9D9CC; text-decoration: none;padding: .2em .5em; margin: 0 1px;font-weight: bolder;  }
.pagination .sep { display: none; }

/* Listes d'articles et extraits introductifs */
.menu_articles .bl{vertical-align:middle}
.menu_articles ul {padding-left:0;}
.menu_articles li {	clear: both;display:block;}
.menu_articles li h3,
.menu_articles li h2 {margin: 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small { font-style: italic; float:right;}
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles li:first-child {
	border-top-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-bottom-color: #999;
}
.menu_style_liens li {}
.menu_style_liens li h3 { margin: 0; }

/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */

@media print {

/*  Ne pas imprimer */
.spip-admin,
.spip-admin-float,
.spip-previsu { display: none; }
.repondre,
.formulaire_spip { display: none; }

/* Souligner et expliciter les liens */
a { color: #600; text-decoration: underline !important; }
a.spip_out:after,
a.spip_glossaire:after,
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }

}

#evenements
{
	
   background-color: #F4F4F4;
	font-size: 85%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	position: relative;
	z-index: 6;
}




.solinfo
{  	border: 4px solid #B2B2FF;
	
	-webkit-border-radius: :15px;  
	border-radius:15px;
	margin:10px;margin-left:0px;margin-right:auto;
	padding:5px;
	list-style-image: none;
	list-style-type: none;
	text-align:center;color: #000;
	/*background:#c5c6f0;background-color: #dae6f6; */background-color: #FFFFD7;
	}
 








.bl{
	border-top-color: #00F;
	border-right-color: #00F;
	border-bottom-color: #00F;
	border-left-color: #00F;
}

.buttons
{
display: inline-block;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
border: 1px solid #a1a1a1;
padding: 0 2em;
margin: 0.5em;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;

-webkit-border-radius: .2em;
border-radius: .2em;
}
.buttons:before
{
float: left;
width: 1em;
text-align: center;
font-size: 1.7em;
margin: 0 0.5em 0 -1em;
padding: 0 .2em;
pointer-events: none;
}





.bouton_b {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   
   border-radius: 8px;
   width:auto;
   
   /* overboard shadows for Opera (and why spec version listed first) */
   box-shadow: rgba(0,0,0,1) 0 1px 0, rgba(0,0,0,90) 0 0 10px, rgba(0,0,0,90) 0 0 20px, rgba(0,0,0,90) 0 0 30px;
   
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
.bouton_b:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
.bouton_b:active {
   border-top-color: #1b435e;
   background: #1b435e;
}
.fdroite{float:right;margin-right:5px;}



/* fin doc */
.ex4 li {
	display: inline-block;
	width: 200px;
	margin: 0 10px;
	padding: 5px;
	box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #816F47;
}
.ex4 figure {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 125px;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
.ex4 figcaption {
	position: absolute;
	left: 0; bottom: -1em;
	width: 200px;
	height: 2.6em;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	overflow: hidden;
	/*préparation de la transition*/
	transition: all 0.7s;
}
.ex4 figcaption span { display: block; }
.ex4 figure:hover figcaption,
.ex4 figure:focus figcaption {
	height: 4.2em;
	background: rgba(0,0,0,0.8);
}
.like:before               {
	content: "\2764";
	
}
/*************************************FIL ARIANE  modele 1 *************************/
.ariane{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: auto;padding-bottom:2%;
}

.ariane li{
  float: left;
}

.ariane a{
  padding: .2em 0.5em .2em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

.ariane li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

.ariane a:hover{
  background: #fff;
}

.ariane a::after,
.ariane a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

.ariane a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

.ariane a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

.ariane a:hover::after{
  border-left-color: #fff;
}

.ariane .current,
.ariane .current:hover{
  font-weight: bold;
  background: none;
}

.ariane .current::after,
.ariane .current::before{
  content: normal;  
}









/* le défilement horizontal */
.containerhorizontal{ /* pour mettre un fon de couleur sans height cela ne marche pas ..*/
	width:100%;	height:50px;
	font-weight: bold;	font-size:120%;	font-variant: small-caps;
	margin-bottom:20px;	padding:2px;vertical-align:middle;
	
}



/*-----------------------*/
 .affevent {
	text-align: justify;
}
.affevent img ,.affevent .spip_logos
   {
	margin:15px;
}

.affevent  h1{
	text-align: center;
}
.affevent h2
{
	padding-top:0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	text-align: left;
}

.bulleliste {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 4px;
	z-index: auto;
}
.pdf {overflow:scroll;max-width:100%;width:100%;padding:0;height:300px;}

 /* tiny typo */
 /* mailto / tel */
a.mailto:after , contact:after{
  content: "\0000a0\2709";
}
/* External Links */
a.external:after {
  content: "\0000a0\279A";
}

.img
{
  display: block;
  max-width:100%;
  height: auto;}
  
  
  
  

ul#slidermultitexte, ul#slidermultitexte li {
    width: 310px;
    height: 400px;
    list-style: none;padding-left:0;
}


#slidermultitexte .texte
{
	font-family:'open_sansbold';
	font-size: 16px;
	text-align: left;
	padding-bottom: 10px;padding-left:0;
	color: #666;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	text-indent: 0;
}
.titresl{
 font-size: 100%; 
 font-weight:lighter; 
 text-shadow: -1px -1px #fb6, 1px 1px #d60, -3px 0 4px #000;
  color: #FF9933;   
  position:absolute;
  top:20px; 
  right:20px;
  z-index:100;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  font-family:"Segoe print", Arial, Helvetica, sans-serif;
}

@media only screen and (min-width: 480px) {
	.titresl{font-size: 130%!important; }
}

@media only screen and (min-width: 640px) {
	.titresl{font-size: 150%!important; }
}

	
@media only screen and (min-width:800px) {
.titresl{font-size: 3vw!important; line-height:3vw}
}
ul#slider div {
    text-align: center;
}
ul#slider {
  
}
/*** Set Slider dimensions here! Version 1.7+ ***/
/* added #slider li to make panels the same size in case "resizeContents" is false */
ul#slider, ul#slider li {
    /* mettre largeur et hauteur */
    list-style: none;
}

/*
  centering css from here: 
  http://css-tricks.com/centering-in-the-unknown/
*/
ul#slider div {
    text-align: center;
}
ul#slider div:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;

}
ul#slider img {
  display: inline-block;
  vertical-align: middle;
}


.bg-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.header-image {
	background-size: cover;
	background-position: top left ;
	background-repeat: no-repeat;
}
	
.monimg {
    width: 100%;
    max-width: 100%;
    height: auto;
}



/****************fin test ********************/

.sliderbreve {padding-top:10px;}




ul#slider-breves 
{ display:block;
  width :100%;
  padding: 5px;
  border: none;
  box-shadow: none;min-height : 200px;
  margin-left:0;padding-left:0;margin-bottom:0px;
  
}
       

ul#slider-breves, ul#slider-breves slider li {
      list-style: none;
}
ul#slider-header, ul#slider-header slider li {
      list-style: none;
}


ul#slider-texte
{  width :100%;box-sizing :border-box;
   padding:0px;margin:0; vertical-align:middle;
}
.letexte{
	z-index:800;margin-right:65px;box-sizing :border-box;
	padding:10px;
	float:right;
	display:inline-block;
	vertical-align:middle;
}

/* fin des sliders */

.enblock{margin:auto;display:inline-block;vertical-align:middle;-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
box-sizing:border-box;}

/* oembed*/

.invtitre .spip_doc_titre{display:none;}
.invtitre .spip_documents.spip_documents_center{margin-bottom:0;}
.invtitre .spip_documents .oembed{padding:0;}
/******************** slider ************************/


@media (max-width: 340px) { 

#slider-header {display:none;} 
.pdf{max-width:100%;height:430px;}
}


@media only screen and (min-width:341px)and (max-width: 640px) {

.l3 .grid-1 > *{width:46%!important;padding:5px!important; margin-left:10px!important;margin-right:auto!important;text-align:center!important;height:auto;
}

}


@media only screen and (max-width: 640px) {


.boite_rub{width:100%}
.menu{ width: 95%!important;margin-left:auto!important;margin-right:auto!important;float:none;}
.colonne  h2 {   min-height:40px;height:40px;overflow:hidden;}
div.lebloc{ display: block;}
.intro, p.intro { height:auto;min-height:auto;	text-align:justify;}
.enblock {display:block!important;width:100%!important;height:auto;min-height:auto;	text-align:justify;}
.menu_articles  {padding-left:0;padding-right:0;}



}
 
 @media only screen and (max-width: 768px)
  {

.letexte {float:none;clear:both;width:95%;margin-left:0;margin-right:0;height:auto;}
.spip_logo, .spip_logos{max-width:100%!important;} 
 
 
  }

@media only screen and (min-width:641px)and (max-width: 1024px) {
 .l3 . grid-1 > *  {width:30%!important;padding:5px!important; margin-left:10px!important;margin-right:auto!important;text-align:center!important;height:auto;}	 
ul #slider-breves {padding-left:10%;padding-right:10%}
                                                     
.aside .slider-breve {padding-left:15%;padding-right:15%;}


#slidermuti1 {width:80%;text-align:center;margin-left:auto;margin-right:auto}

.menu ul li {
	margin-left:0;padding-left:0;}
	
}
@media only screen and (min-width:768px)and (max-width: 1023px) {
.menu ul li {
	margin-left:0;padding-left:0;}
	
}
@media only screen and (max-width: 1024px) {
.menu,.aside{	width:100%;}
.menu ul li {	padding-left:0.1em;}
}