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

   theme.css
   Theme par defaut de SPIP 3.3
   collectif SPIP

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

/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements principaux
------------------------------------------ */
body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#222222;background:#fff;} 

h1,.h1,
h2,.h2 { line-height: 1.2;}

/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #db1762;  }
 
a:focus, 
a:hover, 
a:active { background-color:#c41558; color:#fff; text-decoration:none; }


/* Citations, code et poesie
---------------------------------------------- */
blockquote {
	min-height: 40px;
	background: url(img/quote.png) no-repeat;
	border:none;
	padding-left:3em;
}

blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }

blockquote.spip_poesie {
	background-image:none;
}

.spip_code,
.spip_cadre {
	font-family: 'Courier New', Courier, monospace;
	margin:0 .2em;
}

.spip_code {
	border: 1px solid #dfdfcd;
	background-color: rgba(227,227,211,0.5);
	color: #3b3b25;
	text-shadow: 0 1px 0 #fdfdfc;
}

.spip_cadre {
	background:#333;
	color:#fff;
	border-radius:0.5em;
	border:0;
}

textarea.spip_code,
textarea.spip_cadre {
	padding: 1em;
	width:98%;
}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

/* fil d'ariane */
.arbo { clear: both;font-size: .9em; margin : 0 1em 2em 0; padding : 0.5em 0 0.5em 1em; border : 1px solid #eee; background : #fff; box-shadow: 1px 1px 3px 1px rgba(85,85,85,0.3); }
.arbo * { }
.arbo a {color : #000; font-size : 1.2em; text-decoration : none; background : transparent;}
.arbo a:visited { }
.arbo a:hover {}
.arbo a:active {}
.arbo a:focus { }

.cartouche { margin-bottom: 1.5em; }
.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
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; }
html[dir="rtl"] .info-publi { font-style: normal; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight: bold; }
.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EEE url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

/* Listes et tableaux */
.spip-puce { color: #db1762; }
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
dl.spip dd {}

table.spip {margin:1em 0;}
table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #EEE; }
table.spip tr:hover td {background: #AAD;}
table.spip tfoot { border-top: 1px solid; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.formulaire_spip label { display: block; }
.formulaire_spip input.text,
.formulaire_spip select,
.formulaire_spip textarea {
	width: 100%;
	box-sizing: border-box;
	padding:.25em;
	border:solid 1px #ccc;
	border-radius:4px;
}

.formulaire_spip img.ui-datepicker-trigger {
	position:relative;
	max-width: 1.5em;
	margin-top: -0.25em;
	margin-left: -1.75em;
}

.formulaire_spip .choix label {
	display: inline;
}

.formulaire_recherche label { display: block; }
.erreur_message { display: block; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { 
	width: 95%;
	height: 32px;
	padding-left: 20px;
	vertical-align: middle;
	border:solid 1px #aaa;
	background:#fff url(img/recherche.png) no-repeat left center;
	-webkit-border-radius: 0.25em 0 0 0.25em;
	border-radius: 0.25em 0 0 0.25em;
}
.formulaire_recherche input.btn,
.formulaire_recherche input.submit {
	width: auto;
	height: 32px;
	vertical-align: middle;
	border:solid 1px #aaa;
	border-left: none;
	-webkit-border-radius: 0 0.25em 0.25em 0;
	border-radius: 0 0.25em 0.25em 0;
	text-align: center;
}

/* Choix des mots-clefs */
.formulaire_spip .saisie_mots_forum fieldset {margin-left: 0}
ul.choix_mots { display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap}
ul.choix_mots li { display: flex; flex-basis: 30%; max-width: 30%; padding: 0.25em 0.5em; align-items: center}
ul.choix_mots li label { font-weight: normal; font-size: 1em; line-height: 1.25; margin-left: 0.25em}

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

/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer { 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%; }


/* Habillage des portfolios
---------------------------------------------- */
.documents_joints {margin: 2em 0em 0em 0em; padding : 1em 1em 1em 1em; border : 0px solid #000; background : #eee;}
.documents_portfolio li {display:inline;margin:0;padding:0;}
.documents_portfolio a {display:inline-block;padding:10px;margin:5px;border:1px solid #ccc !important;color:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}
.documents_portfolio a:hover {color:#999;opacity:0.8;}
.documents_portfolio img {margin:0;}

.documents_joints .descriptif p {margin:0;}

/* Habillage des forums
---------------------------------------------- */
.comments  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
.comments  ul {list-style:none;}
.comment-item {margin:0.5em 0 0 0;padding:0.5em 0 0 0;border-top:1px solid #EEE;}
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { text-decoration:none;}
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */
.forum-titre  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
.formulaire_forum {}
.formulaire_forum form+form{margin-top:1em;}
.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; margin: 0.5em 0; }
html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: normal; }
.formulaire_forum .boutons { margin-top: 1em; }

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

/* Formulaire de signature */
.formulaire_signature {}

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

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li {}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
 
/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #c41558; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0 0 0.2em 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small {  }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
.menu_articles a {text-decoration:none;}
.menu_articles strong {font-size:1.2em;}
.menu_articles 

/* articles recents */
#recentscadre {margin : 0 0em 0 0; padding : 0 1em 0 0; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/actualites_1.png'); background-position: right top; background-repeat : no-repeat;}
.recentscadre {margin : 0 0em 0 0em; padding : 0 1em 0 0; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/actualites_1.png'); background-position: right top; background-repeat : no-repeat;}
.recents h2 {color : #000; font-size : 1.6em; font-weight : bold; text-transform : uppercase; padding : 1em 0 1em 0em; background-size: 60px 50px; border-top : 2px solid #eee; border-bottom : 2px solid #eee; border-radius : 0px;}
.recents h3 {font-size : 1.6em; margin : 1em 0 0em 0; padding : 1em 0 0.5em 0;}
.recents h3 a:link {color: #000; text-decoration : none;}
.recents h3 a:visited {color: #000; text-decoration : none;}
.recents h3 a:hover {color: #000; text-decoration : none; background : #ffffff;}
.recents texte {margin : 1em 0 0 0;}

.menu_breves li {}
.menu_breves li h3 { margin: 0; }

.aside h2 {border-bottom:3px solid #EEE;padding-bottom:.1em;}
.aside li {margin:1em 0; padding : 1em 1em 1em 0;}
.aside a {text-decoration:none; line-height : 1.5em; margin : 0.5em 0 0.5em 0em; padding : 1em 0em 1em 0;}

.asiderubrique {margin : 0 0 2em 0; padding : 1em 1em 2em 1em; border-left : 2px solid #808080; background : #fff;}
.asiderubrique h1 {color :#fff; font-size : 1.2em; text-transform : uppercase; padding : 0.5em 0em 0.5em 1em; background :#000; border-radius : 5px; }
.asiderubrique h2 {color :#000; font-size : 1.2em; padding : 0.5em 0em 0.5em 1em; background :#fee; border-radius : 5px; border : 1px solid #ddd; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
.asiderubrique h3 {color :#000; font-size : 1.2em; padding : 0.5em 0em 0.5em 1em; background :#fff; border-radius : 5px;}
.asiderubrique h4 {color :#000; font-size : 1em; font-weight : bold; padding : 1em 0em 1em 0em; border : 1px solid #eee; }
.asiderubrique ul {list-style: square; padding : 0 0 0 1em;}
.asiderubrique a {color : #000; text-decoration : none; text-align : left; margin : 0em 0em 0em 0em; padding : 0em 0em 0em 0em; background : transparent; }
.asiderubrique a:hover {color: #000; text-decoration : underline;}

.menuarticleaside li {margin : 0em 0 0em 0em; padding : 1em 0 1em 0em;}

.footer {color : #808080; text-align : left;}
.footer a {color : #424242; text-decoration:none; background : none;}
.footer a:hover{text-decoration:none;}
.footer a.spip_out:after { content: ""; }
.footer p {padding : 0 0 0 5em; text-align : left;}
.pied {height : 100px; }
.pied a {color : #808080; margin : 0 0 0 0em; padding : 0.2em 0.2em;}
.pied a:visited {color : #808080;}

/* ------------------------------------------
/* bandeau
/* ------------------------------------------ */

.bandeau {position : relative; z-index :0; height: 140px; margin: 0 0 0em 0; border-bottom : 0px solid #ffffff; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/bandeau3.png');}
.bandeau h2 {position : absolute; z-index : 1; color : #000; font-weight : bold; margin :1em 0 0 0; padding : 0.5em 2em 2em 1em; border-top : 1px solid #808080; border-right : 2px solid #808080; border-bottom : 2px solid #808080; border-left : 1px solid #808080; border-radius : 5px; background: rgba(255, 255, 255, 0.8);} 
.bandeau h3 {position : absolute; z-index : 1;font-size : 1em; font-weight : normal; margin : 4.5em 0 0 1.5em;} 
.bandeau a:hover {color : #db1762;}

/* ------------------------------------------
/* bandeau2
/* ------------------------------------------ */

.bandeau2 {position : relative; height: 25px; margin: 0 0em 1em 0; border-bottom : 0px solid #808080; background : #000;}
.bandeau2 a {color : #808080; text-decoration : none; margin: 0 0em 0em 0; padding : 0 0 0 0;}
.bandeau2 a:hover {color : #eee; background: transparent;}

/* ------------------------------------------
/* header
/* ------------------------------------------ */

.header {position:relative;}
.header h2 {position :absolute; color : #ffffff; margin : 1em 0 0em 3em; padding : 1em 2em 1em 1em; border : 1px solid #fff; background : #900; border-radius : 5px;}
.header h3 {position :absolute; color : #ffffff; margin : 3em 0 1em 0; padding : 0em 0em;}

/* ------------------------------------------
/* Entete
/* ------------------------------------------ */

.entete {float : left; width : 98%; height: auto; border-top : 0px solid #ffffff; display: grid; grid-template-areas: "entete1" "entete2" "entete3"; grid-template-columns: repeat(3, 1fr); margin : 3em 0 1em 0; padding : 0em 0em 0em 0em; background : #fff;}

.entete h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 1em 0 0em 1em;}
.entete h3 {float : left; color : #000; font-size : 1em; line-height : 1.5em; margin : 0em 0 1em 0; padding : 1em 0em 1em 0em;}
.entete p {float : left; margin : 1em 0 0 0; padding : 0 0 0 1em;}
.entete a {color : #000; text-transform : uppercase; text-decoration : none; margin : 0 0 0 0; padding : 0 0 0 0}
.entete a:hover {text-decoration : underline; background : transparent;}
.entete .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
.entete .spip_logo {max-width: 100%; max-height : 350px; opacity : 0.8; border : 20px solid #fff;}
.entete .spip_logo:hover {opacity : 1; border : 20px solid #fff;}

entete1 {grid-area : "entete1"; margin : 0em 3em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
entete2 {grid-area : "entete2"; margin : 0em 3em 0em 3em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}
entete3 {grid-area : "entete3"; margin : 0em 0em 0em 3em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #000; border-radius : 5px; background : #fff;}

/* ------------------------------------------
/* duo
/* ------------------------------------------ */

.duo {float : left; width : 98%; height: auto; border-top : 0px solid #ffffff; display: grid; grid-template-areas: "duo1" "duo2"; grid-template-columns: repeat(2, 1fr); margin : 1em 0 2em 0; padding : 2em 0em 2em 0em; border-top : 2px solid #ddd; border-bottom : 2px solid #ddd; background : #fff;}

.duo h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 1em 0 0em 1em;}
.duo h3 {float : left; color : #000; font-size : 1em; line-height : 1.5em; margin : 0em 0 1em 0; padding : 1em 0em 1em 0em;}
.duo p {float : left; margin : 1em 0 0 0; padding : 0 0 0 1em;}
.duo a {color : #000; text-transform : uppercase; text-decoration : none; margin : 0 0 0 0; padding : 0 0 0 0}
.duo a:hover {text-decoration : underline; background : transparent;}
.duo .suiteduo a {float : left; color : #fff; text-transform : none; font-size :1em; margin : 1em 0 0 1em; padding : 0.5em 0.5em 0.5em 0.5em; border-radius : 5px; background : #000;}
.duo .suiteduo a:hover {color : #fff; text-decoration : none; background : #808080;}
.duo .spip_logo {float : left; max-width : 100%; max-height : 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
.duo .boiteaimage {max-width : 630px; max-height : 360px;}

duo1 {grid-area : "duo1"; margin : 0em 3em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
duo2 {grid-area : "entete2"; margin : 0em 0em 0em 3em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}

/* ------------------------------------------
/* postface final
/* ------------------------------------------ */

.final {float : left; width : 98%; height: auto; border : 2px solid #ccc; border-radius : 5px; display: grid; grid-template-areas: "final1" "final2" "final3"; grid-template-columns: repeat(3, 1fr); margin : 3em 0 3em 0; padding : 2em 2em 2em 2em; background : #e4f2e7;}

.final h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 2em 0 0em 1em; }
.final h3 {float : left; color : #000; font-size : 1em; line-height : 1.5em; margin : 0em 0 1em 0; padding : 1em 0em 1em 0em;}
.final p {float : left; margin : 1em 0 0 0; padding : 0 0 0 1em;}
.final a {color : #000; text-transform : uppercase; text-decoration : none; margin : 0 0 0 0; padding : 0 0 0 0}
.final a:hover {text-decoration : underline; background : transparent;}
.final .spip_logo {float : left; max-width: 100%; margin : auto; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}

final1 {grid-area : "final1"; margin : 0em 3em 0em 0em; padding : 1em 1em 1em 1em; text-align : left; border : 1px solid #000; border-radius : 5px; background : #fff;}
final2 {grid-area : "final2"; margin : 0em 3em 0em 2em; padding : 1em 1em 1em 1em; text-align : left; border : 1px solid #000; border-radius : 5px; background : #fff;}
final3 {grid-area : "final3"; margin : 0em 0em 0em 3em; padding : 1em 1em 1em 1em; text-align : left; border : 1px solid #000; border-radius : 5px; background : #fff;}

/* ------------------------------------------
/* edito
/* ------------------------------------------ */

.edito {margin : 1em 0 2em 0; padding : 0em 0em;}
.edito h2 {text-transform : uppercase; font-size : 2em; font-weight : bold; margin : 0em 0 0em 0; padding : 1em 0.6em 1em 0; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/hp_1.png'); background-position: top right; background-repeat : no-repeat; background-size: 80px 80px;}
.edito a {color : #fff; text-decoration : none; padding : 0.8em 0.8em 0.8em 0.8em; background : #db1762; border-radius : 5px;}

/* ------------------------------------------
/* breves
/* ------------------------------------------ */

.beside {margin: 0em 0 2em 0; padding : 0em 2em 0em 2em; border : 1px solid #000; border-radius : 5px; background : #fff;}
.beside h2 {font-weight : bold; margin : 1em 0 1em 0;}
.beside h3 {margin : 1em 0 0.5em 0;}
.beside li {margin : 1em 0 3em 0; padding: 0 0 0.5em 0;}
.beside a {text-decoration : none;}
.beside a:hover {color: #db1762; background : transparent;}

/* ------------------------------------------
/* popularite
/* ------------------------------------------ */

.popularite {margin: 3em 0 3em 0; padding : 1em 1em 1em 1em; border : 0px solid #000; border-radius : 5px; background : #e3f0eb;}
.popularite h2 {font-weight : bold;}
.popularite li {margin : 1em 0 1em 0; padding : 1em 1em 1em 1em; border-radius : 5px; background : #fff;}
.popularite li:hover {color: #fff; background : #000;}
.popularite a {color: #000; text-decoration : none;}
.popularite a:hover {color: #000; text-decoration : none; background : transparent;}

/* ------------------------------------------
/* direction
/* ------------------------------------------ */

.direction {margin: 0em 0 2em 0; padding : 0em 2em 0em 2em; border : 0px solid #000; border-radius : 5px; background : #fee;}
.direction li {margin : 1em 0 2em 0; padding: 0 0 0.5em 0; border-bottom : 1px solid #ccc;}
.direction h2 {font-weight : bold; margin : 1em 0 1em 0;}
.direction h3 {margin : 1em 0 0.5em 0;}
.direction a {text-decoration : none;}

/* ------------------------------------------
/* fil rouge
/* ------------------------------------------ */

.filrouge {color : #000; width : 95%; margin : 2em 0 2em 0; padding : 0em 0 0em 0; border-radius: 10px; border-top : 1px solid #808080; border-right : 2px solid #000; border-bottom : 2px solid #000; border-left : 1px solid #000; border-top : 1px solid #000;background : #e3f0eb;}
.filrouge a {display : block; color : #000; font-size: 1.6em; line-height : 1.2em; text-align : center; margin : 0 0 0 0; border-radius : 5px;}
.filrouge a:hover {display : block; color : #e3f0eb; text-align : center; margin : 0 0 0 0; border-radius : 5px; background : #000;}
.filrouge h2 {border : 0px solid #fff;}

/* ------------------------------------------
/* son
/* ------------------------------------------ */

.son {width : 95%; margin : 2em 0 2em 0; padding : 0em 0 1em 0; border-radius: 0px; border : 0px solid #000; border-radius : 5px; background : #ccbb;}
.son h1 {color : #000; font-size : 2em; padding : 1em 0 1em 1em; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/oreille_picto.png'); background-position: top 10px right 20px; background-repeat : no-repeat; background-size: 80px 80px;}
.son h2 {color : #808080; font-size : 1.3em;}

/* ------------------------------------------
/* son2
/* ------------------------------------------ */

.son2 {margin: 3em 0 3em 0; padding : 1em 1em 1em 1em; border : 0px solid #000; border-radius : 5px; background : #ccbb;}
.son2 h1 {color : #000; font-size : 2em; padding : 1em 0 1em 1em;}
.son2 h2 {color : #808080; font-size : 1.3em; border-bottom: 3px solid #EEE; padding : 0 0 0.1em 0;}

/* ------------------------------------------
/* video
/* ------------------------------------------ */

.video {width : 95%; margin : 2em 0 2em 0; padding : 0em 0 1em 0; border-radius: 5px; border : 0px solid #000; background : #e1d67b;}
.video h1 {color : #000; font-size : 2em; padding : 1em 0 0em 1em; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/video_picto.png'); background-position: top 5px right 20px; background-repeat : no-repeat; background-size: 80px 80px;}
.video h2 {color : #808080; font-size : 1.3em;}


/* ------------------------------------------
/* agenda
/* ------------------------------------------ */

.agenda {width : 95%; margin : 2em 0 2em 0; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/agenda_picto_1.png'); background-position: top right; background-repeat : no-repeat; background-size: 80px 80px;}
.agenda h1 {margin : 0em 0 2em 0;}
.agenda h2 {text-transform : uppercase; color : #000; font-size : 1em; margin : 2em 0 2em 0; padding : 1em 1em; border : 1px solid #000; border-radius : 5px; background : #fff;}
.agenda h3 {color : #000; font-size : 1.5em; margin : 0em 0 0em 0; padding : 0em 0em;}
.agenda li {margin : 1em 0 1em 0; padding : 0em 0em 0 0;}
.agenda a {margin : 0em 0 0em 0; padding : 0em 0em 0 0;}

/* ----------------------------------------------
/* journal
/* ------------------------------------------ */

.journal {float : left; width : 95%; margin : 0em 0 1em 0; padding : 1em 0 1em 0em; border : 0px solid #000; }

.journal h1 {font-size : 1.5em; border-bottom: 3px solid #EEE; padding : 1em 0 1em 0; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/loupe_1.png'); background-position: top right; background-repeat : no-repeat; background-size: 80px 80px;}
.journal h2 {float : left; font-size : 1em; text-align : center; border-bottom: 0px solid #EEE; padding : 0 0 1em 1em;}
.journal a:hover{color : #db1762; text-decoration : underline; background : #fee;}

/* ----------------------------------------------
/* journal2
/* ------------------------------------------ */

.journal2 {margin : 1em 0 1em 0; padding : 1em 2em 1em 2em; border : 0px solid #000; border-radius : 5px; background : #fee;}
.journal2 .spip_logo {float : left; width : auto; max-width: 98%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
.journal2 h1 {font-size : 1.5em; border-bottom: 3px solid #EEE; padding : 1em 0 1em 0; }
.journal2 h2 {font-size : 1em; text-align : center; border-bottom: 0px solid #EEE; padding : 0 0 1em 0;}
.journal2 a:hover{color : #db1762; text-decoration : underline; background : #fee;}

/* A la Une
/* ------------------------------------------ */

.ligne2blocs {display: grid; grid-template-areas: "une deux"; grid-template-columns: repeat(2, 1fr); margin : 4em 0 1em 0; padding : 0 0 0 0;}

a:link {color : #000000; text-decoration : none;}
a:visited {color : #000000;}
a:hover {background : none;}
une {grid-area : "une"; margin : 1em 2em 1em 0em; padding : 0em 0em 0em 0em;}
une .spip_logo {float : left; max-width: 98%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
une h2 {float : left; font-size : 1.2em; text-transform : uppercase; font-weight : bold; color : #000; line-height : 1.2em; margin : 1em 0 0 1em;}

a:link {color : #000000; text-decoration : none;}
a:visited {color : #000000;}
a:hover {background : none;}
deux {grid-area : "deux"; margin : 1em 1em 1em 1em; padding : 0em 0em 1em 1em;}
deux .spip_logo {float : right; max-width: 98%; margin : 0 0 1.6em 0; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
deux h2 {font-size : 1.2em; text-transform : uppercase; font-weight : bold; color : #000; line-height : 1.2em; margin : 1em 0 0 0em;}

/* ------------------------------------------
/* A la deux
/* ------------------------------------------ */

.ligne2blocs2 {display: grid; grid-template-areas: "trois quatre"; grid-template-columns: repeat(2, 1fr); margin : 0em 0 3em 0; padding : 0 0 0 0;}

a:link {color : #000000; text-decoration : none;}
a:visited {color : #000000;}
a:hover {background : none;}
trois {grid-area : "trois"; margin : 1em 2em 1em 0em; padding : 0em 0em 0em 0em;}
trois .spip_logo {float : left; max-width: 98%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
trois h2 {float : left; font-size : 1.2em; font-weight : bold; text-transform : uppercase; color : #000; line-height : 1.2em;  margin : 1em 0 0 1em;}

a:link {color : #000; text-decoration : none;}
a:visited {color : #000000;}
a:hover {background : none;}
quatre {grid-area : "deux"; margin : 1em 1em 1em 1em; padding : 0em 0em 1em 1em;}
quatre .spip_logo {float : right; margin : 0 0 1.6em 0; max-width: 98%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
quatre h2 {font-size : 1.2em; text-transform : uppercase; font-weight : bold; color : #000; line-height : 1.2em; margin : 1em 0 0 0em;}

/* ------------------------------------------
/* actualites
/* ------------------------------------------ */

.menu {}
.menuarticle {text-align : left; background-image: none;}
.menuarticle li {margin : 0em 0 0em 0em; padding : 0em 0 0em 0em;}
.menuarticle a {text-decoration : none; margin : 0 0 0 0; padding : 0.5em 0 0.5em 0em;}
.menuarticle a {color : #000; text-decoration : none; margin : 0 0 0 0; padding : 0.5em 0 0.5em 0em;}
.menuarticle a:active {color : #000; text-decoration : none; margin : 0 0 0 0; padding : 0.5em 0 0.5em 0em; background : transparent;}
.menuarticle a:hover {text-decoration : underline; background : transparent;}

/* ------------------------------------------
/* indicateur de connection
/* ------------------------------------------ */

.connection {float : left; color : #ffffff; width : 95%; margin : 0em 0 2em 0; padding : 3em 1em 2em 1em; border-radius: 5px; border : 1px solid #000; background : #db1762; }
.connection h1 {text-transform : uppercase; font-size : 1em; border-bottom : 1px solid #ffffff; margin : 0 0 1em 0; padding : 0 0 1em 0;}
.connection h2 {text-transform : uppercase; font-size : 1em; font-weight : bold; margin : 1em 0 1em 0; padding : 0 0 0 0; border : 0px solid #fff;}
.connection p {margin: 1em 0em 1em 0em;}
.connection a {color : #ffff;}
.connection a:hover {text-decoration : underline; background : none;}
.formulaire_spip label {font-size : 1em; }

/* ------------------------------------------
/* reservee
/* ------------------------------------------ */

.reservee {color : #fff; margin : 1em 0 1em 0; padding : 0em 0em 0em 1em; border : 1px solid #fff; background : #000; border-radius : 5px; }
.reservee h2 {color : #fff; text-transform : uppercase; font-size : 1.1em; font-weight : normal; margin : 0em 0 0em 0; padding : 1em 1em 1em 0em;background-image: url('http://ecolevaillantbobigny.fr/IMG/png/point_vert.png'); background-position: right 20px top 17px; background-repeat : no-repeat; background-size: 20px 20px;}

/* ------------------------------------------
/* reserveenc
/* ------------------------------------------ */

.reserveenc {color : #fff; margin : 1em 0 1em 0; padding : 0em 0em 0em 1em; border : 1px solid #fff; background : #000; border-radius : 5px; }
.reserveenc h2 {color : #fff; font-size : 1em; font-weight : normal; margin : 0em 0 0em 0; padding : 1em 1em 1em 0em;background-image: url('http://ecolevaillantbobigny.fr/IMG/png/point_rouge.png'); background-position: right 20px top 17px; background-repeat : no-repeat; background-size: 20px 20px;}

/* ------------------------------------------
/* conclusion
/* ------------------------------------------ */

.conclusion {margin : 3em 0 2em 0; padding : 2em 1em 2em 1em; border : 1px solid #808080; background : #fffae0; border-radius : 5px; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/nb_1.png'); background-position: top right; background-repeat : no-repeat; background-size: 80px 80px;}
.conclusion h2 {color : #000; text-transform : uppercase; font-size : 2em; font-weight : bold; margin : 0em 0 1em 0; padding : 0em 1em 0 0;}
.conclusion a {color : #fff; text-decoration : none; padding : 0.8em 0.8em 0.8em 0.8em; background : #000; border-radius : 5px;}
.conclusion a:hover {color : #000; background : #fff;}
.conclusion a:active {color : #000; background : #db1762;}

/* ------------------------------------------
/* A la trois
/* ------------------------------------------ */

.ligne3blocs {float : left; height: auto; border-top : 0px solid #ffffff; display: grid; grid-template-areas: "cinq" "six" "sept"; grid-template-columns: repeat(3, 1fr); margin : 3em 0 0em 0; padding : 2em 5em 3em 5em; background : #fee;}

.ligne3blocs h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 1em 0 0em 0; padding : 1em 0em 1em 0em; }
.ligne3blocs h3 {float : left; color : #000; font-size : 1em; line-height : 1.5em; margin : 0em 0 1em 0; padding : 1em 0em 1em 0em;}

cinq {grid-area : "cinq"; margin : 1em 1em 1em 1em; padding : 1em 2em 1em 2em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}

six {grid-area : "six"; margin : 1em 1em 1em 1em; padding : 1em 2em 1em 2em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}

sept {grid-area : "sept"; margin : 1em 1em 1em 1em; padding : 1em 2em 1em 2em; text-align : left; border : 0px solid #000; border-radius : 5px; background : #fff;}

/* ------------------------------------------
/* 404
/* ------------------------------------------ */

.quatrecentquatre p {color : #000; margin : 0em 0 0em 0; padding : 0em 0em 0em 0em; }
.quatrecentquatre a {color : #000; text-decoration : none; margin : 0em 0 0em 0; padding : 0em 0em 0em 0em;}
.quatrecentquatre a:hover {text-decoration : none;}
.quatrecentquatre h2 {color : #000; font-size : 1.2em; text-align : center; margin : 1em 0 0em 0; padding : 1em 0em 1em 0em; background : #fff; border : 1px solid #808080; border-radius : 5px;}
.quatrecentquatre h2:hover {background : #fee;}

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

@media print {

	/*  Ne pas imprimer */
	.spip-admin,
	.spip-admin-float,
	.spip-previsu { display: none; }
	.repondre { 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) "]"; }

}


/* ------------------------------------------
/* Responsive
/* ------------------------------------------ */

/* largeur maximum 767px */
@media (max-width: 767px) { 
	.pagination {line-height:3;}
}

 
/* largeur maximum 640px */
@media (max-width: 640px) {
	body { font-size: .95em; }
	h1,.h1,
	h2,.h2 { line-height: 1; }
}

/* entete responsive */

@media screen and (max-width:1200px) {
 	 .entete {float : left; height: auto; display: grid; grid-template-areas: "entete1" "entete2" "entete3"; grid-template-columns: repeat(3, 1fr); margin : 3em 0 3em 0; padding : 0em 0em 0em 0em; background : #fff;}
	.entete h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 0em 0em; }
	.entete .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
entete1 {grid-area : "entete1"; margin : 0em 2em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
entete2 {grid-area : "entete2"; margin : 0em 2em 0em 2em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}
entete3 {grid-area : "entete3"; margin : 0em 0em 0em 2em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #000; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:1100px) {
 	 .entete {float : left; height: auto; display: grid; grid-template-areas: "entete1" "entete2" "entete3"; grid-template-columns: repeat(3, 1fr); margin : 3em 0 3em 0; padding : 0em 0em 0em 0em; background : #fff;}
	.entete h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 0em 0em; }
	.entete .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
entete1 {grid-area : "entete1"; margin : 0em 1em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
entete2 {grid-area : "entete2"; margin : 0em 1em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}
entete3 {grid-area : "entete3"; margin : 0em 0em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #000; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:900px) {
 	  .entete {float : left; height: auto; display: grid; grid-template-areas: "entete1" "entete2" "entete3"; grid-template-columns: repeat(3, 1fr); margin : 3em 2em 0em 0; padding : 0em 0em 0em 0em; background : #fff;}
	.entete h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 1em 1em; padding : 1em 0em 0em 0em; }
	.entete .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
entete1 {grid-area : "entete1"; margin : 0em 1em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
entete2 {grid-area : "entete2"; margin : 0em 1em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
entete3 {grid-area : "entete3"; margin : 0em 0em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:700px) {
 	.entete {display : block; height: auto;}
 	.entete p {margin : 0 0 2em 0;}
	.entete h2 {float : left; color : #000; font-size : 1.6em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 1em 0em; }
	.entete .spip_logo {float : left; width : 620px; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
entete1 {grid-area : "entete1"; margin : 0em 1em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
entete2 {grid-area : "entete2"; margin : 0em 1em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
entete3 {grid-area : "entete3"; margin : 0em 0em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
}

/* duo responsive */

@media screen and (max-width:1200px) {
 	 .duo {float : left; height: auto; display: grid; grid-template-areas: "duo1" "duo2"; grid-template-columns: repeat(2, 1fr); margin : 1em 0 3em 0; padding : 2em 0em 2em 0em; border : 0px solid #fff; background : #fff;}
	.duo h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 0em 0em; }
	.duo .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
duo1 {grid-area : "duo1"; margin : 0em 2em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
duo2 {grid-area : "duo2"; margin : 0em 2em 0em 2em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:1100px) {
 	 .duo {float : left; height: auto; display: grid; grid-template-areas: "duo1" "duo2"; grid-template-columns: repeat(2, 1fr); margin : 1em 0 3em 0; padding : 2em 0em 2em 0em; border : 0px solid #fff; background : #fff;}
	.duo h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 0em 0em; }
	.duo .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
duo1 {grid-area : "duo1"; margin : 0em 1em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
duo2 {grid-area : "duo2"; margin : 0em 1em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:900px) {
 	  .duo {float : left; height: auto; display: grid; grid-template-areas: "duo1" "duo2"; grid-template-columns: repeat(2, 1fr); margin : 1em 2em 0em 0; padding : 2em 0em 2em 0em; border : 0px solid #fff; background : #fff;}
	.duo h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 1em 1em; padding : 1em 0em 0em 0em; }
	.duo .suiteduo {display : none;}
	.duo .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
duo1 {grid-area : "duo1"; margin : 0em 1em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
duo2 {grid-area : "duo2"; margin : 0em 1em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:700px) {
 	.duo {display : block; height: auto; border : 0px solid #fff; margin : 0 0 0 0;}
	.duo h2 {float : left; color : #000; font-size : 1.6em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 1em 0em; }
	.duo p {margin : 0 0 2em 0;}
	.duo .suiteduo {display : none;} 
	.duo .spip_logo {float : left; width : 620px; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
duo1 {grid-area : "duo1"; margin : 0em 1em 2em 0em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
duo2 {grid-area : "duo2"; margin : 0em 1em 0em 1em; padding : 0em 0em 0em 0em; text-align : left; border-radius : 5px; background : #fff;}
}

/* final responsive */

@media screen and (max-width:1200px) {
 	 .final {float : left; height: auto; display: grid; grid-template-areas: "final1" "final2" "final3"; grid-template-columns: repeat(3, 1fr); margin : 3em 0 3em 0; padding : 0em 0em 0em 0em; border : 0px solid #fff; background : #fff;}
	.final h2 {float : left; color : #000; font-size : 1.2em; font-weight : bold; margin : 0em 0 0em 1em; padding : 1em 0em 0em 0em; }
	.final .spip_logo {float : left; max-width: 100%; border-radius: 10px; box-shadow: 3px 5px 5px 2px rgba(128,128,128,1);}
final1 {grid-area : "final1"; margin : 0em 2em 0em 0em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #db1762; border-radius : 5px; background : #fff;}
final2 {grid-area : "final2"; margin : 0em 2em 0em 2em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #fff; border-radius : 5px; background : #fff;}
final3 {grid-area : "final3"; margin : 0em 0em 0em 2em; padding : 0em 0em 0em 0em; text-align : left; border : 0px solid #000; border-radius : 5px; background : #fff;}
}

@media screen and (max-width:1100px) {
 	 .final {display : none;}
}

@media screen and (max-width:900px) {
	.final {display : none;}
}

@media screen and (max-width:700px) {
 	.final {display : none;}
}

/* slider responsive */

.nivoSlider-wrap {
 	position:relative;
 	margin-left: 1em;
 	margin-right: 1em;
 	border-radius : 5px;
}


/* edito responsive */

@media screen and (max-width:900px) {
.edito {margin : 1em 1em 2em 1em; padding : 0em 0em;}
}
	 
/* ligne 2 blocs largeur maximum 700px */
@media (max-width: 700px){
	.ligne2blocs {grid-template-areas: "une" "deux"; grid-template-columns: 1fr;}
	une .spip_logo {padding : 0px 0px 0px 0px;}
	deux .spip_logo {padding : 0px 0px 0px 0px;}
	deux h2 {float : left;}
}

/* ligne 2 blocs 2 largeur maximum 700px */
@media (max-width: 700px){
	.ligne2blocs2 {grid-template-areas: "trois" "quatre"; grid-template-columns: 1fr;}
	trois .spip_logo {padding : 0px 0px 0px 0px;}
	quatre .spip_logo {padding : 0px 0px 0px 0px;}
	quatre h2 {float : left;}
}

/* bandeau header texte responsive */
@media (max-width: 900px){
	.bandeau h2 {font-size : 1.4em;}
}

/* bandeau header texte responsive */
@media (max-width: 900px){
	.bandeau {position : relative; z-index :0; height: 140px; margin: 0 0 1em; border-bottom : 3px solid #ffffff; background-image: url('http://ecolevaillantbobigny.fr/IMG/png/bandeau2_reduit.png');}
}

/* bandeau header texte responsive */
@media (max-width: 767px){
	.bandeau {background : #fee; border-bottom : 0px solid #000;}
}

/* bandeau header texte responsive */
@media (max-width: 640px){
	.bandeau {background : #fff; border-bottom : 0px solid #000;}
}

/* bandeau2 responsive */
@media (max-width: 900px){
	.bandeau2 {display : none;}
}

/* edito responsive */
@media (max-width: 767px){
.edito h2 {background : none;}
}

/* recents responsive */
@media (max-width: 767px){
.recentscadre {margin : 0 0em 0 1em; padding : 0 1em 0 0; background : none;}
}

/* menu responsive */
@media screen and (max-width:960px) {
  [(#PLUGIN{SIDR}|oui)#menuhaut { display: none; }]
}

/* conclusion responsive */

@media screen and (max-width: 767px){
.conclusion {margin : 3em 1em 2em 1em; padding : 2em 1em 2em 1em; border : 1px solid #808080; background : none;}
}

/* pied responsive */

@media screen and (max-width:1200px) {
	.ligne3blocs {margin : 3em 0 0em 0; padding : 2em 1em 3em 1em;}
}

@media screen and (max-width:1000px) {
 	 .ligne3blocs {display : block; text-align : left; background : transparent; margin : 0 auto; padding : 0 auto;}
 	 .ligne3blocs h2 {font-size : 1.2em; font-weight : bold; line-height : 1.3em; padding: 0em 0em 1em 0em;}
 	 .ligne3blocs h3 {font-size : 1em; margin : 0 0 0 0; padding : 0 0 0 0;}
cinq {grid-area : "cinq"; float : left; width : 100%; margin : 1em 0 1em 0; border-right : 2px solid #808080; border-bottom : 1px solid #000; background : #fff;}	
six {grid-area : "six"; float : left; width : 100%; margin : 1em 0 1em 0; border-right : 2px solid #808080; border-bottom : 1px solid #000; background : #fff;}
sept {grid-area : "sept"; float : left; width : 100%; margin : 1em 0 1em 0; border-right : 2px solid #808080; border-bottom : 1px solid #000; background : #fff;}
}

@media screen and (max-width:767px) {
	.ligne3blocs {display : none;}
}

/* reservee espace de connection */

@media screen and (max-width:767px) {
.reservee h2 {color : #fff; text-transform : uppercase; font-size : 1.1em; font-weight : normal; margin : 0em 0 0em 0; padding : 1em 1em 1em 0em;background-image: none}
}

/* reserveenc espace de connection non connectée */

@media screen and (max-width:767px) {
.reserveenc h2 {color : #fff; font-size : 1em; font-weight : normal; margin : 0em 0 0em 0; padding : 1em 1em 1em 0em;background-image: none;}
}

/* fin */