@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-image: url(images/fondv11.png);
	background-color: #14ecf7;
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

#header {
	margin-top:5px;
	width:97%;
}

#footer {
	width:97%; text-align:right; margin-left:auto; margin-right:auto;
}

.nom {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.prenom {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
/*
.conteneur {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	margin-top:11px;
	background-color:#FFFFFF;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;

}
*/

.conteneur {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	margin-top:11px;
	background-color:#f5f8fa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	
	/*
	background-image: url(images/menu2.jpg);
	background-repeat:repeat-x;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.conteneur_v11 {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	margin-top:11px;
}

.conteneur_contenu {

	width:860px;
	float:right;
	background-color:#FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	/*
	background-image: url(images/menu.jpg);
	background-repeat:repeat-x;
	*/
}

.conteneur2 {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	margin-top:11px;
	background-color:#f5f8fa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	/*
	background-image: url(images/menu2.jpg);
	background-repeat:repeat-x;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.conteneur2white {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	margin-top:11px;
	background-color:#e9f1f7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-image:url(images/fond_graph_1.png);
	background-position:top;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.conteneur2ca {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	margin-top:11px;
	background-color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-image:url(images/fond_graph_2.png);
	background-position:top;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.conteneur2stats {
	margin-left:auto;
	margin-right:auto;
	color:#015879;
	width:97%;
	margin-top:11px;
	background-color:#e9f1f7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-image:url(images/fond_graph_5.png);
	background-position:top;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.conteneur2utilisateurs {

	color:#015879;
	width:100%;
	margin-top:11px;
	background-color:#e9f1f7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-image:url(images/fond_graph_2.png);
	background-position:top;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.conteneur2utilisateurs2 {

	color:#015879;
	width:100%;
	margin-top:11px;
	background-color:#e9f1f7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-image:url(images/fond_graph_5.png);
	background-position:top;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.add_student {
	float:left;
	padding:15px;
	width:3.5%;
	margin-right:0.75%;
	margin-left:0.75%;
	padding:0px;
	padding-bottom:0px;
	text-align:center;
	padding-top:0px;
	line-height: 46px;
	font-size:46px;
	color:#CCC;
	border-radius:7px;
	border:1px solid #fff;
	margin-top:11px;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	background-color:#FFF;
	outline:0;
}

.add_student:hover {
	cursor:pointer;
	background-color:#1fbcdb;
	color:#FFF;
}

.conteneur2nav {
	margin-left:auto;
	margin-right:auto;
	color:#d2dce6;
	width:71%;
	margin-top:11px;
	background-color:#0a426c;
	border-radius:7px;
	background-repeat:repeat-x;
	background-position:top;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	font-size:14px;
	padding-bottom:0px;
	padding-top:9px;
	float:right;
	position: relative;
    height: 39px;
	/*box-shadow: 0px 0px 7px #fff;*/
}

.icon_menu {
	height:50px;
	width:70px;
	border-radius:58px;
	background-color:#0a426c;
	text-align:center;
	position: relative;
	top:-14px;
	color:#FFF;
	font-size:8px;
	letter-spacing: 1px;
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 21px;
	padding-top:7px;
	float:left;
	margin-right:1.5%;
}

@media (max-width: 1335px) {
.icon_menu {
	height:50px;
	width:70px;
	border-radius:58px;
	background-color:#0a426c;
	text-align:center;
	position: relative;
	top:-14px;
	color:#FFF;
	font-size:8px;
	letter-spacing: 1px;
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 21px;
	padding-top:7px;
	float:left;
	margin-right:0.5%;
}	
}

@media (min-width: 1510px) {
.icon_menu {
	height:50px;
	width:70px;
	border-radius:58px;
	background-color:#0a426c;
	text-align:center;
	position: relative;
	top:-14px;
	color:#FFF;
	font-size:8px;
	letter-spacing: 1px;
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 21px;
	padding-top:7px;
	float:left;
	margin-right:3%;
}	
}

.icon_menu:hover {
	cursor:pointer;
	background-color:#06557f;
	border:2px solid #0a426c;
	padding-top:5px;
	height:48px;
	width:66px;
}

#glob {
	width:97%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:4px;
}

.title_menu {
	float:left;
	width:15%;
	padding-left:15px;
}

.title_menu:hover {
	color:#FFF;
	background-color:#083b61;
	-moz-box-shadow: inset 9px -5px 30px 18px #0a426c;
-webkit-box-shadow: inset 9px -5px 30px 18px #0a426c;
-o-box-shadow: inset 9px -5px 30px 18px #0a426c;
box-shadow: inset 9px -5px 30px 18px #0a426c;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#0a426c, Direction=60, Strength=30);
}


.conteneur2ariane {
	margin-left:auto;
	margin-right:auto;
	width:934px;
	margin-top:11px;
	background-color:#0a426c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	padding:8px;
	box-shadow: 6px 6px 6px 1px rgba(0, 0, 0, 0.1) inset,;
	color:#FFFFFF;
	font-size:15px;
}

.conteneur2ariane a,
.conteneur2ariane a:hover,
.conteneur2ariane a:focus {
	color:#FFFFFF;
}

.maxconteneur {
	width:97%;
	margin-left:auto;
	margin-right:auto;
}

.conteneur2gris {
	margin-left:auto;
	margin-right:auto;
	margin-top:11px;
	background-color:#f5f8fa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.menu_element {
	border-bottom:4px solid #c4c9ce;
	text-align:center;
	font-size:16px;
	padding-top:12px;
	padding-bottom:12px;
	color:#5c6572;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:5px;
	cursor:pointer;
}

.menu_element:hover {
	border-bottom:4px solid #48515d;
	color:#3d4653;

}
#menu {
	width:97%;
	height:46px;
	text-align:center;
}
.contenu {
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	/* [disabled]padding-top: 15px; */
}
.contenu2 {
	padding:15px;
	padding-bottom:0px;
}
.presentation {
	font-size:13px;
	margin-top:8px;
	color:#494e54;
}
.titre {
	font-size:16px; color:#494e54;
	padding-top:10px;
	display:none;
}
.titre2 {
	font-size:16px;
	color:#494e54;
	margin-left:13px;
	margin-right:16px;
	padding-bottom:3px;
	margin-bottom:10px;
	display:none;
}
.titre2go {
	font-size:16px;
	color:#fff;
	margin-left:13px;
	margin-right:16px;
	padding-bottom:3px;
	margin-bottom:10px;
}
.sous_titre2 {
	padding-left:12px;
	background-color:#e5edf0;
	margin-top:0px;
	padding-bottom:10px;
	padding-top:15px;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e5edf0),
		to(#f5f8fa)
	);
	background: -webkit-linear-gradient(
		top,
		#e5edf0,
		#f5f8fa
	);
	background: -moz-linear-gradient(
		top,
		#e5edf0,
		#f5f8fa
	);
	background: -o-linear-gradient(
		top,
		#e5edf0,
		#f5f8fa
	);
	background: linear-gradient(
		top,
		#e5edf0,
		#f5f8fa
	);
}
.marginleft14 {
	margin-left:14px;
}
.marginright16 {
	margin-right:16px;
}
.m1 {
	width:110px;
}
.m2 {
	width:170px;
}
.m3 {
	width:150px;
}
.m4 {
	width:170px;
}
.m5 {
	width:170px;
}
.m6 {
	width:145px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.Style1 {font-size: 10px;}
.Style2 {
	color: #a7a7a7;
	font-size:12px;
}
.rolo:hover {
	background-color:#698c14;
	cursor:pointer;
	color:#FFFFFF;
}
.rolo {
	cursor:pointer;
	background-color:#91c21b;
	color:#FFFFFF;
	border:3px solid #ededed;
	margin-bottom:1px;
	text-align:center;
	width:118px;
}

.roloa:hover {
	background-color:#34609d;
	cursor:pointer;
	color:#FFFFFF;
}
.roloa {
	cursor:pointer;
	background-color:#3580a7;
	color:#FFFFFF;
	border:3px solid #ededed;
	margin-bottom:1px;
	text-align:center;
	width:118px;
}

.mono {
	background-color:#ededed;
	font-size:10px;
	background-image:url(images/day.jpg);
	color:#eeeeee;
}
.mono:hover {
	background-color:#cfcfcf;
	cursor:pointer;
	background-image:url(images/day0.jpg);
	color:#ffffff;
}

.mono4 {
	background-color:#ededed;
	font-size:10px;
	background-image:url(images/day4.jpg);
}
.mono4:hover {
	background-color:#e5e5e5;
	cursor:pointer;
	background-image:url(images/day0.jpg);
}

.mono2 {
	background-image:url(images/rien.jpg);
	font-size:10px;
}
.mono2:hover {
	background-image:url(images/rien2.jpg);
	cursor:pointer;
}
.padispo {
	background-color:#d0d0d0;
	color:#f1f0f0;
	border:3px solid #ededed;
	margin-bottom:1px;
	width:118px;
}
.dispoeleve {
	background-color:#50a7da;
	color:#ffffff;
	border:3px solid #ededed;
	margin-bottom:1px;
	width:118px;
	line-height:14px;
}
.dispoeleve:hover {
	background-color:#257eb3;
	cursor:pointer;
}

.dispointerne {
	background-color:#e88919;
	color:#ffffff;
	margin-bottom:1px;
	width:118px;
}

.dispointerne:hover {
	background-color:#cf7306;
	cursor:pointer;
}

.textfilder2 {
	border:1px solid #e8c5b3;
	padding:7px;
	font-size:11px;
	background-color:#fcf8f6;

	color:#573d30;
	width:864px;
	margin:0px;

}
.fieldset1
{
    background-color:#ffffff;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.bloc_nav_top {
	float:left;
	width:14%;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	filter : alpha(opacity=30);
    opacity : 0.3;
	color:#4e5e72; /* 046284 */
	border-right:1px solid #8fc1d3;
}

.bloc_nav_top_last {
	float:left;
	width:14.28%;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	filter : alpha(opacity=30);
    opacity : 0.3;
	color:#4e5e72;
}

.bloc_nav_top_last:hover {
	filter : alpha(opacity=100);
    opacity : 1;
}

.bloc_nav_top:hover {
	filter : alpha(opacity=100);
    opacity : 1;
	border-right:1px solid #cfe7f0;
}
.actif {
	filter : alpha(opacity=100);
    opacity : 1;
	border-right:1px solid #cfe7f0;
}

.actiflast {
	filter : alpha(opacity=100);
    opacity : 1;
	border-right:0px solid #cfe7f0;
}

.prenom {
	font-family: 'Open Sans Condensed';
	letter-spacing:1px;
}

.nom {
	font-family: 'Open Sans Condensed';
	letter-spacing:1px;
	font-weight:bold;
}

.menu_eleve {
	background-color:#d54701;
	padding:0px;
	margin-top:2px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	background-image:url(images/fond_menu_eleve.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0px;
	padding-bottom:0px;
}

.menu_eleve_0 {
	background-color:#00719c;
	padding:0px;
	margin-top:2px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	padding-top:0px;
	padding-bottom:0px;
}

.menu_eleve_1 {
	background-color:#d54701;
	padding:0px;
	margin-top:2px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	background-image:url(images/fond_menu_eleve.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0px;
	padding-bottom:0px;
}

.menu_eleve_2 {
	background-color:#ee880f;
	padding:0px;
	margin-top:2px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0px;
	padding-bottom:0px;
}

.stitre_eleve {
	letter-spacing:1px; font-size:12px; text-transform:uppercase; font-family: 'Open Sans Condensed'; margin-top:3px;
}

.box_menu_eleve:hover {
	background-image:url(images/flech_bas.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	filter : alpha(opacity=100);
    opacity : 1;
}

.box_menu_eleve a:hover {
	text-decoration:none;
}

.box_menu_eleve {
	padding-top:10px;
	padding-bottom:10px;
	filter : alpha(opacity=50);
    opacity : 0.5;
}

.menu_actif {
	background-image:url(images/flech_bas.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	filter : alpha(opacity=100);
    opacity : 1;
}
.top_month {
	text-align:center; font-size:10px; color:#FFF; border-left:1px solid #FFF;
}
.top_agence {
	text-align:right;
	font-size:11px;
	padding-right:15px;
	color:#237ea8;
	border-bottom:3px solid #fff;
}

.menu_hor_0_actif {
	background-color:#015e82; background-image:url(images/flech_droite_b.png); background-repeat:no-repeat; background-position:top right;
	margin-bottom:4px;
}

.menu_hor_0:hover {
	background-color:#015e82;
	background-image:url(images/flech_droite_b.png);
	background-repeat:no-repeat;
	background-position:top right;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor:pointer;
}

.menu_hor_0 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	margin-bottom:4px;
}

.menu_hor_1_actif {
	background-color:#d85413; background-image:url(images/flech_droite_b.png); background-repeat:no-repeat; background-position:top right;
	margin-bottom:4px;
}

.menu_hor_1:hover {
	background-color:#d85413;
	background-image:url(images/flech_droite_b.png);
	background-repeat:no-repeat;
	background-position:top right;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor:pointer;
}

.menu_hor_1 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	margin-bottom:4px;
}

.menu_hor_2_actif {
	background-color:#e46507; background-image:url(images/flech_droite.png); background-repeat:no-repeat; background-position:top right;
	margin-bottom:4px;
}

.menu_hor_2:hover {
	background-color:#e46507;
	background-image:url(images/flech_droite.png);
	background-repeat:no-repeat;
	background-position:top right;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor:pointer;
}

.menu_hor_2 {
	opacity: 0.7;
	filter: alpha(opacity=70);
	margin-bottom:4px;
}

.access_eleve {
	background-color:#FFF; color:#C30; border-radius:6px; padding:4px; text-transform:uppercase; text-align:center; font-size:14px; width:159px; margin:auto; font-family: 'Open Sans Condensed'; font-weight:bold; letter-spacing:1px; margin-top:10px;
	text-decoration:none;
}

.access_eleve:hover {
	cursor:pointer;
	background-color:#f2b704;
	color:#FFF;
	text-decoration:none;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/hourglass2.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
	-moz-opacity:1; opacity:1; filter:alpha(opacity=100); -khtml-opacity:1;
	z-index:99999;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:-1px; 
	margin-left:-249px;
    width:200px; 
	line-height:16px;
}
a.tooltip:hover span {
    display:inline; 
	position:absolute; 
	color:#111;
    border:2px solid #000; 
	background:#fff;
}

a.tooltip2 {outline:none; }
a.tooltip2 strong {line-height:30px;}
a.tooltip2:hover {text-decoration:none;} 
a.tooltip2 span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:-1px; 
	margin-left:50px;
    width:200px; 
	line-height:16px;
}
a.tooltip2:hover span {
    display:inline; 
	position:absolute; 
	color:#111;
    border:2px solid #000; 
	background:#fff;
}

a.tooltip2 span
{
    border-radius:7px;
}

.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:7px;
}

.Style1 {
	font-weight: bold;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}
.Style11 {	font-weight: bold;
	color:#0079a6;
	font-family: 'Open Sans Condensed';
}
.bt_connect {
	background-color:#fff;
	border-radius:4px;
	border:2px solid #0079a6;
	color:#0079a6;
	text-align:center;
	padding:8px;
	padding-left:12px;
	padding-right:12px;
	letter-spacing:1px;
	font-size:12px;
	cursor:pointer;
	margin-bottom:6px;
}

.bt_connect:hover {
	background-color:#0079a6;
	cursor:pointer;
	color:#FFF;
}

.input_connect {
	border:0px;
	border:1px solid #81a8b6; padding:7px; font-size:14px; background-color:#fff; color:#666666; margin-top:3px; margin-bottom:6px; width:140px; border-radius:4px;
}

.search_student {
	width:100%;
	padding:16px;
	padding-bottom:14px;
	padding-top:14px;
	font-size:16px;
	/*border-radius:7px 0px 0px 7px;*/
	border-radius:7px;
	border:1px solid #fff;
	margin-top:11px;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	background-image:url(images/loupe.png);
	background-repeat:no-repeat;
	background-position:top right;
	outline: 0;
	float: left;
	z-index:99999;
	box-sizing: border-box;
	/*
	display:block;
	position:absolute;
	*/
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 32px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';

  margin:0;
  padding:0;
  text-indent:0px;
  display: inline-flex;
  vertical-align: middle;
  padding-bottom:3px;
}

.smallic {
	font-size:20px !important;
}

.sm {
	padding:0;
	margin:0;
	text-indent:0 !important;
	line-height:25px !important;
	padding-left:50px;
	border-bottom:0px !important;
	text-decoration: none;
}

li a {
    display: block;
    text-decoration: none;
    color: #d2dce6;
}
/*
li a:hover {
    text-decoration: none;
    color: #ffffff;
    background: rgba(255,255,255,0.2);
	text-shadow: 1px 1px 12px #103d5e;
	
}
*/
ol a {
    display: block;
    text-decoration: none;
    color: #d2dce6;
}

ol a:hover {
    text-decoration: none;
    color: #ffffff;
    background: rgba(255,255,255,0.2);
	text-shadow: 1px 1px 12px #103d5e;
	
}

li {
	width:100%;
	text-decoration: none;
}

ol {
	list-style: none;
	padding:0px;
	font-size:12px;
	margin-bottom:8px;
	text-decoration: none;
}

.open_menu {
	display:none;
}

.categorie {
	color:#900;
}

.list_user {
	width:132px; float:left; height:84px; padding-top:10px;
	border-radius:5px;
	color:#2f2d2d;
	padding-bottom:8px;
}

.list_user:hover {
	background-color:#FFF;
	color:#036;
}

.list_agence {
	width:153px; float:left; height:97px; padding-top:10px;
	border-radius:5px;
	color:#2f2d2d;
}

.list_agence:hover {
	background-color:#FFF;
	color:#036;
}


#dropdown1 {
    position: relative;
    display: inline-block;
	z-index:999;
	outline:0;
}

#dropdown1 a:hover {background-color: #f1f1f1}

.dropdown-content {
	display:none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 195px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	border-radius:5px;
	top:52px;
}

#myDropdown {
	z-index:9999;
	outline:0;
	right:0px;
}

.dropdown-content a {
    color: black;
    padding: 9px 0px 12px 16px;
    text-decoration: none;
    display: block;
}


.click_user {
	background-color:#09729c;
	color:#FFF;
	border-radius:6px;
	padding:8px;
	float:right;
	padding-top:6px;
	padding-bottom:6px;
	text-align:right;
	min-width:148px;
	background-image:url(images/click_user_right.png);
	background-repeat:repeat-y;
	background-position:right;
	padding-right:0;
	outline:0;
	border-radius: 50px;
}

.click_user:hover {
	background-image:url(images/click_user_right1.png);
}

.n_message {
	background-color:#F30; color:#FFF; padding:2px 5px 2px 5px; font-size:12px; border-radius:4px; position:absolute; width:27px; top:7px; right:165px; z-index:1000;
	font-family: 'Open Sans Condensed';
	font-weight:bold;
}
.n_message:hover {
	background-color:#e42000;
	cursor: pointer;
}

.nom {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.prenom {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

.nom1 {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.prenom1 {
	font-size:12px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
}

.select_rapid {
	padding:3px;
	font-size:12px;
	border:0;
	border-radius:4px;
	margin-top:4px;
	float:left;
}

@media (max-width: 1124px) {
.hidden_1024 {
	display:none;
}
}


/* FON DEPUIS GOOGLE */

/* vietnamese */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v9/B0txb0blf2N29WdYPJjMSjkEpIsZXaQ8oRNDg1FPpuk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v9/B0txb0blf2N29WdYPJjMSpxJ83IsFXPkaOMREZp9U_I.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v9/B0txb0blf2N29WdYPJjMStWMqZ82NGJlZbN8XLKSRYo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJwNa6kgmw9HIHjUBPkzL2f3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKdGPpWTn2kPFru4k7T0T-v3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xN9i7v7U2vZkHC55NWxtqfn3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xK1ueDcgZDcfV3TWANvdPLj3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xC3qj1XlvLGj0jktnJzWu233rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xC8hAQ4ocbp44gFQt8tMfcH3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBrT1lp9IdZ6Q20XTtjH6Zv3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIS898UBCVj0FEntoasBk6P3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBkraXwpsr1uSZUhAAol_4_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKTAHfCyYjmaKhz-jw4dXo73rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xP1CsDU87ma3di2VmaZcPSr3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBztfhWvsElVqpbWxzFHK633rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}