/*=======*/
/* Label */
/*=======*/
form#formRech label, form#formRechAV label, form#formRechE label, form#formOTEP label {
	float: left;
	display: block;
	font-weight:bold;
  text-align: right;	
	width: 300px;
  margin-top: 10px;
	margin-bottom: 10px;
}
form#formOTEP label {
	font-weight:normal;
	width: 200px;
	margin-right: 5px;
}
form#formOTEP3 label {
	width: 0px;
	margin-right: 5px;
}
form#formPortalPresse label, form#formRCM label {
  font-weight: bold;
}
div#RCMCriteresSel label {
  font-weight: normal;
}

div#RCMCriteresSel label {
  font-weight: normal;
}

form#CPSFormulaire label {
	float: left;
	display: block;
	font-weight:bold;
  text-align: right;	
	width: 200px;
  margin-top: 10px;
	margin-bottom: 10px;
}
div#enteteRecherche label {
  display:none;
}
div#ravPersonaliseePeriode label, div#ravPersonaliseeTexte label, div#ravPersonaliseeMotsCles label {
/*  display:none;*/
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  text-align:left;
  border-bottom: thin dotted #c4c4c4;
  width: 100%;
}

/*=======*/
/* Input */
/*=======*/
.champ { 
	font-size:  1em;
	color: #373737;
  height:1.5em;
  width: 22em;
	background-color: #eee; 
	border: solid 1px #fff; 
	border-top-color: #888; 
	border-left-color: #888;
	padding-top: 3px; 
}
.champ:hover,.champ:focus, .champotep:hover, .champotep:focus  { 
	background: #e2ebf3;
}

input:hover,
input:focus  { 

}
.champotep {
  font-size: 1em;
  color: #373737;
	background: #eee; 
  vertical-align: middle;
	border: solid 1px #fff; 
	border-top-color: #888; 
	border-left-color: #888;
  margin: 2px 2px 2px 2px;
}
.champotep2 {
  margin-left: 207px;
}

div#searchCriteria .champ, form#formRech .champ, form#formRechAV .champ, form#formRechE champ {
  width : 14em;
}

fieldset#ravPersonnaliseeCriteria input.champ {
  width : 26em;
}

.champrecherche { 
	font-size:  1em;
	color: #E94E0A;
  height:1.5em;
	width: 10em;
	background-color: #fff;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #00497E; 
}

div#SearchAVAction input {
  margin-right: 20px;
}

div#enteteRecherche input, div#enteteRecherche form {
  margin: 0px;
  padding: 0px;
	vertical-align: top;
}

/*==========*/
/* textarea */
/*==========*/
textarea { 
	background: #eee; 
	border: solid 1px #fff; 
	border-top-color: #888; 
	border-left-color: #888;
	color: #373737;
	padding-top: 3px; 
  width: 22em;
  height: 10em;
}
textarea:hover,
textarea:focus  { 
		background: #e2ebf3; 
}
table#flexible_content textarea { 
	font-size:  1.3em;
}

/*========*/
/* Select */
/*========*/
select { 
	background: #eee; 
	border: solid 1px #fff; 
	border-top-color: #888; 
	border-left-color: #888;
	font-size:  1em;
	color: #373737;
}
select:hover,
select:focus  { 
		background: #e2ebf3; 
}

form#formRech select, form#formRechAV select {
  width: 14em;
}
div#ravPersonaliseeMotsCles select, div#ptPersonaliseeTheme select {
  width : 26em;
}


/*========*/
/* Bouton */
/*========*/
a.btbasic { 
	/*background-image: url(images/bt_basic.gif);
	background-repeat: no-repeat; 
	background-position: left center;*/ 
	vertical-align: middle; 
	padding-left: 10px;
	text-align: center; 
	padding-top: 1px; 
	text-decoration: none;
  border-top: 1px solid #FF4500;
	border-bottom: 1px solid #FF4500;
}
a.btbasic:link{ 
	font-weight: bold;
}
div#entitePlanAccess a {
  height: 2em;
}

.btform, .btformService {
  background-color: #e2ebf3;
  /*background-image: url("images/btform.gif");
  background-repeat: no-repeat;
  background-position: left center;*/
  color: #4f7bb2;
  font-weight: bold;
  font-size:0.9em;
  text-align: center;
  padding-top: 0px;
  padding-left: 14px;
  padding-right: 3px;
  height: 2em;
  text-decoration: none;
  border: 1px solid #367ab9;
  cursor: pointer;
}


a.btprecedent {
	background-image: url(images/precedent.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	font-weight: normal;
	font-size:  0.8em;
	text-decoration: none;
	text-align: center;
	padding-left: 15px;
	padding-right: 3px;
	border-right: 1px solid #a6c3de;
	border-top: 1px solid #a6c3de;
	border-bottom: 1px solid #a6c3de;
	margin-right: 10px;
}

a.btsuivant {
	background-image: url(images/suivant.gif);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: middle;
	font-weight: normal;
	font-size:  0.8em;
	text-decoration: none;
	text-align: center;
	padding-left: 3px;
	padding-right: 18px;
	border-top: 1px solid #a6c3de;
	border-bottom: 1px solid #a6c3de;
	border-left: 1px solid #a6c3de;
	margin-left: 10px;
	width: 100%;
}

a.btConseils { 
  font-size: 1em;
  font-weight: bold;
  text-decoration: none; 
  vertical-align: middle; 
  padding-left: 20px;
  background-image: url(images/conseils_recherche.gif); 
  background-repeat: no-repeat;
  width: 250px; 
}

.btConseils a:link, .btConseils a:visited { 
  color: #373737;
}

.btConseils a:hover, .btConseils a:active {
  color: #e94e0a;
}


/* CPSFormulaire */
/*===========================*/
#CPSFormulaire .annuaire{
  float:left;
  text-align:left;

  padding:0;
  margin:0;
  width:50%;
  margin-right:5px;
}


#CPSFormulaire>.annuaire{
  padding-bottom:2px;
}


#CPSFormulaire .champ{
  width:100%;
  height:10px;
  background-color:white;
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

#main>#CPSFormulaire .champ, #popupContenu>#CPSFormulaire .champ{
  height:12px;
}

#CPSFormulaire .form_textarea{
  width:100%;
  background-color:white;
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#CPSFormulaire .bt_valider_form, #CPSFormulaire .btformService,#CPSFormulaire .btform{
  float:left;
  position:relative;
  top:0;
  right:0;
  width:90px;
  background-image:none;
  margin:0;
  padding:0;
  border: 3px solid white;
  background-color:#898B75;
  color:white;
  cursor:hand;
  height:22px;
  font-size:10px;
  font-weight:bold;
}



#CPSFormulaire .legendelien{
float:left;
width:100%;
clear:both;
}

/***************************************************************************/
/*  Css pour les checkbox et leur affichage spÚcifique pour le formulaire  */
/***************************************************************************/

#CPSFormulaire .form_checkbox_cache{
  visibility: hidden; 
  position:absolute;
}

#CPSFormulaire .form_checkbox_cache input[type="checkbox"], .form_checkbox_cache input[type="radio"] {
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
}	

#CPSFormulaire .form_checkbox_cache input[type="checkbox"] + label{
	background: url("/activite/checkbox_on.gif") 0 0 no-repeat;
	background-color:blue;
}

#CPSFormulaire .form_checkbox_cache input[type="checkbox"]:focus + label{
	background-position: 0 -16px;
}

#CPSFormulaire .form_checkbox_cache input[type="checkbox"]:checked + label{
	background-position: 0 -32px;
}

#CPSFormulaire .form_checkbox_cache input[type="checkbox"]:checked:focus + label{
	background-position: 0 -48px;
}



#CPSFormulaire .form_checkbox{
  float:left;
  margin:0;
  padding:0;
}

.form_component{
  float:left;
  width:300px;
  margin:0;
  padding:0;
  clear:both;
}


.form_component img{
  margin:0;
  padding:0;
}

.form_stat_question{
  color:white;
  width:241px;
  font-weight:bold;
  padding:0;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:1em;
  padding-bottom:8px;
}

.formulaire_submit_msg{
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*****************/
/*  Css Sondage  */
/*****************/
#sondage div.actu2 {
	width:100%;
	height:98px;
	padding:0;
	margin:0;
	display:block;
}


#sondage div.form_actus {
	position:relative;
	left:0px;
	height:98px;
	width:270px;
	padding:0;
	margin:0;
	margin-left:-10px;
	overflow:hidden;
}

#sondage div.resultSondage {
	position:relative;
	left:0px;
	height:93px;
	width:200px;
	padding:0;
	margin:0;
	margin-left:10px;
	padding-top:5px;
}



#sondage .form_stat_question {
	width:210px;
	text-indent:0px;	
	line-height:1.2em;
	padding-top:5px;
	padding-bottom:2px;
}

#sondage div.resultSondage .form_stat_question {
	padding:0;
	margin:0;
	padding-bottom:2px;
}

#sondage .form_label_radio {
	position:relative;	
	width:180px;
	height:16px;
	line-height:16px;
	vertical-align:top;
	text-indent:5px;
	margin-left:10px;
}

#sondage div.form_component {
	
	width:230px;
	height:16px;
	vertical-align:middle;
	margin:0;
	padding:0;
	color:white;
}

.form_standard {
	height:16px;
	line-height:14px !important;
	line-height:16px;
	vertical-align:top;
}

#sondage .btformService {
	position:absolute;
	height:22px;
	top:76px !important;
	top:77px;
	right:0px !important;
	right:-1px;
	background-color:#00bac5;
	padding:0;
	margin:0;
	padding-left:1px;
	padding-right:1px;
	border-right:0;
	border-bottom:0;
	width:auto;
}

#sondage .btformOk {
	width:25px;
}

.actu2 .form_component img{
  float:left;
  margin:0;
  padding:0;
  margin-top:2px;
  background-color:#00B9CE;
}


#sondage .form_stat_label{
  float:left;
  color:white;
  font-weight:normal;
}

#sondage span.form_stat_value{
	float:left;
  width:40px;
  font-weight:bold;
  color:black;
}

div.rowResult {
	height:15px;
	clear:left;
	width:100%;
	line-height:15px;
	overflow:hidden;
}

.formulaire_submit_msg {
  padding-top:20px;
  padding-left:10px;
}



/************/
/*** CPSColl ***/

#CPSFormulaire .form_label_radio {	
	position:relative;
  width:180px;
	height:16px;
	line-height:16px;
	vertical-align:top;
	text-indent:5px;
	margin-left:10px;
}

#CPSFormulaire div.form_component {
	float:left;
	width:230px;
  height:auto;
  /*height:16px;*/
  min-height:16px;
  margin:0;
  padding:0;
  clear:both;
  padding-bottom:5px;
}

#CPSFormulaire .form_component img{
  float:left;
  margin:0;
  padding:0;
  margin-top:2px;
  background-color:#00B9CE;
}

#CPSFormulaire .radioBouton{
  clear:both;
}

/*   Pour la popup */
#popupContenu #CPSFormulaire div.form_component {
  width:300px;
  margin:0;
  padding:0;
}

#popupContenu #CPSFormulaire div.form_component .btformService, #popupContenu #CPSFormulaire div.form_component .btform{
margin-left: 8px;
}

