* {margin:0;padding:0;text-decoration:none;border:none;font-family:Arial,Helvetica,sans-serif;}
a {text-decoration:none; color:black;}

h2 {	margin:30px 0 10px;	text-align:left; color:#552F0A; font-weight:bold; font-size:19px;}

body { background-color:#495b0f; background-image:url('./Welsh_Mountain.jpg'); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:100% auto; padding-top:10px;}

.iblk {display:inline-block;}
.fs0 {font-size:0;} .fs7 {font-size:7px;} .fs8 {font-size:8px;} .fs9 {font-size:9px;} .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs21 {font-size:21px;} .fs22 {font-size:22px;} .fs23 {font-size:23px;} .fs24 {font-size:24px;} .fs25 {font-size:25px;}
.w1 {width:1%;} .w2 {width:2%;} .w3 {width:3%;} .w4 {width:4%;} .w5 {width:5%;} .w6 {width:6%;} .w7 {width:7%;} .w8 {width:8%;} .w9 {width:9%;} .w10 {width:10%;} .w11 {width:11%;} .w12 {width:12%;} .w13 {width:13%;} .w14 {width:14%;} .w15 {width:15%;} .w16 {width:16%;} .w17 {width:17%;} .w18 {width:18%;} .w19 {width:19%;} .w20 {width:20%;} .w21 {width:21%;} .w22 {width:22%;} .w23 {width:23%;} .w24 {width:24%;} .w25 {width:25%;} .w26 {width:26%;} .w27 {width:27%;} .w28 {width:28%;} .w29 {width:29%;} .w30 {width:30%;} .w31 {width:31%;} .w32 {width:32%;} .w33 {width:33%;} .w34 {width:34%;} .w35 {width:35%;} .w36 {width:36%;} .w37 {width:37%;} .w38 {width:38%;} .w39 {width:39%;} .w40 {width:40%;} .w41 {width:41%;} .w42 {width:42%;} .w43 {width:43%;} .w44 {width:44%;} .w45 {width:45%;} .w46 {width:46%;} .w47 {width:47%;} .w48 {width:48%;} .w49 {width:49%;} .w50 {width:50%;} .w51 {width:51%;} .w52 {width:52%;} .w53 {width:53%;} .w54 {width:54%;} .w55 {width:55%;} .w56 {width:56%;} .w57 {width:57%;} .w58 {width:58%;} .w59 {width:59%;} .w60 {width:60%;} .w61 {width:61%;} .w62 {width:62%;} .w63 {width:63%;} .w64 {width:64%;} .w65 {width:65%;} .w66 {width:66%;} .w67 {width:67%;} .w68 {width:68%;} .w69 {width:69%;} .w70 {width:70%;} .w71 {width:71%;} .w72 {width:72%;} .w73 {width:73%;} .w74 {width:74%;} .w75 {width:75%;} .w76 {width:76%;} .w77 {width:77%;} .w78 {width:78%;} .w79 {width:79%;} .w80 {width:80%;} .w81 {width:81%;} .w82 {width:82%;} .w83 {width:83%;} .w84 {width:84%;} .w85 {width:85%;} .w86 {width:86%;} .w87 {width:87%;} .w88 {width:88%;} .w89 {width:89%;} .w90 {width:90%;} .w91 {width:91%;} .w92 {width:92%;} .w93 {width:93%;} .w94 {width:94%;} .w95 {width:95%;} .w96 {width:96%;} .w97 {width:97%;} .w98 {width:98%;} .w99 {width:99%;} .w100 {width:100%;}
.r {text-align:right;} .c {text-align:center;}
.middle, .mid {vertical-align:middle;} .t, .vtop {vertical-align:top;} .b { vertical-align:bottom; }
.mt1 {margin-top:1px;} .mt2 {margin-top:2px;} .mt3 {margin-top:3px;} .mt4 {margin-top:4px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;}
.b_noir {background:#000000;} .b_gris {background:#808080;} .b_blanc {background:#FFFFFF;} .b_rouge {background:#CC0000;} .b_jaune {background:#FFFF00;} .b_vert {background:#44BB33;} .b_bleu {background:#00C0B0;} .b_violet {background:#762CA7;} .b_rose {background:#FF40AB;} .b_orange {background:#FFA500;} .b_marron {background:#A52A2A;} .b_none {background:none;}
.p3{padding:3px;}

/* page rentabilité des ateliers */
.tblRenta {
	border : 1px solid black; margin : 10px auto 10px;
	border-collapse : collapse;
	text-align : center;
}

.tblRenta th { background-color:#f1f1d1; font-size:18px;text-decoration:underline;color:maroon; }

.tblRenta th, .tblRenta td {
	border : 1px solid black;
	padding : 10px;
}

.ico {
	height:20px;
	vertical-align:middle;
}

/* pagination */
.pagination
    {
    margin:5px auto;
    text-align:center;
    }
.pageList
    {
    font-size:13px;
    background-color:#F2F1C1;
    display:inline-block;
    min-width:20px;
    margin:5px; padding:2px;
    border:1px solid #495B0F; border-radius:3px;
    }
.pageList:hover { font-weight:bold; }
.pageEnCours
    {
    font-size:20px;
    font-weight:bold;
    }

.don
	{
	border-style:solid; border-width:2px; border-color:#F1F1D1 #7E7E4A #7E7E4A #F1F1D1; border-radius:5px;
	}

.don:hover
	{
	border-style:solid; border-width:2px; border-color:#7E7E4A #F1F1D1 #F1F1D1 #7E7E4A;
	background:#D0CF75;
	}


#container 
	{
	position:relative;
	width:1000px;
	margin:0 auto 200px;
	}

#contents
	{
	height:auto;min-height:620px; width:100%;
    border-left: 1px solid #f5f4c1;
	border-right: 1px solid #f5f4c1;
	color:black; 
	font-size:15px; text-align:center;
    background:#dcdb81;
	}

#container .boxTop, #container .boxTom {height:7px;font-size:0;}
.boxTop .left , .boxTop .right , .boxTom .left , .boxTom .right {display:inline-block;width:0.875%;height:7px;}
.boxTop .center {display:inline-block;width:98.25%;height:6px;border-top:1px solid #F5F4C1;background:#DCDB81;}
.boxTom .center {display:inline-block;width:98.25%; height:6px;border-bottom:1px solid #F5F4C1;background:#DCDB81;}


.notify { height:auto; margin:10px 10px 5px; font-size:0; }
.notify table { height:auto; width:100%; }
.notify div { margin-left:5px; padding:0 2px 0; text-align:left; font-size:14px; font-weight:bold; }
.notify_succes { border:1px solid green; background:#99FFCC; color:green; }
.notify_info { border:1px solid blue; background:#CCFFFF; color:blue; }
.notify_quest { border:1px solid #990099; background:#FFDDFF; color:#990099; }
.notify_alert { border:1px solid #FF9900; background:#FFFFCC; color:#FF9900; }
.notify_error { border:1px solid red; background:#FFCCDD; color:red; }

/* menu onglets */
.onglet
	{
	width:16%; min-width:166px; max-width:250px;
	}

.onglet_top
	{
	height:5px;
	font-size:0;
	}

.onglet_topCoins
	{
	display:inline-block;
	height:5px; width:2.5%;
	}

.onglet_topMid
	{
	display:inline-block;
	width:95%; height:4px;
	border-top:1px solid #F5F4C1;
	background:#DCDB81;
	}

.onglet_item
	{
	height:25px;
	border-left: 1px solid #f5f4c1; border-right: 1px solid #f5f4c1;
	background:#dcdb81;
	text-align:center; color:maroon; font-weight:bold; font-size:17px;
	}

.onglet_ico
	{
	height:16px;
	vertical-align:middle;
	}
	
/* textes et images*/
.generalitees  {text-align:justify; margin:20px; padding:5px;}
.middle {vertical-align:middle;}

.item
	{
	display:inline-block; vertical-align:top;
	margin:10px 0 0;
	text-align:center;
	}
.item_box, #formulaire, #resultats, #partage
	{
	position:relative;
	margin:0 auto 0;
	border-width:4px; border-style:solid; border-color:#f1f1d1 #7e7e4a #7e7e4a #f1f1d1; border-radius:10px;
	background-color:#dfde84;
	}

.item .crh
	{
	width:97%; height:auto;
	margin:0 auto 0;
	}

.crh div
	{
	position:relative;
	border-width:3px; border-style:solid; border-color:#7e7e4a #f1f1d1 #f1f1d1 #7e7e4a;
	font-size:0;
	}

.key
	{
	width:97%;
	border-width:3px; border-style:solid; border-color:#7e7e4a #f1f1d1 #f1f1d1 #7e7e4a;
	height:25px; overflow-y:auto; margin:5px auto 5px;
	font-size:11px; background:#dfde84;
	}

.crh .preview
	{
	position:absolute; top:31%; left:42.5%;
	width:15%
	}
.crh:hover .preview, .preview:hover
	{
	visibility:visible;
	}
.crh .prehide
	{
	visibility:hidden;
	}
.crh:hover .prehide, .prehide:hover
	{
	visibility:visible;
	}
.crh:hover .posthide, .posthide:hover
	{
	visibility:hidden;
	}
.crh .rhd {
top:45%;
left:41.18%;
width:17.64%;
}

.rh_color , .pal:hover .rh_couleur {display:inline;}
.rh_couleur , .pal:hover .rh_color {display:none;}


.item .rh
	{
	width:100%; height:auto;
	}
.item .infos
	{
	width:97%;
	margin:5px auto 5px;
	text-align:left;
	}
.couleur {display:inline-block;vertical-align:top;width:16px;height:16px;}
.item .title
	{
	width:95%;
	margin:0 auto 3px;
	font-weight:bold;
	}
.numero_page { display:inline-block; width:20px;height:16px; padding:3px 2px;margin-bottom:5px;margin-right:5px; background-color:#c1c068;color:black;  border:1px solid #c1c068;border-radius:3px;}
.numero_page:hover {background-color:#fafac6;color:#8E114D;}

.page_active { display:inline-block; width:20px;height:16px; padding:3px 2px;margin-bottom:5px;margin-right:5px; background-color:#fafac6;color:#8E114D; border:1px solid #c1c068;border-radius:3px;}

#next
	{
	font-size:13px;
	}

.boxForm
	{
	position:relative; display:inline-block; vertical-align:top;
	min-width:300px;
	margin:0 5px 0; padding:2px;
	border-width:3px; border-style:solid; border-color:#7e7e4a #f1f1d1 #f1f1d1 #7e7e4a; border-radius:10px;
	background-color:#dfde84; font-size:12px;
	}
.boxForm>div>.sep { display:inline-block;width:1px;height:100px;border-right:1px solid #f1f1d1; }
.boxForm .sousForm { display:inline-block;min-width:100px;vertical-align:top;padding:0 5px; }
.sousForm .title { font-weight:bold; text-decoration:underline;margin-bottom:8px;text-align:center; }

.fieldset
	{
	position:relative;
	margin:0 4px 14px; border:1px solid maroon; padding:8px 5px 5px;
	text-align:left;
	}

.fieldset .fieldtitle
	{
	position:absolute; top:-7px;
	padding:0 2px;
	color:maroon; font-size:10px; font-weight:bold;
	background:#DFDE84;
	}

.fieldset .fieldinput
	{
	width:175px;
    margin-bottom:5px; padding:0 2px;
    vertical-align:middle;
    border:3px double #495B0F;
    background:#F2F1C1;
    font-size:11px;
	}
.fieldset select.fieldinput { width:185px; }

.vertCase
    {
    width:18px; height:35px;
    line-height:16px;
    margin:2px 0; padding:2px 0;
    background-repeat:no-repeat;
    }
.vertCase span
    {
    display:table-cell;
    width:18px; height:35px;
    }

.colDiv
    {
    margin:2px 0;
    text-align:center;
    }

.colorChoix
    {
    display:inline-block;
    padding-top:6px;
    line-height:15px;
    }

#jeuCouleursExtend , #jeuCouleursWiki {
    display:none;
    }
#jeuCouleursCheckbox:checked ~ div #jeuCouleursExtend , #jeuCouleursCheckbox:checked ~ #jeuCouleursWiki { display:inline; }   
#jeuCouleursCheckbox:checked ~ #jeuCouleursOrig { display:none; }

.zoomPair
    {
    width:50px; height:18px;
    line-height:16px;
    padding-right:2px; margin-top:3px;
    background:url('./etiquette2.png');
    }
.zoomImpair
    {
    width:50px; height:18px;
    line-height:16px;
    padding-right:2px; margin-top:3px;
    background:url('./etiquette.png');
    }

.boutonForm
    {
    display:inline-block; vertical-align:middle;
    height:20px; min-width:10px;
    padding:1px 5px;
    background-image:url('./fond_bouton.gif'); background-size:1px 100%; background-repeat:repeat-x;
    border:1px solid #748300; border-radius:5px;
    color:white; font-weight:bold; font-size:15px; text-align:center;
    cursor:pointer;
    }
.boutonForm.disabled {
    background-image:url('./fond_bouton_disable.gif'); background-size:1px 100%; background-repeat:repeat-x;
    color:#CCCCCC; cursor:default;
}
.boutonForm.denied {
    background-image:url('./fond_bouton_denied.gif'); background-size:1px 100%; background-repeat:repeat-x;
    cursor:default;
}


.lienSelection
    {
    background-color:#f2f1c1;
    background-image:url('./addSelection.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    }
.lienSelection:visited
    {
    background-color:green;
    }
   
.lienAssocier
    {
    background-color:#f2f1c1;
    background-image:url('./yinyang2.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    }
.lienAssocier:visited
    {
    background-color:green;
    }

.label { display:block; padding:10px; }
.label img { width:100%; }

.check { display:inline;}

.check:checked { display:inline; background-color:green;}

.check:checked + .label {
  background-color:green;
    font-weight:bold;
}

.progressBar {
width:90%; height:14px;
margin:2px auto;
background-color:#F2F1C1; border-color:#DFDE84;
border-style:solid; border-radius:0 8px 8px 0;
border-width:3px;
text-align:left;
}
.progressBar div {
height:14px; text-align:right;
border-radius:0 8px 8px 0;
color:#F2F1C1; font-weight:bold; font-size:10px;
}
.progressBar div.barX1 {
background-color:#A5D152;
}
.progressBar div.barX3 {
background-color:green;
}

.hov:hover {
background-color:#F2F1C1;
}

.infobulle { display:inline-block; margin-left:5px; }
.infobulle span {
    display:none;
    position: absolute; z-index:10;
    width:300px;
    border:2px solid #663300; padding:5px;
    border-radius:5px;
    background-color:#EBEBA2;
    color:#663300; font-weight:bold; text-align:left;
}
.infobulle:hover span { display:block; }

.aide_renta { display:inline-block; }
.aide_renta span {
    display:none;
    position: absolute; z-index:10;
    top:0; left:0;
}
.aide_renta:hover span { display:block; }

#partageLien {
width:95%;border:3px double #495B0F;background-color:#F2F1C1;font-weight:normal;margin-left:10px;padding:1px 5px 1px;font-size:12px;overflow-x:scroll;white-space:nowrap;
}
#partageLien:hover {
padding:1px 5px 15px;
}

.boite
	{
	border:1px solid #f5f4c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; 
	margin:10px 20px 0;
	}

.boite .entete
	{
	border:1px solid #b6b54b; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -o-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -o-border-top-right-radius:5px; 
	box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset; -moz-box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset; -webkit-box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset; -o-box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(182, 181, 75, 1) 0px, rgba(200, 199, 99, 1) 1px, rgba(212, 212, 117, 1) 2px, rgba(218, 217, 123, 1) 3px, rgba(218, 217, 123, 1) 38%, rgba(215, 214, 121, 1) 41%, rgba(215, 214, 121, 1) 48%, rgba(213, 212, 116, 1) 52%, rgba(211, 210, 115, 1) 69%, rgba(206, 206, 108, 1) 79%, rgba(206, 206, 108, 1) 86%, rgba(204, 204, 102, 1) 90%, rgba(202, 200, 101, 1) 100%) repeat scroll 0 0;
	}

.boite .entete .titre
	{
	text-align:center;font-weight:bold;letter-spacing:5px;font-size:20px;color:darkgreen;
	}

.boite .inner
	{
	padding:5px;
	}

input.voirPlus + div { display:none; }
input.voirPlus:checked + div { display:block; }
.lien_journal:visited {color:#C1C1C1;;}