body {
	background-image: url(images/r2.jpg);
	background-repeat: repeat;
	margin: 0;
	font-size: 12px;
	color: #000000;
	font-family: "Arial", Verdana, Helvetica, Arial, sans-serif;
}

html>body .page {
	height: auto;
	min-height: 5em;
}

sup {
	color: red;
	font-weight:bold;
	}

td,th {
	font-size: 12px;
	color: #000000;
	font-family: "Arial", Verdana, Helvetica, Arial, sans-serif;
}

.page {
	height: 5em;
	position: relative;
}

label {
	display:block;
	width:125px;
	float:left;
}


fieldset {	
	border : solid 1px #6699CC;
	padding:20px;
	margin-bottom:20px;
	margin-right:10px;
	background-color:#FFFAF7;
	}
	


legend {
	font-size: 14px;
	color: #FF6600;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
}

input[type="text"] {
	border:1px solid #464646;
	color:#464646;
	font-family:'Trebuchet MS',Arial,'Lucida Grande';
	font-size:12px;
	font-weight:bold;
	float:left;
}
input[type="file"] {
	border:1px solid #464646;
	color:#464646;
	font-family:'Trebuchet MS',Arial,'Lucida Grande';
	font-size:12px;
	font-weight:bold;
	float:left;
}

textarea {
	border:1px solid #464646;
	color:#464646;
	font-family:'Trebuchet MS',Arial,'Lucida Grande';
	font-size:12px;
	font-weight:bold;
	float:left;
}
input[type="password"] {
	border:1px solid #464646;
	color:#464646;
	font-family:'Trebuchet MS',Arial,'Lucida Grande';
	font-size:12px;
	font-weight:bold;
	float:left;
}
select {
	border:1px solid #464646;
	color:#464646;
	float:left;
	font-family:'Trebuchet MS',Arial,'Lucida Grande';
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
}

.input_login {
	background:transparent url(images/icons/user1.png) no-repeat scroll 4px center;
	padding-left:25px;
}
.input_password {
	background:transparent url(images/icons/key1.png) no-repeat scroll 4px center;
	padding-left:25px;
}
.input_password2 {
	background:transparent url(images/icons/key1.png) no-repeat scroll 4px center;
	padding-left:25px;
}
.input_email {
	background:transparent url(images/icons/at.png) no-repeat scroll 4px center;
	padding-left:25px;
}

.input_siren {
	background:transparent url(images/icons/cabinet.png) no-repeat scroll 4px center;
	padding-left:25px;
}

.input_namee {
	background:transparent url(images/icons/copy.png) no-repeat scroll 4px center;
	padding-left:25px;
}

.input_fixe {
	background:transparent url(images/icons/telephone.png) no-repeat scroll 4px center;
	padding-left:25px;
}

.input_age {
	background:transparent url(images/icons/clock.png) no-repeat scroll 4px center;
	padding-left:25px;
}


.input_portable {
	background:transparent url(images/icons/mobilephone1.png) no-repeat scroll 4px center;
	padding-left:25px;
}

.input_name {
	background:transparent url(images/icons/document_text.png) no-repeat scroll 4px center;
	padding-left:25px;
}

.input_surname {
	background:transparent url(images/icons/document.png) no-repeat scroll 4px center;
	padding-left:25px;
}


.input_url {
	background:transparent url(images/icons/signpost.png) no-repeat scroll 4px center;
	padding-left:25px;
}


.div_boutons {
	display:block;
	float:left;
	margin-bottom:10px;
}

.champ_obligatoire {
	font-size:11px;
	color:#D80000;
	font-weight:bold;
	margin-left:10px;
	}
	
.champs_obligatoires {
	font-size:11px;
	color:#D80000;
	margin-top:10px;
	text-align:right;
	}
	
	
.barre_sep_pointille_bleu {
	border-bottom: 1px dashed #6699CC;
	margin-top:10px;
	margin-bottom:10px;
}
	


/*-------------------------------------------*/
	/*-------------------------------------------*/
	/* liste des catégories de la page d'accueil */
.metier .list {
	background: transparent
		url(images/arrow-orange.gif) no-repeat scroll 0px
		1px;
	color: #235AA9;
	font-size: 11px;
	margin-top: 6px;
	padding: 0px 0px 0px 18px;
	text-align: justify;
}

.metier  a {
	color: #EE8300;
	font-size: 12px;
}

.metier .list ul {
	margin: 1px 0px 20px;
	padding: 0px;
}

.metier .list li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------*/
#titre_popup {
	border-bottom: 1px solid #DEDEDE;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 40px;
}




#conditions {
	font-family: "Courier New", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-color: #DEDEDE;
}

#h3 {
	font-family: "Courier New", Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}


#sub_cats {
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCD6E0;
	border-top: 1px solid #CCD6E0;
	color: #0033CC;
	margin: -1px 0pt 0pt;
	padding: 0pt 0pt 0pt 20px;
}

/*----------------------------------------------------*/
/* cadre orange */
.blk_st {
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #B3B3B3;
	width: 230px;
	margin: 0px 0px 0px 10px;
	padding: 0pt;
}

.blkg_st {
	background:#EFEFEF none repeat scroll 0 50%;
	border:1px solid #B3B3B3;
	border-top:0px solid #B3B3B3;
	margin: 0px 0px 10px 10px;
	padding:5px;
	width:220px;
}

.blk_st p,.blk_st form {
	padding-left: 10px;
}

.blk_title {
	background: transparent url(images/h3o_bg.jpg)
		repeat-x scroll 0%;
	border: 1px solid #FF9900;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	margin: 0pt 0pt 10px;
	padding: 2px 0pt 0pt 5px;
	width: auto;
}


/* links **/
a:link {
	color: #4682B4;
	text-decoration: none;
	background-color: transparent
}

a:visited {
	color: #4682B4;
	text-decoration: none;
	background-color: transparent
}

a:active {
	color: #4682B4;
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: #D2691E;
	text-decoration: underline;
	background-color: transparent
}

#left {
	border: 0pt none;
	margin: 0pt 258px 0pt 0pt;
	padding: 0pt;
	width: auto;
}

div.result_blk {
	background: #F1F3FF url(images/tri_bg.jpg) repeat-x
		scroll left bottom;
	border-color: #CCD6E0 rgb(204, 214, 224) -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px 0pt;
	color: #003366;
	height: 100%;
	margin: 6px 0pt 6px;
	overflow: hidden;
	padding: 6px 6px 6px 6px;
}



.bloc h2 {
	background-color: inherit;
	margin: 0;
	border-width: 0 0 1px 4px;
	border-style: solid;
	border-color: #FF5102;
	padding: 1px 5px;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: black;
}



/* ------- account --------- **/
a-account:link,visited,active {
	color: #ffffff;
	text-decoration: none;
	background-color: transparent
}

.a-account:hover {
	color: #ffffff;
	text-decoration: underline;
	background-color: transparent
}


/* ------- subcategory --------- **/
.a-sscategory {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent
}

.a-sscategory:hover {
	text-decoration: underline;
}

/* ------- subcategory on main page --------- **/
.a-ssmaincategory {
	color: #000000;
	font-size: 8pt;
	text-decoration: none;
	background-color: transparent
}

.a-ssmaincategory:hover {
	text-decoration: underline;
}


#popup {
	background: transparent url(images/icons/popup.png) no-repeat scroll 5px
		;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	border: 2px solid #256025;
	padding: 14px;
	padding-left: 40px;
	background-color: #bfd9bf;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: justify;
	width: 93%;
}

#error {
	background: transparent url(images/icons/error.png) no-repeat scroll 5px
		;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	border: 2px dotted #CC0000;
	padding: 14px;
	padding-left: 40px;
	background-color: #FFDEC0;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: justify;
	width: 93%;
}

.tip {
	background: transparent url(images/icons/tip24.png) no-repeat scroll 5px		;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	border: 2px dotted #999999;
	padding: 8px;
	padding-left: 30px;
	background-color: #feffc2;
	margin-bottom: 10px;
	text-align: justify;
	display:block;	
	margin-top:4px;	
	margin-left:5px;	
	position:relative;
}

.warning {
	background: transparent url(images/icons/warning.png) no-repeat scroll 5px 20%		;
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	border: 2px solid #FF4516;
	background-color: #FFF8A0;
	margin-bottom: 10px;
	text-align: justify;
	display:block;	
	margin-top:4px;	
	margin-left:5px;	
	position:relative;
	padding:5px;
}

.warning h1 {
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight:bold;
	color:#FF1632;
	border:0px;
	}


.main_sub {
	background-color: #d9e2ea;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10pt;
	width: 100%;
	display: block;
	padding: 2px;
	background:#FFFFFF url(images/tabbed-rotator/uitabsbg.gif) repeat-x ;
	border:1px solid #B3B3B3;
	margin-top:4px;
}


/* Styles génériques */
.bloc,.comments {
	background-color: #E2EDF8;
	margin: 0 0 20px;
	border: 1px solid #7DACE7;
	padding: 10px 10px 0;
	color: black;
}

.comments+.comments {
	border-width: 2px;
}

.bloc h2,.comments h2 {
	background-color: inherit;
	margin: 0;
	border-width: 0 0 1px 4px;
	border-style: solid;
	border-color: #FF5102;
	padding: 1px 5px;
	font-size: 1.25em;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: black;
}

.orange {
	color: #FF5102;
}

.h3 {
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

/* div orange */
#div_orange {
	background-color: #FFECCE;
	border: 1px solid #666666;
	color: #000000;
	margin: 0pt 0pt 1em;
	padding: 0.5em 1em;
	position: absolute;
}

#div_orange h2 {
	background-color: transparent;
	color: #CC6600;
	margin: 0pt;
}


#div_orange a {
	background-color: transparent;
	color: #CC6600;
}

#div_orange a:hover {
	background-color: transparent;
	color: #336699;
}

/* end div orange */ /* begin left menu */
#menu {
	color: #000000;
	font-size: 12px;
}

#menu a {
	background-color: transparent;
	color: #000000;
	display: block;
	text-decoration: none;
	margin-left: 45px;
	margin-bottom: 3px;
}

#menu a:hover {
	background-color: #FFECCE;
	color: #FF6600;
	text-decoration: underline;
}

/* end left menu */ /* menu top */
#menu_top {
	color: #000000;
	margin-left: 10pt;
	padding: 0em 0em;
	width: 98%;
	text-align: left;
}


/* blue menu with hover */
#menu_blue {
	background: #7595C8 none repeat scroll 0%;
	border-color: #FFFFFF rgb(255, 255, 255) rgb(255, 81, 2);
	border-style: solid;
	border-width: 1px 1px 10px;
	color: #FFFFFF;
	margin: 0pt;
	padding: 0pt;
	position: relative;
	margin-left: 20px;
}

#menu_blue h2 {	
	border-bottom: 5px solid #FFFFFF;
	color: #FFFFFF;
	margin: 0pt;
	padding: 0.5em 1em;
}

#menu_blue p {
	color: #FFFFFF;
}

#menu_blue ul {
	border-bottom: 5px solid #FFFFFF;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}

#menu_blue ul li {
	border-bottom: 1px dotted #C8E4E8;
	margin: 0pt;
	padding: 0.7em 0.5em 0.8em 10px;
}

#menu_blue ul li:hover {
	background: #5A82BD url(images/menu_blue_puce.png) no-repeat scroll 0pt
		10px;
}

#menu_blue ul li:hover a {
	text-decoration: none;
}

#menu_blue a {
	background: transparent none repeat scroll 0%;
	color: #FFFFFF;
	font-weight: 700;
}

#menu_blue a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* texte */
div.calendar {
	color: #000000;
	margin: 0pt 1% 2em 160px;
	padding: 0pt 1% 1%;
}

#texte {
	margin: 2px;
}

#texte .abstract {
	display: block;
}

#div_main_category {
	background-color: #EEEFFF;
	border: 1px dotted #CCCCCC;
	text-align: justify;
	margin: 1pt 1pt 1pt 1pt;
	padding: 1pt 1pt 1pt 1pt;
	height: 100%;
}

.a_div_main_category:link {
	color: black;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold
}

.a_div_main_category:visited {
	color: black;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold
}

/*#texte .abstract em {
	background-color: transparent;
	color: #669900;
	font-style: normal;
	font-weight: 700;
}*/

#texte .abstract hr {
	clear: both;
	display: block;
	visibility: hidden;
}

#texte div.attention,#texte div.important,#texte div.note,#texte div.astuce
	{
	background-color: transparent;
	border: 1px dotted #6699CC;
	color: #000000;
	padding: 1em;
}

#texte span.attention,#texte span.important,#texte span.note,#texte span.astuce
	{
	font-size: 1.1em;
	font-variant: small-caps;
}

#texte hr {
	display: none;
}

#texte li {
	list-style-image: none;
	list-style-position: outside;
}

#texte ul ul li {
	list-style-type: circle;
}

#texte ol li {
	list-style-type: decimal;
}

#grey {
	background-color: #EFEFEF;
	color: #555555;
	padding: 10px;
	border: 1px solid #B3C5E1;
	
}

/* title of page */
#texte h2 {
	background-color: transparent;
	font-family: "Trebuchet MS";
	color: #336699;
	font-size: 18px;
	/*padding-left: 12px;	*/
}


#texte h4 {
	background-color: transparent;
	font-family: "Trebuchet MS";
	color: #336699;
	font-size: 14px;
	padding-left: 12px;
	font-weight: bold;
	border-bottom: 1px dashed #6699CC;
}

.my_account {
	background: transparent url(images/fond_barre.gif)
		repeat-x scroll center bottom;
	border: 1px solid #B3C5E1;
	height: 23px;
	margin: 0pt 0pt 0px;
	padding: 3pt;
	font-size: 14px;
	font-weight: bold;
}

#view-list {
	border: 1px solid #CCCCCC;
	padding: 2px;
	display: inline;
	width: 105px;
	background: #EFEFEF url(images/icons/ico_list.png) no-repeat scroll 3pt;
}

#view-map {
	border: 1px solid #CCCCCC;
	padding: 2px;
	display: inline;
	width: 105px;
	background: #EFEFEF url(images/icons/ico_map.png) no-repeat scroll 3pt;
}

#view-double {
	border: 1px solid #CCCCCC;
	padding-bottom: 2px;
	display: inline;
	width: 200px;
	background: #EFEFEF url(images/icons/ico_grid.png) no-repeat scroll 3pt;
}


/* title in div abstract */
#texte .abstract h3 {
	background-color: transparent;
	font-family: "Trebuchet MS";
	color: #000009;
	font-size: 14px;
	padding: 5px;
	border-bottom: 2px dashed #6699CC;
	width: 99%;
	margin-bottom: 15px;
	background-color: #DFE8F1;
}


#texte a {
	background-color: transparent;
	color: #FF6600;
	text-decoration: none;
}

#texte a:visited {
	background-color: transparent;
	color: #FF6600;
	text-decoration: none;
}

#texte a:hover {
	background-color: transparent;
	color: #FF6600;
	text-decoration: underline;
}

.step_of_transition {
	border: 2px dotted #DEDEDE;
	background-color: #EFEFEF;
	border-collapse: collapse;
	padding: 1px;
	margin: 1px;
	text-align: left;
	float: right;
	width: 250px;
	color: #BCBCBC;
	font-size: 11px;
}

.step_of_transition_desactive {
	border: 2px dotted #DEDEDE;
	background-color: #D6E1EC;
	margin: 1px;
	padding: 0px;
	text-align: left;
	float: right;
	width: 250px;
	color: #000000;
	font-size: 12px;
}

.step_of_transition_active {
	border: 2px dotted #DEDEDE;
	background-color: #ABCDEF;
	margin: 0px;
	padding: 1px;
	text-align: left;
	float: right;
	width: 250px;
}

.steps_of_transition {
	padding: 0px;
	text-align: left;
	float: right;
	width: 270px;
}

.categories {
	width: 240px;
	background-color: #DEDEDE;
	border: 1px dashed #6699CC;
	color: #333333;
	display: block;
	position: relative;
	padding: 10pt;
}

#member {
	width: 240px;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px dashed #6699CC;
	color: #333333;
	display: block;
	position: relative;
	padding: 5pt 5pt 5pt 5pt;
}

#member h3 {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica,
		sans-serif;
	font-size: 14px;
	background-color: #dfe8f1;
	margin-bottom: 10px;
	padding: 5pt 5pt 5pt 5pt;
	text-align: center;
	display: block;
	font-weight: bold;
}




.div_panel_message_sender {
	display: block;
	position: absolute;
	margin-top: 1px;
	float: left;
	font-size: 11px;
}

.div_panel_message_subject {
	display: block;
	position: absolute;
	float: left;
	font-size: 11px;
	margin-left: 80px;
}

/* colors of methods (in french modalités) */
.div_method_blue {
	border: 3px dotted #DEDEDE;
	background-color: #ADD8E6;
	margin: 2px;
	padding: 0.2em; text-align: left;
	width: 80%;
	color: #000000;
	font-size: 12px;
}

.div_method_orange {
	border: 3px dotted #DEDEDE;
	background-color: #FAEBD7;
	margin: 2px;
	/*padding: 0.2em; text-align: left; //*/
	float: right;
	width: 80%;
	color: #000000;
	font-size: 12px;
}


/** transaction */
.table_transaction {
	border: 2px dotted #A2C2E1;
	text-align: left;
	margin: 8px;
	padding: 0px;
	width: 100%;
}

.table_transaction_title { /*background-color: #ffecd4;*/
	font-size: 13px;
	color: #000000;
	display: block;
	border-bottom: 1px solid #A2C2E1;
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 3px;
	width: 100%;
	margin-bottom: 10px;
}



/** service */
.table_service {
	border: 1px solid #A2C2E1;
	border-collapse: collapse;
	text-align: left;
	margin: 15px;
	/*padding: 15px; //*/
	border-spacing: 10px;
	width: 100%;
}

.table_service_done {
	border: 1px solid #A2C2E1;
	/*border-collapse: collapse;*/
	text-align: left;
	margin: 5px;
	padding: 5px;
	/*border-spacing: 10px;*/
	width: 100%;
}

.table_service_title {
	background-color: #ff7130;
	font-size: 13px;
	color: #000000;
	display: block;
	border-bottom: 1px solid #A2C2E1;
	padding: 5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


.courrier_new {
	font-family: Courier new, Verdana, Helvetica, Arial, sans-serif;
}

#titleform h2 {
	background-color: transparent;
	border-bottom: 2px solid #FF5102;
	color: #000000;
	font-size: 14px;
	padding: 0pt 0pt 0.2em;
}

/* titre de chaque page (image + titre) */
#div_title {
	font-size: 24px;
	font-weight: bold;
	margin-left: 40px;
	color: #6699CC;
	margin-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
}

#div_sstitle {
	font-size: 16px;
	font-weight: bold;
	margin-left: 40px;
	color: #6699CC;
	margin-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	margin-left: 40px;
	color: #6699CC;
	margin-bottom: 10px;
	border-bottom: 1px solid #DEDEDE;
}

#img_title {
	float: left;
	display: inline;
	position: absolute;
}

/*****************************************************************************/
	/* with menu and content */
.div_center1 { 
	margin-right: 300px;
}

/* with left menu, content and right menu */

.div_center2 {
	position: absolute;
	margin: 1em 10%;
	right: 10px;
	left: 5px;
	width: 60%;
}

.div_comment {
	background-color: #EFEFEF;
	background-image: none;
	border: 2px dashed #6699CC;
	color: #333333;
	display: block;
	margin-bottom: 10px;
	padding: 5pt 5pt 5pt 5pt;
	position: relative;
	width: 100%;
}


/******************************************** messaging ***************************/

.div_message {
	background-color: #EFEFEF;
	margin-top: 5px;
	display: block;
}

.div_message_date {
	width: 150px;
	float: left;
}

.div_message_img {
	width: 30px;
	float: left;
}

.div_message_sender {
	width: 100px;
	float: left;
}

.div_message_subject {
	width: 200px;
}



.count_competence {
	font-size: 11px;
	color: #AAAAAA;
}

/* style pour le case de décompte de caractères possible à saisir */
div.decompte {
	width: 200px;
	position: absolute;
	border: 0px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	margin-left:125px;
	margin-top:25px;
}

div.decompte .msg_remaining_caracters_ok {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color: #408000;
}

div.decompte .msg_remaining_caracters_ko {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color: #c00000;
}


/* ------ TD styles  --------*/
.td1 {
	background-image: url(images/1bg.jpg)
}

.td2 {
	background-image: url(images/1ed.jpg)
}

.td3 {
	background-image: url(images/bak5.jpg)
}

.td4 {
	background-image: url(images/bak4.jpg);
	width: 30px;
}

.td5 {
	background-image: url(images/2bg.jpg)
}

.td6 {
	background-image: url(images/2d.jpg)
}