/*##################################################################################################
----------------------------------------------------------------------------------------------------
------------------------------------  copyright L2CM 1999-2020 -------------------------------------
----------------------------------------------------------------------------------------------------
##################################################################################################*/




/*################################################################################################*/
/*------------------------------------------->  FONT <--------------------------------------------*/
/*################################################################################################*/


@font-face {
font-family: 'Sansation';
font-style: normal;
src: url('/i/fonts/Sansation/Sansation_Regular.ttf');
font-weight: normal;
}

@font-face {
font-family: 'Sansation';
font-style: normal;
src: url('/i/fonts/Sansation/Sansation_Light.ttf');
font-weight: lighter;
}

@font-face {
font-family: 'Lato-Regular';
font-style: normal;
src: url('/i/fonts/Lato/Lato-Regular.ttf');
font-weight: lighter;
}
@font-face {
font-family: 'Lato-Light';
font-style: normal;
src: url('/i/fonts/Lato/Lato-Light.ttf');
font-weight: lighter;
}



/*################################################################################################*/
/*-------------------------->  Styles defini par defaut  pour le site <---------------------------*/
/*################################################################################################*/

body
{
font: 15px "Sansation",Helvetica,Arial,FreeSans,sans-serif;
color: #333;
background-color: #FFF;
z-index:0;
border: 0px;
margin:0px;
}

#imgbackground {position:fixed; top:0; left:0; height:100%; width:100%; background:#eeeeee; no-repeat; z-index:-101;}
#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(images/point_black.png) top left repeat; z-index:-100;}

/*################################################################################################*/
/*--------------------------------------->     header      <--------------------------------------*/
/*################################################################################################*/

header {
background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
z-index: 998;
}

div#head {
position: relative;
display:block;
}

span#header_print {
display: none;
}

span#logo {
}

span#logo a {

}

#acc > a > h3{
    color: #369;
    font-size: 2.5em;
    font-family: unset;
}


@media (min-width: 991px) {
	#sd1, #logo{
		display:flex;
	}
	#sd2 {
		display:none;
	}
}

@media (min-width: 1px) and (max-width: 990px) {
	#sd1, #logo{
		display:none;
	}
	#sd2 {
		display:flex;
	}
}


/*################################################################################################*/
/*------------------------------------->        Skin           <----------------------------------*/
/*################################################################################################*/

#ban {
margin-top: 0px;
height: 8px;
}


/*************************/
/*      BACKGROUNDS      */
/*************************/

.bg-blue, .color_head_accueil, .color_head_uc {
background: #272460; /* Old browsers */
background: -moz-linear-gradient(left, #272460 0%, #2f3490 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #272460 0%,#2f3490 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #272460 0%,#2f3490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.bg-grey {
background: #e0e0e0;
}

.bg-green, .color_head_soft{
background: #18ab79; /* Old browsers */
background: linear-gradient(to right, #3c966f 100%, #67b191 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.bg-yellow, .color_head_contact{
background: #ffbf00; /* Old browsers */
background: linear-gradient(to right, #ffbf00 100%, #ffe014 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.bg-red, .color_head_nas{
background: #cd3943; /* Old browsers */
background: linear-gradient(to right, #b11721 0%,#cf3b44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.bg-orange, .color_head_network{
background: #f28e1d; /* Old browsers */
background: linear-gradient(to right, #e97d00 100%, #f28e1d 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.bg-ciel, .color_head_web{
background: #39a5cc; /* Old browsers */
background: linear-gradient(to right, #2d8daf 0%,#39a5cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ombre {
background-color: #2EC0FE;
-moz-box-shadow: 0px -7px 14px rgba(0,0,0,1);
-webkit-box-shadow: 0px -7px 14px rgba(0,0,0,1);
box-shadow: 0px -7px 14px rgba(0,0,0,1);
}

.navbar {
	padding: 0.1rem 1rem;
}

.navbar-nav .active > .nav-link{
	font-weight: bold;
}

.nav-link{
	font-size: 1.5em;
    margin-top: 15px;
}

#logo {
    margin-top:-15px;
    margin-right:40px;
}

#vote, #vot, #con, #mem {
	border-top:6px solid rgba(0, 0, 0, 0.0);
	margin-top: 7px;
}


#acc:hover {}
#vot:hover, #vote:hover {border-top: 6px solid #67b191; border-botom: 6px solid #67b191;}
#mem:hover {border-top: 6px solid #cf3b44; border-botom: 6px solid #cf3b44;}
/*
#uc:hover  {border-top: 6px solid #213374; border-botom: 6px solid #213374;}
#net:hover {border-top: 6px solid #ffae00; border-botom: 6px solid #ffae00;}
#web:hover {border-top: 6px solid #39a5cc; border-botom: 6px solid #39a5cc;}
#ref:hover {border-top: 6px solid #213374; border-botom: 6px solid #213374;}
#con:hover {border-top: 6px solid #ffbf00; border-botom: 6px solid #ffbf00;}
*/


/*################################################################################################*/
/*------------------------------------->         Nav           <----------------------------------*/
/*################################################################################################*/


nav, .navbar {
z-index: 99;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
color: #369 ;
}

.navbar {margin-bottom: 0px;}


/*################################################################################################*/
/*--------------------------------->          Article            <--------------------------------*/
/*################################################################################################*/


article {
	text-align: justify ;
	text-decoration: none;
	color: #333 ;
	/* border: 2px solid #CCC; */
	border-radius: 0px;
	background: rgba(255,255,255,0.95);
	z-index:10;
}



@media (min-width: 769px) {
	article {
		padding: 40px;
	}
}

@media (max-width: 768px) {
	article {
		padding: 20px;
	}
}

@media (min-width: 1px) {
	article {
		padding: 20px;
	}
}


article H1 {font: 3.5em "Lato-Regular",sans-serif;}
article H2 {font: 1.8em "Lato-Regular",sans-serif;}
article H3 {font: 1.6em "Lato-Regular",sans-serif;}
article H4 {font: 1.4em "Lato-Regular",sans-serif;}
article P  {font: 1.2em "Lato-Light",sans-serif;}




/*################################################################################################*/
/*------------------------------------>         Page            <---------------------------------*/
/*################################################################################################*/


pre#pre_kas {
width:290px;
font: 1em 'Lucida Grande', sans-serif,Verdana;
background: #CCC ;
border: 1px solid #666 ;
padding: 8px ;
color: #000 ;
overflow:auto;
max-height: 400px;
}

div#cadreblanc {
background: #FFF ;
border: 1px solid #333 ;
padding: 5px;
}

.tr1{background: #FFF ;}
.tr2{background: #ECECEC ;}



/*################################################################################################*/
/*--------------------------------->          Form            <-----------------------------------*/
/*################################################################################################*/


/*################################################################################################*/
/*--------------------------------->          Special            <--------------------------------*/
/*################################################################################################*/


div#link_div table {
left:25px;
}

td#link a {
text-decoration: none;
background-color: #FFF;
color:#333;
display:block;
text-align: center;
border: 1px solid #333 ;
padding: 10px;
}



td#link a:hover {
background-color: #69C;
color:#FFF;
}

/*################################################################################################*/
/*------------------------------------>        Footer         <-----------------------------------*/
/*################################################################################################*/


footer {
margin-top: 50px;
background: rgba(0, 0, 0, .7);
color:#CCC;
height: 100px;
font-size: 1em ;
padding: 0px;
display:block;
z-index: 5;
}

#footer-info{
	margin-top: 20px
}

span#mention {
text-align: center;
position: absolute;
display:block;
top: 10px;
left:50%;
margin-left: -100px;
}

span#mention a {
color: #FFF ;
text-decoration: none;
}

span#mention a:hover {
color: #F42 ;
}

span#mention_print {

display: none;

}