@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,600");
@import url("font-awesome.min.css");
/*  Bannière site */
.title_banner
{
	border:4px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	nowrap: nowrap;
}

/* tableau _pages_vues*/
.titre_pages_vues{
	float:left;
	border:1px solid;
	width:12%;
}

.corps_pages_vues{
	float:left;
	border:0.5px solid;
	border-color : darkgray;
	width:12%;
	font-size:12px;
	overflow:auto;
	height:50px;	
}
::-webkit-scrollbar {
		width:5px;
}
::-webkit-scrollbar-track {
	background : #DDDDDD;
}
::-webkit-scrollbar-thumb {
  background: #888888;
}

.ds_box {
    background-color: #FFFFFF;
    border: 1px solid rgb(42,84,174);
    position: absolute;
    z-index: 32767;
}

/* .bouton_taille {width:140px; height:25px; font-size:10px; border-radius:5px;} */

.ds_tbl {
    background-color: #FFFFFF;
}

.ds_head {
    background-color: #333333;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.ds_subhead {
    background-color: #CCCCCC;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    width: 32px;
}

.ds_cell {
    background-color: #EEEEEE;
    color: #000000;
    font-size: 13px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    cursor: pointer;
}

.ds_cell:hover {
    background-color: #C3C3C3C3;
} /* This hover code won't work for IE */

.titre_page {
  	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: underline;
	color: rgb(42, 84, 174);
	font-size: 40px;
	text-align: center;

	}

									/* menu */
								
.col1_menu {                         
width: 99%;

}

.col22_menu {
width: 45%;
margin:0;
padding-left: 10px;
padding-top:0;
border-left:4px;
}

.col1_btm {                         
width: 99%;
border-top:2px solid #C0C0C0;
}

.maj_create {
border:1px solid #C0C0C0;
color:#404040;
padding:0 10px 10px 10px;
margin:20px 0;
margin-right:15px;
margin-bottom:10px;
/*css3*/
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:1px 1px 6px 0 #A9A9A9;
-webkit-box-shadow:1px 1px 6px #A9A9A9;
box-shadow:1px 1px 1px 0px #A9A9A9;
}

.rubrique{
position: relative;
margin-right: 3%;
margin-bottom: 20px;
float: left;
}

@media (max-width:850px) {
	.titre_page {

	font-size: 30px;
	}
}

@media (max-width:640px) {

	.titre_page {
		font-family: 'Source Sans Pro', sans-serif;
		text-decoration: underline;
		color: rgb(42, 84, 174);
		font-size: 22px;
		}
	.login {
		height:50px;
		width : 100%;
		font-size : 25px;
	}
	/* _pages_vues */
	.show_mobile{
		display:none;
	}
	.titre_pages_vues{
		float:left;
		border:1px solid;
		width:18%;
	}
	.corps_pages_vues{
		float:left;
		border-right:1px solid;
		width:12%;
		font-size:15px;
	}
}