/* $Id: template_interne.css 1855 2014-05-07 18:31:25Z iscp-cdiels $ */

/**
 * TOPBAR
 */

/* Topbar tabs for slideshow */
._slidetab .nav-tabs li.active > a, ._slidetab .nav-tabs li.active > a:hover {
	border-color: #CCC #CCC #A1A1A0 #CCC;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
}

/* Commencer */
._slidetab .nav-tabs li.commencer > a {
	background-color: #A65100 !important;
	background-image: linear-gradient(to bottom, #BD5C00, #A65100) !important;
	border-radius: 8px 8px 0 0 !important;
	-khtml-border-radius: 8px 8px 0 0 !important;
	-webkit-border-radius: 8px 8px 0 0 !important;
	-moz-border-radius: 8px 8px 0 0 !important;
}
._slidetab .nav-tabs li.commencer > a.active, ._slidetab .nav-tabs li.commencer > a:hover{
	background-color: #BD5C00 !important;
	background-image: linear-gradient(to bottom, #D16600, #BD5C00) !important;
}
/* Appronfondir */
._slidetab .nav-tabs li.approfondir > a{
	background-color: #8A5C2F !important;
	background-image: linear-gradient(to bottom, #A56E38, #8A5C2F) !important;
	border-radius: 8px 8px 0 0 !important;
	-khtml-border-radius: 8px 8px 0 0 !important;
	-webkit-border-radius: 8px 8px 0 0 !important;
	-moz-border-radius: 8px 8px 0 0 !important;
}
._slidetab .nav-tabs li.approfondir > a.active, ._slidetab .nav-tabs li.approfondir > a:hover{
	background-color: #A56E38 !important;
	background-image: linear-gradient(to bottom, #B6793E, #A56E38) !important;
}
/* Animer */
._slidetab .nav-tabs li.animer > a{
	background-color: #897352 !important;
	background-image: linear-gradient(to bottom, #99805B, #897352) !important;
	border-radius: 8px 8px 0 0 !important;
	-khtml-border-radius: 8px 8px 0 0 !important;
	-webkit-border-radius: 8px 8px 0 0 !important;
	-moz-border-radius: 8px 8px 0 0 !important;
}
._slidetab .nav-tabs li.animer > a.active, ._slidetab .nav-tabs li.animer > a:hover{
	background-color: #99805B !important;
	background-image: linear-gradient(to bottom, #AA8F66, #99805B) !important;
}














/**
 * CENTERBAR
 */

._content{
	position: relative;
}


table._content{
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 960px;
}
td._content{
	padding: 20px 0px 20px 20px;
	vertical-align: top;
}
td._intrightcolumn{
	padding-right: 20px;
}

/* Left column */
div._intleftcolumn{
	width: 215px;
	z-index: 1000;
	background: none repeat scroll 0 0 rgba(255,255,255,0.6);
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


/* Webpage content */
div._webpagecontent,
div._webpagecontentonecol{
	width: 450px;
	background-color: #FAF7F4 !important;
	background-color: rgba(255,255,255,0.9) !important;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	z-index: 100;
	padding: 10px;
	margin-bottom: 40px;
}

div._webpagecontentonecol{
	width: 920px;
}


/* Right column */
div._intrightcolumn{
	z-index: 100;
	width: 210px;
	background: none repeat scroll 0 0 rgba(255,255,255,0.3);
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/* fenetre pere marc*/
div.videoblock:before {
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url("../images/Ethernet.png");
    background-position: 179px 2px;
    background-repeat: no-repeat;
    border-radius: 8px 4px 4px 8px;
    color: #666666;
    content: "La fenêtre... ";
    display: block;
    font-family: Optima,"Lucida grande",Calisto,Verdana,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    height: 36px;
    margin: 0 -22px 10px 0;
    padding: 7px 45px 0 0;
    text-align: right;
}

._videotitle2{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
	padding: 0,10,0,10;
	text-align: right;
}