/* CSS Document */


body {width:1500px;margin:10px auto; /* width:1000px;*/
font-family: Tahoma,Arial,Verdana;
font-size: 0.8em;
}

h1, h2, h3, h6
{
	color: #555A5B;
	text-transform:uppercase;
}

h4 {
 color: #555A5B;
 border-bottom: 1px solid #CCCCCC;
 text-transform:uppercase;
}

h5 {
 color: #000000;
 text-transform:uppercase;
}

.orangeactiv {color:#f8ae4c;text-decoration:none}
.vertactiv {color:#BECB1D;text-decoration:none}
.violetactiv {color:#713179;text-decoration:none}
.marronactiv {color:#5c4e37;text-decoration:none}

.lienshautactif {color:#BECB1D;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lienshaut {color:#f8ae4c;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.lienshaut a {color:#f8ae4c;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.lienshaut a:hover {color:#713179;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}

.lienshautactifdoc {color:#BECB1D;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lienshautdoc {color:#f8ae4c;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.lienshautdoc a {color:#f8ae4c;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.lienshautdoc a:hover {color:#713179;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}





.txtorange1s {color:#f8ae4c;font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.txtorange2 {color:#f8ae4c;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.txtvvert1 {color:#BECB1D;font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtvvert1b {color:#A5CD1B;font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-weight:bold}
.txtvvert2 {color:#BECB1D;font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtviolet1 {color:#713179;font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.txtviolet2 {color:#713179;font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtvioletdecal {margin-left: -10px;color:#713179;font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtmarron1 {color:#63543A;font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtmarron2 {color:#63543A;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.txtmarron2norm {color:#63543A;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtmarron2ital {color:#63543A;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:italic}

.txtmarron3 {color:#63543A;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif}
.txtmarroni {color:#63543A;font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic}
.txtmarronital3 {color:#63543A;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.txtentretps {color:#8D8D8D;font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.txtmarronital3 a {color:#f8ae4c;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-decoration:none}
.txtmarronital3 a:hover{color:#BECB1D;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-decoration:none}


.bord {margin:10px;padding:10px; background-color:#FEFAF3; text-align:left; color:#63543A;font-size:13px;}
.bordorange {margin-top:20px; margin-bottom:15px;padding:5px; border-width:2px;border-style:solid;border-color:#f8ae4c; background-color:#FEFAF3;}
.hidebordorange {margin-top:20px; margin-bottom:15px;padding:5px; border-width:2px;border-style:solid;border-color:#f8ae4c; background-color:#FEFAF3; display:none;}

.vertokppetit {font-size:14px;color: #009900; font-weight: bold; }
.vertok2 {color:#9DC41A; font-weight: bold;}

.orangeok {color: #FF9900; font-weight: bold; }
.time {color:#63543A;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right}
.rougeok {color: #FF0000; font-weight: bold; }
.taille12 {font-size: 12px}
.taille13 {font-size: 13px}

.taille12n {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal}

/*.vertok {color: #2db314; font-weight: bold; }
.orangealert {color: #f79700; font-weight: bold; }*/
.vertok {color: #090; font-weight: bold; }
.orangealert {color: #FF9E0D; }
.rougeno {color: #f20707; font-weight: bold; }

/*****************************************************/
/*				Input Hover
/*****************************************************/
.go {
border:none;
}



#suiviprod {
cursor:pointer;
width: 180px;
height: 52px;
background:url('../images/btn_suivi_prod.gif') 0 0 no-repeat;
border: none;
}

#suiviprod:hover {
cursor:pointer;
background:url('../images/btn_suivi_prod_hover.gif') 0 0 no-repeat;
}

#docenligne {
cursor:pointer;
width: 180px;
height: 52px;
background: url('../images/btn_doc_en_ligne.gif') 0 0 no-repeat;
border: none;
}

#docenligne:hover {
cursor:pointer;
background: url('../images/btn_doc_en_ligne_hover.gif') 0 0 no-repeat;
}

#opekorian {
cursor:pointer;
width: 180px;
height: 52px;
background:url('../images/btn_opekorian.gif') 0 0 no-repeat;
border: none;
}

#opekorian:hover {
cursor:pointer;
background:url('../images/btn_opekorian_hover.gif') 0 0 no-repeat;
}

#cadeaux {
cursor:pointer;
width: 180px;
height: 52px;
background:url('../images/btn_cadeaux.gif') 0 0 no-repeat;
border: none;
}

#cadeaux:hover {
cursor:pointer;
background:url('../images/btn_cadeaux_hover.gif') 0 0 no-repeat;
}

#invitations {
cursor:pointer;
width: 200px;
height: 58px;
background:url('../images/btn_invitations.gif') 0 0 no-repeat;
border: none;
}

#invitations:hover {
cursor:pointer;
background:url('../images/btn_invitations_hover.gif') 0 0 no-repeat;
}

#fournitures {
cursor:pointer;
width: 200px;
height: 58px;
background: url('../images/btn_fournitures.gif') 0 0 no-repeat;
border: none;
}

#fournitures:hover {
cursor:pointer;
background: url('../images/btn_fournitures_hover.gif') 0 0 no-repeat;
}

#documentations {
cursor:pointer;
width: 200px;
height: 58px;
background:url('../images/btn_documentations.gif') 0 0 no-repeat;
border: none;
}

#documentations:hover {
cursor:pointer;
background:url('../images/btn_documentations_hover.gif') 0 0 no-repeat;
}

#valider {
cursor:pointer;
width: 180px;
height: 52px;
background:url('../images/btn_valider.gif') 0 0 no-repeat;
border: none;
}

#valider:hover {
cursor:pointer;
background:url('../images/btn_valider_hover.gif') 0 0 no-repeat;
}

#modifier {
cursor:pointer;
width: 180px;
height: 52px;
background: url('../images/btn_modifier.gif') 0 0 no-repeat;
border: none;
}

#modifier:hover {
cursor:pointer;
background: url('../images/btn_modifier_hover.gif') 0 0 no-repeat;
}


#confirmer {
cursor:pointer;
width: 180px;
height: 52px;
background: url('../images/btn_confirmer.gif') 0 0 no-repeat;
border: none;
}

#confirmer:hover {
cursor:pointer;
background: url('../images/btn_confirmer_hover.gif') 0 0 no-repeat;
}

#validmail {
cursor:pointer;
width: 120px;
height: 35px;
background:url('../images/btn_validmail.gif') 0 0 no-repeat;
border: none;
}

#validmail:hover {
cursor:pointer;
background:url('../images/btn_validmail_hover.gif') 0 0 no-repeat;
}


/*****************************************************/
/*				Menu Haut
/*****************************************************/
#menuhaut
{
    width: 100%;
	height: 23px;
    /*border: 1px solid #bababa;*/
    background-color: #999999;
    text-align: center;
border-bottom:solid 0px #ffffff;
}

#menuhaut ul
{
    list-style: none;
    width: 105%;
	margin-left: -65px;

}
#menuhaut li
{
	display: inline;
	color: white;
	/*border-right: 1px solid #bababa;*/
}

#menuhaut a
{
    padding: 5px 3px 4px 3px;
	font-weight: bold;
	line-height: 24px;
	color:#ffffff;font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}

#menuhaut a:hover
{
color:#ffffff;
background-color: #ffbb37;
/*color:#ffbb37;*/
/*color:#BECB1D;*/
/*color:#319FFF;*/
}

.PgsSelMenuhaut
{
color:#BECB1D;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
	background-color: #ffbb37;
}

/*****************************************************/
/*				Menu
/*****************************************************/
#menu
{
    width: 100%;
	height: 24px;
    /*border: 1px solid #bababa;*/
    background-color: #c1c1c1;
    text-align: left;
}

#menu ul
{
    list-style: none;
    width: auto;
	margin-left: -40px;
}
#menu li
{
	display: inline;
	color: white;
	/*border-right: 1px solid #bababa;*/
}

#menu a
{
    padding: 4px 10px 4px 10px;
	line-height: 24px;
	font-weight: bold;
	color:#ffffff;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}

#menu a:hover
{
color:#ffffff;
background-color: #ffbb37;
/*color:#ffbb37;*/
/*color:#BECB1D;*/
/*color:#319FFF;*/
}



/*****************************************************/
/*				TABLEAU
/*****************************************************/
#tableau
{
	width: 100%;
	border: 1px solid #bababa;
	border-collapse: collapse;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

#tableau th {
	border: 1px solid #CCCCCC;
	background-color:#8C8C8C;
	color:#FFFFFF;
	position: sticky;
top: 0px;
}

#tableau td
{
	border: 1px solid #CCCCCC;
}

#tableau td a
{
color:#000000;
}

#tableau td a:hover
{
color:#000000;
background:#CDCDCD;	
}


#tableau tr:hover { 
background:#CDCDCD;
/*background-image:url(images/delete.png)*/
/* background-image: url('../images/delete.png');*/
}

#tableau .cel
{
	padding-left: 0.5%;
	padding-right: 0.5%;
}

a.order_asc,
a.order_desc:hover { 
	padding-left:10px;
	background:transparent url(../images/s_asc.png) left no-repeat;color:#63543A;text-decoration:none}

a.order_desc,
a.order_asc:hover {
	padding-left:10px;
	background:transparent url(../images/s_desc.png) left no-repeat;color:#63543A;text-decoration:none}
	
#tableau a {color:#ffffff;text-decoration:none}
#tableau a:hover{color:#ffffff}
#tableau a:active{color:#ffffff}

/*****************************************************/
/*				TABLEAU DRAGG
/*****************************************************/

table#list-photos {
  list-style:none;
}
/* style des éléments de la liste */
table#list-photos td {
  cursor:move;
 
}
/* style de l'élément fantome, qui apparait losque que l'on bouge un élément */
table#list-photos td.highlight {
  background:#f2f2f2;
}

/*****************************************************/
/*				TABLEAU DRAGG UL
/*****************************************************/

ul#list-photos {
  list-style:none;
  margin-left: -39px;
  width:510px;

}
/* style des éléments de la liste */
ul#list-photos li {
  border:1px solid #ddd;
  cursor:move;

}
/* style de l'élément fantome, qui apparait losque que l'on bouge un élément */
ul#list-photos li.highlight {
  background:#f2f2f2;
  border:1px dashed #212326;
}


/*****************************************************/
/*				CONTENU
/*****************************************************/

#contenu
{
	max-width:1500px; !IMPORTANT
	/*margin-left: 1%;
	margin-top: 1%;*/
	background-color:#F8F8F8;
}

#contenu a
{
	text-decoration: none;
}

#enTete
{
	margin: 20px 0 10px 0px;
}

.contlink
{
text-decoration:none;
color:#FFFFFF;
background-color:#8C8C8C;
padding:3px;
}

a.contlink
{
text-decoration:none;
color:#FFFFFF;
/*background-color:#8C8C8C;*/
	background-color:#2E6AB1;
padding:3px;
}

.tblView
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
}

.champsoblig {
color: #FF0000; font-weight: bold;
}

.tblView1
{
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	padding:5px;
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
}
.tblView2
{
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	padding:5px;
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
}

.inpText
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
	width:240px
}

.inpTextTresCourt
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
	width:50px
}

.inpTextCourt
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
}

.inpTextCourt2
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
	width:200px
}



.inpTextMoyen
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
	width:550px
}

.inpTextLong
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
	width:750px
}

.inpCkeck
{
	
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
}


.selOption
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
}

.PgsSelMenu
{
color:#BECB1D;font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
	background-color: #ffbb37;
}

/*********************************************************
		Calendrier
*********************************************************/
.calendrier
{
	border: 1px solid #CCCCCC;
	padding: 2px;	
	font-family: Tahoma,Arial,Verdana;
	font-size: 9pt;
}

.calendar
{
	background-color:#f7f6f3;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #0099cc;
}

.calendar a
{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

.calendar span
{
	float:left;
	display:block;
	width:25px;
	cursor:pointer;
	text-align:center;
}

.titleMonth
{
	width:100%;
	background-color:#08a1d4;
	color:#FFFFFF;
	text-align:center;
	border-bottom:1px solid #666;
	margin:none;
	padding:none;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}

.separator
{
	float:left;
	display:block;
	width:25px;
}

.currentDay
{
	font-weight:bold;
}