body{
	background-image: url(../images/bg-page.png);
	background-repeat: repeat;
	background-color: #f6f6f5;
/*	font:normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#5e5e5e;
}

.nobr {
    white-space: nowrap;
}

table {
	font-size: 11px;
}

td {
	font-size: 11px;
}

.recherche {
	font-weight: bold;
	color: black;
}
th {
	font-size: 11px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

input, textarea, select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #c1cad7;
	vertical-align:2px;
	padding:1px;
	color: #5e5e5e;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
}

.resume {
	width: 380px;	
	border-bottom:1px dotted;
}

/* COMMANDE */
.cde {
	text-align: left;
  font-size   : 10px;
  border-style:solid; 
  border-width:1px; 
  border-color:black;
  width:95%;
  border-collapse:collapse;
  background-color:#fff;
}

.cde-art{
	text-align: left;
  width:100%;
  font-size   : 10px;
  border-width:1px; 
  border-color:black;
  border-collapse:collapse;
  border-style:solid;
}
.cde-art td{	
  padding-left:5px;
  padding-right:5px;
}
	
.color2 {
  background-color : #f6f6f6;
}
	
.separateurPartie {
	padding:4px;
	margin :2px;
	border: 1px solid #cccccc;
	
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	color : #5e5e5e;	
	
	font-size: 20px;
	text-align: center;
	margin-bottom:10px;
	
	background-color: #4687c1;
	color: #fff;
}

input[type=button], input[type=button]:visited {
	color: #032b56;
	background-color: #e3ebf4;
	border:0;
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	padding:2px 7px 3px;
}

input[type=submit], input[type=submit]:visited {
	color: #032b56;
	background-color: #e3ebf4;
	border:0;
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	padding:2px 7px 3px;
}

input[type=checkbox]{
	padding:0;
}

input[type=radio]{
	padding:0;
}

input[type=button]:hover{
	background-color:#4687c1;
	color:#fff;
}

input[type=button]:active{
	top:1px;
}

input[type=submit]:hover{
	background-color:#4687c1;
	color:#fff;
}

input[type=submit]:active{
	top:1px;
}

input[readonly] {
	background-color: #eeeeee;
}

input[disabled] {
	background-color: #eeeeee;
}

select[disabled] {
	background-color: #eeeeee;
}

select.errorMessage {
	border: red 1px solid;
	color: red;
}

hr {
	size: 1px;
}

fieldset {
	padding: 10px; 
	border: 1px solid #dddddd;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

legend { 
	font-weight: bold; 
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	background-color: #fff;
	border: 1px solid #aaa;
	padding : 2px;
}

tr.visibleoff {
	display: none;
}

tr.visibleon {
	display: table-row;
}

/*-- Warning --*/
#warning {
	width: 95%;
	clear: both;
	text-align: center;
	color: red;
	font-size: 11px;
	border-bottom-width: 0px;
	font-weight: bold;
	/*
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px #DBDAD9 solid;
	background-image: url(../images/bg-bloc1.png);
	background-color: #F9F9F8;
	background-position: top center;
	*/
}

#warning a {
	color: #4687C1;
}

#warning a:hover {
	color: #FF9214;
}

/*-- Footer --*/
.footer {
	width: 95%;
	background-repeat: repeat-x;
	border: 1px #DBDAD9 solid;
	background-image: url(../images/bg-footer.png);
	background-color: #4687c1;
	background-position: top center;
	clear: both;
	text-align: center;
	height: 15px;
	color: #FFFFFF;
	border-top-width: 0px;
	font-size: 10px;
	
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
}

.footer a {
	color: #AACDFD;
}

.footer a:hover {
	color: #FF9214;
}

/*-- Bloc --*/
.bloc {
	width: 95%;
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px #DBDAD9 solid;
	
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
}

.bloc .inner {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: left;
/*	background: url(../images/tx2_about.png) no-repeat;*/
	background-position: top right;
}

.bloc1 {
	background-image: url(../images/bg-bloc1.png);
	background-color: #F9F9F8;
	background-position: top center;
}

.bloc2 {
	background-image: url(../images/bg-bloc2.png);
	border-color: #E2EDF8;
}

h2.titreBloc {
	position: relative;
	color: #000000;
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	background-position: right;
}

h2.titreBloc img {
	position: absolute;
	top: -10px;
	left: 10px;
}

.errorMessage {
	color: red;
}

html>body h2.titreBloc {
	margin-bottom: -10px;
	margin-left: 10px;
}

html>body h2.titreBloc img {
	position: relative;
	top: 0;
	left: 0;
}

.bloc h3 {
    color:#4686C0;
    line-height:1.2;
    font-size:22px;
    letter-spacing:-1px;
    font-weight:700;
    margin:10px 0 15px;
	padding-left: 30px;
	padding-top: 3px;
	background: url(../images/star_big.gif) no-repeat 0px 3px;
    
	display:inline-block;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
}

.bloc h1 {
	color: red;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	padding-left: 20px;
	background: url(../images/p-warning.png) no-repeat;
}

.bloc .pied {
	clear: both;
	height: 15px;
}

.enCours {
	font-size: 16px;
	font-weight: bold;
}

a.enCours:hover {
	color: #feb144;
	font-weight: bold;
	font-size: 16px;
}

a {
	text-decoration: none;
	color: #4687c1;
}

a:hover {
	color: #feb144;
}

img {
	border: 0px;
	margin-right: 3px;
	margin-left: 3px;
}

img.icon {
	height: 32px;
	width: 32px;
}

hr.grey {
	color: #dddddd;
	background-color: #dddddd;
	height: 1px;
	border: 0px;
}

img.contour {
	border: 1px;
	color: #032b56;
	border: #ffffff 1px solid;
}

span.required {
	color: red;
}

.justify {
	text-align: justify;
}

.strong {
	font-weight: bold;
}

th {
	background-color: #7eadd7;
	color: #ffffff;
	text-align: center;
}
/*
.ligne {
	background-color: #e3ebf4;
	text-align: left;
}

.ligne2 {
	background-color: #f6f6f5;
	text-align: left;
}
*/
.ligne {
	background-color: #d9e3ed;
	text-align: left;
}

.ligne2 {
	background-color: #e2efed;
	text-align: left;
}

.erreur {
	text-align: center;
	font-weight: bold;
	color: red;
}


.bleu {
	color: #4679a6;
}

.green {
	color: green;
}

.red {
	color: red;
}

.grey10 {
	font-size: 10px;
	color: #5e5e5e;
	text-decoration: none;
	line-height: 12px;
}

.grey11 {
	font-size: 11px;
	color: #5e5e5e;
	text-decoration: none;
	line-height: 13px;
}

.grey12 {
	font-size: 12px;
	color: #5e5e5e;
	text-decoration: none;
	line-height: 14px;
}

div.numpage {
	font-size: 11px;
	text-align: center;
}

a.selector,a.selected {
	height: 14px;
	border: #c1c1c1 1px solid;
	color: #606060;
	background-image: url(../images/p-fill.png);
	padding: 2px;
	margin: 0 1px;
	font: bold 10px "Lucida Grande", Verdana, Sans-serif;
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
}

a.selected,a.selected:visited,a.selected:hover {
	position: relative;
	border: 1px solid #e11a11;
	color: #e11a11;
	text-decoration: none;
}

a.selector:hover {
	border: 1px solid #bb2f0e;
	color: #bb2f0e;
	text-decoration: none;
}

#onglets {
	position: absolute;
	border: 1px solid transparent;
	padding: 0;
	font-size: 11px;
	list-style-type: none;
	left: 50%;
	margin-top: 0;
	width: 800px;
	margin-left: -400px; /* la moitié de width */
}


	
#onglets li {
	padding:4px;
	margin :2px;
	/* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: #fff;
	border: 1px solid #cccccc;
	
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	color : #5e5e5e;	
}

#onglets li.active, #onglets li:hover {
	font-weight: bold;
	background-color: #4687c1;
	color: #fff;
}

#onglets li.active a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#onglets a {
	display: block;
	color: #666;
	text-decoration: none;
}

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

#onglets li.mandatory {
	border-color: red;
}

#onglets li.disabled {
	background-color: #eeeeee;
}


#menuonglets {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 60px;
}