*{box-sizing:border-box;}
html,body,p,ul,ol,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,hr,img,table,form,fieldset,legend,label,abbr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;font-family:Verdana,Geneva,Arial,"Helvetica Neue",Helvetica,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
ul {list-style:none;}
ol {list-style-type:decimal;}
li{line-height:160%;}
blockquote{}
cite{font-size:1em;}
html,body{width:100%;height:100%;min-height:100%;color:#333;background-color:#fff;border:0 solid transparent;}
body{background-color:#fff;}
embed[hidden] {display:inline;height:0;width:0;}
p,dd,dt,pre,table,li,adress,a,legend,textarea{font-family:Verdana,Geneva,Arial,"Helvetica Neue",Helvetica,sans-serif;}
a{color:#3d5b29;text-decoration:underline;opacity:1;transition:all .2s linear;}
a:hover,.ntel a,#lgfa{color:#f90;text-decoration:none;}
a.ici{color:#f60}
a.tel{color:#b00;}
img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video {max-width: 100%;}
textarea,table,td,th,code,pre,samp{hyphens:auto;word-wrap:break-word;}
code,pre,samp{white-space: pre-wrap;}
adress,legend,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Verdana,Geneva,Arial,"Helvetica Neue",Helvetica,sans-serif;line-height:140%;}
h1{color:#482043;font-size:1.65em;padding:0 0 .25em 0;margin-bottom:1.3em;line-height:120%;font-style:italic;border-bottom:1px solid #f8f8f8;}
h2{color:#3d5b29;font-size:1.2em;font-weight:normal;margin-top:2em;margin-bottom:1em;font-style:normal;border-bottom:1px solid #ccc;}
h3{color:#3d5b29;font-size:1.031em;margin:1.2em 0 0.1em 0;font-weight:normal;}
h4{color:#342;font-size:1em;font-weight:bold;font-style:normal;letter-spacing:normal;}
hr{height:2px;color:#fff;width:100%;clear:both;visibility:hidden}
p,dd,dt,pre,table,li{color:#333;font-size:.95em;line-height:1.6em;}
address,cite, dfn, em, i, var,.ital{font-style:italic;}
strong,.gras{font-weight:bold;}
abbr,dfn{color:#06c;border-bottom:1px dotted #06c;font-style:italic;cursor:help;}
address{padding:.625em;font:italic normal bold .95em normal;color:#06c;}
table{border-collapse:collapse;border-spacing:0;margin-bottom:1.2em;width:100%;border:1px solid #333;font-size:.88em;}
td{border:1px solid #aaa;padding:.5em .2em;}
th{border:1px solid #333;padding:.5em .2em;font-weight:normal;text-align:center;background-color:#fafafa;}
sub,sup{letter-spacing:.1em;}
acronym, abbr, span.def{color:#903;border-bottom:1px dotted #903;font-style:normal;cursor:help;}
address{padding:1.5em !important;font:italic normal small/1.3em Verdana, Arial, Helvetica, sans-serif;}
img{border:none;font-size:0.88em;font-style:italic;color:#666}
.embc{position:relative;height:0;overflow:hidden;background-color:#fff;margin:.5em 0 2em 0;}
.embc img{position:absolute;top:0;left:0;width:100%;background-color:#fff;}
.embi{padding-left:1.5em;}
.ratio1929{padding-bottom:4.6875%;}
.ratio649{padding-bottom:14.0625%;}
.ratio329{padding-bottom:28.125%;}
.ratio169{padding-bottom:56.25%;}
.ratio169v{padding-bottom:177.77%;}
.ratio162{padding-bottom:61.73%;}
.ratio43{padding-bottom:75%;}
.ratio83{padding-bottom:37.5%;}
.ratio163{padding-bottom:18.75%;}
.ratio323{padding-bottom:9.375%;}
.ratio43v{padding-bottom:133.33%;}
.ratio1{padding-bottom:100%;}
.ratio9{padding-bottom:11.111%;}
.ratio12{padding-bottom:50%;}
.maxwa{max-width:640px;margin:0 auto;}
.maxwb{max-width:480px;margin:0 auto;}
.maxwd{max-width:320px;margin:0 auto;}
.maxwe{max-width:240px;margin:0 auto;}
.maxwg{max-width:160px;margin:0 auto;}
table.maxwa,table.maxwb,table.maxwd,table.maxwe,table.maxwg{margin-bottom:1.2em;}
#blcz{width:100%;background-color:#f4f8ee;background-image: linear-gradient(#dae7c7, #f4f8ee 12%);}
#blcy{width:100%;background:transparent url("../images/decor.png") repeat top center;}
/* ---------- header ---------------- */
header#haut_page{width:100%;height:auto;margin-bottom: .2em;background-color:transparent;}
#entete{max-width:67.5em;margin:0 auto;background-color:transparent;}
#ban_mobile{margin:0 auto;padding:.85em 0 .3em 0;}
#ban_mobile h1.embc{margin:0;background-color:transparent;border:none;}
h1.embc img{background-color:transparent;}
/* -------navigation haute -------  */
nav#menu-haut{width:100%;}
#navh{border:1px solid #9bac7e;border-radius:5px;padding:1px 0;vertical-align:middle;}
#navh a{line-height:1.95em;font-size:.98em;font-weight:600;padding:.45em 1.2em;text-decoration:none;font-family:Arial,sans-serif;}
#navh a:hover{text-decoration:none;background-image: linear-gradient(180deg, #d0f0bd 10%, #51793a 45%, #d0f0bd 90%);}
#navh a.last{}
#navh p.menu_ac{padding:1px 1%;min-height:2.4em;}
#navh p.menu_ac span.sep{color:rgba(132, 157, 88, 0.2);line-height:1.95em;}
/* --- body --- */
#blca{width:100%;background-color:transparent;}
#blcb{max-width:67.5em;margin:0 auto;padding-top:2.73em;border:1px solid #ccc;background-color:#fff;}
#blcc{float:left;overflow:visible !important;width:70.5%;padding:0 1em .5em 1em;}
main{padding:0 .8em 0 0;}
main p,aside p{padding-bottom:1.2em;}
main a:hover{}
main ul,main ol{margin:.85em 0 1.5em 0;}
main li,#zonb li{text-align:left;margin:0 0 .65em 1.8em;}
main ul li,#zonb ul li{list-style-type:disc;}
main li li{font-size:1em;list-style-type:circle;}
main h2{padding:.3em 0 .6em 0;}
main h3{padding:.3em 0 .5em 0;}
main h4{padding:.3em 0 .4em 0;}
/*---------- aside fin du contenu principal ou article--------------- */
aside#zonb{width:100%;padding:0;background-color:rgba(255,255,255,1);}
aside#zonb h2,aside#zonb h3{color:#f90;border:none;}
#asibp{padding:0 .8%;border:1px solid #9a7;border-radius:4px;}
aside#zonb p {line-height:185%;font-size:.87em;}
aside#zonb p a{color:#392;font-weight:600;text-decoration:none;}
aside#zonb a:hover{color:#f90;}
p.godeb{padding:0 1%;text-align:right;text-transform:uppercase;}
p.godeb a{text-decoration:none;color:#392;}
p.godeb a:hover{text-decoration:none;color:#f90;}
p.godeb a span{border-bottom:1px dotted #392;}
p.gotop{padding:1em 1% 0 1%;text-align:right;text-transform:uppercase;}
p.gotop a{text-decoration:none;color:#392;padding-bottom:1px;}
p.gotop a:hover{text-decoration:none;color:#f90;border-bottom:1px dotted #392;}
p.gotop a span{}
/*---------- aside fin de page--------------- */
#asif{width:100%;background-color:rgba(245,245,245,0.7);padding:0 1%;}
#lsoc {padding:1rem 0 1.15rem .2rem;border-bottom: 1px solid #dcdcdc;}
#lsoc span.titsoc, p.titsap {font-size: .8rem;text-transform: uppercase;font-weight: 600;}
p.titsap {padding: 1.5rem 0 .2rem .85rem;}
#lsap {padding: .4rem 0 1rem .85rem;}
#lsap li {line-height: 2.5rem;}
#lml {font-size: .82rem;padding: 1.5rem 0 1rem 0;border-top: 1px solid #dcdcdc;}
#lml a, #lsoc a, #lsap a, a.auteur {text-decoration: none;color: rgba(0,0,0,0.7);}
#lml a:hover, #lsoc a:hover, #lsap a:hover, a:hover.auteur {color:#f90;}
/* ----------- menu droit ---------------*/
#sidebar{float:left;width:28.7%;min-width:11.5em;margin:0;padding:0 .2em 0 .2em;}
#sidebar h2{color:#aaa;padding:.2em 0 .2em .2em;margin:0;font-size:1.25em;border:none;}
.menud{margin-bottom:2em;padding:1px;border: 1px solid #9c8;border-radius:4px;background-image: linear-gradient(175deg, #fff 75%,#e8f6df);}
#module{width: 98%;margin:0 auto 2.2em auto;padding: 0 0 .8em 0;border: 1px solid #dadfef; border-width: 0 1px 1px 0;background:#fff url("../images/coin-papier.png") no-repeat 0 0;}
#module p{font-size:.85em;}
#module h3{color: #3c741e;font-size: 1.5em;text-align: center;padding-top: 1em;margin-bottom: 1em;font-weight: normal;}
p.ctc{padding-top:.32em;text-align:center;line-height:1.875em;}
.telctc{font-weight:normal;color:#c00;font-size:1.62em;}
.ntel a{color:#f00;font-weight:700;}
.menud h3{color:#3d5b29;margin: 0;padding: .34em 0 .34em .3em;letter-spacing:.03em;}
.menud h3.rub{color: #ded;padding: .24em 0 .24em .3em;background-color: #584;border-radius:4px 4px 0 0;border-bottom: 1px solid #fff;background: #5f9144 url("../images/degrade1.png") repeat-y 100% 50%;}
.menud ul.ulrub{padding:.8em 0.4em 1.3em 0.6em;border-top: 1px solid #abb5a6;}
ul.menu{position:relative;padding:.4em 0 1.2em 0.6em;}
.menud ul.last{margin:0 0 0.5em 0;}
.menu li{width:100%;line-height:1.5em;font-size:.89em;height:auto;padding-bottom:0.35em;letter-spacing: .02em;}
.menu li a{background-color:transparent;display:block;height:auto;line-height:1.6em;font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
.menu li a:hover{text-decoration:none;background-color:#ecf7dd;}
.menu li.som{font-weight:bold;}
/*----------- footer ---------------- */
footer{width:100%;background-color:rgba(245,245,245,0.7);}
/* logo bas de page */
#logo_bas{margin:0 auto;max-width:67.5em;padding-top:.75em;}
/*copyright */
#lgf{padding:.85em 1% 2em 1%;color:#555;font-size:95%;}
a#lgfa{color:#3d5b29;text-decoration:none;}
a#lgfa:hover{color:#f90;}
/* ------------ other style ------------------ */
.surl{text-decoration:overline;}
.soul,.souligne{text-decoration:underline;}
.droi{text-align:right;}
.gauc{text-align:left;}
.cent,table.colc td, #pdp p, #pdpb p,#lgf{text-align:center;}
.nomargin{margin:0;}
.gras{font-weight:bold;}
.rouge{color:#f00;}
.oran{color:#f80;}
.bleu{color:#07c;}
.dspn{display:none;}
.raye{text-decoration:line-through;}
.enca, p.cadre{background-color:#fdfdfd;padding:0.7em 0.4em;border:1px solid #9a7;border-radius:5px;}
.bord{border:1px solid #ccc;}
.fond{background-color:#fcfcfc;}
.fmat{line-height:200%;font-size:120%;letter-spacing:.18em;word-spacing:0.1em;}
.calc{line-height:170%;letter-spacing:.12em;font-size:107%;}
.curs{cursor:text;}
.tips{border:1px solid #ccc;background-color:#fdfdfd;padding:.6em;}
.lasuite{font-weight:bold;color:#392;text-decoration:none;border-bottom:1px solid #392;padding-bottom:1px;}
.lasuite:hover{text-decoration:none;border:none;}
span.tdn{border:none;color:#392;font-weight:bold;}
/* ------ media --------- */
@media screen and (max-width: 1079px) {
#blcy{background-image:none;}
#blca{padding-right:.5em;padding-left:.5em;}
#blcb{border:none;}
nav#menu-haut{padding:0 .5em;}
p.menu_ac{text-align:center;padding:.5em 0;}
#navh a{padding:.3%;}
}
@media screen and (max-width: 760px) {
main{width:auto;padding:1.5em .5em 0 .5em;border:none;}
main h1,h2{text-align:center;}
a:hover{background-color:#f7f1dd;transition:none;}
nav#menu-haut{}
#navh{margin:.25em 0 .35em 0;}
#navh a{font-weight:400;padding:.1%;}
#blcb{display:block;height:auto;min-height:auto;width:100%;padding:.5em 0 0 0;}
#blcc, #sidebar{float:none;width:100%;padding:0;margin:0;}
table{font-size:.85em;}
main h2{padding:.3em 0;border:none;}
#sidebar {display:block;height:auto;min-height:auto;vertical-align:top;max-width:98%;margin:0 auto;}
#sidebar h3{margin-top:0;text-align:center;}
#sidebar.menud{max-width:98%;margin-left:auto;margin-right:auto;display:block;}
#sidebar img{margin-left:auto;margin-right:auto;display:inline-block;}
#module{background-image:none;border-width:1px;border-radius:4px;}
.menud{margin-bottom:1em;}
ul.menu{padding-bottom:.5em;}
.menu li{font-size:.95em;}
aside#zonb{padding:0 .6%;}
#asif{padding:0 .5%;}
#lsoc {padding-left:.5rem;}
#lml{text-align:center;}
footer{padding:0 .6%;}
}
@media screen and (max-width: 640px) { 
table{word-wrap:break-word;}
}
@media only screen and (max-device-width: 480px) { 
main{width:auto;padding:0 .5em;margin-top:0;}
#lgf{padding:.85em 1%;font-size:80%;}
a#lgf{font-size:80%;}
}
@media only screen and (max-device-width: 360px) { 
img{max-width:320px;height:auto;}
}
