/* Design et CSS crees par f.pradignac */
/* www.fpradignac.com */

@import url(https://fonts.googleapis.com/css?family=Philosopher:400);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400);
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 15px; font-family: Arial, Helvetica, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #666; }
p { margin: 0.2em 0 1em 0; line-height: 1.4em;}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em;}
h1 { font-family: Philosopher, Arial, sans-serif; font-weight: 400; font-size: 38px; margin-bottom: 20px;color: maroon; line-height: 30px; }
h2 { font-family: Philosopher, Arial, sans-serif; font-weight: 400; font-size: 32px; letter-spacing: 2px;  }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip  { background-color:#F9F8F3; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip { background-color: #F9F8F3; border: 1px #ddd solid; border-radius: 5px;  -webkit-border-radius: 5px; } /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */



.spip_logos {
 border: 2px solid #eee; 
}

#content .spip_logos {
 float: right; 
}

/* ------------------------------------------ */
body {
 background: transparent url('./data/bandeau.jpg') no-repeat center top;
 margin: 0;
 padding: 0;
 text-align: left;
}

#page {
 position: relative;
 width: 950px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}

#header {
 position: relative;
 top: 0;
 height: 162px;
 margin: 0;
 padding: 0;
}
#header h1 {
 display: block;
 width: 305px;
 height: 162px;
 margin: 0;
 padding: 0;
}
#header h1 span {
 display: block;
 width: 305px;
 height: 162px;
 margin: 0;
 padding: 0;
}

#header #mark {
 position: relative;
 width: 356px;
 height: 215px;
 margin: 0;
 padding: 0;
}

#header h1 a {
 display: block;
 width: 420px;
 height: 160px;
 margin: 0;
 padding: 0;
}

#content .listeRubriques {
 position: relative;
 float: right;
 width: 188px;
 margin: 35px 0 0 10px;
 padding: 0;
 text-align: center;
}
#content .listeRubriques .logo-article {
 margin: 0;
 padding: 0;
}
#content .listeRubriques .logo-article .spip_logos {
 margin-bottom: 10px;
}

#content .listeRubriques h1 a {
 margin: 0;
 padding: 0 10px;
 line-height: 17px;
 font-size: 24px;
}

#content .listeRubriques .texte,
#content .liste_projets .texte {
 margin: 0;
 padding: 0 10px 0 7px;
 line-height: 17px;
 font-size: 12px;
}

#content .liste_projets .texte {
 padding: 10px 0 0 0;
}

#content #actus {
 position: relative;
 background-color: #F9F8F3;
 margin: 60px 0 0 165px;
 padding-bottom: 10px;
 border: 1px #ccc solid;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 0px 5px #ddd;
 -webkit-box-shadow: 0px 0px 5px #ddd;
}

#content #actus h2 {
 background: transparent url('../squelettes/data/fleche02.gif') no-repeat 175px 7px;
 margin: -40px 0 0 20px;
}
#content #actus h2 a {
 display: block;
}
#content #actus h2 a:hover {
 color: #595CA3 !important;
 text-decoration: none;
}

#content #actus h3 {
 font-size: 16px;
}

#content .liste_projets {
 position: relative;
 float: left;
 width: 330px;
 height: 170px;
 margin: 15px 20px;
 padding: 0 10px 10px 0px;
 border-bottom: 5px #FFFAFA solid
}
html>body #content .liste_projets {
  height: auto;
  min-height: 170px;
}

#content .liste_projets .logo-article {
 float: right;
 margin: 0 0 5px 10px;
 padding: 0;
}

#content .liste_projets a:hover {
 color: #96C900;
}

/* nav
---------------------- */

#nav {
 position: relative;
 top: 0;
 left: 0;
 height: 39px;
 margin: 0;
 padding: 0;
 text-align: left;
}


#nav #navP1 {
 position: absolute;
 height: 33px;
 margin: 0;
 padding: 0;
 list-style: none;
 right: 0;
}

.page_sommaire #nav #navP1 {
 display: none;
}

#nav #navP2 {
 position: absolute;
 top: -152px;
 right: 0;
 margin: 0;
 padding: 0;
}

#navSecondaire {
 position: relative;
 float: left;
 width: 350px;
 margin: 125px 0 0 0;
 padding: 0;
 text-align: right;
}


#nav #navP1 ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#nav #navP2 ul {
 display: block;
 height: 33px;
 margin: 0;
 padding: 0;
 list-style: none;
}

#nav #navP1 ul li {
 float: left;
 margin: 0 0 0 50px;
 padding: 0;
 text-align: center;
}

#nav #navP2 ul li {
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;
}

#nav #navP1 ul li a {
 display: block;
 background: transparent url('./data/puce-bas.png') no-repeat left top;
 font-family: Philosopher, Arial, sans-serif;
 font-weight: 400; 
 margin: 0;
 padding: 10px 0 0 3px;
 font-size: 20px;
 color: red;
}
#nav #navP1 ul li a.active {
 background: transparent url('./data/puce-basV.png') no-repeat left top;
}
#nav #navP1 ul li a:hover {
 background: transparent url('./data/puce-basV.png') no-repeat left top;
 color: #111 !important;
 text-decoration: none;
}

#nav #navP2 ul li a {
 display: block;
 background-color: #EFEFE5;
 margin: 0 5px;
 padding: 5px 15px;
 font-size: 13px;
 color: #BB360B;
 border: 1px #bbb solid;
 border-radius: 3px;
}


#nav #navSecondaire ul {
 display: block;
 width: 215px;
 height: 100px;
 margin: 0 0 30px 150px;
 padding: 0;
 list-style: none;
 text-align: right;
} 
html>body #nav #navSecondaire ul {
  height: auto;
  min-height: 100px;
}

#nav #navSecondaire ul li a {
 display: block;
 margin: 0 0 16px 0;
 padding: 3px 15px 1px 0;
 font-family: Lato, Arial, sans-serif;
 font-weight: 300;
 font-size: 18px;
 line-height: 15px;
 text-decoration: none;
}
#nav a.on {
 background: transparent url('./data/puce-horV.png') no-repeat right top;
 font-weight: 400 !important;
 padding-right: 15px !important;
}
#nav #navSecondaire ul li a:hover {
 background: transparent url('./data/puce-horV.png') no-repeat right top;
 color: #111 !important;
}

/* couleurs
--------------------- */
.couleur2,
.couleur2 a,
.couleur2 #documents_portfolio h2, .couleur2 #documents_joints h2 {
 color: #615D54 !important;
}

.couleur3,
.couleur3 a,
.couleur3 #documents_portfolio h2, .couleur3 #documents_joints h2 {
 color: #BB360B !important;
}

.couleur4, .couleur6,
.couleur4 a, .couleur6 a,
.couleur4 #documents_portfolio h2, .couleur6 #documents_portfolio h2, .couleur6 #documents_joints h2 {
 color: #595CA3 !important;
}

.couleur5, .couleur1,
.couleur5 a, .couleur1 a,
.couleur5 #documents_portfolio h2, .couleur1 #documents_portfolio h2, .couleur5 #documents_joints h2 {
 color: #96C900 !important;
}



/* section
--------------------- */
#section {
 position: relative;
 height: 250px;
 margin: 32px 0 0 390px;
 padding: 0 0 30px 0;
}
html>body #section {
  height: auto;
  min-height: 250px;
}

.page_sommaire #section {
 position: relative;
 margin: 0;
 padding: 0 0 30px 0;
}
.page_sommaire #section h1 {
 font-size: 16px;
 margin-bottom: 5px;
}
.page_sommaire #section h1 a {
 color: maroon;
}

.page_sommaire  p.suite {
 position: relative;
 margin: 10px 0 0 0;
 padding: 0;
 text-align: left;
}

.page_sommaire p.suite a {
 position: relative;
 display: block;
 background: transparent url('../squelettes/data/fleche02.gif') no-repeat 0 0;
 height: 24px; 
 margin: 5px 0 0 0;
 padding: 0 0 0 34px;
 font-style: italic;
 color: #555;
 text-decoration: none;
}
.page_sommaire  p.suite a:hover {
 text-decoration: none;
}

#section .liste h2.titre a {
 position: relative;
 background: transparent url('../squelettes/data/fleche02.gif') no-repeat 0 4px;
 margin: 5px 0 0 0;
 padding: 0 0 0 20px;
 color: maroon;
 text-decoration: none;
}

#section .liste {
 margin: 0 0 15px 0;
 padding: 0 0 15px 0;
 border-bottom: 1px #ccc dashed;
}

#section #content p {
 text-align: justify;
}



#footer {
 clear: both;
 position: relative;
 margin: 0;
 padding: 10px 0 40px 0;
 text-align: center;
 border-top: 1px #ddd solid;
}

#footer ul {
 display: block;
 margin: 0 0 0 385px;
 padding: 0;
 text-align: center;
 list-style: none;
}
#footer ul li {
 float: left;
 margin: 0;
 padding: 0;
}
#footer ul li a {
 display: block;
 margin: 0;
 padding: 0 5px 0 0;
 font-family: Lato, Arial, sans-serif;
 font-weight: 300;
 font-size: 16px;
 letter-spacing: 0.03em;
 color: #111;
 text-decoration: none;
}
#footer ul li a:hover {
 color: #86AB00;
}


/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


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

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; font-weight: bold; color: #595CA3; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 0.50em; font-weight: bold; color: #669; }
.texte { line-height: 1.55em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both;  text-align: right; }
#documents_portfolio .spip_logos { margin: 6px 0 0 6px; border: 1px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

#documents_joints { margin: 0; padding: 10px 0 0 0; border-top: 1px #CCC dashed; }
#documents_joints ul,
#documents_joints ul li,
#documents_joints ul li a,
#documents_joints ul li strong {
 margin: 0;
 padding: 0;
 font-size: 13px !important;
 border: 0;
 line-height: 11px !important;
}

#documents_joints ul li img.spip_logos {
 display: block;
 float: right;
 margin: 0;
 padding: 0;
 border: 0;
}
#documents_joints ul li {
 display: block;
 height: 70px;
 margin: 0;
 padding: 0;
}

#documents_joints h2 {
 font-size: 22px;
}


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


/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/
/* formulaires
--------------------------------- */
form {
 width: 350px;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

form fieldset {
  border: 0px #555 solid;
  padding: 5px;
  margin:0;
}

form label#check {
  display: block;
  position: relative;
  width: 10px;
  margin: 0;
  padding: 0;
}
form label {
  display: block;
  color: #555;
  margin: 10px 0 0 0;
  padding: 0;
}

form fieldset.previsu {
  background-color: #eaeae8;
  border: 1px orange dashed !important;
}

form textarea {
  background-color: #f5f5f5;
  border: 1px #ccc solid !important;
  width: 343px !important;
  margin: 5px 0px 10px 0px;
  padding: 3px;
}

form input {
  background-color: #f5f5f5 !important;
  color: maroon !important;
  font-size: 11px !important;
  border: 1px #ccc solid !important;
  margin: 5px 0 0 0 !important;
  padding: 3px;
}

input[type=submit]:hover {
  background-color: #fff !important;
}


/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #CF8A00; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }