@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic);




h1, h2, h3, h4, h5, h6 {text-align : left;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{}

h1 {font-size : 3em; margin : 1.5em 1em 1em 1em;}
h2 {font-size : 2em; margin : 1em 0 0.3em 0;}
h3 {font-size : 1.6em; margin : 1em 0 0.3em 0;}
h4 {font-size : 1.2em; margin : 1em 0 0.3em 0;}


body{
    font-family: 'Source Sans Pro', Arial, sans-serif;
    text-align : center;
    background: #dad6ce url("../../squelettes/css/img/fond32.png") repeat;
    font-weight : 300;
    color : #000000;
}

.hide {display : none;}

a {text-decoration : none; color : #DC5F34;}

b, strong {font-weight : 600;}
i {font-style :italic;}
small {font-size : 90%;}

.page{
    background-color : #FFFFFF;
    -webkit-box-shadow: 0 0 10px -5px #000000;
    box-shadow: 0 0 15px -5px #000000;
    width : 60em;
    margin : 0 auto;
    padding : 0;
    text-align : justify;
}

.reso .page {width : 100%}


nav {
    font-size : 1em;
    font-weight : 600;
    text-align : center;
    background-color : #473f38;
    width : 100%:
}
.page_sommaire nav ul {
    width : 80%;
}

nav ul {color : #FFFFFF;
    width : 100%;
    margin : 0 auto;
}
nav ul li {display : inline-block; margin : 0.3em 0.7em;}

nav ul li#logosite {float : left; padding : 0px; margin : 0px 0px -7em 0.5em;}
nav ul li a {color : #FFFFFF;}
nav ul li a:hover,
nav ul li a:focus,
nav ul li a:focus {color : #DDDDDD;}

.arbo, .desc { margin : 1em 2em 2em 11em; font-size : 0.8em;}

#accueil {
    margin : -3em 0em 1em 2em;
    width:56em;
}

ul#raccourcis {margin-left : 200px;}
ul#raccourcis li {display : inline-block; margin : 1em;}

h1#logo img.spip_logos {margin : 0em -1em 0em -5em;
    float:right;
}

h1#logo a {
    font-size : 2.39em;
    color : #2c2b2c;
    margin: 0 0 0 -0.5em;
}
.sommaire .sstit {
    font-size : 2.28em;
    margin: -1.6em 0 0 -0.05em;
    color : #2c2b2c;
}
.sommaire .liens {
    font-size : 1.357em;
    margin:0.5em  0em;
}
.sommaire .desc {
    font-size : 1em;
    width :31.5em;
    margin:1em  0.0em;
}



#accueil ul {
    margin : 1em 0; max-width : 33.5em; }

#accueil ul li {
    padding : 0.2em 0;
    font-size : 1.6em;
    color : #2c2b2c;
    border-bottom : 1px solid #ccc;
}

#accueil ul li ul{margin : 0;}

#accueil ul li ul li {
    margin : 0em;
    font-size : 0em;
    border-bottom : 0px solid #ccc;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#accueil ul li:hover ul li {
    margin : 0.5em 0 0.5em 2em;
    font-size : 0.8em;
    color : #2c202c;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#accueil ul li:hover ul li a:hover {
    border-bottom : 1px dashed #2C202C;
}


footer ul li, aside ul li{margin : 0.5em;}

section.mots  a,
section.motgrp1 a{
    color : #FFFFFF;
}
section.mots,
section.motgrp1{
    background : #473F38;
    float : left; clear : both;
    width : 100%;
    margin : 3em 0;
}

section.mots h2,
section.motgrp1 h2 {
    width : 93%;
    font-size : 2.5em;
    margin : 0.5em auto;
    padding-bottom : 0.1em;
    border-bottom : 1px solid #B6A14E;
	color : #B6A14E;
}

section.mots h2 a,
section.motgrp1 h2{
   color: #B6A14E;
}

section.mots ul,
section.motgrp1 ul{
    text-align : center;
    margin-bottom : 2em;
}

section.mots ul li,
section.motgrp1 ul li {
    display : inline-block;
    padding : 0.1em 0.4em;
    font-size : 1.2em;
    margin : 0.1em;
}

section.mots ul li a,
section.motgrp1 ul li a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size : 0.8em;
    margin : 0.1em;
}
section.mots ul li a:hover,
section.motgrp1 ul li a:hover{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin : 0em;
    font-size : 0.9em;
    padding-bottom : 2px;
    border-bottom : 1px dashed #ddd;
}


section.actu{text-align : left;
    margin : 4em 2em;
}


section.actu h1{
    width : auto;
    font-size : 2.2em;
    margin : 0.5em;
    padding-bottom : 0.1em;
    border-bottom : 1px solid #B6A14E;

}

section.actu ul.resart li, .page_sommaire #ageunda,.page_rubrique #ageunda, .actu ul li.listuteur  {
    display : block;
    width: 24em;
    padding : 1em;
    margin :  1em 0 1em 1em;
    -webkit-box-shadow: 0 0 10px -5px #000000;
    box-shadow: 0 0 10px -5px #000000;

}

section.actu ul.resart li {display : inline-block; vertical-align : top;}
#ageunda {float : right;}

section.actu ul li h3, #ageunda  h3{
  font-size : 1.4em;
    margin : 0 auto 1em;
}

#ageunda  h2{
  font-size : 2.2em;margin : 0 auto 0.8em;
}


section.actu ul li p.soustitre {
    border-top : 1px solid #DDD;
    border-bottom : 1px solid #DDD;
    padding : 0.2em 0;
    font-size : 0.8em;
    font-weight : 600;
    font-style : italic;
    text-align : right;
}


section.actu ul li p, #ageunda  p{
   font-size: 0.96em;
    margin-bottom : 0.5em;
   text-align : left;
}

footer { width : 100 %; clear: both;}




section, footer,
article h1, section h1,
article h2, section h2,
.pagination {
clear : both;
width : auto;
}

.pagination{
    margin :0.6em 0em 1.5em 0em;
    border-bottom : 1px solid #ddd;
    padding : 0em 1em 0.5em 1em;
}

.NDW {
    font-size:0.9em ;
    font-style : italic;
}

.page_article article {
    width : 40em; float : left;
}

.page_article aside article,
.page_article section article {float : none;
    width : auto;
    margin : 0.5em 0;
}

.page_article aside { float : left;
    width : 19em; margin-right : 1em;
}

footer { width : 100%; text-align : center; margin-bottom : 0; padding-bottom : 1em;
}

footer section {
    text-align : left;
    margin : 1.5em 0em  1.5em 1.5em;
    display : inline-block;
    vertical-align : top;
    max-width : 18em;
}



footer p.copyright {margin:0.5em 1em;}

/* Typo article TXT */

.page_article .soustitre,
.page_article .chapo,
.hyperlien,
.page_article .texte,
.page_article .texte p,
.page_article .info-publi {width : 100%; max-width : 500px; margin : 30px auto; clear : both;}

.page_article article .texte ul li
 {margin : 0.6em 0; padding : 0}
.hyperlien {
    border-top : 1px solid  #ddd;
    border-bottom : 1px solid  #ddd;
    padding : 0.5em 0;
    margin : 0.5em auto;
}

.page_article .soustitre {
font-variant: small-caps;
font-size : 1.3em;
padding : 5px;
border-bottom : 1px solid #aaaaaa;
border-top : 1px solid #aaaaaa;}

.page_article .chapo{
    font-style : italic;
font-size : 1.3em;}


.page_article .chapo p,
.page_article .texte p {line-height : 140%;}

.info-publi {
    font-size : 0.9em;
    padding-top : 0.5em;
    margin:3em;
    border-top : 1px solid #dddddd;
}

/* pompage spip.css */
.texte ul.spip,.texte ol.spip{margin: 1em 0em 1.4em 2em;}
.texte ul.spip li{margin:8px auto 8px auto ;}
.texte ul.spip{list-style-type:square}
.texte li ul.spip{list-style-type:disc}
.texte li li ul.spip{list-style-type:circle}
.texte ol.spip{list-style-type:decimal}
.texte dl.spip dt,dl.spip dd{padding-left:30px}
.texte dl.spip dt{clear:both}
table.spip{width:100% ; border : 1px solid #333333;}

blockquote.spip{
min-height:40px;
background:url("../../squelettes-dist/css/img/quote.png") no-repeat;
font-family : serif;
border-left:3px solid #AAAAAA;
padding : 0px 20px 0px;
}

.spip_poesie{border-left:1px solid}
.spip_poesie div{margin-left:50px;text-indent:-50px}
.spip_code,.spip_cadre{font-family:'Courier New',Courier,monospace;
font-size:1em; background-color : #FFFFFF; padding:5px; color :#444444}
sc,.sc{font-variant:small-caps}
.caractencadre-spip{background-color:#FFC;color:purple}
.caractencadre2-spip{background-color:#FFC;color:orange}
.texteencadre-spip{display:block;margin:1.5em 50px;padding:1.5em;background:#EEE}
.spip_documents{margin-bottom:1.5em;padding:0;background:none}
.spip_documents,.spip_documents_center,.spip_doc_titre,.spip_doc_descriptif{
margin-right:auto;margin-left:auto;}
.spip_documents_center{clear:both;display:block;width:100%}

.spip_documents_left{float:left;margin-right:1.5em}

.spip_documents_right{float:right;margin-left:1.5em}

.spip_doc_descriptif{clear:both}

img.spip_logos{vertical-align:middle; margin : 0.5em;}

.spip_modele{float:right;display:block;width:25%;margin:0 0 1.5em 1.5em;padding:1.5em;background-color:#EEE}
.formulaire_spip li{clear:both;margin-bottom:.75em}
.formulaire_spip .boutons{clear:both;margin:0;padding:0;text-align:right}

/* tableaux */
table.spip {margin : 30px auto;}
table.spip caption{background:none;border-bottom:1px solid;text-align:center;
 padding : 5px;
 font-weight:700}
table.spip thead th{background:none;border:1px solid;border-width:1px 0;  margin: 30px;}
table.spip tbody tr th,table.spip tr td{background:#FFFFFF; padding : 5px;}
table.spip tbody tr.odd th,table.spip tr.odd td{background:#EED}
table.spip tfoot{border-top:1px solid;}



#portfolio ul {text-align : center;}
#portfolio ul li {display : inline-block;}
#portfolio img {margin : 10px;}




.page_agenda .page {min-width : 800px; width : 100%; max-width: 1200px;}
.page_agenda h2 {font-size : 4em; }
.page_agenda footer h2 {font-size : 2em; }
section#agenda {width : 96%; margin : 3em auto;}

.fc-event-inner {
 	border-color: #aaa;     /* default BORDER color */
 	background-color:  #473F38; /* default BACKGROUND color */
 	color: #fafafa;            /* default TEXT color */
 	}

.fc-event-title {display : block;
    padding : 0.5em ;font-weight : 600;}

.fc-header .fc-button {
    padding: 0.5em 1em;
}



/* fin--agenda */

/* Mots */

h1 span.gris {
    color : #bbbbbb;
    width : 100%;
    font-size : 0.6em;
    font-weight : 600;
    font-style : italic;
    display:inline-block;
    margin : 0.5em 0 0.1em 0em;
}



.actu ul li.listuteur ul li {
    text-align : left;
    margin : 0em;
    font-size : 0em;
    border-bottom : 0px solid #ccc;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.actu ul li.listuteur:hover ul li {
    margin : 1em 0 1em 1em;
    font-size : 1.1em;
    color : #2c202c;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.actu ul li.listuteur {
    display : inline-block;
    vertical-align : top;
    width: 24em;}

section.agenda span.ajeunda  {
    margin :1em;
    font-size : 2em;
    color: #DC5F34;
}

section.agenda h1  {margin : 0.2em; font-size : 2em}
section.agenda h2 {margin :1em 0em 0.5em 0em; font-size : 1.5em;}

section.agenda ul li {margin :2em 0em ; border-top : solid 1px #CCCCCC; padding : 1em 0em 0em 0em;}
section.agenda ul li ul li {margin : 1em; border : 0px; padding : 0em;}


/* hack IE7 */
html.ie7 nav ul li,
html.ie7 ul#raccourcis li,
html.ie7 section.mots ul li,
html.ie7 section.motgrp1 ul li,
html.ie7 section.actu ul.resart li,
html.ie7 footer section,
html.ie7 #portfolio ul li,
html.ie7 h1 span.gris,
html.ie7 .actu ul li.listuteur,
html.ie6 nav ul li,
html.ie6 ul#raccourcis li,
html.ie6 section.mots ul li,
html.ie6 section.motgrp1 ul li,
html.ie6 section.actu ul.resart li,
html.ie6 footer section,
html.ie6 #portfolio ul li,
html.ie6 h1 span.gris,
html.ie6 .actu ul li.listuteur  {
   zoom: 1; /*offre le layout à un élément (*)*/
   display: inline;
}



.adrent {border: 5px solid #DC5F34; padding : 15px;}
.adrent.paskonect {font-size : 90%;width : 300px; float : right; margin: -150px 30px 0px 0px}
.adrent input {max-width : 80%;}


.adrent.paskonect ul:hover li {
   height : auto;
    transition: all 1s ease;
}

.adrent.paskonect ul li {
    height : 0;
    overflow: hidden;
    transition: all 1s ease;
}


.actu.adrent.konect ul li {width: 23em;}