body{background:#a1d8ef}
a img{border:0}

#autour{background:#f5f5f5 url(autour_h.png) repeat-y 100% 0}
table{margin:auto;border-spacing:0;border-collapse:collapse}
table td{text-align:center;vertical-align:top;padding:0}
.main{background:#f5f5f5;margin:0 8px;min-height:815px}
.main td{padding:1px 7px}
#head_m{background:#f5f5f5 url(autour_m.gif) repeat-x 0 -8px}
#head_g{background:url(autour_4c.png) 0 14px;height:14px}
#head_d{background:url(autour_4c.png) 100% 14px;float:right;width:13px;height:14px}
#foot_m{background:#f5f5f5 url(autour_m.gif) repeat-x 0 6px}
.foot_g,#foot_g{background:url(autour_4c.png);width:13px;height:14px}
.foot_g{width:132px;height:6px}
#foot_d{background:url(autour_4c.png) 100% 0;float:right;width:13px;height:14px}

/* menus */
.menu{background:url(autour_h.png);width:132px}
.menu table td{position:relative;padding:5px 0}
.menu a{
	text-decoration:none;
	position:relative;
	display:block
}
.menu a .sousT{display:none}
.menu a:hover .sousT{ display:block;position:absolute;visibility:visible;z-index:10;left:50px;bottom:15%;margin:0;padding:0 1px 0 1px;border-top:1px solid #666666;border-left:1px solid #666666;border-right:2px solid #333333;border-bottom:2px solid #333333;background-color:#FFFF66;opacity:0.8;khtml-opacity:0.8;filter:alpha(opacity=80);white-space:nowrap;font-size:80%;color:#0000FF;}

/* titres */
H1{margin:0;
	color:#bbaf90;
	font:30px Tahoma}
H2{
	color:#4d4e46;
	font:18px Tahoma
}
/* H2 a{text-decoration:none} */
H2 img{height:22px;vertical-align:middle}
H3{color:#85001d;
	font:small-caps bold 26px Tahoma;
	background:url(mini_hr.png) no-repeat bottom;
	margin:0 0 10px 0;
	padding-bottom:5px
}

/* page accueil */
.les_fig{
	height:65px;
	margin:0
}
.les_fig td{text-align:left}
.les_fig a{font-size:large}
.icos img{height:40px;}

.les_fig .cat{max-height:65px;max-width:90px;float:none}
td .icofig {width:90px;height:62px;vertical-align:middle;text-align:center;padding:1px 0}

/* recherche */
#recherche{
	background:url(case_recherche.png) no-repeat;
	height:72px;
	font:bold 14px tahoma;
	text-align:left;
	padding:5px 10px;
	color:#3d3e36;
	margin:auto;
}
#recherche input{margin-top:5px;font:bold 18px tahoma;color:#3d3e36;border:1px solid #9F9F9F}
#requete{background-color:#efe9d9}
#ok{width:35px;background-color:#f0f0f0;padding:0}
.signa{color:#fff;font:11px tahoma}


/* listes */
.left{float:left}
.right{float:right}
.flip{float:right;position:relative;right:8px}
.legende td{text-align:left;vertical-align:middle;padding:1px 2px}
.legende img{float:right}
.liste{width:92%}
.liste td{border-bottom:1px dashed #ccf;vertical-align:middle;text-align:left;height:40px}
.icos td{border:0}
.midright a{float:right}
/*profile-menu est l'id des onglets pour le forum*/
#profile-menu, #menu-tab{
	display:table;
	width:100%;
	background:#f5f5f5;
	list-style-type:none;
	border-bottom:1px solid #999}
#profile-menu li,.tab , .tab-current{
	-moz-border-radius:6px 6px 0 0;
	-khtml-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	float:left;
	height:25px;
	top:3px;
	font-size:1.1em;
	background-color:#e5f4ff;
	padding:3px 7px 3px 10px;
	margin-left:5px;
	border:1px solid #999;
	border-bottom:0;
	position:relative}
#profile-menu li.current,.tab-current{
	border-bottom:3px solid #f5f5f5;
	background-color:#f5f5f5;
	z-index:10}
#profile-menu li:hover,.tab:hover{background-color:#e5fff4}

.list_group{font-size:20px}

.liste img{vertical-align:middle;background:#f5f5f5}
.ti_liste{position:relative;left:-40px;border-top:1px dashed #999;top:-2px}

/* liens */
ul{text-align:left}

/* figure */
ol,ul{list-style-position:inside}
.carac{float:right;
	background:#E6F6FF;
	border-bottom:3px ridge #BBBEFF;
	border-left:3px ridge #BBBEFF;
	margin:0 0 0 10px;
	padding:0 5px;
	width:200px;
	position:relative}
.carac img{vertical-align:middle;background:#E6F6FF}
.v{background:#E6F6FF;border-left:3px ridge #BBBEFF;position:relative;float:left;height:6px;top:-6px;left:-8px;width:205px}
.prerequis, .postrequis,.prerequis a, .postrequis a{ padding:0px;margin:0px;text-decoration:none}
.postrequis li, .prerequis li{
	width:100%;
	list-style-type:none;
	text-align:center;
	position:relative;
	white-space:nowrap;
	padding:3px 0 3px 0;
	z-index:10;
	background-color:#9f9}
.postrequis li{background-color:#f99}
.pre_post{
	padding:50px 0;
	background-image:url(fleche_entre50.png);
	font-weight:bold;
	text-align:center;
	white-space:nowrap}
.b_video2, .b_video, .illustration{float:left;padding:0 10px 10px 0;clear:left }
.b_video{width:640px}
.illustration{ font-weight:bold;font-style:italic;font-size:smaller;}
.b_video2{width:640px}
.b_video  .o_video, .b_video .o_mp4{
	display:block;
	position:relative;
	float:left;
	clear:both;
	z-index:2;
}
.b_video .o_mp4{margin:5px 0 5px 0;}
.fausse_video{float:right;background:url(play_fond.png) no-repeat 100% 0;height:20px;width:50%}
.fausse_video1{position:absolute;left:0;background:url(play_fond.png) no-repeat 0 0;height:20px;width:50%}
.play_b{position:absolute;left:45%;top:45%}
.explication,.comment p{text-indent:30px;text-align:left}
.explication h4{font:bold 20px Tahoma;color:#404}
.previous,.next ,.signature{width:47%;float:right;text-align:right;font-size:120%;padding:0 10px 0 0;background:#f5f5f5}
.previous{float:left;text-align:left}
.comment{
	background-color:#FDEFFF;
	border:1px dashed #bcf;
	margin:10px;
	overflow:hidden
}
.comment p{margin:0}
.commentBas{
	border-left:1px dotted #bcf;
	border-bottom:1px dotted #bcf;
	background:#eee;
	float:right
}

/* ajout figure */
.avecEditor{
	width:500px;
	height:198px;
}
/* .l{border-top:1px solid #999;position:relative;float:right;bottom:1px;width:6px;right:-6px;} */

/* arborescence */
#arbre{position:relative;width:1134px;background:url(echelle.png) repeat-y 100% 0}
.bg{position:absolute;left:-33px;width:7px;height:100%}
#echelle{background:url(echelle.png) repeat-y;height:100%}
.marque{position:absolute;text-align:right;width:1170px;border-top:1px dashed #bbb;right:-25px}
.branche{
	position:absolute;
	border:1px ridge #66CCFF;
	background-color:#EFEFFF;
	text-align:center;
	opacity:0.80;
	filter:alpha(opacity=80);
	khtml-opacity:0.80;
	width:200px}
.branche a{text-decoration:none}

/* admin */
.m_fond{background:#f5f5f5;margin-right:8px}
.fond_rouge,.fond_vert{background-color:#99FF99;vertical-align:middle}
.fond_rouge{background-color:#FF9999}

/* pour le forum */
.bas {background:#f5f5f5 url(../../../diabolo/util/autour_m.gif) repeat-x 0 6px}
#header {background:#eee url(../../../diabolo/util/logo2D.png) no-repeat 90% bottom}
#blogs-data{background:url(../../../diabolo/util/m_blog-diab.png) no-repeat top center}