@import url('https://fonts.googleapis.com/css?family=Montserrat'); /*  importe la police "Montserrat"  */

/*  reset des marges/polices/styel du texte  */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: Montserrat;
}

/* canvas */
#canv
 {width: 100%;}

#mycanv
 {width: 100%; height: 100%;}

.canv_resize
 {margin: 0; padding: 0;}

/* theme noir (meme que boutons noirs) */
.black-theme
 {background-color: #2E2E2E; border: 1px solid #101010; color: #fff;}
	
/* theme bleu (meme que boutons bleus) */
.blue-theme
 {color: #fff; background-color: #00AA36; border:1px solid #006E23; padding: 5px;}

/* theme vert (meme que boutons verts) */
.green-theme
 {color: #fff; background-color: #5cb85c; border: 1px solid #4cae4c;}
 
/* boutons noirs */
.btn-black 
 {background-color: #2E2E2E; border: 1px solid #101010; color: #fff;}
.btn-black:hover
 {color: #fff; background-color: #1A1A1A;}
.btn-black:focus
 {color: white; background-color: #1A1A1A;}

/* Boutons bleus */
.btn-blue
 {color: #fff; background-color: #007fff; border-color: #003eff;}
.btn-blue:focus
 {color: #fff; border-color: #003eff;}
.btn-blue:hover
 {color: #fff; border-color: #003eff;}

/* Boutons Verts */
.btn-green
 {color: #fff; background-color: #5cb85c; border-color: #4cae4c;}
.btn-green:hover
 {color: #fff; border-color: #4cae4c;}
.btn-green:focus
 {color: #fff; border-color: #4cae4c;}

/* footer */
footer {
	margin: 0; padding: 0;
	margin-bottom: 0;
	text-align: center;
	background-color: #eee;
	font-size: 15px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
}
 
/* Barre de navigation */
.custom-navbar-container
 {border-radius:0px; border-bottom: 1px solid #151515;}
 
.jumbotron
 {margin: 0; padding: 20px; top: 0; border-bottom: 1px groove #565656;}

 	/*-----------------------------*/
	/*     Boites déplacables      */
	/*-----------------------------*/
/* conteneur des colones */
#column-container
 {width: 95%; margin-left: auto !important; margin-right: auto !important; padding: 15px;}
 
/* style colones */
.column {width: 49.5%; min-width: 120px; float: left;}

/* style colone de droite */
.column_right
 {width: 49.5%; min-width: 120px; float: right;}

/* Boite déplacable */
.portlet
 {margin: 0 1em 1em 0; padding: 0; width: 100%;}

/* header de la boite (maintenir pour deplacer) */
.portlet-header
 {padding: 0.2em 0.3em; position: relative; margin: 0px; width: 100%; color: #fff; border: 1px solid #003eff; border-radius: 0px; background: #007fff;}

/* Contenu de la boite */
.portlet-content
 {padding: 0.4em; border: 1px solid #6E6E6E; border-top: none; background-color: #F2F2F2;}

/* Indicateur de déplacement */
.portlet-placeholder
 {border: 1px dotted black!important;  margin: 0 1em 1em 0; height: 50px;}

/* responsive smartphones et tablettes */
@media all and (max-width: 800px)
{
	#column-container {padding: 0px; padding-left: 15px; padding-right: 15px;}
	.column {position: relative; width: 100%;}
	.col2 {position: relative;}
	.canv_resize {display: none;}
}

/* Classe toggle jquery */
.togglefade /* Disparition en fondu */
 { opacity: 0; display: none;}