/* CSS Document */
*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#333;}
body{background:#edd9be url(../img/bg-top.png) repeat-x 0 0;}
iframe{margin:10px 0 10px 75px;}

a img#logo{border:none;}
img#logo{float:left;padding-top:1px;}
.illustration{float:right;background:url(../img/papy.png) repeat-x 0 0;width:305px;height:240px;margin:0 50px 0 0;}
.illustration2{float:right;background:url(../img/zipfr.png) repeat-x 0 15px;width:191px;height:199px;margin:0 50px 0 0;}
.illustration3{float:right;background:url(../img/bbook.png) repeat-x 0 0;width:203px;height:200px;margin:0 50px 0 0;}
.illustration q,.illustration3 q,.illustration2 q{display:block;width:200px;font-size:10px;}
.intro{clear:left;margin:0 0 20px 20px;height:auto !important;height:70px;min-height:70px;font-size:12px;color:#6f6a64;}
.intro strong{display:block;}
.intro a{font-size:12px;}

.englobe{background-color:#abc6db;overflow:hidden;clear:left;}

.temoignages{float:left;width:350px;padding:0 0 60px 0;margin:0 5px 10px 10px;background:#627B9A url(../img/bg-bottem.png) no-repeat 0 100%;display:inline;}
.temoignages h3{margin:10px 0 0 10px;font-size:18px;background:transparent url(../img/star.png) no-repeat 0 0;padding:5px 0 5px 35px;}


.commentaires h3.right{float:left;margin:10px 0 0 20px;width:330px;font-size:18px;background:transparent url(../img/star.png) no-repeat 0 0;padding:5px 0 5px 35px;}
.commentaires .temoignage{/*float:left;*/width:340px;color:#333;margin:5px 0 0 430px/*20px*/;padding:10px 5px 10px 5px;font-size:11px;background-color:#BBC6D8;border-bottom:2px solid #445467;}
.commentaires .temoignage cite{font-size:11px;font-weight:bold;color:#777;display:block;}

form.textarea,.textareap{float:left;margin:0 0 20px 20px;padding:0 0 80px 0;width:400px;background:#627B9A url(../img/bg-botform.png) no-repeat 0 100%;overflow:hidden;display:inline;}
form.textarea fieldset{border:none;overflow:hidden;}
form.textarea fieldset legend{display:block;padding:20px 0 5px 10px;}
form.textarea fieldset legend span{color:#ff0;font-weight:bold;}
form.textarea textarea{float:left;width:390px;color:#555;font-size:12px;border:none;margin:5px;}
form.textarea input{color:#000;margin:5px;cursor:pointer;}
form.textarea .url{width:430px;}
form.textarea .url:focus,form.textarea .url:hover{background:#ff0;color:#565656;}
form.textarea .apparition{margin:10px 10px 10px 10px;font-weight:bold;color:#BBC6D8;}
form.textarea .apparition abbr{color:#ff0;text-decoration:none;border:none;}
.textareap h3{color:#ff0;font-weight:bold;margin:10px 0 10px 15px;}
.textareap h4{margin:0 0 0 10px;}
.textareap p{padding:0 10px 20px 10px;color:#fff;}
.textareap p strong{color:#fff;}
.textareap p cite{color:#bbb;display:block;}
.textareap a{color:#fff;font-weight:bold;}
.textareap a:hover{background-color:#abc6db;color:#000;}

.textarea .menu .titre{clear:left;}
.textarea ul{float:right;margin:3px 80px 0 15px;width:700px;display:inline;}
.textarea .menu li{float:right;list-style:none;}
.textarea .menu li a{margin-left:5px;color:#ff0;text-decoration:none;border-bottom:1px solid #333;zoom:1;}
.textarea .menu.second li a{font-size:11px;color:#333;white-space:nowrap;}
.textarea .menu li a:hover{background:#003;color:#fff;}
 
.large .textarea{width:799px;padding-bottom:160px;background:#627B9A url(../img/bg-main.png) no-repeat 0 100%;}
.large .textarea input{margin-left:150px;margin-right:150px;}
.large form.textarea fieldset legend{padding-left:150px;}

 
.englobe .commentaires{clear:both;width:100%;padding:0px 0 40px 0;background:#edd9be url(../img/bg-com.png) repeat-x 0 0;overflow:hidden;} 
.englobe .commentaires div.coms h3{width:380px;padding:5px 0 5px 10px;background-color:#fff;border-left:5px solid #abc6db;border-right:5px solid #abc6db;}
.englobe .commentaires div.coms{float:left;margin:0 0 20px 20px;}
.englobe .commentaires dl.coms{display:block;width:400px;border-bottom:6px double #abc6db;margin-bottom:10px;}
.englobe .commentaires dl.coms dt{background-color:#627b9a;padding:0 10px 0 10px;}
.englobe .commentaires dl.coms dd{background-color:#abc6db;padding:0px 10px 20px 10px;}
.englobe .commentaires div.postcom{padding:0 0 30px 0;background:#abc6db url(../img/bg-botcom.png) no-repeat 0 100%;}
.englobe .commentaires div.postcom span{display:block;width:390px;height:20px;padding:0 5px 0 5px;color:#627b9a;font-weight:bold;border-top:8px double #edd9be;}
.englobe .commentaires div.postcom form{padding:0 5px 0 5px;}
.englobe .commentaires div.postcom form label{float:left;width:180px;color:#627b9a;cursor:pointer;}
.englobe .commentaires div.postcom form input{width:200px;color:#627b9a;border-left:none;border-right:none;border-top:2px dotted #abc6db;border-bottom:2px dotted #abc6db;}
.englobe .commentaires div.postcom form input.pseudo{border-top:none;}
.englobe .commentaires div.postcom form textarea{border:none;width:380px;color:#627b9a;}
.englobe .commentaires div.postcom form input.valider{text-align:left;display:block;margin-left:180px;border-bottom:none;cursor:pointer;}
.englobe .commentaires div.postcom p{margin-left:10px;width:380px;}

.englobe .temoignages ul.menu{width:340px;background:#fff;padding:10px 5px 20px 5px;margin:0 0 10px 0;border-top:2px solid #abc6db;border-bottom:2px solid #abc6db;}
.englobe .temoignages ul.menu li{list-style:none;width:100%;border-bottom:1px solid #627b9a;margin:0;}
.englobe .temoignages ul.menu li a{display:block;color:#627b9a;text-decoration:none;width:100%;}
.englobe .temoignages ul.menu li a:hover{background-color:#bbc6d8;}
.englobe .temoignages ul.menu li.titre{border-bottom:none;}
.englobe .temoignages ul.menu li h3{background:transparent url(../img/star.png) no-repeat 0 0;padding:5px 0 15px 35px;}
/*
.englobe div.postcontrib{padding:0 0 30px 0;background-color:#abc6db;border-left:1px solid #627b9a;border-right:1px solid #627b9a;}
.englobe div.postcontrib div{padding:10px 5px 10px 5px;}
.englobe div.postcontrib span{display:block;width:300px;height:50px;padding:0 5px 0 5px;color:#627b9a;font-weight:bold;}
.englobe div.postcontrib form{padding:0 5px 0 5px;}
.englobe div.postcontrib form label{float:left;width:210px;margin:5px 0 0 0;color:#627b9a;cursor:pointer;}
.englobe div.postcontrib form label span{background:#752d2d;color:#fff;height:40px;padding-top:3px;font-weight:normal;margin:10px 0 0 0;}
.englobe div.postcontrib form input{width:200px;color:#627b9a;border-left:none;border-right:none;font-weight:bold;}
.englobe div.postcontrib form input.verbe{float:left;width:15px;margin:6px 5px 0 0;}
.englobe div.postcontrib form label.verbe{width:300px;}
.englobe div.postcontrib form sup{color:#627b9a;font-size:10px;}
.englobe div.postcontrib form input.pseudo{border-top:none;}
.englobe div.postcontrib form input.valider{text-align:left;display:block;border-bottom:none;border-top:5px dotted #edd9be;cursor:pointer;}
.englobe div.postcontrib form label span.alerte2,.englobe div.postcontrib form label span.alerte1{display:none;}
.alerte{color:red;font-weight:bold;margin:5px;}
.envoi{margin:5px;}
*/
table.trad{float:left;width:400px;display:table;margin:0 0 0 20px;padding:0;width:400px;background:#627B9a url(../img/bg-botable.png) no-repeat 0 100%;}
table.trad caption{margin:0 0 0 20px;padding:5px 0 2px 0;font-weight:bold;width:400px;border-top:3px solid #627b9a;border-bottom:1px solid #edd9be;}
table.trad caption a:hover{background-color:#4e565f;color:#ff0;}
table.trad thead th{color:#fff;border-bottom:1px solid #fff;border-top:none;text-align:left;padding-left:10px;}
table.trad tfoot th{color:#fff;border-top:1px solid #fff;border-bottom:none;text-align:left;padding-left:10px;padding:0 0 130px 10px;}
table.trad thead th.right{width:50%;}
table.trad tbody tr td{border-right:1px solid #fff;padding:5px 0 5px 5px;}
table.trad tbody tr td.left{padding-right:5px;font-weight:bold;border-left:1px solid #fff;border-right:1px dashed #8da4b6;text-align:right;}
table.trad tbody tr.bi td{background-color:#8da4b6;}
table.trad tbody tr.bi td.left{border-right:1px dashed #627B9a;}
table.trad td.lettre{background:#4e565f;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;}
table.trad td.lettre a{font-weight:bold;color:#ff0;text-transform:uppercase;}
















/*partie BO*/

form.admin{margin:0 0 0 20px;}
.introa{clear:left;margin:0 0 20px 20px;font-size:12px;color:#6f6a64;float:left;}
.intro strong{display:block;}
.intro a{font-size:12px;}

ul.menua{float:left;margin:10px 0 10px 30px;padding:20px 0 20px 0;background-color:#fff;width:200px;}
ul.menua li{list-style:none;}
ul.menua li a{display:block;width:195px;padding:0 0 0 5px;color:#627b9a;text-decoration:none;}
ul.menua li a:hover{background-color:#bbc6d8;}

.ajoutage{background:#fff;float:none;margin:20px 0 10px 50px;padding:18px 20px;border:1px solid #c3ccd6;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.08);max-width:520px;}
.ajoutage.backoffice-block{float:left;margin-right:20px;}
.ajoutage h3{margin:0 0 12px;font-size:16px;color:#2f3b4b;}
.ajoutage form{display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:center;}
.ajoutage form label{font-weight:bold;font-size:12px;color:#233143;text-align:right;padding-right:6px;}
.ajoutage form input[type="text"]{width:100%;padding:7px 9px;border:1px solid #c7d1db;border-radius:3px;font-size:13px;box-sizing:border-box;}
.ajoutage form .full-row{grid-column:1/3;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;}
.ajoutage form .full-row label{font-weight:normal;text-align:left;padding:0;}
.ajoutage form input[type="submit"]{grid-column:2/3;justify-self:start;padding:7px 12px;border:0;background:#627b9a;color:#fff;border-radius:3px;cursor:pointer;}
.ajoutage form input[type="submit"]:hover{background:#4f6580;}

.englobe .tabernacle{margin:0 0 10px 50px;width:600px;background-color:#89aac4;border:0;}
.englobe .tabernacle caption{margin:10px 0 0 0;background-color:#8298a8;width:600px;height:20px;border:0;}
.englobe .tabernacle thead,.englobe .tabernacle tfoot{height:20px;background-color:#edd9be;border:0;}
.englobe .tabernacle .left{width:50%;border:none;}
.englobe .tabernacle tr.bi{background-color:#abc6db;}
.englobe .tabernacle td,.englobe .tabernacle th{text-align:left;border:0;}

.englobe .gestion{margin:0 0 10px 50px;width:700px;background-color:#89aac4;border:0;}
.englobe .gestion caption{margin:10px 0 0 0;background-color:#8298a8;width:700px;height:20px;border:0;}
.englobe .gestion thead,.englobe .gestion tfoot{height:20px;background-color:#edd9be;border:0;}
.englobe .gestion thead th,.englobe .gestion tfoot th{text-align:left;}
.englobe .gestion .left{width:10%;border:none;}
.englobe .gestion tr.bi{background-color:#abc6db;}

.englobe a.noactif{float:left;width:60px;background-color:#c00;color:#fff;padding:3px 0 3px 3px;text-decoration:none;}
.englobe a.noactif:hover{background-color:#900;}
.englobe a.actif{float:left;width:60px;background-color:#090;color:#fff;padding:3px 0 3px 3px;text-decoration:none;}
.englobe a.actif:hover{background-color:#00540a;}
.englobe a.destroy{float:left;width:60px;background-color:#222;color:#fff;margin-left:10px;padding:3px 3px 3px 3px;text-decoration:none;}
.englobe a.destroy:hover{color:#999;}

.englobe div.paragraphe{float:left;clear:left;background:#BBC6D8;margin:10px;color:#000;width:500px;border-top:5px solid #627b9a;border-left:1px solid #627b9a;border-right:1px solid #627b9a;}
.englobe div.paragraphe span{display:block;background:#627b9a;color:#fff;overflow:hidden;}