@import url(../css.php);
/*@import url(colorbox.css);*//* POLICES */
@font-face {
    font-family: 'Roboto';
    src: url('../../css/fonts/Roboto-Regular-webfont.eot');
    src: url('../../css/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto';
    src: url('../../css/fonts/Roboto-Italic-webfont.eot');
    src: url('../../css/fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'Roboto';
    src: url('../../css/fonts/Roboto-Bold-webfont.eot');
    src: url('../../css/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto';
    src: url('../../css/fonts/Roboto-BoldItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'RobotoCn';
    src: url('../../css/fonts/Roboto-Condensed-webfont.eot');
    src: url('../../css/fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoCn';
    src: url('../../css/fonts/Roboto-CondensedItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'RobotoCn';
    src: url('../../css/fonts/Roboto-BoldCondensed-webfont.eot');
    src: url('../../css/fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoCn';
    src: url('../../css/fonts/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'RobotoTh';
    src: url('../../css/fonts/Roboto-Thin-webfont.eot');
    src: url('../../css/fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoTh';
    src: url('../../css/fonts/Roboto-ThinItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'RobotoLt';
    src: url('../../css/fonts/Roboto-Light-webfont.eot');
    src: url('../../css/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoLt';
    src: url('../../css/fonts/Roboto-LightItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'RobotoMd';
    src: url('../../css/fonts/Roboto-Medium-webfont.eot');
    src: url('../../css/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoMd';
    src: url('../../css/fonts/Roboto-MediumItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('../../css/fonts/Roboto-Black-webfont.eot');
    src: url('../../css/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoBlack';
    src: url('../../css/fonts/Roboto-BlackItalic-webfont.eot');
    src: url('../../css/fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('../../css/fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('../../css/fonts/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

/*********************/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#DBDBDB; }
ul { padding:0; margin:0; list-style:none }
img { border:0 }
a {outline: none;}
a:focus{-moz-outline-style: none;}
#bulle { position: absolute; visibility: hidden;}
.top { height:37px; background-color:#E4E4E4; width:100%; font-size:12px; color:#666 }
	.top table {width:980px;}
		.top table a { color:#666; text-decoration:none }
		.top table a:hover { text-decoration:underline }
	.top table .sel select { font-size:12px; padding:3px;}

.main{ background-color:#FFF; margin:0 auto 0 auto;}
.header{ float:left; width:980px; background-color:#017189}
.header .logo{ float:left; height:64px;}
.header .logo img{ float:left;}
.header .info{float:right; height:57px; padding:7px 14px 0 14px; font:12px Arial; color:#FFF; line-height:16px;}
.header .info a{font:12px Arial; color:#FFF; text-decoration:underline;}
.header .info a:hover{ text-decoration:none;}
.header .info span{font:11px Arial; color:#999;}

.header .menu{ float:left; width:970px; height:32px; padding:5px 0 0 10px; background-color:#FFF }
.header .menu a { float:left; padding:7px 16px 7px 16px; font:15px Arial; text-decoration:none; color:#FFF; background-color:#017189; margin-right:5px }
.header .menu a:hover{ text-decoration:underline;}
.header .menu .cur{ color:#000; font-weight:bold; padding-left:25px; background-color:#E2E2E2; background-image:url(../img/arrow.gif); background-position:12px 15px; background-repeat:no-repeat }
.header .menu .cur:hover{ text-decoration:none;}

.header .smenu {float:left; width:960px; padding:6px 0 6px 20px; font:14px Arial; color:#999; background-color:#E2E2E2;  }
.header .smenu a{color:#666; text-decoration:none;}
.header .smenu a:hover{ text-decoration:underline;}
.header .smenu .bull {padding:0px 4px 0 4px;}

.header .smenu .cur{ color:#000; font-weight:bold }
.header .smenu .cur:hover{ text-decoration:underline;}

.m { width:980px; }
	.m .logo { height:104px; font-size:65px; padding:20px 0 10px 0 }
	.m .logo a { text-decoration:none; font-size:65px; letter-spacing:0px }
	
	.m .menu { height:42px; background-image:url(../img/bgmenu.png); background-repeat:no-repeat; width:980px; }
		#nav .btn { color:#666; display:block; height:31px; padding:11px 18px 0 18px; text-decoration:none; cursor:pointer; border-right:1px solid #D3D3D3; }
			#nav .btn span { color:#0C0; font-size:12px }
		#nav li { float:left; }
		#nav li ul { position:absolute; left:-999em; .clear:both; z-index:999; background-color:#FFFFFF; border:1px solid #D3D3D3; border-bottom:0; border-top:0; }
		#nav li ul a { display:block; padding:9px 10px 9px 10px; width:148px; border-bottom:1px solid #D3D3D3; text-decoration:none; color:#666 }
		#nav li .fix { margin-left:-1px }
		#nav li ul li { clear:both; }
		#nav li ul a:hover { color:#017189; background-color:#FFF; }
		#nav li ul ul { margin: -39px 0 0 168px; }
		#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; border-top:1px solid #D3D3D3 }
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; }
	.srub { background-color:#EEE; padding:10px 0 10px 0 }
		.srub a { text-decoration:none; color:#666; font-size:13px; display:block; float:left; padding:0 15px 0 15px}
		.srub a:hover { text-decoration:underline; color:#017189}

	.ent { width:980px; background-color:#FFF; padding:0px 20px 0 20px;}
		.ent .entete { font-size:22px; color:#666; padding:20px 0 0 0}
			.ent .entete span { font-size:16px; color:#999 }
		.ent .ajout a { text-align:center; display:block; font-size:14px; color:#FFF; padding:6px; float:right; text-decoration:none; font-weight:bold }
		.ent .ajout a:hover { background-color:#666 }
	.mymain { background-color:#FFF; padding:0 20px 20px 20px;}
	.listing { border:1px solid #CCCCCC }
		.listing td { height:38px; border-bottom:1px solid #CCCCCC; font-size:13px; padding-right:15px }
		.listing .a { padding-left:15px }
		.listing .statut { color:#628E15 }
		.listing thead { background-color:#E2E2E2; color:#000; }
			.listing thead a { text-decoration:none; color:#000 }
			.listing thead a:hover { text-decoration:underline }
		.listing .line { background-color:#FFF; color:#000 }
		.listing .linehover { background-color:#F8F8F8; color:#000  }
		.listing span { font-weight:normal; font-size:13px; color:#404040 }
		.listing input  { border:1px solid #DDD; padding:3px; font-size:16px; width:500px }
		.listing input.chkbx  { width:15px }
		.listing textarea { border:1px solid #DDD; padding:3px; height:60px; font-family:Arial; font-size:12px; width:500px }
		.listing select { border:1px solid #DDD; padding:3px; font-size:16px; width:508px }
		.listing .ck { padding:10px 0 10px 10px; background-color:#FFF}
		.listing .sub { background-color:#FFF; border:0; padding-top:10px; padding-bottom:10px;}
		.listing .nob { border:0 }
	
			.listing .line a:hover, .listing .linehover a:hover  { text-decoration:underline }
		.listing .suppr{display:block; width:19px; height:19px; background:url(../img/btn_suppr.gif) no-repeat top }
		.listing .suppr:hover{background-position:0 -19px }
		.listing .multi { border:0; padding:0; }
		
	.listing tr td .goup{ float:left; display:block; width:18px; height:18px; background:url(../img/fl_up.jpg) no-repeat top; margin:0 2px 0 0; }
	.listing tr td .goup:hover{ background-position:0 -18px; }
	.listing tr td .godwn{ float:left; display:block; width:18px; height:18px; background:url(../img/fl_dwn.jpg) no-repeat top; margin:0 2px 0 0; }
	.listing tr td .godwn:hover{ background-position:0 -18px; }

		.mu td{ border:0 }
			.mu .pre, .mu .nex  { font-size:16px; text-decoration:none; color:#999  }
			.mu .pre:hover, .mu .nex:hover  { text-decoration:underline }
		.mu .pages a {text-decoration:none; color:#999; padding:2px 7px 3px 7px; display:block; float:left; border:1px solid #BEBEBE; margin:0 3px 3px 0}
		.mu .pages span {text-decoration:none; display:block; float:left; color:#666; padding:2px 7px 3px 7px; }

	.lineA { font-size:13px; color:#444 }
		.lineA td { border-right:1px solid #CCC; padding-right:0 }
		.lineA .new2 { font-weight:bold; color:#017189 }
		.lineA a { text-decoration:none; color:#333 }
		.lineA a:hover { color:#017189; text-decoration:underline }
	.sme { padding:10px 0 0 0}
	.sme a { display:block; float:left; padding:7px 10px 7px 10px; background-color:#030; margin-right:5px; color:#666; font-size:13px; background-color:#E2E2E2; text-decoration:none }
	.sme .on { background-color:#017189; color:#FFF }


.confirm {padding:5px; font-size:11px; color:#390; background-color:#E6FFE6}

	.col { border:1px solid #BEBEBE; width:210px; background-color:#FFF; color:#666; padding-bottom:10px }
		.col thead { height:42px; font-weight:bold; font-size:15px }
			.col thead td { padding:0 0 0 12px; border-bottom:1px solid #BEBEBE; background-color:#F8F8F8;}
		.col td { padding:7px 0 2px 14px }
		
.val {text-align:center; font-size:14px; display:block; float:left; color:#FFF; padding:5px; text-decoration:none; font-weight:bold  }
.val:hover {background-color:#666 }
.val2 {text-align:center; display:block; font-size:13px; color:#666; padding:5px 6px 5px 6px; text-decoration:none; background-color:#FFF; border:1px solid #CCC}


	.minia { float:left; border:1px solid #CCC; margin:10px 10px 0 0; width:120px; }
		.minia td { border-bottom:0; padding:0 }
		.minia .vie { height:120px; background-position:center; background-repeat:no-repeat; border-bottom:1px solid #CCC }
			.minia .vie a { display:block; width:120px; height:120px}
		.minia .goleft { display:block; width:18px; height:18px; background:url(../img/fl_left.jpg) no-repeat top; }
		.minia .goleft:hover { background-position:0 -18px; }
		.minia .goright { display:block; width:18px; height:18px; background:url(../img/fl_right.jpg) no-repeat top; }
		.minia .goright:hover { background-position:0 -18px; }
		.minia .delpho{ display:block; width:19px; height:19px; background:url(../img/btn_suppr.gif) no-repeat top;}
		.minia .delpho:hover{ background-position:0 -19px;}
	
	.loaderOff{margin:2px 0 0 10px; display:none;}
	.loaderOn{margin:2px 0 0 10px;}

.foot { font-size:12px; color:#999; height:50px; }
	.foot a { text-decoration:none; color:#999; }
	.foot a:hover { text-decoration:underline; }
	
/*--------------------------------------------------------------------------------------------------*/
/* LOGIN
/*--------------------------------------------------------------------------------------------------*/
.login{width:385px; padding:95px 0 0 0; position:absolute; top:50%; margin-top:-130px; left:50%; margin-left:-192px; background:url(../img/bg_login.jpg) top no-repeat; background-position:0 0px;}
.login li{float:left;}

.login .logo{ padding:0 0 70px 0 }

.login .ch{ width:385px; padding:0 0 4px 0 }
.login .ch label{ font:17px Arial; color:#999; padding:2px 0 0 16px; float:left; width:110px }
.login .ch input{ font:16px Arial; color:#000; float:left; color:#017189; border:1px solid #aaa; height:19px; padding:3px 0 3px 2px; width:220px }

.login .btn { padding:3px 0 0 126px;}
.login .btn a{float:left; width:57px; height:20px; background:url(../img/btn_valider.gif) no-repeat top;}
.login .btn a:hover{ background-position:0 -20px }

.erreur{ width:385px; padding:3px 0 3px 0; text-align:center; position:absolute; top:50%; margin-top:-165px; font-family:Arial; font-size:10px; left:50%; margin-left:-192px; background-color:#FFFFCC; border:1px solid #FFCC33;}

.login .infos {padding:10px 0 0 16px; width:369px; font:10px Arial; color:#999; padding-bottom:5px }
.login .infos a { text-decoration:underline; color:#017189 }
.login .infos a:hover { text-decoration:none; }

.login .bottom{ width:385px; font-size:0px; height:8px;}

/* Actions */
.action_etat{
	padding:3px 10px;
	color:#017189;
	font-weight:bold;
}
.deldata{ display:block; width:19px; height:19px; background:url(../img/btn_suppr.gif) no-repeat top;}

/* OFFRES */
.vert{
	color:#628E15;
}
.gris{
	color:#CCC;
}
.rouge{
	color:#F00;
}
div.recherche input[type="text"],
div.recherche select {
	display:inline;
	padding: 6px 4px;
	margin:0 10px 10px 0;
	width: 150px;
	border: 1px solid #ccc;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff; 
	color:#555;
	font-family:'RobotoLt';
	font-size:11pt;
}
div.recherche select {
	background:#ffffff url('../img/fleche_bas.png') no-repeat 135px center;
	-webkit-appearance:none;
	-moz-appearance:none;
}
/* Pagination */
p.pagination{
	text-align:center;
}
p.pagination a:link, 
p.pagination a:active, 
p.pagination a:visited{
	padding:5px;
	margin :3px;
	border:1px solid #CCC;
	text-decoration:none;
	font-family:'RobotoCn';
	color:#666;
}
p.pagination a:hover, 
p.pagination strong{
	padding:5px;
	margin :3px;
	border:1px solid #FFF;
	text-decoration:none;
	font-family:'RobotoCn';
	color:#666;
	font-weight:bold;
}
.exporter{
	cursor:pointer;
}
.export{
	display:inline-block;
	background:#007F0E;
	border-radius: 3px;
	padding:3px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
}
.export_no{
	display:inline-block;
	background:#CCC;
	border-radius: 3px;
	padding:3px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
}
.export_soon{
	position:absolute;
	margin:-24px 0 0 32px;
	display:block;
	border-radius: 4px;
	width:8px;
	height:8px;
	background:#F00;	
}