/*
 
Theme NAME: Transition Energetique wide
Theme URL: http://transitionenergetique.org
Description: Le site du debat sur la transition energetique vu par les ONG et associations
Version: 1.0
Author: Thibaut caroli
 
*/

/* ------------------------------------------------------------------------------
  
									RESET

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

* {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}									
article, aside, figure, footer, header, hgroup, nav, section, img {display: block;}
html {overflow-y: scroll;} /* force a vertical scrollbar to prevent a jumpy page */
ul {list-style: none;}
a {text-decoration:none;}
a:hover, a:active {outline: none;}

/* ------------------------------------------------------------------------------
  
								 BASE + CLASSES

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

* {
   font-family:'Open Sans',sans-serif;
   font-weight:400;
   color:#444;
   font-size:13px;
}

/* blocs */

body {background:url(_/img/bruit.jpg) #f5f5f5;}
#page-wrap {
   width:1000px;
   margin:20px auto 0 auto;
}
#page-wrap > * {width:100%;}

.col220 {width:300px;}
.col300 {width:360px;}
.col380 {width:380px;}
.col460 {width:620px;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.hide {display:none;}
.logged-in .hide {display:none;}

/* couleurs */

.orange, .orange > p {color:#DF9C3C;}
.bleu, .bleu > p {color:#449CC9;}
.vert, .vert > p {color:#7FB53D;}
.rouge, .rouge > p {color:#BA3D51;}

/* typo */

.montserrat, div.montserratTxt p {font-family:'Montserrat',sans-serif;}
p {margin-bottom:15px;}
.uppercase {
   text-transform:uppercase;
}
strong {font-weight:700;}

.antialias {-webkit-font-smoothing: antialiased;}

/* divers */

time {
   display: block;
   font-weight: 700;
   color:#b5b5b5;
   -webkit-font-smoothing: antialiased;
}

/* ------------------------------------------------------------------------------
  
								 HEADER + NAV

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

header {
	height:353px;
	padding-left: 110px;
}
.logged-in header {height:363px;}
header  > * {position:absolute;}
#partenaires {
   z-index:4;
   top:49px;
}
.logged-in #partenaires {top:89px;}
#partenaires p {
    font-size:12px;
    text-align:center;
}
#partenaires > div {
   width:177px;
   height:100px;
   margin-top:3px;
   border-radius:3px;
   background:#fff;
   overflow:hidden;
   padding-left:15px;
}
#partenaires > div a {padding:15px;}
#partenaires + img {
   z-index:0;
   top:148px;
   margin-left:486px;
}
.logged-in #partenaires + img {top:188px;}
#logo {
   z-index:2;
   margin-left:197px;
   width:183px;
   height:335px;
   padding:17px;
   background:#fff;
   border-radius:3px;
}
.logged-in #logo {top:60px;}
header > img {
   z-index:3;
   top:201px;
   margin-left:44px;
}
.logged-in header > img {top:241px;}
header img + p {
   z-index:1;
   top:104px;
   margin-left:399px;
}
.logged-in header img + p {
	top:144px;
}
header img + p, header img + p span {
   font-size:16px;
   font-weight:700;
   text-transform:uppercase;
}

nav li {
   display:inline-block;
   text-align:center;
   line-height:26px;
}
nav li, nav li div {
   border-radius:3px;
   height:30px;
   padding-top:1px;
}
nav li.agir, nav li.debat, nav li.propositions {margin-right:16px;}

nav li.agir {
   background:url(_/img/epingle-carte.png) no-repeat;
   width:235px;
   padding-left:30px;
}
nav li.agir div {background:#DF9C3C;}

nav li.debat, nav li.propositions {width:235px;}
nav li.debat {background:#449CC9;}
nav li.propositions {background:#7FB53D;}

nav li.ressources {
   background:url(_/img/epingle-plus.png) right no-repeat;
   width:235px;
   padding-right:30px;
}
nav li.ressources div {background:#BA3D51;}

nav a {
   -webkit-font-smoothing: antialiased;
   font-family:'Montserrat',sans-serif;
   font-weight:700;
   font-size:11px;
   text-transform:uppercase;
   color:#fff;
}
nav a:hover {text-shadow:0 1px 1px rgba(0,0,0,0.3);}

/* ------------------------------------------------------------------------------
  
								 CONTENU

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

/* BLOC */

#page-wrap > div {margin-top:20px;}
#page-wrap > div > div {float:left;}
#page-wrap > div > div > section, .bloc-header, .miniListe, #formation {
   padding:10px;
   margin-bottom:20px;
   background-color:#fff;
}
.bloc-header {float:none;}

.bloc-header p a {
   text-decoration:underline;
   color:#a4242c;
}

/* TYPO */

#page-wrap > div > div > section > p:first-child,
.bloc-header p:first-child,
.bloc-header h1,
.miniListe > p,
#formation > p {
   font-family:'Montserrat',sans-serif;
   font-size:12px;
   -webkit-font-smoothing: antialiased;
}

.bloc-header p:nth-child(2) {margin-top:6px;}
.bloc-header p:last-child {margin-bottom:0px;}
.page-template-02-debat-php .bloc-header p:nth-child(n+2) {
   font-family:'Open Sans',sans-serif;
   font-size:13px;
}

#page-wrap > div > div > section > p:first-child,
.bloc-header h1,
.bloc-header p:first-child,
.miniListe > p,
#formation > p {font-size:14px;}

.bloc-header h1,
.bloc-header p:first-child {margin-bottom:0px;}

#page-wrap > div > div > section > p:first-child,
.bloc-header h1,
.bloc-header p:first-child,
.miniListe > p,
#formation > p{
   text-transform:uppercase;
   font-weight:700;
}

.content a {
   color:#BA3D51;
   text-decoration:underline;
   font-weight:700;
}


/* PICTO */

.single .picto {display:none;}
.single-actualites .picto{display:block!important;}

/* POST */

.unPost {
   width:100%;
   margin:0 20px 20px 0;
   float:left;
}
.single .unPost {
   width:680px;
   margin-left:20px;
}
.unPost:nth-child(even) {margin-right:0px;}
.unPost .thumb {
   width:100%;
   max-height:123px;
   overflow:hidden;
}
.thumb img {
   width:100%;
   height:auto;
}
.unPost .content ul {
   list-style:disc;
   padding-left:18px;
}
.unPost .content img {
   max-width:100%;
   height:auto;
}
.unPost:hover h2 {text-decoration:underline;}
.unPost div.content img {
   float:left;
   margin: 0 13px 10px 0;
}
.unPost .picto {
   width:60px;
   height:60px;
   border-radius:30px;
   background-position:center;
   position: relative;
   top: 4px;
   left: 10px;
}
.unPost h1, .unPost h2 {-webkit-font-smoothing: antialiased;}
.unPost > p, .unPost h1, .unPost h2 {
   text-transform:uppercase;
   font-weight:700;
   padding: 10px 15px;
   background-color:#fff;
   margin-bottom:1px;
   font-size:14px;
}
.unPost div.content {
   padding:7px 15px 10px 15px;
   background-color:#fff;
}
.unPost div.content p {}

.fleche {text-decoration:none!important;}
.fleche p {
   text-transform:uppercase;
   font-size:1.3em;
   margin-bottom:0px;
   width:100%;
   -webkit-transition: padding-left 0.2s ease-in-out;
   -moz-transition: padding-left 0.2s ease-in-out;
   -o-transition: padding-left 0.2s ease-in-out;
   transition: padding-left 0.2s ease-in-out;
}
.fleche p:hover {padding-left:10px;}

.listePost > * {margin-bottom:10px;}
.listePost .bloc-header + ul li {
   background:#fff;
   padding:7px 15px 3px 15px;
   margin-bottom:1px;
   cursor:pointer;
   -webkit-transition: background 0.2s ease-in-out;
   -moz-transition: background 0.2s ease-in-out;
   -o-transition: background 0.2s ease-in-out;
   transition: background 0.2s ease-in-out;
}
.listePost .bloc-header + ul li:hover {background:rgba(255,255,255,0.8);}
.listePost .bloc-header + ul li a {font-weight:700;}

.miniListe {
	padding-bottom:7px!important;
	float: left;
}
.miniListe li {
   border-bottom:solid 1px #eee;
   padding-bottom:8px;
}
.miniListe li > p:first-child {
   font-weight:700;
   margin:10px 0 3px 0;
   -webkit-font-smoothing: antialiased;
}
.miniListe .fleche p {font-size:1.2em;}
.miniListe > a p {
   margin-top:12px;
   text-align:center;
   border-radius:3px;
   color:#fff;
   padding:7px 0 10px 0;
   font-weight:700;
}
.miniListe > a {-webkit-font-smoothing: antialiased;}
.miniListe > a:hover {text-shadow:0 1px 1px rgba(0,0,0,0.6);}
.miniListe li:hover p:first-child {text-decoration:underline;}

/* ------------------------------------------------------------------------------
  
								 HOMEPAGE

-------------------------------------------------------------------------------*/
.home .col300 {margin-right:20px;}

/* --------------------------- ACTUALITES -------------------------------------*/

#actualites {
   width:360px;
   min-height:270px;
   background-color:transparent!important;
   padding:10px 0 0 0!important;
}
.single #actualites {width:300px;}
#actualites p, #actualites a {color:#449CC9;}
#actualites > p {
   text-align:center;
   margin-bottom:15px;
}

#actualites ul {margin-bottom:10px;}
#actualites ul li {
   width:420px;
   min-height:20px;
   position:relative;
   left:-45px;
   margin-bottom:5px;
   font-family:'Open Sans',sans-serif;
   font-weight:400;
   font-size:13px;
}
.single #actualites ul li {width:350px;}
#actualites ul li > * {float:left;}
#actualites li div {
   width:40px;
   height:40px;
   border-radius:20px;
   background-position:center;
   margin-right:5px;
}
#actualites li p {
   width:360px;
   min-height:40px;
   padding:10px 10px 8px 10px;
   background:#fff;
   -webkit-transition: background 0.2s ease-in-out; /* pour Chrome et Safari */
   -moz-transition: background 0.2s ease-in-out; /* pour Firefox */
   -o-transition: background 0.2s ease-in-out; /* pour Opera */
   transition: background 0.2s ease-in-out; /* version standardisee */
}
.single #actualites li p {width:300px;}
#actualites li p:hover {background:rgba(255,255,255,0.8);}

.reactionSmall {background:url(_/img/picto-news-flamme-small.gif) left center repeat-y;}
.courrierSmall {background:url(_/img/picto-news-mail-small.gif) left center repeat-y;}
.communiqueSmall {background:url(_/img/picto-news-txt-small.gif) left center repeat-y;}
.analyseSmall {background:url(_/img/picto-news-analyse-small.gif) left center repeat-y;}
.scoopSmall {background:url(_/img/picto-news-scoop-small.gif) left center repeat-y;}

#actualites > a {
   font-weight:700;
   font-size:12px;
   padding-bottom:1px;
   margin-left:110px;
   border-bottom:1px solid #449CC9;
}
.single #actualites > a {margin-left:65px;}

/* ------------------------- QUI SOMMES NOUS -----------------------------------*/

#apropos {
   width:360px;
   background:#fff;
}
#apropos p:first-child {margin-bottom:6px;}

/* ----------------------------- CARTE ----------------------------------------*/

#carte {
   width:620px;
   height:300px;
   background:url(_/img/bkg-carte.gif) 196px 62px no-repeat #fff;
}
#carte > p {color:#DF9C3C;}
#carte a {
   background:url(_/img/bt-acceder.png) no-repeat;
   padding:7px 4px 9px 48px;
   color:#FFEF22;
   position:relative;
   top:165px;
   font-size:16px;
   font-weight:700;
   text-transform:uppercase;
   float:right;
   -webkit-transition: padding-left 0.2s ease-in-out;
   -moz-transition: padding-left 0.2s ease-in-out;
   -o-transition: padding-left 0.2s ease-in-out;
   transition: padding-left 0.2s ease-in-out;
}
#carte a:hover {padding-left:38px;}

/* --------------------- PROPOSITIONS ET RESSOURSCES ---------------------------*/

#propositions {margin-right:20px;}
#propositions > p {color:#7FB53D;}
#ressources > p {color:#BA3D51;}
#propositions > a p {background:#7FB53D;}
#ressources > a p {background:#BA3D51;}

/* ------------------------------------------------------------------------------
  
								 PAGE ACTUALITES

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

.page-template-00-actualites-php .bloc-header h1,
.page-template-02-debat-php .bloc-header h1,
.page-template-02-debat-php .bloc-header p:first-child,
.single-actualites h1 {color:#449CC9;}

#listeActus {width:100%;}
#listeActus .unPost {
   width:490px;
   margin-right:0px;
   margin-bottom:10px;
}
#listeActus time {margin-bottom:2px;}
#listeActus .picto {
   width:40px;
   height:40px;
   border-radius:20px;
}
.reaction {background:url(_/img/picto-news-flamme.gif) left center repeat-y;}
.courrier {background:url(_/img/picto-news-mail.gif) left center repeat-y;}
.communique {background:url(_/img/picto-news-txt.gif) left center repeat-y;}
.analyse {background:url(_/img/picto-news-analyse.gif) left center repeat-y;}
.scoop {background:url(_/img/picto-news-scoop.gif) left center repeat-y;}

/* ------------------------------------------------------------------------------
  
								 PAGE AGISSEZ

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

.page-template-01-agir-php .bloc-header h1,
.page-template-01-agir-php .bloc-header p:first-child {color:#DF9C3C;}

.page-template-01-agir-php #biblio, .page-template-01-agir-php #liens {float:left;}
.page-template-01-agir-php #biblio {
   width:140px;
   margin-right:0px;
   margin-left:20px;
}
.page-template-01-agir-php #biblio img {
   width:100%;
   height:auto;
   margin-bottom:10px;
}
.page-template-01-agir-php #liens {width:460px;}


/*
 
-------- GMAP

*/

#gmap{
   width:100%;
   height:450px;
   background:#eee;
   margin-bottom:5px;
}
#gmap > * {
   position:absolute;
   height: 450px;
}
#gmap > div:first-child, #gmap > div:nth-child(2) {
   padding:20px 0 20px 20px;
}
#gmap h2, #referencer form h2, #referencer .txtJaune,#referencer button {font-weight:700;}
.openFiltres, .fermerFiltres {cursor:pointer;}
.openFiltres {margin-bottom:0px;}

/* LISTE */

#gmap > div:first-child {
   z-index:3;
   background:#fff;
}
#gmap h2, .openFiltres {display:inline-block;}
#gmap h2 {
   text-transform:uppercase;
   margin-right:83px;
}
.openFiltres {
   border-radius:3px 0 0 3px;
   background:#DF9C3C;
   padding:2px 5px 3px 5px;
   width:90px;
   color:#fff;
   text-align:center;
}
#listEvent {
   overflow-y:auto;
   height:383px;
   padding-right:10px;
   margin-top:9px;
}
#listEvent li {
   padding:0 0 35px 0;
   margin-bottom:11px;
   border-bottom:solid 1px #cacaca;
}
#listEvent li:last-child {
    padding-bottom:0px;
    margin-bottom:0px;
    border-bottom:none;
}

#listEvent li > div {
   width:330px;
   padding:10px 10px 10px 20px;
   background:#f5f5f5;
   position:relative;
   left:-10px;
}
#listEvent li > div .contact {word-break:break-all;}
#listEvent li > div > p span {font-weight:700;}
#listEvent li > div > p:last-child {margin-bottom:0px;}
#listEvent li > div p b {font-weight:700;}
#listEvent li > div a {
	text-decoration:underline;
	color:#DF9C3C;
}

#listEvent h3 {
   margin-bottom:4px;
   font-weight:700;
}
#listEvent h3 + p {margin-bottom:7px;}
.bt {
   float:left;
   margin-right:5px;
}
.bt, .bt img {border-radius:3px;}
#listEvent p.bt {
   background:#cacaca;
   padding:3px 5px;
   color:#fff;
   font-family:'Montserrat',sans-serif;
   text-transform:uppercase;
   font-size:11px;
   font-weight:700;
   width:80px;
   text-align:center;
   cursor:pointer;
}

/* FILTERS */

#gmap > div:nth-child(2) {
   z-index:2;
   background:#DF9C3C;
   width:180px;
   margin-left:120px;
   -webkit-transition: margin-left 0.2s ease-in-out;
   -moz-transition: margin-left 0.2s ease-in-out;
   -o-transition: margin-left 0.2s ease-in-out;
   transition: margin-left 0.2s ease-in-out;
}
#gmap > div:nth-child(2) ul {
   height:270px;
   overflow-y:auto;
   width:163px;
}
#gmap > div:nth-child(2) ul a {color:#fff;}
#gmap > div:nth-child(2) ul a:hover {text-decoration:underline;}
#gmap > div:nth-child(2) p {
   color:#fff;
   padding-top:2px;
}
.fermerFiltres {
   position:relative;
   top:-4px;
}
#gmap > div:nth-child(2).filtresOuvert {margin-left:360px;}

.effaceFiltre {
	color:#000!important;
	font-weight:700;
}
.filtreActif {
	text-decoration:underline;
	color:#000!important;
}

/* MAP */

#map {
   z-index:1;
   margin-left:360px;
   width:640px;
   background:url(http://transitionenergetique.org/wp-admin/images/loading.gif) no-repeat center;
}


/*
 
-------- REFERENCER

*/

#referencer {
   background:url(_/img/pointe-reference.png) center top no-repeat;
   padding-top:15px;
}
#referencer form {
   padding:10px 15px;
   background:#DF9C3C;
}
#referencer label, #referencer h2, #referencer .txtJaune, #referencer button {
   color:#fff;
   font-family:'Montserrat',sans-serif;
}
#referencer h2 {font-size:14px;}
#referencer h2, #referencer .txtJaune {margin-bottom:8px;}
#referencer .txtJaune {color:#FFEF22;}
#referencer input[type="text"], #referencer textarea {
   margin:5px 0 9px 0;
   padding:3px 5px;
   width:100%;
}
#referencer .label125w > * {width:155px;}

#referencer #choixDate  {margin-bottom:8px;}
#referencer #choixDate > * {display:inline-block;}
#referencer input[type="radio"] {margin-left:3px;}
#referencer #choixDate p {margin:0 35px;}

#referencer #date {padding-top:12px;}
#referencer #date div.right {margin-top:2px;}
#referencer #date.option1 {background:url(_/img/pointe-choix-date.png) -233px top no-repeat;}
#referencer #date.option2 {background:url(_/img/pointe-choix-date.png) -35px top no-repeat;}
#referencer #date.option1 label.dateOption1 {display:block;}
#referencer #date.option1 label.dateOption2 {display:none;}
#referencer #date.option2 label.dateOption1 {display:none;}
#referencer #date.option2 label.dateOption2 {display:block;}

#referencer select {
   width: 155px;
   position: relative;
   top: 6px;
}

#referencer #accord {margin-top:3px;}
#referencer #accord input[type=checkbox] {
   position:relative;
   top:2px;
}

#referencer button {
   width:100%;
   margin:19px 0 4px 0;
   padding:5px;
   background:#FFEF22;
   color:#DF9C3C;
   text-align:center;
   border-radius:3px;
   cursor:pointer;
}
#submitBt.enregistrement {background:url(../../../wp-admin/images/loading.gif) no-repeat 246px center #FFEF22;}
#referencer p.legal {
   color:#fff;
   font-size:11px;
}
#referencer label.error, #referencer span.error {
   position:relative;
   top:-2px;
   color:#333;
   text-transform:uppercase;
}
#referencer span.must {
   color:#000;
   font-weight:700;
}
#referencer * {-webkit-font-smoothing: antialiased;}

/*
 
-------- OUTILS

*/

#outils {margin:15px 0 0 20px;}


.single-evenements .unPost {margin-bottom:0px;}
.single-evenements #soloMap {
   width:680px;
   height:230px;
   background:url(http://transitionenergetique.org/wp-admin/images/loading.gif) no-repeat center #eee;
}
.single-evenements #soloMap .gmnoprint {display:none;}


/* ------------------------------------------------------------------------------
  
								 PAGE DEBAT

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

.page-template-02-debat-php .unPost h2 {
   cursor:pointer;
   text-transform:none;
   font-family:'Open Sans',sans-serif
}
.page-template-02-debat-php .unPost .content {margin-bottom:15px;}
.page-template-02-debat-php .unPost .content img {float:none;}
.page-template-02-debat-php .unPost{margin-bottom:0px;}

/* ------------------------------------------------------------------------------
  
							  PAGE PROPOSITIONS

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

.page-template-03-propositions-php .bloc-header h1,
.page-template-03-propositions-php .bloc-header p:first-child {color:#7FB53D;}

.page-template-03-propositions-php .unPost > h2 {font-size:13px;}
.page-template-03-propositions-php #listePropositions .unPost {
   margin-right:0px;
   margin-bottom:10px;
   width:315px;
}
.page-template-03-propositions-php #listePropositions .unPost:hover {box-shadow:0 0 8px rgba(0,0,0,0.3);}
.page-template-03-propositions-php .unPost:nth-child(even) {margin-right:0px;}
.page-template-03-propositions-php .listePost {
   margin-right:20px;
   width:640px;
}
.page-template-03-propositions-php .miniListe {width:340px;}

/* ------------------------------------------------------------------------------
  
							  PAGE RESSOURCES

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

.page-template-04-ressources-php .bloc-header h1,
.page-template-04-ressources-php .bloc-header p:first-child,
.single-ressources h1 {color:#BA3D51;}
.single-ressources time {display:none;}

#formation {
   width:100%;
   overflow:auto;
   display:none;
}
#formation li {
   margin:8px 10px 0 0;
   width:120px;
   height:150px;
   background:#BA3D51;
   padding:5px 10px 10px 10px;
   float:left;
}
#formation li h2 {
   color:#fff;
   font-family:'Montserrat',sans-serif;
   text-transform:uppercase;
   font-weight:700;
}
.bigNum {
   font-size:24px;
   font-weight:700;
   color:#fff;
   font-family:'Montserrat',sans-serif;
   padding-bottom:2px;
   border-bottom:solid 1px #fff;
}

#biblio {margin-right:20px;}
#biblio li {
   margin-top:10px;
}
#biblio li img {
   float:left;
   margin:3px 10px 10px 0;
}
#biblio h2 {
   width:100%;
   font-weight:700;
   text-transform:uppercase;
}
#biblio h3 {
   font-weight:700;
   color:#b5b5b5;
   margin-bottom:7px;
}

#liens li p a, #biblio li a, #biblio li a > * {
   text-decoration:underline;
   color:#BA3D51;
}
#liens li p:last-child {margin-top:8px;}
#liens li p:last-child a {
   font-weight:700;
   padding:3px 7px;
   background:#BA3D51;
   color:#fff;
   border-radius:3px;
   text-decoration:none;
}


/* ------------------------------------------------------------------------------
  
								 FOOTER

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

footer {
   margin-top:50px;
   border-top:solid 1px #444;
   padding-bottom:30px;
}
footer a + p {margin-left:300px;}
footer a:last-child {
   margin-left:10px;
   position:relative;
   top:12px;
}
footer > * {display:inline-block;} 


/* ------------------------------------------------------------------------------
  
								 SOCIAL

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

#social {
    position:fixed;
    z-index:99;
    top:147px;
    right:-100px;
    width:46px;
    height:150px;
    padding-top:5px;
    background:url(_/img/bkg-social.gif) repeat-y;
}

#social a img {
    margin:2px 0 0 8px;
}