/***************************************/
/*                CORPS                */
/***************************************/
body 
{
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}
form
{
  margin: 0px;
  padding: 0px;
}
a.lien, span.lien
{
  font-size: xx-small;
	color: #005DDC;
	text-decoration: underline;
}
span.lien_accueil
{
  font-size: xx-small;
	color: #005DDC;
	text-decoration: none;
	margin-bottom:20px;
}
img.lien, img.icolien, span.lien, span.lien_accueil
{
  cursor: pointer !important;
  cursor: hand;
}
img.icolien
{
  padding-right: 3px;
}

div.diaporama, div.diaporama_small, div.left div.diaporama_accueil
{
  float: left;
  margin-bottom: 5px;
}
div.diaporama
{
  width: 850px;
}

div.diaporama div.conteneur_titre2
{
  float: left;
  width: 850px;
}

div.diaporama_small
{
 /* width: 650px;*/
}
/*div.left div.diaporama_accueil
{
  width: 440px;
}*/
div.diaporama div.img-shadow, div.diaporama div.left div.img-shadow, div.diaporama_small div.img-shadow, div.left div.diaporama_accueil div.left div.img-shadow
{
  /*float: left;*/
  width: 104px;
  height: 104px;
  background: url(shadow.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
}
div.diaporama div.img-shadow, div.diaporama div.left div.img-shadow, div.diaporama_small div.img-shadow
{
  margin: 6px 2px 2px 13px !important;
  margin: 6px 8px 2px 7px;
}
div.left div.diaporama_accueil div.left div.img-shadow
{
  margin: 6px 2px 0px 13px !important;
  margin: 6px 2px 0px 7px;
}

.img-bloc
{
	float: left;
	
}

.img-title
{
	font-size: 10px;
	text-align: center;
}

div.diaporama div.img-shadow img, div.diaporama div.left div.img-shadow img, div.diaporama_small div.img-shadow img, div.left div.diaporama_accueil div.left div.img-shadow img
{
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer !important;
  cursor: hand;
  bottom: 4px;
  right: 4px;
}
div.diaporama div.img-shadow img, div.diaporama div.left div.img-shadow img, div.left div.diaporama_accueil div.left div.img-shadow img
{
	/* margin: -4px 0 0 -4px;*/
	/*margin: -4px 0 0 -10px;*/
}
div.diaporama_small div.img-shadow img
{
  /*margin: -4px 0 0 -4px !important;*/
	/*margin: -4px 0 0 -10px;*/
}

div.diaporama div.img-shadow img, div.diaporama div.left div.img-shadow img, div.diaporama_small div.img-shadow img, div.left div.diaporama_accueil div.left div.img-shadow img
{
  border: 1px solid #000000;
}
div.diaporama_small div.img-shadow img.ref
{
  border: 1px solid #be5273;
}
div.left div.diaporama_accueil div.left div.description, div.diaporama div.left div.description, div.diaporama_small div.left div.description
{
  clear: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  margin: 0 0 20px 12px;
}
div.left div.documentation
{
  clear:left;
  width:440px;
}

input, select, textarea
{
	font-family: verdana;
  font-size: 12px;
  border: 1px solid #be5273;
  padding-left: 3px;
}

#LIBL_REQ, #TEXT_REQ, #DESC_REQ
{	
	width: 720px;
}


input.oblig, select.oblig, textarea.oblig
{
	background-color: #E6B7C3;
}
.noborder input, input.noborder
{
  border: 0px;
}
.obligradio input, input.obligradio
{
  border: 0px;
  background-color: #E6B7C3;
}
input.reborder
{
  border: 1px solid #be5273;
}
div.readonly, span.readonly
{
  font-weight: bold;
  padding-left: 4px;
}
/***************************************/
/*               BANDEAU               */
/***************************************/
div.bandeau
{
  font-size: xx-small;
  height: 67px;
	background: url("../pic/bandeau.png") left top no-repeat;
	padding-top: 10px;
}
div.country_flag
{
  margin-top:26px !important;
  margin-top:29px;
}
/***************************************/
/*             MISE EN PAGE            */
/***************************************/
div.waiting
{
	text-align: center;
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
  font-weight: bold;
  color: #E24579;
  background-color: #E5E5E5;
  position:absolute;
  left:96px;
  top:80px;
  width: 660px;
  padding: 5px;
  margin-bottom:40px;
  border: 1px solid #be5273;
  z-index:100;
  /*visibility: hidden;*/
  cursor:default;
}
div.contenant, div.contenant_cont
{
	text-align: center;
	margin-top: 16px;
	margin-left: 112px;
}
div.contenant
{
	margin-right: 16px;
}
div.contenant_cont
{
	margin-right: 209px;
}
div.contenant div.contenu
{
  /*width: 860px;*/
}

select, textarea
{
    width: 200px;
}


div.contenant_cont div.contenu_cont
{
	/*width: 660px;*/
}

div.contenant_cont div.contenu_cont form > table
{
    width: 90% !important;
}

div.contenant_cont div.contenu_cont form
{
 	text-align: left;   
}

/***************************************/
/*           POSITIONNEMENT            */
/***************************************/
div.right
{
  float: right;
  padding-right: 10px;
  text-align: right;
}
div.left
{
  float: left;
  text-align: left;
}
div.center
{
  text-align: center;
}
div.bloc1
{
  border-left: 1px solid #287C15;
  margin-left: 4px;
  padding-left: 10px;
}
div.bloc1 div.titre
{
  font-variant: small-caps;
  font-size: 12px;
  font-weight: bold;
  color: #287C15;
  margin-left: -7px;
  margin-bottom: 8px;
  cursor: default;
}
div.bloc2
{
  border-left: 1px solid #287C15;
  padding-left: 10px;
}
div.bloc2 div.titre
{
  font-size: 11px;
  color: #287C15;
	text-align: left;
  font-weight: bold;
  margin-bottom: 8px;
  cursor: default;
}
td.lien_arr_left
{
  text-align: right;
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
  border-left: 1px solid #979797;
}
td.lien_arr_right
{
  text-align: right;
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
  border-right: 1px solid #979797;
}
/***************************************/
/*               GENERAL               */
/***************************************/
.libelle
{
  font-weight: bold;
  color: #979797;
  text-align: right;
  vertical-align:top;
}
td.champs
{
  text-align: left;
  white-space: normal;
  vertical-align:top;
}
td.champs input, td.champs select,td.champs textarea
{
  margin-top: -1px;
}
div.message
{
  font-weight: bold;
  color: #E24579;
  padding: 5px;
  margin-bottom:40px;
  cursor: default;
}
div.error
{
  font-weight: bold;
  color: #E24579;
  background-color: #E5E5E5;
  padding: 5px;
  margin-bottom:40px;
  border: 1px solid #be5273;
}
/***************************************/
/*              CARTOUCHE              */
/***************************************/
div.titre1, div.titre2, div.titre3
{
  font-variant: small-caps;
  font-weight: bold;
  margin-bottom: 4px;
  cursor: default;
}

	div.titre1
	{
		font-family: helvetica;
	  font-size: 24px;
	  color: #000000;
  	text-align: left;
		letter-spacing: 3px;
	}

	div.titre2
	{
		font-family: verdana;
	  font-size: 16px;
	  color: #E8457A;
  	text-align: left;
	  padding-left: 3px;
	}

	div.titre3
	{
		font-family: verdana;
	  font-size: 12px;
	  color: #638A2D;
		text-align: left;
		padding-left: 9px;
		padding-top: 6px;
	}
/***************************************/
/*          tableaux de liste          */
/***************************************/
table.alterne
{
	/*  width: 100%; */
	width: 90% !important;
  font-size: xx-small;
}

	table.alterne tr.entete
	{
	  font-weight: bold;
	  color: #979797;
	  text-align: left;
	}

  table.alterne tr.sep
{
  background-color: #FFFFFF;
  height: 4px;
}

table.alterne tr.trbleuf
{
  background-color: #E4EBF5;
}

table.alterne tr.trbleuc
{
  background-color: #EAF5FF;
}

table.alterne tr.trvertf
{
  background-color: #E6EFDD;
}

table.alterne tr.trvertc
{
  background-color: #EBF7DF;
}

table.alterne tr.trgrisc
{
  background-color: #F4F4F4;
}

table.alterne tr.trblanc
{
  background-color: #FFFFFF;
}

table.alterne tr td
{
  padding: 3px;
  cursor: default;
}

table.alterne tr td.hover, table.alterne tr td.vert_hover, table.alterne tr td.bleu_hover, table.alterne tr td.gris_hover
{
  cursor: pointer !important;
  cursor: hand;
}

table.alterne tr td.vert_hover
{
  background-color: #C2FB8A;
}
/*
table.alterne tr td.bleu_hover
{
  background-color: #AAF0FF;
}*/
.bleu_hover
{
	background-color: #AAF0FF;
}


table.alterne tr td.gris_hover
{
  background-color: #E4E4E4;
}
/****************************************/
/*           BOUTONS D'ACTION           */
/****************************************/
.boutonGris
{
    background-color: #c8c8c8;
    font-size: xx-small;
    font-weight: bold;
	 	font-family: verdana;
		color: #ffffff;
    cursor: pointer !important;
    cursor: hand;
		border: 0px;
		padding: 2px 0 1px 0; 
		margin-left: 7px;
}
.boutonGrisHover
{
    background-color: #a6a2a2;
    font-size: xx-small;
    color: #FFFFFF;
    font-weight: bold;
  	font-family: verdana;
    cursor: pointer !important;
    cursor: hand;
		border: 0px;
		padding: 2px 0 1px 0; 
		margin-left: 7px;
}
/****************************************/
/*         ALERT / DIALOGUE BOX         */
/****************************************/
#modalContainer 
{
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png);
	display:none;
}

.haut_alert
{
  height:11px;
  background: url(h_redalert.gif) no-repeat bottom;
}

.bas_alert
{
  height:11px;
  background: url(b_redalert.gif) no-repeat;
}

#redalert
{
	position:relative;
	top:250px;
	left:300px;
  visibility:hidden;
  z-index:20000;
  width:291px;
}
div.alertmsg
{
	color:#002561;
	font-weight:bold;
	padding-left:9px;
	padding-right:9px;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	font-size:10px;
  background: url(fond_redalert.gif);
}
#Alert_Msg, #confirm_ouinon_Msg
{
  padding-bottom:10px;
}
#modalContainer > redalert
{
	position:fixed;
}

/****************************************/
/*      CONFIRM_DEL / DIALOGUE BOX      */
/****************************************/
#modalContainerConfirm
{
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png);
	display:none;
}

#redconfirm_ouinon
{
	position:relative;
  width:291px;
	top:0px;
	left:0px;
  visibility:hidden;
  z-index:20000;
}

div.confirm_ouinonmsg
{
	color:#002561;
	font-weight:bold;
	width:291px;	
	padding-left:9px;
	padding-right:9px;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	font-size:10px;
}
#modalContainerConfirm > redconfirm_ouinon
{
	position:fixed;
}

.recap
{
 	width: 36%;   
}

.recap ul li
{
  font-size: 12px;
	font-weight: bolder;
	background-color: #E6B6C2;
	list-style: none;
}

.recap ul li ul
{
	font-size: 10px;
	background-color: #FFF;
}

.recap ul li ul li
{
	font-size: 10px;
	background-color: #FFF;
    list-style-type: square;
	font-weight: bolder;
}

.recap ul li ul li ul li
{
    font-size: 10px;
	font-weight: normal;
	list-style-type: disc;
}

.recap ul li ul li ul li ul li
{
 	font-size: 10px;
	font-weight: normal;
	list-style-type: circle;   
}

.recap .key
{
    color: #598F23;
	font-weight: bolder;
}

.btnDiv
{
    position: fixed;
	top: 130px;
	right: 250px;
}

.btnValider
{
	background-color: #E8457A;
	font-weight: bolder;
	cursor: pointer;
	padding: 2px;
	color: #FFF;
}

.btnAnnuler
{
 	background-color: #CCC;
	color: #FFF;
	font-weight: bolder;
	cursor: pointer;
	padding: 2px;
}

.commTable
{
    border-collapse: collapse;
	border-spacing: 0px;
}

.commTable .libelle
{
	text-align: left;
	width: 200px;
}

.commTable .itr
{
    cursor: pointer;
}

.commTable td
{
    vertical-align: top;
}

.histTable
{
    border-collapse: collapse;
	border-spacing: 0px;
}

.histTable .libelle
{
    text-align: center;
	background-color: #E4EBF5;
	height: 20px;
	padding: 2px;
	width: 150px;
}

.histTable td
{
	font-weight: normal;
	text-align: center;
	height: 18px;
}

.histLine0
{
    background-color: #F4F4F4;
}

.histLine1
{
    background-color: #DFDFDF;
}

fieldset
{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.version
{
	position: absolute;
	left: 133px;
	top: 10px;
	font-weight: bolder;
	color: #E8457A;
}

/* TABS */
.tabContainer
{
	min-height: 100px;
}

.tabs
{
	width: 100%;
}

.tabs ul
{
	margin: 0px;
	padding: 0px;
}

.tabs li
{
	float: left;
	position: relative;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-variant: small-caps;
	padding: 0px;
	margin: 0px;
	list-style: none;
	cursor: pointer;
}

.tabSelected
{
	background-color: #FFEFF3;
	color: #E8457A;
	font-weight: bolder;
	border: 1px solid #000;
	border-bottom: 1px solid #FFEFF3;
}

.tabUnselected
{
	background-color: #E6B6C2;
	color: #000;
	font-weight: normal;
	border: 1px solid #000;
	height: 15px !important;
	line-height: 15px !important;
	margin-top: 7px !important;
}

.tabUnselected:hover
{
	background-color: #EFD1D9;
}

.contents
{
	clear: both;
	border: 1px solid #000000;
	border-top: 0px;
	background-color: #FFEFF3;
	padding: 10px;
}

.contSelected
{
	
}

.contUnselected
{
	
}

.tabFrame
{
	display: block;
	position: static;
	font-size: 12px;
	height: 200px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #FFEFF3;
}

ul.nopuce{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div#div_contenant div.contenu_EXTRA
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
form#frm
{
	float: left;
}
div#critere
{
	float: left;
}