/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
	Page style
*/



body {
	color: #434343;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#bodyframe{
	background-color: #666;	
	
	
}


a:link,a:visited {
	color:#006e97;
	text-decoration:none;
}

a:hover,a:active {
	color:#008dc1;
	text-decoration:underline;
}



#bodymodule{
	width: 960px;
	height: 515px;
	overflow: hidden;	
}

#module{
	width: 960px;
	height: 515px;
	background-color: #99F;
	position: relative;
}


#blocelearning{
	width: 960px;
	height: 480px;
	background-color: #9C0;	
	
		font-size: 12px;
	line-height: 16px;
	color: #666666;
	font-weight: normal;
}


#blocelearning #clleft{
	width: 302px;
	height: 440px;
	float: left;
	background-color: #f3f3f3;
	padding-top:11px;
}


#blocelearning #clcentrale{
	width: 960px;
	height: 100%;
	float: left;
	background-color: #f3f3f3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f48124;
	overflow: auto;
}


#blocelearning #clcentralecourte{
	width: 960px;
	height: 345px;
	float: left;
	background-color: #f3f3f3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	overflow: auto;
}


#blocelearning #sellfooter{
	float: left;
	width: 960px;
	height: 105px;
	background-color: #e4e4e4;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f48124;
	overflow: hidden;
	text-align: center;
	cursor: default;
}


#blocelearning #sellfooter h2{
	font-size: 19px;
	line-height: 20px;
	color: #e06e00;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:8px;
}
#blocelearning #sellfooter p{

	margin-bottom:5px;

}


#blocelearning #sellfooter .pricepromo{
	background-image: url(images/price-promo.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	height: 40px;
	font-size: 23px;
	line-height: 40px;
	font-weight: bold;
	color: #333333;	
	padding-left:75px;
	padding-right:15px;
	margin-right:15px;
}


#blocelearning #sellfooter .price{
	background-image: url(images/price.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	height: 40px;
	font-size: 23px;
	line-height: 40px;
	font-weight: bold;
	color: #333333;	
	padding-left:33px;
	padding-right:15px;
	margin-right:15px;
}


#blocelearning #sellfooter .bouton{
	background-image: url(images/bouton-back.png);
	background-repeat: repeat-x;
	background-position: center;
	display: inline-block;
	height: 40px;
	font-size: 23px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 15px;
		-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


#blocelearning #sellfooter .margetop{
margin-top:20px;

}
#blocelearning #sellfooter .bouton:hover{
	background-image: url(images/bouton-back-hover.png);
	background-repeat: repeat-x;
	background-position: center;
	color: #e5e5e5;
	text-decoration: none;
}



#blocelearning #sellfooter .oldprice{

	display: inline-block;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	color: #9e9e9e;	
	padding-left:5px;
	padding-right:5px;
	margin-right:15px;
	text-decoration:line-through;

}




#blocelearning #clcentrale #content, #blocelearning #clcentralecourte  #content{
	width: auto;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


#blocelearning #clcentralecourte  #content #formation{
	background-color: #FFF;
	padding: 10px;	
	
}

#blocelearning #clcentralecourte  #content #formation #header{
	
			border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f3f3f3;	
	padding-bottom:10px;
	min-height: 220px;
	margin-bottom:10px;
	
}


#blocelearning #clcentralecourte  #content #formation #header #teaser{

width:356px;
display:block;
float:right;
margin-left:20px;
margin-bottom: 10px;



}
.duree {
	font-size: 10px;
	color: #FFF;
	background-color: #4c4c4c;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	display: inline-block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(images/duree.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	vertical-align:middle;
}

.modules {
	font-size: 10px;
	color: #FFF;
	background-color: #4c4c4c;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	display: inline-block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(images/modules.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom:5px;
	vertical-align:middle;
}


.suivi {
	font-size: 10px;
	color: #333333;
	background-color: #dbdbdb;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	display: inline-block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(images/suivi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom:5px;
	vertical-align:middle;
	
	
}

.teaser{
	
	font-size: 10px;
	color: #4c4c4c;
		height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	
}

.plus {
		font-size: 11px;
	color: #FFF;
	height: 20px;
		line-height: 20px;
	background-image: url(images/plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 8px;	
	display:inline-block;
}

.plus a:link, .plus a:visited{
		font-size: 11px;
	color: #FFF;
	height: 20px;
		line-height: 20px;
	background-image: url(images/chevrons.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;	
}






#blocelearning #clcentrale #content .listemodules, #blocelearning #clcentralecourte #content .listemodules {
	/*float: left;*/
	margin: 0px;

}





#blocelearning #clcentrale #content .listemodules li {
	float: left;
	display: block;
	padding: 8px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	
	

}


#blocelearning #clcentralecourte #content .listemodules li  {
	/*float: left;*/
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3f3f3;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#blocelearning #clcentralecourte #content .listemodules li p {
	
font-weight: normal;
	
}


#blocelearning  #content  p {
margin-bottom:5px;
}

#blocelearning #clcentrale #content .listemodules li img, #blocelearning #clcentralecourte #content .listemodules li img{
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#blocelearning  #content h2, #blocelearning #clcentrale #content .listemodules li h2, #blocelearning #clcentrale #content .listemodules li h2 a:link,  #blocelearning #clcentrale #content .listemodules li h2 a:visited {
	font-size: 19px;
	line-height: 25px;
	color: #006e97;
	font-weight: bold;
	margin-bottom:5px;
}

#blocelearning #clcentralecourte #content .listemodules li h2 {
	font-size: 13px;
	line-height: 20px;
	color: #006e97;
	font-weight: bold;
	margin-bottom:5px;
}


#blocelearning  #content h3 {
	font-size: 15px;
	line-height: 20px;
	color: #006e97;
	font-weight: bold;
	margin-bottom:5px;
}




#blocelearning  #content .avantages {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	font-weight: bold;
	margin-bottom:5px;
}

#blocelearning  #content .avantages li {
	padding-left: 15px;
	background-image: url(images/tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
}




#blocelearning #clcentrale #content .listemodules li h2 a:hover, #blocelearning #clcentrale #content .listemodules li h2 a:active{

	color: #0087b9;
	text-decoration: none;

}


#blocelearning #clright {
	width: 658px;
	height: 420px;
	float: right;
	background-color: #474747;
	padding-top:30px;
}




#moduleheader{
	color: #FFF;
	width: 960px;
	height: 58px;
	background-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ef7f24;	/*background-image: url(images/module-header-back.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}


#moduleheader h1{
	font-size: 17px;
	line-height: 39px;
	font-weight: bold;
	
	height: 39px;
	width:640px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}


#moduleheader #blocbreadcrumb{
	height: 19px;
	display: block;

	float: left;
}



#moduleheader #blocbreadcrumb ul{
	margin: 0px;
	padding: 0px;
}

#moduleheader #blocbreadcrumb ul li{
	display: block;
	height: 19px;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	float:left;
}

#moduleheader #blocbreadcrumb ul .breadcrumb{
	background-color: #f48124;
	padding-right: 30px;
	padding-left: 10px;
	background-image: url(images/breadcrumb-end-1.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
}

#moduleheader #blocbreadcrumb ul .breadcrumbfin{
	background-color: #f48124;
	padding-right: 30px;
	padding-left: 10px;
	background-image: url(images/breadcrumb-end-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
}



#moduleheader #blocbreadcrumb ul .avancement{
	background-color: #555555;
	padding-right: 30px;
	padding-left: 0px;
	background-image: url(images/avancement-end-1.png);
	background-repeat: no-repeat;
	background-position: right top;	
	word-spacing: -1px;
}

#moduleheader #blocbreadcrumb ul .avancement .pourcentageavancement{
	font-weight: bold;
	color: #f48124;
}


#moduleheader #blocbreadcrumb a:link, #moduleheader #blocbreadcrumb a:visited{
	color: #fff;
	text-decoration: none;	
}

#moduleheader #blocbreadcrumb a:hover, #moduleheader #blocbreadcrumb a:active{

	color: #f9cca8;
	text-decoration: none;	
}

#moduleheader #blocbreadcrumb .breadcrumbhome{
	width: 0px;
	height: 6px;
	background-image: url(images/breadcrumbhome.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #f48124;
	text-decoration: none;
	padding-right: 6px;
}



#moduleheader #BlocLogo{
	float: right;
	width: 300px;
	height: 58px;
	margin: 0px;
	padding: 0px;
}


#blocfonctions{
	width: 100%;
	height: 25px;
	/*background-color: #C3F;*/
	position: absolute;
	bottom: 0px;
	z-index: 500;	
}


/* --------------------- style des onglets alignement vers le bas ------------------------------------------ */

#tabs .tabs-spacer { float: left; height: 200px; }
.tabs-bottom .ui-tabs-nav { clear: left; padding: 0 .2em .2em .2em; }
.tabs-bottom .ui-tabs-nav li { top: auto; bottom: 0; margin: 0 .2em 1px 0; border-bottom: auto; border-top: 0; }
.tabs-bottom .ui-tabs-nav li.ui-tabs-active { margin-top: -1px; padding-top: 1px; }



.ui-tabs-disabled {
display: none; /* disabled tabs don't show up */
}

/* --------------------- style des onglets de chapitre ------------------------------------------ */

#chaptabs{
	margin: 3px;	
	
	display:block;
	
}

#chaptabs #menuchaptabs{
	height: 16px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
}

#chaptabs #menuchaptabs li{
	height: 16px;
	display: block;
	list-style: none;
	float: left;
	background-image: url(images/tabschap-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 13px;
	font-variant: small-caps;
	color: #FFF;
	
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#chaptabs #menuchaptabs li a{
	display: block;
 color: #FFF;
 	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 16px;
	height:16px;
}

#chaptabs #menuchaptabs li a:hover, #chaptabs #menuchaptabs li a:active, #chaptabs #menuchaptabs li.ui-tabs-selected {
	color: #FFF;
	text-decoration: none; 
		background-image: url(images/tabschap-back-over.jpg);
	background-repeat: repeat-x;
	background-position: top;
}




#chaptabs .blocchapconteneur {
	width: 100%;
	height:368px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c8c8c8;
	border-bottom-color: #c8c8c8;
	background-color: #FFF;
	overflow: auto;	

}


/*-------  Le bloc des tags    ---------*/

#blcTags {
	position: relative;
	width: 300px;;
	height: 368px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	float: left;
	background-color: #f3f3f3;
 }
 
#blcTagsContent { 
/*width: 100%; */
overflow: hidden; 
text-align: left; 
padding: 10px; 

}


.itemblcTagsContent {
	text-align: left;
	cursor: default;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	font-weight: bold;	
}



.itemblcTagsTimeContent {
	text-align: left;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	background-color: #f3f3f3;
}

.itemblcTagsTimeContent:hover {
	background-color: #dddddd;
	cursor: pointer;
}




/*-------  Le bloc des tags    ---------*/

#blcPlan {
	position: relative;
	width: 300px;
	height: 180px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	float: left;
	background-color: #f3f3f3;
 }
 
#blcPlanContent { 
/*width: 300px;*/ 
overflow: hidden; 
text-align: left; 
padding: 10px; }

.itemblcPlanContent { padding: 5px 3px; text-align: left; cursor: pointer; }
.itemblcPlanContent:hover {
	text-align: left;
	cursor: pointer;
	background-color: #dddddd;
}
.itemblcPlanContentLevel1 { font-size: 11px; font-weight: bold; padding: 5px 3px 5px 10px; color:#666666; }
.itemblcPlanContentLevel2 { font-size: 10px; padding: 5px 3px 5px 25px; color:#666666;}
.dureePlan { color: rgb(102, 102, 102); font-style: italic; font-weight: normal; }
.blcIntervenant { display: none; }











/* --------------------- style des onglets ------------------------------------------ */
.blocTabs {
/*width: 960px;*/
}


.blocTabs .menuTabs {
	height: 23px;
	background-color: #797979;
	bottom: 0px;
	position: absolute;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f48124;
	background-image: url(images/tabs-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
		margin: 0px;
	padding: 0px;
}



.blocTabs	.menuTabs li {
	display: block;
	list-style: none;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float:left;
	}


.blocTabs	.menuTabs li a {
	color: #f4f3f3;
	text-decoration: none;
	height: 23px;
	line-height: 23px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	font-variant: small-caps;
	display: inline-block;
	background-image: url(images/inter-tabs.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 13px;
	}
	
.blocTabs	.menuTabs li a:hover, .blocTabs	.menuTabs li a:active , .blocTabs	.menuTabs li.ui-tabs-selected a {
	color: #fff;
	height: 23px;
	line-height: 23px;
	background-color: #f38423;
	background-image: url(images/tabs-back-hover.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}



.bloccontenutab{
	background-color: #f5f5f5;
	padding: 0px;
	height: 260px;
	margin: 0px;
}


.headertab{
	height: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c5c5c5;
	background-color: #e6e6e6;	
	
}


.headertab h2{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;	
	float: left;
	
}







.boutonfermeronglet{
	color: #666666;
	text-decoration: none;
	height: 12px;
	float: right;
	/*position: absolute;
	right: 0;
	top: 0;*/
	line-height: 12px;
	font-weight: normal;
	font-size: 13px;
	font-variant: small-caps;
	background-image: url(images/close-cross.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 9px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	
	
.boutonfermeronglet:link, .boutonfermeronglet:visited{
	color: #666666;
	text-decoration: none;
}


.boutonfermeronglet:hover, .boutonfermeronglet:active{
	color: #a4a4a4;
	text-decoration: none;
}



.bloccontenutab .contenttab{
	margin: 0px;
	padding: 10px;
	height: 208px;
	overflow: auto;
}


.contenttab .docliste{
	width:100%;
}

.contenttab .docliste li{
	width: 100%;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
}



.contenttab h3{
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	color: #006e97;
	margin-bottom: 2px;	
}


.contenttab .docliste li h3{
	background-image: url(images/picto-file.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;	
}



.contenttab .boutondownload:link, .contenttab .boutondownload:visited{
	color: #FFF;
	background-color: #006e97;
	background-image: url(images/down-picto.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
}




.contenttab .boutondownload:hover, .contenttab .boutondownload:active{
	/*color: #bbe2f0;*/
	text-decoration: none;
	background-color: #005a7c;
}



.contenttab p{
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	margin-bottom: 4px;	
}


/*            */

.contenttab .videosliste{
	width:100%;
}

.contenttab .videosliste li{
	width: 100%;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	height:180px;
}



.contenttab h3{
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	color: #006e97;
	margin-bottom: 2px;	
}


.contenttab .videosliste li h3{
	background-image: url(images/picto-video.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;	
	display: inline-block;
}


.contenttab .videosliste li div {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
}


/*--------------- formulaire de contact ---------------------*/



.contenttab #contact legend{
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #006e97;
	margin-bottom: 0px;	
	margin-top: 0px;	
}

.contenttab #contact label{
	margin-right: 8px;
	font-size: 13px;
	font-weight: bold;
}



.contenttab #contact ul{
	text-align: left;	
}


.contenttab #contact ul li{
	display: inline-block;
	margin-right: 20px;
}

.contenttab #contact input, .contenttab #contact textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #434343; 
}

.contenttab #contact input[type="submit"]{
 	margin-bottom: 8px;	
	margin-top: 8px;	
	margin-right: 20px;	
}



.contenttab #contact textarea {
 	width:100%;
}






		
.tabdiv {
	margin-top: 1px;
	background: #ececec;
	/*border: 1px solid #dedbd1;*/
	padding: 5px;
	}
	
		.tabdiv li {
		list-style-image: url("star.png");
		margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}


#blociframe{

width:960px;
height:515px;
margin-right:auto;
margin-left:auto;

}

#myIframe{
	width: 960px;
	height: 515px;
	overflow: hidden;	
}


#slides {

 width: 658px;
 float:right;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:658px;
	height:370px;
	overflow:hidden;
	display:none;
}


.slides_container div {
				width:658px;
	height:370px;
			display:block;
		}



#slides .menuslider{
	text-align: center;
	color: #FFF;	
	height:40px;
	 margin-top: 13px;
}

#slides .menuslider li {
	display: inline-block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}


#slides .menuslider li .previous
{
	width: 20px;
	height: 25px;
	display: block;
	background-image: url(images/previous-slide.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}

#slides .menuslider li .next
{
	width: 20px;
	height: 25px;
	display: block;
	background-image: url(images/next-slide.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}

#slides .menuslider li #slidecompteur{
	font-size: 13px;
	font-weight: bold;
	color: #a1a1a1;
}

#slides .menuslider li #slidecompteur #currentslide{
	color: #fff;
}



/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:658px;
	height:370px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	

	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/*
	Anchors
*/




#blocElearning{
	width: 950px;
	height:500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f5f5f5;	
	
}

#mediaplayer_wrapper{
	width: 302px;
	height: 170px;
	overflow: hidden;
	display:block;	
	
}

#debug{
	display:none;
	width: 300px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
	background-image: url(images/fond-trans.png);
	background-repeat: repeat;
	padding: 10px;
	border: 2px solid #333;
}









/*
	----------------   share boutons   ------------------------------------------------------------------------------------
*/




.bloccontenutab .blocboutons{
	
	width:100%;
    display:inline-block;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #C5C5C5;
	
	
}



#demo1.sharrre {
    width:100%;
    display:inline-block;
  }
  #demo2.sharrre {
    width:50px;
  }
  .sharrre .box{
    float:left;
  }
  .sharrre .count {
    color:#444444;
    display:block;
    font-size:17px;
    line-height:34px;
    height:34px;
    padding:4px 0;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:50px;
    background-color:#eee;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px; 
  }
  .sharrre .share {
    color:#FFFFFF;
    display:block;
    font-size:11px;
    height:16px;
    line-height:16px;
    margin-top:3px;
    padding:0;
    text-align:center;
    text-decoration:none;
    width:50px;
    background-color:#9CCE39;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px; 
  }
  .sharrre .buttons {
    display:none;
    float:left;
    width:300px;
  }
  .sharrre .button {
    float:left;
    max-width:50px;
    height:50px;
    margin-left:10px;
  }
  
  
  
  
  
  
  
  
  
  
  #example1{
float:left;
margin:0 27% 0 27%;
}
.sharrre{
	float: left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0px;
}
.sharrre .box a:hover{
text-decoration:none;
}
.sharrre .count {
color:#525b67;
display:block;
font-size:18px;
font-weight:bold;
line-height:40px;
height:40px;
position:relative;
text-align:center;
width:70px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #b2c6cc;
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
display:none;
}
.sharrre .count:before, .sharrre .count:after {
content:'';
display:none;
position:absolute;
left:49%;
width:0;
height:0;
}
.sharrre .count:before {
border:solid 7px transparent;
border-top-color:#b2c6cc;
margin-left:-7px;
bottom: -14px;
display:none;
}
.sharrre .count:after {
border:solid 6px transparent;
margin-left:-6px;
bottom:-12px;
border-top-color:#fbfbfb;
}
.sharrre .share {
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:30px;
line-height:30px;
margin-top:8px;
padding:0;
text-align:center;
text-decoration:none;
width:70px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#twitter .share, #twitter2 .share {
text-shadow: 1px 0px 0px #0077be;
filter: dropshadow(color=#0077be, offx=1, offy=0);
border:1px solid #0075c5;
background: #26c3eb;
box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #5cd3f1 inset;

	background-image: url(images/share-twiiter.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:22px;

}
#facebook .share, #facebook2 .share {
text-shadow: 1px 0px 0px #26427e;
filter: dropshadow(color=#26427e, offx=1, offy=0);
border:1px solid #24417c;
background: #5582c9; /* Old browsers */
box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #80a1d6 inset;

background-image: url(images/share-facebook.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:22px;
}
#linkedin .share, #linkedin2 .share {
text-shadow: 1px 0px 0px #222222;
filter: dropshadow(color=#222222, offx=1, offy=0);
border:1px solid #262626;
background: #5d90ae;
box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #78b4da inset;

	background-image: url(images/share-linkedin.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:22px;
  
}