/*****************************************/
/**  CSS A2Consulting - CSS principale  **/
/*****************************************/

html {
	padding:				0;
	margin:					0;
}

body {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				11px;
	color: 					#464646;
	line-height: 			1.5em;
	margin: 				0;
	padding: 				0;
	background-image: 		url('img/bg_body.gif');
	background-position: 	top;
	background-repeat: 		repeat-x;
}

h1 {
    font-weight:            bold;
    font-size:              12px;
    color:                  #1C6997;
    margin:                 0 0 5px 0;
}

a {
	color:					#256C9A;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

img {
	border: 				none;
}

#conteneur {
	float:					left;
	width:					100%;
	text-align:				center;
}

#site {
	width:					880px;
	text-align:				left;
	margin:					0 auto;
}

/* en tete du site */
#header {
	float: 					left;
	height: 				125px;
    margin-left:            12px;
    _margin-left:           6px;
}

#logo {
	float:					left;
    height:                 125px;
}

#observatoire {
	float:					left;
	width:					419px;
    height:                 125px;
    text-align:             center;
    background-image:       url('img/bg_observatoire.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
}

#observatoire_title {
    color:                  #464646;
	font-family:			"Trebuchet MS";
    font-weight:            bold;
    font-size:              18px;
    line-height:            1.25em;
}

#observatoire_baseline {
    color:                  #1C6997;
}

#mazars {
	float:                 left;
	width:                 221px;
	height:                125px;
}


/* corps de page du site */
#corps {
	float: 					left;
	width: 					100%;
}

#left_shadow, #right_shadow {
    float:                  left;
    width:                  12px;
}

#content {
    float:                  left;
    width:                  847px;
    height:                 auto !important;
    height:                 300px;
    min-height:             300px;
    background-image:       url('img/bg_content.gif');
    background-position:    top;
    background-repeat:      repeat-x;
    background-color:       #FFFFFF;
    border:                 1px solid #FFFFFF;
}

#logout {
    float:                  right;
    text-align:             right;
    font-weight:            bold;
    margin:                 5px 0 10px 0;
}

#goto_step_2
{
    float:                  left;
    text-align:             left;
    font-weight:            bold;
    margin:                 5px 0 10px 0;
}

#steps {
	float: 					left;
	width: 					847px;
	font-family:			"Arial";
	font-size:              11px;
	color:                  #09184F;
	margin-bottom:			60px;
	overflow:               hidden;
	background-image:       url('img/bg_steps.gif');
	background-position:    left bottom;
	background-repeat:      no-repeat;
}

.step {
	float:					left;
	height:					83px;
	overflow:               hidden;
}

#step_1, #step_2, #step_3, #step_4, #step_5, #step_6, #step_7, #step_8, #step_9  {
    width:                  84px;
    margin-right:           1px;
}

#step_8, #step_9  {
    width:                  83px;
    margin-right:           1px;
}

#step_10 {
    width:                  83px;
}

.link_step {
    display:                block;
    width:                  100%;
    height:                 100%;
    color:                  #162983;
    line-height:            1.1em;
    text-decoration:        none;
    padding:                25px 0 0 2px;
}

a.link_step:hover, a.link_step#current {
    background-image:       url('img/bg_current_step.gif');
    background-position:    top left;
    background-repeat:      no-repeat;
}

.link_step.previous {
    background-image:       url('img/bg_previous_step.gif');
    background-position:    top left;
    background-repeat:      no-repeat;
}


/* partie centrale du site */
#texte {
	float: 					left;
	display:				inline;
	width: 					825px;
	padding-bottom:			15px;
	margin:     			20px 0 0 12px;
	background: 			none;
}

ul {
	list-style-type:		none;
	padding:				0 0 0 25px;
	margin:					0 0 20px 0;
}

li {
	background-image:		url('img/bg_li.gif');
	background-position:	left top;
	background-repeat:		no-repeat;
	padding:				0 0 0 12px;
	margin:					0;
}

table.intitules_courts td.intitule {
	width:					50%;
}

table.intitules_larges td.intitule {
	width:					82%;
}

td.intitule, td.next_step, td.famille {
	text-align:				right;
}

td.famille a {
    color:                  #464646;
    text-decoration:        none;
}

td.previous_step, td.next_step {
	font-weight:			bold;
}

td.next_step a.valider_questionnaire {
    color:                  #99CC2E;
    font-size:              14px;
    font-weight:            bold;
}

a#cloturer_questionnaire {
    float:                  right; 
    display:                inline; 
    color:                  #99CC2E;
    font-size:              14px;
    margin-right:           27px;
}

input.input_text {
	width:					198px;
	color:					#464646;
	font-family:			"Arial";
	border:					1px solid #6A6A6A;
}

input.small_input_text {
	width:					23px;
	color:					#464646;
	font-family:			"Arial";
	font-size:				11px;
	border:					1px solid #6A6A6A;
}

input.large_input_text {
	width:					90px;
	color:					#464646;
	font-family:		    "Arial";
	font-size:			     11px;
	border:					1px solid #6A6A6A;
}

textarea.area_text {
	width:					100%;
	height:					80px;
	color:					#464646;
	font-size:				11px;
	font-family:			"Arial";
	border:					1px solid #6A6A6A;
}

#remerciements {
    color:                  #1F5E87;
    font-weight:            bold;
    font-size:              16px;
    margin-bottom:          20px;
}

#presentation_colloque {
    font-size:              13px;
    line-height:            1.4em;
    margin-bottom:          21px;
}

/*  titre de la rubrique sélectionnée, repris en début de page*/
#titre_rubrique {
	font-weight: 			bold;
	margin-bottom:			20px;
	font-size: 				12px;
	padding-bottom:			5px;
	border-bottom:			1px solid #464646;
}

#texte p {
	margin: 				0 0 30px 0;
	text-align: 			justify;
}

#texte p.small {
	font-size:				9px;
}

img.icon_help {
    vertical-align:         middle;
}  

/* pied de page */
#footer {
    float:                  left;
    margin:                 25px 0;
    padding-bottom:         25px;
	height: 				125px;
    margin:                 25px 0 0 12px;
    _margin:                25px 0 0 6px;
}

#confidential {
    float:                  left;
    display:                inline;
    width:                  628px;
    font-size:              9px;
    line-height:            1.1em;
    margin-left:            24px;
}

#partners {
    float:                  right;
    width:                  210px;
    font-size:              9px;
    text-align:             center;
}

#partners img {
    margin-top:             5px;
}

a#link_reglement {
    color:                  #FF0000;
    text-decoration:        none;
}

a#link_reglement:hover {
    text-decoration:        underline;
}


/* ADMIN */
#admin_link {
	float: 					left;
	display:				inline;
	width: 					772px;
	margin:	 				15px 0 0 38px;
	text-align:				right !important;
}

table#recapitulatif {
	width:					100%;
	border-collapse:		collapse;
}

table#recapitulatif th {
	background-color:		#F7CA4D;
	border:					1px solid #162983;
}

table#recapitulatif td {
	border:					1px solid #162983;
}

table#recapitulatif tr.odd {
	background-color:		#F0F0F0;
}

.error{
display:none;
margin:10px 0 10px 50px;
color:#91141C;
font-size:12px;
font-family:arial, sans-serif;
}

.invalidInput, .error{  
color:#8a1f11;  
background-color:#fbe3e4; 
}



/* MISC */
.bold_font {
    font-weight:            bold;
}

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

ul.radio_list {
    display:                inline;
    list-style-type:        none;
    padding:                0;
    margin:                 0;
}

ul.radio_list li {
    display:                inline;
    background-image:       none;
    padding:                0 10px 0 0;
    margin:                 0;
}

.font_14 {
    font-size:              14px;
}

.red_font {
    color:                  #BD1417;
}

.yellow_font {
    color:                  #EDAD27;
}

.grey_link {
    color:                  #464646;
    text-decoration:        none;
}

.grey_link:hover {
    text-decoration:        underline;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFFFFF;
    color:#464646;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff; text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:2em; width:300px;
    border:2px solid #294B8C;
    background-color:#FFD; color:#464646;
    text-align: justify;
    font-weight: normal;
    padding:10px;
    text-decoration:none;
}

#title {
    padding:0;
    margin:0;
    font-size:16px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

#subtitle {
    padding-top:10px;
    margin:0;
    font-style:italic;
    font-size:14px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

#subsubtitle {
    font-weight:normal;
    padding-top:10px;
    margin:0;
    font-size:12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

#texte .text {
    margin:0;
    padding-top:10px;
    font-size:12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

#texte #pdf {
    text-align:center;
}

#lien_pdf {
    color:#EDAD27;
    font-weight:bold;
    font-size:12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

#bloc_a2_consulting {
    margin:30px 0 0 75px;
    _margin:30px 0 0 37px;
    clear:both;
    float:left;
    width:280px;
    height:230px;
    background:#ebebeb;
}

#bloc_a2_consulting a {
    font-style:italic;
}

#bloc_mazars {
    margin:30px 75px 0 0;
    _margin:30px 37px 0 0;
    float:right;
    width:280px;
    height:230px;
    _height:253px;
    background:#ebebeb;
}

#bloc_a2_consulting p, #bloc_mazars p {
    padding:20px 20px 0 20px;
}

#big {
    font-size:18px;
    font-weight:bold;
}

#texte #contact {
    clear:both;
    padding-top:25px;
    text-align:center;
    margin:0;
}

.resume {
    padding-top:3px;
    font-size:12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}