#main{
	
	margin:0px auto; /*height:620px;*/ border:0px blue solid; 
	text-align:center; 
	border:0px solid red;
}
/* footer{
	
		background: #000 url('../../img/b_bg_2.png');
	
} */
/* #li_pub_bst_0{
	
	background-image: url('../img/bg_7x.jpg');
	
} */

ul.object br{
	
	margin:0px;
	
}

ul.socialicons {
	list-style: none;
	overflow: auto;
}
ul.socialicons li {
	width: 32px;
	height: 32px;
	/* padding: 0 5px 0 0; */
	float: left;
	/* border:1px blue solid; */
}
ul.socialicons li a {
	width: 32px;
	height: 32px;
	display: block;
	/* background: url(../img/icon/socialSprite.png) no-repeat;  */
	background: url(../img/icon/swtf.png) no-repeat; 
}

ul.socialicons li a.facebook{ background-position: 0px 0px; }
ul.socialicons li a.facebook:hover{ background-position: 0px -32px; }

ul.socialicons li a.linkedin{ background-position: -32px 0px; }
ul.socialicons li a.linkedin:hover{ background-position: -32px -32px; }

ul.socialicons li a.youtube{ background-position: -64px 0px; }
ul.socialicons li a.youtube:hover{ background-position: -64px -32px; }

section{
	
	background-color:#fff;
	position:relative;
	/* padding:20px 0; */
	padding:10px 0;
}

.float{
	
	/* cursor: pointer; */
	text-transform: uppercase;
	border-radius: 50%;
	/* z-index: 9;	 */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2%;
	box-sizing: border-box;
	align-items: center;
	text-decoration:none;
    font-size: 22px;
    line-height: 23px;
    /* padding-top: 20px; */
    text-align: center;
    font-family: 'arial black';
	color:#fff;
}

#float_lb{

	/* background: #54bceb; */
	background: #ff9901;
	width: 230px;
	height: 230px;	
	-webkit-box-shadow: 6px 14px 59px -13px rgba(0,0,0,0.3);
	-moz-box-shadow: 6px 14px 59px -13px rgba(0,0,0,0.3);
	box-shadow: 6px 14px 59px -13px rgba(0,0,0,0.3);
	bottom: -5%;
	right: 10%;
	position: absolute;	
	animation: float 5s ease-in-out infinite;			
	z-index:4;
}

#float_db{
	
	background: #004b8d;
	/* width: 275px; */
	/* height: 275px; */
	width: 320px;
	height: 320px;	
	-webkit-box-shadow: 6px 14px 59px -13px rgba(0,0,0,0.3);
	-moz-box-shadow: 6px 14px 59px -13px rgba(0,0,0,0.3);
	box-shadow: 6px 14px 59px -13px rgba(0,0,0,0.3);
	bottom: 38%;
	left: 13%;	
	position: absolute;	
	animation: float 6s ease-in-out infinite;		
	z-index:4;
}

.float p{
	

}	

@keyframes float {

	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}

}


#pub{
	
	/* height:450px; */
	/* display:block; */
	/* background-image: url('../img/bg_15.jpg'); */
	/* background-position: left 75%; */
	/* background-size: cover; */
	/* background-attachment: fixed; */
	/* background-repeat: no-repeat; */
	/* border:0px red solid; */
	/* width:100%; position:relative; */
	position:relative; 
	height:558px;
	/* height:635px; */
	/* height:540px; */
	border:0px red solid; 
	overflow:hidden;
}

/* @media screen and ( max-width: 1280px ){ */

    	/* height:620px; */

/* } */

.pub_img li>div{
	
	font-family:arial; color:white; position:absolute; border:0px red solid; text-align:left; 
	width:510px;
}

.pub_img h3{

	padding:10px; 
	text-transform:none; border:0px red solid; font-size:30px; 
	/* background-image: linear-gradient(to left, transparent 2%, #000 98%); */
	line-height: 2.5rem;
	/* border-radius:5px; */
}

.pub_img h3 span{

	/* background: #003668;color: #fff;padding: 2px 0 4px 0; box-shadow: 16px 0 0 #003668,-16px 0 0 #003668; */
	/* background: orange;color: #fff;padding: 2px 0 4px 0; box-shadow: 16px 0 0 orange,-16px 0 0 orange; */
	background: #d61c1d;color: #fff;padding: 2px 0 4px 0; box-shadow: 16px 0 0 #d61c1d,-16px 0 0 #d61c1d;
}

.pub_img a{

	color:#fff; 
	font-weight:400; 
	margin-bottom:10px; 
	display:block; 
	/* padding:8px;  */
	padding:6px; 
	/* border:0px orange solid;  */
	border:1px #fff solid; 
	font-size:1.2em;  
	/* background-color:rgba( 0,0,0,0.98 ); */
	/* background-image: linear-gradient(to bottom, #FFF 0%, #ECECEC 100%); */
	/* background-image: linear-gradient(to bottom, orange 0%, #f39d00 100%); */
	text-decoration:none;
	/* text-shadow:0px 1px 1px #666; */
	/* box-shadow: 0px 1px 8px rgba( 0,0,0,0.98 ); */
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); */
	border-radius:3px;
	
}
.pub_img a+a{

	background-image: linear-gradient(to bottom, #FFF 0%, #ECECEC 100%); 
	color:#000;
	border:0px #fff solid;	

	
}

.pub_img a:hover{

	/* background-color: orange; */
	background-color: #ffffff45;
	/* color: #000; */
}

ul.pub_img{
	
	/* transition: transform 1s; */
	/* animation: slide 5s ease-in-out infinite 1s;	 */
}

@keyframes slide_l {

	0% {
		
		opacity:1;
		z-index:5;
		transform: scale( 1.1 );

	}	
	
	20% {
		
		opacity:0.2;

	}
	
	50% {
		
		opacity:0;

	}	
	
	100% {
		
		opacity:0;
		z-index:0;
		transform: scale( 2 );
		
	}

}


.pub_img li{
	
	background-color:#ececec;
	display:table-cell;
	background-position: center, left 65%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;

	/* transition: transform 1.5s ease-in-out 8500ms; */
	/* animation: anim_scale 1s ease-in-out 1 4s; */
	position:absolute; top:0; left:0;
	height: 100%;
	width: 100%;	

}

.pub_anim{
	
	/* animation: slide_1 500ms ease-in-out 1 100ms;*/
	animation: slide_l 1500ms ease-in;
	/* animation-fill-mode:forwards; */
	/* transform: scale( 1.1 );*/
	/* z-index:2;*/
}  

.pub_anim_scale{
	
	transform: scale( 1.1 );
	transition-duration: 1.2s;
	transition-timing-function: ease-out;
	transition-delay: 100ms;	
	z-index:2;
} 


/* div.cours a{
	
	display:inline-block;
	padding:5px;
	border-radius:10px;
	margin:5px 10px;
	text-decoration:none;
	background-color: transparent;
	background-color:#f4f4f4;	
	background-color:#fff;	
	border: gray 1px solid;
	border: #fff 1px solid;
	color:#FFF;
	color: #202121;	 
	box-shadow: rgba(0,0,0,.4) 1px 1px 3px;
	
}

div.cours a:hover{
	
	border: #ff9901 1px solid;
	color: #ff9901;	
	transition: all .2s;
	
} */

ul.pub_point{
	
	/* margin:10px auto; */
	padding:0px;
	z-index:25;
	margin:auto;
}

ul.pub_point {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 90%;
	
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.pub_point  a{
	
	/* padding:20px; border-radius:100%*/ 
}

ul.pub_point  li{
	
	display:inline-block;

	width:11px;
	height:11px;

	/* border:2px #cf9c09 solid; */
	border:2px #fff solid;

	justify-content:center;
	margin-right:25px;
	margin-top:10px;
	/* box-shadow:0px 1px 2px gray; */
	
	/* box-shadow: 2px 1px 10px orange; */
	
	/* width:62px; */
	/* height:5px;	 */
	border-radius: 100%;
}

ul.pub_point  li a{
	
	/* display:inline-block;
	width:15px;
	height:15px;
	border-radius:100%;
	border:2px #fff solid; */
	display:block;
	height:100%;
	
}

.object li a{
	
	display:inline-block;
	height:80px;
	width:80px;
	margin: 0px 20px;
	/* background: #ffffff url('../img/icon/sscertif_0.png') no-repeat; */
	background: #ffffff url('../img/icon/certif_.png') no-repeat;
	/* background-size:cover; */
	/* border:1px red solid; */
	/* height:100px;
	width:100px; */
	
}

.client_lst li a{
	
	display:inline-block;
	height:100px;
	width:100px;
	margin: 0px 20px;
	/* background: #ffffff url('../img/icon/sscertif.png') no-repeat; */
	background: #ffffff url('../img/icon/clients.png') no-repeat;
	/* height:100px;
	width:100px; */
	
}

.object li:hover{
	
	color:#000000b3;
	font-weight:bold;
	
}


ul.cours{
	
	margin:10px 0; 
	padding:0px;
	/* background-color: #F7F7F733; */
}

ul.cours li{
	
	border-radius: 8px;
	/* box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.2);	 */
	/* background: #fff; */
	/* margin: 20px 5px; */
	margin: 30px 5px;
	height:auto;
	
}

#vrac_fmrtions ul.cours li{
	
	width: 245px;
	
}

#vrac_fmrtions ul.cours li div:hover{
	
	/* box-shadow: 0px 2px 10px #9e9e9e; */
	/* box-shadow: 0px 1px 2px #9e9e9e; */
	
}

ul.cours li:hover{
	
	/* box-shadow: 0px 2px 10px #9e9e9e; */
	
}

ul.cours li a{
	
	/* color:blue; */
	color:#000;
	
}

ul.cours li h1{
	
	font-weight:bold;
	/* background-color: #000; */
	/* background: #000 url('../../img/b_bg_2.png'); */
	/* box-shadow: 0 1px 5px gray;	 */
	/* text-shadow:0 1px 1px gray; */
	
	background: rgba( 0, 0, 0, 0.75 ) url('../../img/b_bg_2.png');
	box-shadow: 0 1px 5px gray;
	/* text-shadow: 0 1px 1px gray; */
	border-radius: 10px;	
	
}

.class_cat_1 a{
	
	border: #6f81f3 1px solid;
	color: #6f81f3;	
	
}

.class_cat_1 a:hover{
	
	border: #6f81f3 1px solid;
	background-color: #6f81f3;	
	color:#fff;
	transition: all .2s;
	
}

.class_cat_2 a{
	
	border: #f44336 1px solid;
	color: #f44336;
	
}

.class_cat_2 a:hover{
	
	border: #f44336 1px solid;
	background-color:#f44336;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_3 a{
	
	border: #9e9e9e 1px solid;
	color: #9e9e9e;
	
}
.class_cat_3 a:hover{
	
	border: #9e9e9e 1px solid;
	background-color: #9e9e9e;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_4 a{
	
	border: #00cd00 1px solid;
	color: #00cd00;
	
}
.class_cat_4 a:hover{
	
	border: #00cd00 1px solid;
	background-color:#00cd00;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_5 a{
	
	border: #fd880a 1px solid;
	color: #fd880a;	
	transition: all .2s;
	
}
.class_cat_5 a:hover{
	
	border: #fd880a 1px solid;
	background-color: #fd880a;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_6 a{
	
	border: #a517a5 1px solid;
	color: #a517a5;
	
}
.class_cat_6 a:hover{
	
	border: #a517a5 1px solid;
	background-color: #a517a5;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_7 a{
	
	border: #fdfd0a 1px solid;
	color: #fdfd0a;
	
}
.class_cat_7 a:hover{
	
	border: #fdfd0a 1px solid;
	background-color: #fdfd0a;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_8 a{
	
	border: #fdbfb7 1px solid;
	color: #fdbfb7;
	
}
.class_cat_8 a:hover{
	
	border: #fdbfb7 1px solid;
	background-color: #fdbfb7;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_9 a{
	
	border: #2196f3 1px solid;
	color: #2196f3;
	
}
.class_cat_9 a:hover{
	
	border: #2196f3 1px solid;
	background-color: #2196f3;	
	color: #fff;	
	transition: all .2s;
	
}

.class_cat_10 a{
	
	border: #795548 1px solid;
	color: #795548;	
	
}
.class_cat_10 a:hover{
	
	border: #795548 1px solid;
	background-color: #795548;	
	color: #fff;	
	transition: all .2s;
	
}
td[colspan]{width:15%; height:210px;}
td[rowspan]{width:30%; height:420px;}