@font-face {
    font-family: 'Prime';
    src: url('Prime/prime-regular-webfont.eot');
    src: url('Prime/prime-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Prime/prime-regular-webfont.woff') format('woff'),
         url('Prime/prime-regular-webfont.ttf') format('truetype'),
         url('Prime/prime-regular-webfont.svg#prime') format('svg');
    font-weight: normal;
    font-style: normal;
}

#coin_haut_gauche
{
	border-radius:			25px;
	-moz-border-radius:		25px;
	-webkit-border-radius:	25px;
}


.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#navigation, #navigation ul {
	padding:				0px;
	margin:					5px;
	margin-top:				7px;
	list-style:				none;
	text-align:				center;
}
#menu_admin, #menu_interne
{
	padding:				0px;
	margin:					5px;
	text-align:				left;
	display:				none;
}
#menu_admin li, #menu_interne li
{
	float: 					none;
	text-align:				left;
}

#navigation li
{
	margin:				auto;
	padding:			0;
	background-color:	#006fb6;
}

#navigation a {
	display:			block;
	width:				auto;
	color:				white;
	text-decoration:	none;
	padding:			5px;
	margin-left:		10px;
	margin-right:		10px;
}

#navigation li a:hover
{
	color:				lightgrey;
	
}

#navigation li:hover ul li {
	float:				none;
	left:				0px;
}
#navigation li ul {
	position:			absolute;
}
.hasmenu, .hasmenu2 {
	border: 1px solid #008;
	margin: 3px;
	padding: 5px;
	width: 30px;
}

html, body
{
	height:				100%;
	background-color:	#F4F4F4;
}
input, textarea
{
	font-family:	Prime;
}
#logo
{
	width:		350px;
}

#logo:hover
{
	opacity:		0.8;
}

#portail
{
	width:				30%;
	margin-top:			10px;
	margin-left:		auto;
	margin-right:		auto;
	vertical-align:		middle;
	height:				80%;
	color:				black;
}
#imp_numero
{
	display:		hidden;
	visibility:		hidden;
}

#info_numero
{
	margin-right:0px;
	min-width:190px;
}

#signature
{
	
	#position:		fixed;
	#bottom:			20px;
	overflow:		scroll;
}
.rapport_client
{
	padding-left:	10%;
}
.barre
{
	margin-top:			20px;
	font-size:			14px;
}

.sous_barre
{
	padding:			0px;
	background-color:	#006fb6;
	width:				100%;
	color:				#B1ADB0;
	font-size:			14px;
	text-align:			center;
}
.barre_menu
{
	border-color:		white;
}
#menu_1
{
	border:				1px solid white;
	box-shadow:			-3px 3px 3px #aaa, 3px 3px 3px #aaa;
}
a.bouton_menu
{
	color:				white;
	padding-left:		10px;
	padding-right:		10px;
}
a.bouton_menu:hover
{
	color:				#B1ADB0;
}

.tableau_principal
{
	margin-left:		auto;
	margin-right:		auto;
}

.menu
{
	background-color:	white;
	width:				190px;
	height:				400px;
	padding:			10px;
	font-size:			14px;
	color:				#006fb6;
	box-shadow:	 	-3px 3px 3px #aaa;
	border:				1px solid #aaa; 
}

.panneau
{
	background-color:	white;
	width:				190px;
	height:				400px;
	padding:			10px;
	font-size:			14px;
	color:				#006fb6;
	box-shadow: 3px 3px 3px #aaa;
	border:				1px solid #aaa;
}

.titre_bleu
{
	color:				#006fb6;
}
.titre
{
	font-size:			16px;
}
.bouton_lien
{
	color:				white;
	text-decoration:	none;
}

.bouton_menu
{
	color:				white;
	text-decoration:	none;
	padding:			1px;
	display:			inline-block;
	#height:				5px;
	#line-height:		30px;
}

.icone
{
	float:				left;
	padding:			5px;
}
ul {
	float:				right;
	margin-top:			24px;
	margin-right:		0px;
	margin-bottom:		0px;
	margin-left:		0px;
	padding:			0px;
	list-style:			none;
}

li, ul
{
	float:				left;
	margin-left:		3px;
	display:			inline;
}

body
{
	margin:				0px;
	margin-top:			0px;
	margin-left:		0px;
	margin-bottom:		0px;
	bottom:				0px;
	font-family: 		Prime;
	overflow:			auto;
	padding:			0px;
	background-color:	white;
	height:				100%;
}
html
{
	height:				100%;
}
div.container
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				50em;
	text-align:			center;
}
div#a, div#b, div#c, a#intervention, a#hotline
{
	cursor:				pointer;
}

#corps
{
	height:				520px;
	#max-height:			520px;
	overflow:			auto;
	padding:			5px;
	font-size:			12px;
	min-width:			600px;
	max-width:			650px;
} 
#corps_rapport
{
	height:				445px;
	overflow:			scroll;
	overflow-x:			hidden;
}
#recherche_resultat
{
	overflow:			auto;
	height:				auto;
	max-height:			300px;
}

#mil
{
	height:				520px;
	overflow:			auto;
} 

#graphe
{
	height:				310px;
	overflow:			auto;
	padding:			5px;
	width:				570px;
	margin-left: 		auto;
	margin-right: 		auto;
} 

.pointer
{
	cursor:				pointer;
}
#hotline_chrono
{
	font-size:			12px;
}
.chrono
{
	background-color:	white;
	border:				none;
}
.centre
{
	width:400px;
	margin-left:	auto;
	margin-right:	auto;
}
table.bord
{
	border:				0px;
	border-spacing:		0;
	font-size:			12px;
	overflow:			scroll;
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#EDF7FF;
	border:				1px solid #B0D3EE;
	border-radius:		2px;
	padding:			10px;
}

.bouton_retour
{
	float:				left;
	left:				10px;
}

.nouveau
{
	border-collapse:	collapse;
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#EDF7FF;
	border:				1px solid #B0D3EE;
	border-radius:		2px;
}
.nouveau td, th
{
	text-align:center;
}
table.text-center
{
	text-align:		center;
}

table.rapport
{
	border:					0px;
	border-spacing:			0;
	font-size:				12px;
	overflow:				scroll;
	width:					100%;
	background-color:		#EDF7FF;
	#box-shadow:				1px 1px 1px #aaa;
	padding:				10px;
	border:				1px solid #B0D3EE;
	border-radius:		2px;
}
table.rapport:hover
{
	
}

.liste_details
{
	border-width:				1px;
	border-style:				dotted;
	border-top:					none;
	border-left:					none;
	border-right:					none;
}

#intertab, #infratab, #hotlinetab, #contrat_tab, #infra_fiche_tab, #intertab_entete, #infratab_entete, #hotlinetab_entete
{
	padding:			10px;
}

#contrat_tab
{
	width:				100%;
}

.saisie_tab
{
	width:auto;
}
label
{
	margin-top:			0px;
	margin-left:		0px;
	font-family:		Prime;
	font-size:			15px;
	color:				#0094FF;
}
.entete
{
	cursor:				pointer;
	font-weight:		normal;
	color:				#006FB6;
	font-size:			12px;
}
.entete_std
{
	font-weight:		normal;
	color:				#006FB6;
}
.numero
{
	color:				#006FB6;
}

.liste_client
{
	background-color: white;
	border:0px;
	width:130px;
	cursor:pointer;
}

.my_select
{
	border:0px;
	width:170px;
	cursor:pointer;
}
#my_select
{
	border:				1px solid #d7e2ea;
	box-shadow: 		1px 1px 1px #aaa inset;
}
.alerte1, .alerte2, .alerte3, .alerte4, .alerte5, .alerte6
{
	min-width:			120px;
	margin-bottom:		28px;
	vertical-align:		middle;
	background-color:	#fff;
	border:				1px solid #fff;
	border-radius:		4px;
}

.alerte1:hover, .alerte2:hover, .alerte3:hover, .alerte4:hover, .alerte5:hover, .alerte6:hover
{
	background-color:	#eee;
	border:				1px solid #aaa;
	border-radius:		4px;
}

#a1, #a2, #a3, #a4
{
	background-color:	#EDF7FF;
	padding:			3px;
	font-size:			10px;
	height:				auto;
	margin-left:		auto;
	margin-right:		auto;
	min-height:			200px;
	overflow:			auto;
	color:				#006fb6;
	#box-shadow:			1px 1px 1px 0px #aaa inset;
	border-radius:		2px;
	border:				1px solid transparent;
	text-align:			middle;
}

#a1:hover, #a2:hover, #a3:hover, #a4:hover
{
	border:				1px solid #B0D3EE;
}

.bouton_perso
{
	background-color:	#006fb6;
	width:				auto;
	height:				20px;
	padding:			6px;
	color:				white;
	font-size:			14px;
	border: 			0px solid white;
	cursor :			pointer;
}

.pied
{
	background-color:	#006fb6;
	position:			fixed;
	height:				28px;
	bottom:				0px;
	width:				100%;
	color:				white;
	font-size:			11px;
	box-shadow:			0px -3px 3px #aaa;
}

.pied_infos
{
	position:absolute;
	left:50%;
	margin-left:-250px;
	bottom:5px;
}
.lien
{
	cursor:				pointer;
}

input.style, textarea.style, select.style {
 padding:				1px;
 border:				0px solid #d7e2ea;
box-shadow: 1px 1px 1px #aaa inset;
 }
 
 input.gris
 {
	background-color:	#dad6d7;
 }
 .input_bouton
{
	color:				white;
	background-color:	#006fb6;
}
input.portail
{
padding:				1px;
 border:				0px solid #d7e2ea;
 width:					200px;
 height:				30px;
  box-shadow: 1px 1px 1px #aaa inset;
}

#tableau_portail
{
	color:				#006fb6;
	margin-left:		auto;
	margin-right:		auto;
	width:				250px;
	padding-left:		40px;
	padding-right:		40px;
	padding-top:		20px;
	padding-bottom:		20px;
	background-color:	#white;
	box-shadow:	 	6px 6px 6px #aaa, -6px 6px 6px #aaa;
	border:				1px solid #aaa; 
}

div#erreur, div#upload_erreur
{
	border:				1px solid red;
	padding:			5px;
	background-color:	#f8ebeb;
	font-size:			12px;
	text-align:			center;
}

input.cherche
{
	#background-image:url(../img/icone-recherche-16x16.png);
	#background-position:right;
	#background-repeat:no-repeat;	
}
a.bouton_valide
{
	cursor:				pointer;
	color:				white;
	background-color:	#006fb6;
	padding:			3px;
	font-size:			9px;
	border:				1px solid #006fb6;
	float:				right;
}

a.bouton_rappeler
{
	cursor:				pointer;
	color:				#006fb6;
	background-color:	white;
	padding:			3px;
	font-size:			9px;
	border:				1px solid #006fb6;
	float:				right;
}

a.bouton_bleu
{
	cursor:				pointer;
	color:				white;
	background-color:	#006fb6;
	padding:			4px;
	padding-left:		15px;
	padding-right:		15px;
	font-size:			10px;
}
.scroll_style
{
	background-color:	white;
	box-shadow: 		1px 1px 1px #aaa;
}
.img_bouton:hover
{
	opacity:			0.9;
}
.hover_ligne:hover
{
	background-color:	#cee4f2;
}
#participant
{
	border:	1px solid #aaa;
	border-radius:	25px;
}
#cachet
{
	display:none;
	border-collapse:collapse;
}
.ligne:hover
{
	border:1px solid #aaa;
}
.ligne_menu
{
	cursor:pointer;
	background-color:#006fb6;
	color:white;
}
.ligne_menu:hover
{
	cursor:pointer;
	background-color:#006fb6;
	color:#B1ADB0;
}
table#frais_liste td:hover {
	border:	1px solid white;
}
table#conges_liste tr:nth-child(even) {
	background-color:	white;
}

a img
{
border: none;
}