body{
	background-image:url(../imgs_etenma/texture.jpg);
	background-attachment: fixed;
}
img,iframe{max-width:100%;}
div,p{word-wrap: break-word;}
a {text-decoration: none;}
ul{margin: 0;padding: 0;list-style: none;}
input,select,textarea {
	border: 1px solid #54AAD6; background-color:#f4f1e1; padding:1px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}

#entete, #menu_horiz, #titre-page, #corp, #pied, .confirm, .alert, .corp{padding: 5px; background-color:white; margin-top: 3px;}
.bare_titre{padding: 3px; font:normal 14px "Droid Arabic Kufi";color: white;background:url(../imgs_etenma/back_bloc6.png) repeat;}
.bare_titre a {display:block; padding:2px; color:white;}
.bare_titre a:hover {color:black; background-color: rgba(245, 245, 245, 0.5);}
.texte{padding:3px;}

.clear{clear:both; display: block; line-height:0px;}

/* debut entete */
#entete {
  padding: 0.2em;
  font-size: 12px;
  background-color:white;
}
#entete #mon_compte a{
	color:#2A3A8C;
	padding:2px 3px;
	font-family: 'Droid Arabic Kufi', sans-serif;
	margin: 0 2px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.5), 1px 1px 5px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.5), 1px 1px 5px 0px rgba(0,0,0,.5);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,.5), 1px 1px 5px 0px rgba(0,0,0,.5);
}
#entete #mon_compte a:hover{
	color: white;
	text-decoration:none;
	background-color: #f26100; /* #ffa900 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f26100),to(#ffa900));
	background-image: -webkit-linear-gradient(top, #f26100, #ffa900);
	background-image: -moz-linear-gradient(top, #f26100, #ffa900);
	background-image: -o-linear-gradient(top, #f26100, #ffa900);
	background-image: -ms-linear-gradient(top, #f26100, #ffa900);
	background-image: linear-gradient(top, #f26100, #ffa900);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f26100', EndColorStr='#ffa900');
}
#entete #mon_compte a:hover .notif{color:black;}
/* fin entete */

/* debut menu horiz */
#menu_horiz {
	-webkit-box-shadow: box-shadow: 0px 1px 0px 0px rgba(42,58,0,.50), 3px 3px 3px 0px rgba(42,58,140,.25);
	-moz-box-shadow: box-shadow: 0px 1px 0px 0px rgba(42,58,0,.50), 3px 3px 3px 0px rgba(42,58,140,.25);
	box-shadow: 0px 1px 0px 0px rgba(42,58,0,.50), 3px 3px 3px 0px rgba(42,58,140,.25);
	background-color:white;
}
.menu {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}
.menu > li{
	display: inline-block;
	float: right;
	margin: 0 0 0 1px;
}
.menu .TitreLi{
	color: #de3f00;
	background-image:url(../imgs_etenma/back_titre_page.png);
	font-family: 'Droid Arabic Kufi', sans-serif;
	padding: 0px 3px;
	border: 1px dotted #7B7B7B;
}
.menu > li > a {
	background-color: #ffaa66; /* #ee7722 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaa66),to(#ee7722));
	background-image: -webkit-linear-gradient(top, #ffaa66, #ee7722);
	background-image: -moz-linear-gradient(top, #ffaa66, #ee7722);
	background-image: -o-linear-gradient(top, #ffaa66, #ee7722);
	background-image: -ms-linear-gradient(top, #ffaa66, #ee7722);
	background-image: linear-gradient(top, #ffaa66, #ee7722);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffaa66', EndColorStr='#ee7722');
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	padding: 0 5px;
	line-height: 2em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.menu ul li a {
	background: #2299dd;/*#33aadd*/
	background-color: rgba(50, 170, 220, 0.975);
	border-bottom: 1px dotted #7B7B7B;
	padding: 0 10px;
	line-height: 1.5em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #282896;
}
.menu ul li:last-child a {
	border-bottom: 1px solid #33373d;
}
.menu > li > a:hover, .menu > li > a.active {
	color:#775533;
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	background-color: #eeddcc; /* #ccbbaa */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeddcc),to(#ccbbaa));
	background-image: -webkit-linear-gradient(top, #eeddcc, #ccbbaa);
	background-image: -moz-linear-gradient(top, #eeddcc, #ccbbaa);
	background-image: -o-linear-gradient(top, #eeddcc, #ccbbaa);
	background-image: -ms-linear-gradient(top, #eeddcc, #ccbbaa);
	background-image: linear-gradient(top, #eeddcc, #ccbbaa);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eeddcc', EndColorStr='#ccbbaa');
	border-bottom: 1px solid #775533;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ccbbaa;
	-moz-box-shadow: inset 0px 1px 0px 0px #ccbbaa;
	box-shadow: inset 0px 1px 0px 0px #ccbbaa;
}
.menu > li > a.active {
	border-bottom: 1px solid #775533;
}


.menu > li > ul li:hover a {
	color: #775533;
	background-color: rgba(250, 180, 120, 0.975);
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

.menu > li > ul {
	position:absolute;
	display:none;
	z-index: 1000;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	overflow: auto;
	max-height: 600px;
}
#menu_horiz .menu_fr{font:bold 12px tahoma; color:#2525ff; float:left;}
#menu_horiz a:hover .menu_fr{color:#656565;}
/* fin menu horiz */

/* debut titre page*/
#titre-page-d h1{
	color:#2a3a8c;
	text-shadow: 3px 3px 3px rgba(0,0,0,.25);
	font-family: 'Droid Arabic Kufi', sans-serif;
}
#titre-page-d h1 a{color:#2a3a8c;}
#titre-page-d h1 a:hover{color:#ff7722;}
#titre-page-d h2{color:#038abf; text-shadow: 3px 3px 2px rgba(0,0,0,.2);}
#titre-page-d h2 a{color:#038abf;}
#titre-page-d h2 a:hover{color:#ff7722;}
#titre-page-d h3{text-decoration: underline;font: normal 12px 'Droid Arabic Kufi',tahoma;}
#titre-page-d h4 a{color:#0287cd; font: normal 12px 'Droid Arabic Kufi',tahoma;}
#titre-page-d h4 a:hover{color:#ff7722;}
#titre-page-d .arbo{
	display:inline-block;
	color:#666666;
	font:normal 12px 'Droid Arabic Naskh',tahoma;
}
#titre-page-d a:hover .arbo{
	color:#f2752e;
}
#titre-page-d p{
	font: normal 12px 'Droid Arabic Kufi',tahoma;
}
#donnees{display:inline-block;}
#donnees a{padding:0px 5px; font: bold 12px 'Droid Arabic Kufi'; color:#f2752e;}
#donnees a:hover{background-color:#f2752e; color:white;}
.donnees_ecole,.donnees_mbrs{
	display:inline-block; float:right;
	text-align:right;
	margin:5px; padding:5px;
}
.donnees_ecole{width:210px;}
#titre-page-d .img_ctrl{width:120px; height:120px; border:1px solid #c1baac; padding:2px; float:right; margin-left:10px;}
#titre-page-d .img_mbr_plus{width:100px; height:100px; border:1px solid #c1baac; padding:2px; float:right; margin-left:5px;}
/* fin titre page*/

/* debut corp droit*/
.bloc-bref{padding:2px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-bottom:-1px;}
.bloc-bref a{display:block; background-color:#f6f6f6;}
.bloc-bref a:hover{background-color:#ececec;}
.bref{color:black; font-family:'Droid Arabic Naskh','Traditional Arabic',Tahoma;}
.bref img{background-color: white; border:1px solid #e0e0e0; padding:3px;}
/* fin corp droit*/

/* debut corp gauche*/
.bloc-video .cadre-video{display:inline-block;position:relative;width:100%; margin-bottom:20px;}
.bloc-video .cadre-video img {width:100%; height:100%; position:absolute; top:0px; left:0px;}
.bloc-video .chache-video{display:inline-block; width:100%; height:100%; background-image:url(../imgs_etenma/overplay1.png);background-position: center center; position:absolute; top:0px; left:0px; }
.bloc-video .chache-video:hover{ background-image:url(../imgs_etenma/overplay2.png);background-position: center center;}

.bloc-img .cadre-img{display:inline-block;position:relative;width:100%; margin-bottom:20px;}
.bloc-img .cadre-img img {width:100%; top:0px; left:0px;}
.bloc-img .chache-img{display:inline-block; width:100%; height:100%; background-image:url(../imgs_etenma/overplay1.png);background-position: center center; position:absolute; top:0px; left:0px; }
.bloc-img .chache-img:hover{ background-image:url(../imgs_etenma/overplay2.png);background-position: center center;}

/* debut pied */
.parag {font: normal 12px 'Droid Arabic Kufi',tahoma;}
#pied-g #part_social{height:214px}
#pied-g .social{display:inline-block; width:60px;}
#sous_pied{color:black; border: 1px solid silver;
	padding: 5px; margin-top: 3px;
	background-color: #ffaa66; /* #ee7722 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaa66),to(#ee7722));
	background-image: -webkit-linear-gradient(top, #ffaa66, #ee7722);
	background-image: -moz-linear-gradient(top, #ffaa66, #ee7722);
	background-image: -o-linear-gradient(top, #ffaa66, #ee7722);
	background-image: -ms-linear-gradient(top, #ffaa66, #ee7722);
	background-image: linear-gradient(top, #ffaa66, #ee7722);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffaa66', EndColorStr='#ee7722');
}
#sous_pied .segment{display: inline-block; width:225px;}
#sous_pied a {color: white}
/* fin pied */
.pagination{border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; color:black; background-color:#f6f6f6;}
.pagination a{display:inline-block; border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6; padding:5px; margin:2px 0; color:black; background-color:#f6f6f6;}
.pagination a:hover{color:#ff7722; background-color:white; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.suppr{float:left;}
.suppr  img{padding:2px; background-color: white; border:1px solid #ececec;}
.confirm{color:green; text-align:center; font:bold 16px 'Droid Arabic Kufi',arial;}
.mini_inform{color:#007db8; text-align:center; font:bold 12px 'Droid Arabic Kufi',arial;}
.alert{color:red; text-align:center; font:bold 16px 'Droid Arabic Kufi',arial;}
.inform{color:blue; text-align:center; font:bold 16px 'Droid Arabic Kufi',arial;}
.participation{color:black; font:normal 18px 'Droid Arabic Naskh','Traditional Arabic',Tahoma; padding: 10px;}
.participation img{max-width:98%;}
.participation iframe{max-width:98%;}
.partage ul {list-style:none; margin:0; padding:0;}
.partage li {display:inline-block;}
.iconsPartage{display:inline-block;text-align:center; padding: 0 5px 5px 7px; border:1px dotted silver;}

.bloc_cmtr {padding:2px; margin-top:10px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.titre_cmtr{color:#29398c; font:normal 12px 'Droid Arabic Kufi',arial; background-color:#f6f6f6;}
.cmtr{color:black; font:normal 14px  'Droid Arabic Naskh',arial; background-color:#f6f6f6; padding:5px 5%;}
.bloc_vision{padding:2px; border-bottom:1px solid #ececec; margin-bottom:-1px;}

.bloc_vinette{display:inline-block; margin:6px; padding:2px; background-color:#f6f6f6;}
.bloc_vinette .controle{height:25px;}
.bloc_vinette img.icone{padding:2px; background-color: white; border:1px solid #ececec;}
.image_aa{border:1px solid #7f573a; padding:3px;}

.bloc_vinette .cadre-video{display:inline-block;position:relative;}
.bloc_vinette .cadre-video img {position:absolute; top:0px; left:0px;}
.bloc_vinette .chache-video{display:inline-block; background-image:url(../imgs_etenma/overplay1.png);background-position: center center; position:absolute; top:0px; left:0px; }
.bloc_vinette .chache-video:hover{ background-image:url(../imgs_etenma/overplay2.png);background-position: center center;}

.maps_google{display:inline-block; border:1px solid #f6f6f6;}

.bloc_mbr{display:inline-block; width:276px; margin:3px; padding:2px; border:1px solid #e0e0e0; background-color:#f6f6f6;}
.bloc_mbr .img_memado{width:120px; height:120px; padding:2px; background-color:white;  border:1px solid silver;}

.bloc_loi{width:85%; height:200px; margin:auto; color:#f4f1e1; font:normal 14px tahoma; overflow:auto; background-color:#553311; border:2px groove silver; padding:5px;}
.bloc_import{width:85%; background-color:#f6f6f6; border:2px dotted #ee6600; padding:5px;}

.bloc_anno{display:inline-block; text-align:right;}

.lien_perso{text-align:center;}
.lien_perso li {display:inline-block; width:150px; background-color:#e0e0e0; margin:10px 0;}

.add_mbr{color:white; font:normal 14px 'Droid Arabic Kufi',arial; padding:2px; background-color:gray;}
.add_mbr input,select{border: 1px solid gray;padding:2px;}

.add_calque{display:inline-block; position:fixed; left:10px; top:10px; background-color:white; padding:2px; border:2px solid silver; z-index: 999;}
.calque{
	display:none; width:100%; height:100%;
	background-color: rgba(72, 72, 72, 0.75);
	position: fixed;
	top:0px;
	left:0px;
	z-index: 1999999999;
}
.calque_in{
	padding:10px;
	position:relative; top:50%; right:50%; margin-top:-100px; margin-right:-150px;
	width:300px; background-color:white;
}
.calque_in a{display:block; background-color:silver; padding:5px; margin-bottom:2px; color:black; font:normal 12px 'Droid Arabic Kufi',arial;}
.calque_in a:hover{background-color:gray;color:white;}
.calque_echap{
	display:inline-block;
	position:relative; top:-8px; right:-8px;
}

.moyenne_mbr_img {border:1px solid #c1baac; width:64px; height:64px; padding:2px; margin:5px; background-color:#ececec;}
.lien_mbr {color:#346071; font:normal 12px 'Droid Arabic Kufi',tahoma;}
.lien_mbr:hover {color:#e66600; text-decoration:none; }
.minibr{line-height:5px;}
.date{font:normal 11px tahoma; color:#f26100;}
.fassel {font-size: 8px; color:#2a3a8c;}
.arond{-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.ombre{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.5);
}
.taster{text-decoration:underline;}
.gras{font-weight:bold;}
.tawset{text-align:center;}
.tanseq{text-align:justify;}
.droit20{margin-right:20px;}
.droit40{margin-right:40px;}

.titre_ano{color:#ff7722; text-align:center; font:bold 16px arial; text-decoration:underline;}
.texte_ano{color:white; text-align:center; font:bold 13px 'Droid Arabic Naskh';}

.siteami a{display: inline-block; width:100% -4px; padding:5px; background-color: #ececec;font:normal 14px 'Droid Arabic Kufi',arial; color:black;}
.siteami a img{border:1px solid white; padding:2px;}

.sf_arial{font-family:arial;}
.sf_tahoma{font-family:tahoma;}
.sf_Times{font-family:Times;}
.sf_trad{font-family:"traditional arabic";}
.kufi {font-family:'Droid Arabic Kufi';}

.pad01{padding:1px;}
.pad02{padding:2px;}
.pad03{padding:3px;}
.pad04{padding:4px;}
.pad05{padding:5px;}
.pad10{padding:10px;}

.h08{font-size:8px;}
.h10{font-size:10px;}
.h12{font-size:12px;}
.h14{font-size:14px;}
.h16{font-size:16px;}
.h18{font-size:18px;}
.h20{font-size:20px;}
.h22{font-size:22px;}
.h24{font-size:24px;}
.h26{font-size:26px;}
.h28{font-size:28px;}
.h30{font-size:30px;}
.h32{font-size:32px;}
.h34{font-size:34px;}
.h36{font-size:36px;}

.style1{color:#331313;}
.style2{color:#7f573a;}
.style3{color:#346071; font:normal 12px 'Droid Arabic Kufi';}
.style4{color:#0088bb; font:normal 12px 'Droid Arabic Kufi';}
.style5{color:#e66600; font:normal 12px 'Droid Arabic Kufi';}
.style6{color:#7f573a; font:normal 12px tahoma;}
.style7{color:#007db8; font:bold 16px arial; text-decoration:underline;}
.style8{color:#f4f1e1; font:bold 16px arial; display:inline-block; padding:3px; background-color:gray;}
.style9{color:#007db8; font:normal 14px arial; text-decoration:underline;}
.style10{color:#007db8; font:normal 12px 'Droid Arabic Kufi',tahoma;}
.style11{color:#f2752e; font:normal 14px 'Droid Arabic Kufi',tahoma;}
.style12{color:red; font:bold 16px 'Droid Arabic Kufi';}
.style13{color:red; font:normal 14px 'Droid Arabic Kufi';}


.couleur01{color:#331313;}
.couleur02{color:#7f573a;}
.couleur03{color:#e66600;}
.couleur04{color:#f09448;}
.couleur05{color:#f4a360;}
.couleur06{color:#f4f1e1;}
.couleur07{color:#2d3033;}
.couleur08{color:#e5d5c7;}
.couleur09{color:#c1baac;}
.couleur10{color:#0077bb;}
.couleur11{color:#223388;}
.couleur12{color:#3E9ECE;}
.couleur13{color:#54AAD6;}
.couleur14{color:#E3DDF0;}
.couleur15{color:#C2D4DF;}
.couleur16{color:#A8ADBD;}

.lst_stl_o{margin:10px;}
.lst_stl_o ul{list-style:square url("../imgs_etenma/flecheg.png"); padding-right:50px;}
.lst_stl_o ul a{color:#2a3a8c; font:bold 18px "traditional arabic",arial; text-decoration:none; padding:2px;}
.lst_stl_o ul a:hover{color:#f26100; background-color: #ececec;}

#vote{text-align:center;}
.v_plus,.v_moin{display:inline-block; width:24px; height:24px; position:relative; top: 4px;}
.v_bloc{display:inline-block; width:80px; text-align:center; padding-top:3px; border:1px dotted silver;}
.nbv_plus{color:black;}
.nbv_moin{color:black;}
#v_plus{background-image:url("../imgs_etenma/v_plus.png")}
#v_plus:hover{background-image:url("../imgs_etenma/h_plus.png")}
#sv_plus{background-image:url("../imgs_etenma/sv_plus.png")}
#plus{background-image:url("../imgs_etenma/v_plus.png")}
#v_moin{background-image:url("../imgs_etenma/v_moin.png")}
#v_moin:hover{background-image:url("../imgs_etenma/h_moin.png")}
#sv_moin{background-image:url("../imgs_etenma/sv_moin.png")}
#moin{background-image:url("../imgs_etenma/v_moin.png")}

.erreur_validation{color:red; font:bold 12px 'Droid Arabic Kufi'; border: 1px dotted silver; background-color:#ececec; display:none; position:relative; Bottom:5px; padding:2px;}
.z-index1000{z-index: 1000;}

#calqOver{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 999999;
	cursor: url(../imgs_etenma/fullscreen-exit.png),auto;
	overflow: auto;
}
#imgOver {
	border: 3px solid white;
    padding: 2px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: fit-content;
	height: fit-content;
	
}
img[class='btn'] {cursor: url(../imgs_etenma/fullscreen.png),auto;}