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

   theme.css
   Theme par defaut de SPIP 3.1 
   2014 - theme neodist - collectif SPIP

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

/* ------------------------------------------
/* Cibloc
/* ------------------------------------------ */
.texte .cibloc table.spip {

    font-size: .9em;
	margin-top:0;
}

.texte .cibloc_ombre {
    border: 0px solid #767676 !important;
    box-shadow: 0px 0px 0px #FFFFFF !important;
	padding-bottom: 0 !important;
	background-color: #f0ede8;
}
.spip_doc_titre{display: none;}

.cibloc .spip_documents.spip_documents_center{margin-bottom: 0.5em;}

.texte .cibloc h3.spip {
	margin-bottom: 12px;
}
.cibloc {
    margin-top: 0;
    margin-bottom: 0.7em;
}

.texte .cimulti_colonnes_sans_marge p{margin-top: 15px !important;}

.texte .cimulti_colonnes_sans_marge {
    margin-bottom: 30px !important;

}


/* Elements principaux
------------------------------------------ */
body {color:#222222;background:#ffffff; 
} 


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

h1,h2, .nav, .descriptif{font-weight:700;}
h3{font-weight:700;}

.texte{padding-bottom: 20px; font-size:110%; padding-top:20px;}
.texte h3.spip { color:#eea27f; font-size:1.4em;}

.slogan, .texte h3.spip, .cartouche h1 {font-weight:400;}

.descriptif { color:#999; font-size:1.2em;}

.fond{ padding: 50px 0 50px 0; background-color: #e9b6a4;
}




/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #fe6000;  }
 
a:focus, 
a:hover, 
a:active { color:#fe6000; text-decoration:none; }
a:hover { color:#000;}

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

/* fil d'ariane */
.arbo { clear: both; font-size: .7em; color: #ccc; text-transform:uppercase; margin-bottom:1.2em; }
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: #666; }
.arbo a:hover,
.arbo a:focus { background: #666; color: white; text-decoration:none; }

.logo{position: relative;
}
.logo h1{display: inline-block; padding: 18px 30px; position: absolute; left: 0; bottom: 0px; margin: 0; background-color: #FFF; line-height: 1; color: #A54426; font-weight: 300; margin-bottom: 0%; font-size: 2.0em;}
.cartouche { margin-bottom: 0em; }
.cartouche h1 {}
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }
.page_sommaire h2{margin:0;}
.intro{padding-bottom: 40px;}

@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin: .5em 0 0; font-size: .8em;  }
html[dir="rtl"] .info-publi { font-style: normal; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight: 700; color:#7f7f86; margin-bottom:1em; font-size: 140%; }
.page_sommaire .chapo { font-weight: 700; color:#7f7f86; margin-bottom:1em; font-size:1.5em; line-height:1.5; }
.page_sommaire h2 {margin-bottom:1em; font-size:1.1em; line-height:1.4; color:#666; font-weight: normal;}
.page_sommaire p{margin-bottom:0.5em;}
.texte {}

.texte .spip_logo{ float:none; margin:0; margin-bottom:0em;
			padding:4px;
	background-color:#FFF;
	border:1px solid #CCC;
-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}


.hyperlien a {
	background: #333333;
	display:inline-block;
	padding: 0.7em 1em;
	color: #FFF;
	-webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform:uppercase;
	line-height:1;
	font-size:0.8em;
}

.hyperlien a:hover{
	background: #999;
	text-decoration: none;
}

.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }


/* Listes et tableaux */

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; }

fieldset {
  width: 100%; margin: 0;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

label { display: block; }
.erreur_message { display: block; }
input.text,textarea {
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input.text,textarea, input.email {
	width: 100%;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	border-top: 1px solid #CCC;
	background: #FFF;
	padding:5px;
	margin-bottom:10px;
	}
.content input.text { width: 100%; }
textarea { width: 100%;border: 1px solid #CCC;
height:80px; }


input[type="submit"]{
	border:0; background-color:#eea27f; text-transform:uppercase; color:#fff; padding:5px 10px; border-radius:3px; font-weight: 400}

input[type="submit"]:hover{
	background-color:#3d3623;color:#FFF; }

span.obligatoire{ color:#F00;}

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



.editer-groupe{}

/* Habillage des portfolios
---------------------------------------------- */
.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;}



/* ------------------------------------------
/* 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 { display:block; }
.menu ul li a{color:#FFF;padding:3px 5px; border-radius:3px; margin-right:1px; background-color:#666;}
.menu ul li a:hover, .menu ul li a.on{color:#FFF;background-color:#999; font-weight:normal;}

.contact ul { margin-bottom: 1.5em; }
.contact ul li a{ display:block; color:#FFF;padding:10px; border-radius:3px; background-color:#b18100; margin-bottom:15px;}
.contact ul li a:hover, .contact ul li a.on{color:#FFF;background-color:#666600; font-weight:normal;}

.droite { background-color:#F1F1F1; padding:15px; padding-bottom:0;border-radius:3px; border:1px solid #ccc; margin-bottom:1.5em;}

 
/* Pagination */
.pagination a,
.pagination .on  { padding:.5em; margin: 0em; }
.pagination a { background: #f0f0f0; text-decoration: none; color:#666; }
.pagination .on,
.pagination a:hover,
.pagination a:focus,
.pagination a:active { font-weight: normal; background: #fe6000; color: #fff; }
.pagination .sep { visibility: hidden; }
.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_breves li {}
.menu_breves li h3 { margin: 0; }

.aside h1 { color:#fe6000;}
.aside h2 {border-bottom:3px solid #EEE;padding-bottom:.1em;}
.aside li { margin-bottom:0.5em;}
.aside a {text-decoration:none;}
.aside p{margin-bottom:1em;}

.footer a {text-decoration:none;}
.footer a.spip_out:after {
  content: "";
}
.references {}
.references h2{ color:#fe6000; clear:both;}

.page_sommaire .references {
    margin-top: 0em;
    border-radius: 0px;
	margin-bottom:2em;

}

/* GRID ------------------------ */

.grid * {
    box-sizing: border-box;
}


/* overall container of grids */
.grid {
  overflow: hidden;
  line-height:1.3;
}

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

.grid .spip_logos{
	float:none;
	margin:0;
	display:block;
}
/* global styles for direct child ex. .grid3 */
.grid > * {
  display: block;
  padding: 0;
  /* gutter value */
  margin-left: -20px;
  text-align: left;
}
/* global styles for each "cell" */
.grid > * > * {
  display: inline-block;
  /* gutter value */
  padding-left: 20px;
  margin-left: 0;
  vertical-align: top;
    margin-bottom:1em;

}
/* whitespace fixing for modern browsers including IE9+ */
:root .grid {
  font-size: 0;
  /* fallback for IE9+ */
  text-justify: distribute-all-lines;
}
:root .grid > * > * {
  /* fallback for Opera Mini */
  font-size: 14px;
  font-size: 0.9rem;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
  word-spacing: -0.43em;
}

.grid2 > * {
  width: 50%;
}
.grid3 > * {
  width: 33.1%;
}

.grid4 > * {
  width: 25%;
}
.grid5 > * {
  width: 20%;
}

.grid a img{
-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}



.grid a:hover img{
	transform: scale(1.1);
	}

.mtm a{position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.mtm a:hover{ }


.grid h3{ display:block; margin-top:5px; font-size:1em; color:#333;}

.grid .over{position:absolute; width:auto; height:auto; background-color:rgba(0,0,0,0.7); color:#FFF; padding:7px 10px; left:0; text-align:left; bottom:0; font-size: 1.3em;}
.grid .over{-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s}
.grid a:hover .over{bottom: 0}

.over h3 {
	margin-bottom:20px; text-transform:uppercase;
}


/*ZOOM ---   */

.visuel .spip_logo{float:none; padding:4px; border:1px solid #ccc; margin:0;}

.visuel a{position:relative; overflow:hidden; display:block;}
.loupe{
	position:absolute;
	top:-100%;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	background-image:url(../images/zoom.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.visuel a:hover .loupe{top:0px;}



.spip_documents_center, .mtm {
animation: fadeIn ease 5s;
-webkit-animation: fadeIn ease 5s;
-moz-animation: fadeIn ease 5s;
-o-animation: fadeIn ease 5s;
-ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}



/* ------------ANIMATIONS ---------*/


[data-scrollanim] {
            /*            Gestion de la durée des animations 3s = 3 secondes*/
            transition: all 1s ease;
		transform-style: preserve-3d;
        }
		 /*        Left to right*/
        .animation[data-scrollanim="lefttoright"] {
            transform: translateX(-100vw);
        }

        /*        Right to left*/

        .animation[data-scrollanim="righttoleft"] {
            transform: translateX(5vw);
        }
		 /*        Top*/

        .animation[data-scrollanim="top"] {
            transform: translateY(10vw);
        }

        /*        Opacity*/
        .animation[data-scrollanim="lefttoright_opacity"] {
            opacity: 0;
            transform: translateX(-20vw);
        }
.animation[data-scrollanim="top_opacity"] {
            opacity: 0;
            transform: translateY(10vw);
        }
        




@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) "]"; }

}


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

/* largeur maximum 767px */
@media (max-width: 767px) { 
  .pagination {line-height:3;}
  
  .grid2 > *, .grid3 > *, .grid4 > *, .grid5 > * {
  width: 100%;
}
	.logo{padding-top: 30px;}
	
	.logo h1{display: block; background-color: transparent; padding: 00px; position: relative; left: auto; bottom: auto; margin: 0; margin-top: 20px; line-height: 1; color: #eea27f; }
}

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

}


/* fin */