body {
	background: #ffffff url(./images/fond2.png) top left repeat;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}
p,td {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #666666;
}
input,textarea,select,checkbox,radio {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #666666;
}

input[type="submit"]{background-color: #6AACDA;color: #fff;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}
input.boutonbleu{background-color: #6AACDA;color: #fff;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}
button.boutonbleu{background-color: #6AACDA;color: #fff;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}
a.boutonbleu{background-color: #6AACDA;color: #fff !important;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}

input.boutonvert{background-color: #2dc859 !important;color: #fff;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}
button.boutonvert{background-color: #2dc859 !important;color: #fff;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}
a.boutonvert{background-color: #2dc859 !important;color: #fff;border:none;border-radius:4px;padding: 5px 10px;font-weight: bold;}

.etoile {color: #C00;font-weight: bold;}
.blanc {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
}
.pad {
	padding: 10px;
}
.contour {
	border: 1px solid #B9000E;
}
.espdr {
	margin-right: 4px;
}
.espga {
	margin-left: 4px;
}
h1{
	font-family: "Trebuchet MS", Arial ;
	font-size: 14px ;
	color: #67abdc ;
	font-weight: bold ;
	border-bottom: 1px solid #666;
	padding-bottom:5px ; 
}

th {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	/* color: #c00; */
	font-weight: bold;
}
h2{
	font-family: "Trebuchet MS", Arial ;
	font-size: 18px ;
	color: #333 ;
	font-weight: bold ;
	font-variant: small-caps ;
	padding-top: 10px ;
}

h1.eval{
	font-family: "Trebuchet MS", Arial !important;
	font-size: 14px !important;
	color: #67abdc !important;
	font-weight: bold !important;
	border-bottom: 1px solid #666 !important;
	padding-bottom:5px !important;
}

h2.eval{
	font-family: "Trebuchet MS", Arial !important;
	font-size: 18px !important;
	color: #333 !important;
	font-weight: bold !important;
	font-variant: small-caps !important;
	padding-top: 10px !important;
}

.titre1 {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

.bord {
	border: 1px solid #333333;
}

a:link{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #67abdc;
	text-decoration:none;
	font-weight: bold;
}
a:visited{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #67abdc;
	text-decoration:none;
	font-weight: bold;
}
/*
a:hover{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #67abdc;
	padding : 2px;
}
*/



a.ssmenu:link{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #B9000E;
	text-decoration:none;
}
a.ssmenu:visited{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #B9000E;
	text-decoration:none;
}
a.ssmenu:hover{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #F57200;
	padding : 0px;
}
a.ajout{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #258A25;
	text-decoration:none;
}
a.ajout:visited{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #258A25;
	text-decoration:none;
}
a.ajout:hover{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #258A25;
}
a.modif{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3250A6;
	text-decoration:none;
}
a.modif:visited{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3250A6;
	text-decoration:none;
}
a.modif:hover{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #3250A6;
}
a.suppr{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #BD1431;
	text-decoration:none;
}
a.suppr:visited{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #BD1431;
	text-decoration:none;
}
a.suppr:hover{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #BD1431;
}
a.photo{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #666666;
	text-decoration:none;
}
a.photo:visited{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #666666;
	text-decoration:none;
}
a.photo:hover{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
}
.actu {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #000000;
}

#navcontainer {
	padding: 20px 0 5px 0;
	margin-top: 0;
	background:#444444;
}

#navlist {
	margin: 0 0 10px 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #67abdc;
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size: 12px;
	font-family: "Trebuchet MS", Papyrus, Helvetica, sans-serif;
	letter-spacing:1px;
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	font-weight: bolder;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	font-family: "Trebuchet MS", Papyrus, Helvetica, sans-serif;
	color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	padding : 0px;
	border-bottom: 6px solid #67abdc;
	padding-bottom: 2px;
	background: transparent;
	color: #fff;
	font-size: 12px;
	font-weight:bolder;
	font-family: "Trebuchet MS", Papyrus, Helvetica, sans-serif;
}

#navlist a:hover { 
	color: #fff; 
}

#navlist2 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 10px;
	border-bottom: 0px solid #6D071A;
}

#navlist2 ul, #navlist2 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size: 14px;
	font-family: "Trebuchet MS",Papyrus, Helvetica, sans-serif;
	letter-spacing:1px;
}

#navlist2 a:link, #navlist2 a:visited {
	float: left;
	line-height: 14px;
	font-weight: normal;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	font-family: "Trebuchet MS",Papyrus, Helvetica, sans-serif;
	color: #fff;
}

#navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover {
/* 	border-bottom: 6px solid #67abdc; */
	padding-bottom: 2px;
	background: transparent;
	color: #67abdc;
	font-size: 14px;
	font-weight:normal;
	font-family: "Trebuchet MS",Papyrus, Helvetica, sans-serif;

}

#navlist2 a:hover { 
	color: #67abdc; 
}

/*** LISTES AUTOCOMPLETION ***/
.suggestionsBox {
/* 	position: relative; */
/* 	left: 200px; */
	float:right;
	margin: 0px 0px 0px 0px;
	width: 300px;
	border-radius:8px; -moz-border-radius: 8px; -o-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;	padding: 1px 5px 0px 5px !important;
	background-color: #212427;
	border: 2px solid #000;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
	color: #fff;
}

.suggestionList li {
	list-style: none;
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
	color: #fff;
	padding : 2px 5px 2px 5px;
}

.suggestionList li:hover {
	background-color: #659CD8;
	color: #fff;
}
#tableaucomplet{border-collapse: collapse;width:100%}
#tableaucomplet td{border:1px solid #000;padding:10px;}
#tableaucomplet th{border:1px solid #000;padding:10px;color: black;background-color: #E4E4E4;font-size: 12px; }


#tableaubordbas{border-collapse: collapse;}
#tableaubordbas th{text-align: left;border-bottom:1px solid #000;padding:5px;}
#tableaubordbas td{border-bottom:1px solid #000;padding:5px;}

#tableaubordbas2{border-collapse: collapse;}
#tableaubordbas2 th{text-align: left;border-bottom:2px dotted #333;padding:5px;}
#tableaubordbas2 td{border-bottom:1px dotted #333;padding:5px;}


.smaller {font-size: .7143em !important;; /* equiv 10px */ line-height: 2.1em;}
.small {font-size: .8571em !important;; /* equiv 12px */ line-height: 1.75em;}
.normal{font-size: 1.0571em !important;; /* equiv 12px */ line-height: 1.55em;}
.big {font-size: 1.1429em !important; /* equiv 16px */	line-height: 1.3125em;}
.bigger {font-size: 1.2857em !important; /* equiv 18px */ line-height: 1.1667em;}
.biggest {font-size: 1.4286em !important; /* equiv 20px */ line-height: 1.05em;}
.updown {font-size: 2.2em !important;}
.fleche{font-size: 34px;}

.bold{font-weight: bold;}
.italic{font-style: italic;}
.lower{text-transform: lowercase;}
.upper{text-transform: uppercase;}
.cache{display: none !important;}
.affiche{display: block !important;}
.border0{border: 0px solid white !important;-webkit-box-shadow: none !important;}
.main{cursor: pointer;}

/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}


/* alignments (blocks and inline) */
.relative {position: relative;}
.left {float: left;}
.right {float: right;}
.abs-right0 {right: 0 !important; left: auto !important;}
.abs-right1 {right: 10px !important; left: auto !important;}
.abs-right2 {right: 20px !important; left: auto !important;}
.abs-left0 {left: 0 !important; right: auto !important;}
.abs-left1 {left: 10px !important; right: auto !important;}
.abs-left2 {left: 20px !important; right: auto !important;}

.center {margin: auto;}
.txtleft {text-align: left;}
.txtright {text-align: right !important;}
.txtcenter {text-align: center !important;}
.vmiddle{vertical-align: middle !important;}
.vtop{vertical-align: top !important;}
.inline {display: inline;}
.both {clear:both}
.hidden {overflow: hidden;}
.fixe {table-layout: fixed;}
.radius{border-radius:6px;}
.border1{border:1px solid #000;}

.w10    { width: 10%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w45    { width: 45%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100% !important; }

.w20p 	{ width: 20px; }
.w30p 	{ width: 30px; }
.w50p 	{ width: 50px; }
.w60p 	{ width: 60px; }
.w80p 	{ width: 80px; }
.w100p 	{ width: 100px!important; }
.w110p 	{ width: 110px!important; }
.w120p 	{ width: 120px; }
.w130p 	{ width: 130px!important; }
.w150p 	{ width: 150px!important; }
.w200p 	{ width: 200px!important; }
.w220p 	{ width: 220px; }
.w230p 	{ width: 230px; }
.w250p 	{ width: 250px!important; }
.w300p 	{ width: 300px; }
.w350p 	{ width: 350px; }
.w400p 	{ width: 400px; }
.w450p 	{ width: 450px; }
.w470p 	{ width: 470px; }
.w500p 	{ width: 500px !important; }
.w560p 	{ width: 560px; }
.w600p 	{ width: 600px; }
.w680p 	{ width: 680px; }
.w700p 	{ width: 700px; }
.w800p 	{ width: 800px; }
.w980p 	{ width: 980px; }
.mw980p { max-width: 980px; }
.mw1400p { max-width: 1400px; }
.miw980p { min-width: 980px; }
.h700p 	{ height: : 700px; }

.h10p { height: 10px; }
.h20p { height: 20px; }
.h30p { height: 30px; }
.h40p { height: 40px; }
.h50p { height: 50px; }
.h100p { height: 100px; }
.h200p { height: 200px; }
.h300p { height: 300px; }
.h400p { height: 400px; }
.h500p { height: 500px; }
.h600p { height: 600px; }
.h700p { height: 700px; }


.m-reset, .ma0 { margin: 0 !important; }
.ma1, .mas { margin: 10px !important; }
.ma2, .mam { margin: 20px !important; }
.ma3, .mal { margin: 30px !important; }
.pa1, .pas { padding: 10px; }
.pa2, .pam { padding: 20px; }
.pa3, .pal { padding: 30px; }

.mt-1 { margin-top: -20px !important; }
.mt0, .mtn { margin-top: 0 !important; }
.mt1, .mts { margin-top: 10px !important; }
.mt2, .mtm { margin-top: 20px !important; }
.mt3, .mtl { margin-top: 30px !important; }
.mr0, .mrn { margin-right: 0; }
.mr1, .mrs { margin-right: 10px; }
.mr2, .mrm { margin-right: 20px; }
.mr3, .mrl { margin-right: 30px; }
.mr5{ margin-right: 50px; }
.mr10 { margin-right: 100px; }
.mb0, .mbn { margin-bottom: 0 !important; }
.mb1, .mbs { margin-bottom: 10px !important; }
.mb2, .mbm { margin-bottom: 20px !important; }
.mb3, .mbl { margin-bottom: 30px !important; }
.mb5 { margin-bottom: 50px !important; }
.mb10 { margin-bottom: 100px !important; }
.ml0, .mln { margin-left: 0; }
.ml1, .mls { margin-left: 10px; }
.ml2, .mlm { margin-left: 20px; }
.ml3, .mll { margin-left: 30px; }
.ml5 {margin-left: 50px;}
.ml10, .mll { margin-left: 100px; }


.p-reset, .pa0 { padding: 0 !important; }
.pt0, .ptn { padding-top: 0 !important; }
.pt1, .pts { padding-top: 10px !important; }
.pt2, .ptm { padding-top: 20px !important; }
.pt3, .ptl { padding-top: 30px !important; }
.pr0, .prn { padding-right: 0!important; }
.pr1, .prs { padding-right: 10px !important; }
.pr2, .prm { padding-right: 20px !important; }
.pr3, .prl { padding-right: 30px !important; }
.pb0, .pbn { padding-bottom: 0 !important; }
.pb1, .pbs { padding-bottom: 10px !important; }
.pb2, .pbm { padding-bottom: 20px !important; }
.pb3, .pbl { padding-bottom: 30px !important; }
.pl0, .pln { padding-left: 0; }
.pl1, .pls { padding-left: 10px !important; }
.pl2, .plm { padding-left: 20px !important; }
.pl3, .pll { padding-left: 30px !important; }
.pl5 { padding-left: 50px !important; }

/* Couleurs */
.txtnoir{color: #000000 !important;}
.txtblanc{color: #ffffff !important;}
.txtbleu{color: #007FB7 !important;}
.txtrouge{color: #D60047 !important;}
.txtgris{color: #666;}
.txtvert{color:#1bbc63;}
.txtorange{color:#e37000}
.txtgrisclair{color: #ccc !important;}
.fondblanc{background: #fff;}
.fondbleu{background: #007FB7;}
.fondrouge{background: #d60047  !important;color: white  !important;}
.fondorange{background: #f6a706  !important;color: white  !important;}
.fondgris{background: #E4E4E4 !important;}
.fondgrisautre{background: #EDEDED !important;}
.fondgrisclair{background: #F2F2F2 !important;}
.fondgrisfonce{background: #CCCCCC !important;}
.fondnoir{background: #555 !important;color: white !important;}
.fondvert{background: #00bd5f !important;}
.bgjaune{background: #f3f686;color: #000;}

.fondnoiropaque{ display:none;background: rgba(0,0,0,0.7) !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index: 100000000;}
.fondnoiropaque img {top : 50%; margin-top : -50px; height: 100px; position: absolute;}

.input-xmini {
  width: 40px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 100px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 370px;
}
.input-xxlarge {
  width: 530px;
}
.input-total {
  width: 100%;
}


.ptmaj{font-variant: small-caps;font-size: 1.5em}
a.passeport,a.passeport:visited{background-color:#007FB7;border-radius:6px;padding:10px;color:#fff  !important;text-decoration:none;font-size: 12px !important;}
a.passeport:hover{background-color:#139337;border-radius:6px;padding:10px;color:#fff  !important;text-decoration:none;font-size: 12px !important;}
.pactive{background-color:#139337!important;color:#fff !important;}
.pdisabled{background-color:#ccc !important;}

a.passeport2,a.passeport2:visited{background-color:#007FB7;border-radius:6px;padding:10px;color:#fff  !important;text-decoration:none;font-size: 14px !important;width: 170px;display:block;text-align: center;}
a.passeport2:hover{background-color:#139337;border-radius:6px;padding:10px;color:#fff  !important;text-decoration:none;font-size: 14px !important;}

a.grille,a.grille:visited{background-color:#ED7D31;border-radius:6px;padding:10px;color:#fff  !important;text-decoration:none;font-size: 14px !important;width: 170px;display:block;text-align: center;}
a.grille:hover{background-color:#139337;border-radius:6px;padding:10px;color:#fff  !important;text-decoration:none;font-size: 14px !important;}

a.detail,a.detail:visited{background-color:#ffffff;border-radius:6px;padding:10px;border: 1px solid #000;text-decoration:none;font-size: 14px !important;width: 170px;display:block;text-align: center;color:#000000;}
a.detail:hover{background-color:#139337;border-radius:6px;padding:10px;color:#fff !important;text-decoration:none;font-size: 14px !important;}

input.presence{ background-color:#139337;border:#FFFFFF 0px solid;border-radius:6px;padding:10px;color:#fff !important;}

.rgpd {width: 1200px; }
.rgpd th{font-size: 32px;background-color: white;color: #333;padding:10px; }
.rgpd td{font-size: 16px;line-height:24px; white;color: #333;padding: 10px 50px; text-align: justify;}


a.annul, input[type=button].annul, input[type=submit].annul {
	border: 1px solid #9c9ea0;
	background-color: #9c9ea0;
	border-radius:4px;
	font-size: 12px !important;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	text-align: center;
	cursor: pointer;
	padding: 5px 10px !important;
}

#fond-bloc-gris{padding:20px; border-radius:8px; -moz-border-radius: 8px; -o-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; background:#ccc; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);margin-bottom: 10px;}

table#grid { margin: 0; border-collapse: collapse;width:100% }
table#grid th {font-size: 13px;font-weight: bold; border-top: dotted 1px #666;padding:5px;text-align: left;}
table#grid th.tabfondbleu{ color: #fff !important;text-decoration: none;background-color:#0182D5 !important; }
table#grid th.tabfondbleu a{ color: #fff !important;text-decoration: none; }
table#grid th a{ color: #222;text-decoration: none; }
table#grid th a:hover{ color: #eb1217;text-decoration: underline; }
table#grid td { border-top: dotted 1px #666; font-size: 12px; color: #333; padding:6px;}
table#grid td a { font-size: 12px; color: #0182D5; }

.grid { margin: 0; border-collapse: collapse;width:100% }
.grid th {font-size: 13px;font-weight: bold; border-top: dotted 1px #666;padding:5px;text-align: left;}
.grid th.tabfondbleu{ color: #fff !important;text-decoration: none;background-color:#0182D5 !important; }
.grid th.tabfondbleu a{ color: #fff !important;text-decoration: none; }
.grid th a{ color: #222;text-decoration: none; }
.grid th a:hover{ color: #eb1217;text-decoration: underline; }
.grid td { border-top: dotted 1px #666; font-size: 12px; color: #333; padding:6px;}
.grid td a { font-size: 12px; color: #0182D5; }
.grid td a.choix { font-size: 12px; color: #25b03a; }

.gridvert { margin: 0; border-collapse: collapse;width:100% }
.gridvert th {font-size: 13px;font-weight: bold; border-top: dotted 1px #666;padding:5px;text-align: left;}
.gridvert th.tabfondvert{ color: #fff !important;text-decoration: none;background-color:#25b03a !important; }
.gridvert th.tabfondvert a{ color: #fff !important;text-decoration: none; }
.gridvert th a{ color: #222;text-decoration: none; }
.gridvert th a:hover{ color: #eb1217;text-decoration: underline; }
.gridvert td { border-top: dotted 1px #666; font-size: 12px; color: #333; padding:6px;}
.gridvert td a { font-size: 12px; color: #25b03a; }
.gridvert td a.panier { font-size: 12px; color: #0182D5; }

.stage_panier{background-color: #cbf2db;}
.stage_choix{background-color: #67e59b;}
.stage_resa{border-radius: 10px; background-color: #03a82f;	color: white;	font-weight: bold;	font-size: 0.9em;	padding: 3px 7px;}

tr.draggable-row {
	cursor: move;
}
a.btnstage {background-color:#38ada9;border-radius:4px;padding:5px 10px;color:#fff  !important;text-decoration:none;font-size: 12px !important;}