* {margin:0px;}

.dinline{display:inline;}
.border{border:1px solid black;}
.border_grey{border:1px solid #E2E2E2;}
.border_rouge{border:2px solid #f70;}
.border_orange{border:2px solid #FFB81E;}
.border_rouge_small{border:1px solid #f70;}

.bgviolet{background-color:#B9C2D9;}
.bgblanc{background-color:white;}
.bgred{background-color:red;}
.bgblue{background-color:#3caae1;}
.bgbluelight{background-color:#BCE2F4;}
.bggrey {background-color:#dedede;}
.bgorange {background-color:#FBF5E9;}
.bgorange2 {background-color:#F5BC42;}
.bgwhite{background-color:white;}
.bggreyfonce{background-color:#CECECE;}


.borderblue{border:1px solid #3caae1;}
#spanButtonPlaceHolderdiv{float:right;background-image: url(/images/site/cliquerici.jpg);width:150px;height;40px;}

/******************/
/* pagination */
/******************/

.pagination {
  text-align: right;
  margin-right:50px;
}

    .pagination ul li a {
      color:#000;
      border:1px solid #D4D7AE;
      background-color:#fff;
      padding: 2px 6px;
    }
	
    .pagination ul li {
        list-style-type: none;
        margin-right: 2px;
        display:inline;
    }
	
    .pagination ul li a.selected {
      background-color: #BCE2F4;
      color: #000;
    }
.pagination_limit {
   text-align: left;
}

.f16{font-size:16px;}
.uppercase{text-transform:uppercase;}

.blanc{color:white;}
.orange {color:#FF7A00;}
.noir{color:black;}
.textbleu{color:#3caae1;}

.cleaner{clear:both;}
.maxsize{width:100%}

.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.underline{text-decoration:underline;}
.bold{text-decoration:bold;}

.bgwhite{background-color:white;}

.fleft{float:left;}
.fright{float:right;}

.px20{width:20px;}
.px50{width:50px;}
.px60{width:60px;}
.px100{width:100px;}
.px150{width:150px;}
.px180{width:180px;}
.px190{width:190px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px345{width:345px;}
.px350{width:350px;}
.px355{width:355px;}
.px360{width:360px;}
.px390{width:390px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:500px;}
.px555{width:555px;}
.px590{width:590px;}
.px600{width:600px;}
.px609{width:609px;}
.px620{width:620px;}
.px700{width:700px;}
.px760{width:760px;}
.px800{width:800px;}
.px850{width:850px;}
.px880{width:880px;}
.px900{width:900px;}
.px960{width:960px;}
.px1000{width:1000px;}
.maxsize{width:100%;}

.h16 {height:16px;min-height:16px;}
.h400{height:400px;min-height:400px;}

.p5{padding:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl50{padding-left:50px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl100{padding-left:100px;}
.pl150{padding-left:150px;}
.pl200{padding-left:200px;}

.mb3 {margin-bottom:3px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mt10{margin-top:10px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr40{margin-right:40px;}
.mr70{margin-right:70px;}
.mr100{margin-right:100px;}

.mt6 {margin-top:6px;}

.mb6 {margin-bottom:6px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40 {margin-left:40px;}
.ml60 {margin-left:60px;}
.ml80{margin-left:76px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}
.ml200{margin-left:200px;}
.m3 {margin:3px;}
.m5 {margin:5px;}
.m20 {margin:20px;margin-top:30px;}

.mr50{margin-right:50px;}

.vtop{vertical-align:top;}

.dnone{display:none;}

.action_msg{width:100%;}

.success{text-align:center;border:1px solid black;width:100%;text-align:center;width:100%;font-size:14px;font-weight:bold;background-color:#D6E5D4;color:#206C2E;}
.error{text-align:center;border:1px solid black;height:100%text-align:center;width:100%;font-size:14px;font-weight:bold;background-color:#E9AAAA;color:#9C2323;}


.small {font-size:10px;}
.italic {text-decoration:italic;}

.pointer:hover{cursor:pointer;}

.pr {position:relative;}

.t3 {top:13px;}

.ac_results {background-color:white;border:1px solid black;width:400px;height:300px;}
.ac_results li:hover{text-decoration:underline;cursor:pointer;}

.bold {font-weight:bold;}
.fs20 {font-size:20px;}
.fs26 {font-size:26px;}
.fs14 {font-size:14px;}
.fs10 {font-size:10px;}
.border {border:1px solid black;}
.borderright  {border-right:1px solid #cecece;}
.borderbottom {border-bottom:1px solid #cecece;}

.center{margin:0px auto;}

.vtop {vertical-align:top;}

a.normal {color:black;text-decoration:none;}

.red {color:red;}
.black{color:black;}

table.tdborder td {border:1px dotted gray;}
table.tdp20 td {padding-left:20px;padding-right:20px;}

tr.hover:hover{cursor:pointer;background-color:#bce2f4;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.fs16{font-size:16px;}
.f24{font-size:24px;}



hr.leftcolumn {color:white;width:90%;margin-bottom:3px;margin-top:3px;}

.italic{font-style:italic;}

tr.suivi {height:15px;}
tr.suivi td {height:15px;}

tr.encours {height:15px;background: transparent url(/images/site/suivi/legende-orange.jpg) top left repeat-x;}
tr.probleme {height:15px;background: transparent url(/images/site/suivi/legende-rouge.jpg) top left repeat-x;}
tr.enattente{height:15px;background: transparent url(/images/site/suivi/legende-bleu.jpg) top left repeat-x;}
tr.expedie{height:15px;background: transparent url(/images/site/suivi/legende-blanche.jpg) top left repeat-x;}
tr.annule {height:15px;background: transparent url(/images/site/suivi/legende-jaune.jpg) top left repeat-x;}




a.none{text-decoration:none;}

.contactlight {
	padding-top:40px;
	color:white;
	font-size:30px;
	height:120px;
	width:950px;
	background-color:#84c6e7;
}

.contact {
	color:white;
	padding-top:40px;
	font-size:30px;
	height:120px;
	width:950px;
	background-color:#3caae1;
}


.p20{padding:20px;}

.bulle{
	background:transparent url(/images/site/bulle.jpg) top left no-repeat;
	width:300px;
	height:150px;
	font-size:16px;
	color:black;
	font-weight:bold;
	/*-padding:5px;	*/
	position:relative;
	top:-30px;
	display:none;
	text-align:center;
}

#cal {
	border:none;
	padding:1em;
}

/* Datefield look/feel */
.datefield {
	position:relative;
	top:10px;
	left:10px;
	white-space:nowrap;
	border:1px solid black;
	background-color:#eee;
	width:25em;
	padding:5px;
}

.datefield input,
.datefield button,
.datefield label  {
	vertical-align:middle;
}

.datefield label  {
	font-weight:bold;
}

.datefield input  {
	width:15em;
}

.datefield button  {
	padding:0 5px 0 5px;
	margin-left:2px;
}

.datefield button img {
	padding:0;
	margin:0;
	vertical-align:middle;
}

/* Example box */
.box {
	position:relative;
	height:30em;
}