/* CSS Document - forum économique du nord vaudois - par Margaux kolly - mai 2010 */



/*---base---*/


*{
	border: none;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10.2px;
	text-decoration: none;
	color: #6a737b;
}


body {
	background-color: #eaeaea;
	margin: 0 auto;
	text-align: center;


}

#content {
	margin: 0 auto 0 auto;
	height: 1058px;
	width: 908px;
	text-align: center;
	background-color: #FFFFFF;
	border-left: #929da4 1px solid; 
	border-right: #929da4 1px solid;
}

h1 {
	font-size: 16px;
	font-weight:300;
	margin-bottom: 20px;

}

h2 {
	font-size: 18.5px;
	font-weight: blod;
	color: #414c53;
	margin-bottom: 8px;

}

h2 sup {
	font-weight: blod;
	color: #414c53;
	}

h3 {
	font-size: 20px;
	font-weight: blod;
	color: #81cbd0;
	margin-bottom: 8px;
}

h3 sup {
	font-weight: blod;
	color: #81cbd0;
	}

h4 {
	font-size: 14px;
	font-weight: blod;
	margin-bottom: 20px;
	color: #414c53;
	margin-top: 2px;
}
h5 {
	font-size: 10px;
	color: #414c53;
	font-weight:blod;
}

h5 {
	font-size: 10px;
	color: #414c53;
	font-weight:blod;
}

h6 {
	color: #414c53;
	font-size: 10px;
}

p {
	margin-bottom: 10px;
		font-size: 10px;


}

a {
	color: #81cbd0;
}

a:hover {
	color: #6ba1a5;
}

.gras {
	font-weight:bold;
}

b {
	color: #414c53
}

.liste strong{ 
	color: #414c53; 
	}

/*---Header---*/


.logo {
	margin-top: 8px;
	margin-left: 2px;
	float:left;
}

#plus {
	margin-left: 2px;
	margin-right: 2px;
}

#recherche {
	float: left;
	margin-top: 12px;
	margin-left: 230px;
	margin-right: 20px;
}

#faq {
	float: left;
	margin-top: 12px;
	margin-left: 5px;
	margin-right: 20px;
}

#impr {
	float: left;
	margin-left: 5px;
	margin-right: 20px;
	}

#blocH {
	display: block;
	height: 65px;
}


#navigation {
	text-align: center;
	margin-top: 30px;
	margin-left: 11px;
}

#navigation dl {
	float: left;
	height: 110px;
}

#navigation dt {
	text-align: left;
	
}

#navigation dd {
	text-align: left;
	background-image:url('images/bkg_n.png');
	background: url(../images/bkg_n.png)  top center repeat;

}

.snavig {
	z-index: 1;
	position: relative;
	}




#zoneRecherche {
	float:left;
	border: #929da4 1px solid;
	margin:11px;
}

/*---Contenus général---*/


#contenus { /*zone de contenu*/
	height:661px;
	width: 910px;
	border-bottom: #929da4 1px solid;
	clear: both;
}

#contenusActif { /*pour le positionnement avec le bloc Right*/
	width: 620px;
	float:left;
	text-align: left;
}

.bloc { /*bloc basic*/
	float: left;
	width: 276px;
	height: 560px;
	margin-left: 18px;
}

#blocRight { /*bloc de droit avec supp de navig*/
	float: left;
	width: 276px;
	display: block;
 
}

#blocRight ul { 
	list-style-type: none; 
}

.blocDouble { /*formulaires et autre*/
	float: left;
	width: 370px;
	height:560px;
	margin-left: 14px;
}

#blocpartenaires { /*formulaires et autre*/
	float: left;
	width: 568px;
	height:560px;
	margin-left: 22px;

}



#blocPetit { /* pour le programme*/
	float: left;
	height:560px;
	width: 214px;
	margin-left: 18px;
	}


#logoP ul { /*logos des partenaires principaux*/
	list-style-type: none; 
	margin-left: 5px;
}

#logoP li {/*logos des partenaires principaux*/
	text-align: center;
	float: left;
	margin-right: 5px;

}

#logoP li img {/*logos des partenaires principaux*/
	margin-right: 5px;
}

/*---Contenus, spécificités---*/

/*pour les images portrait du bloc droit*/

#blocRight #photo { /*photo portrait homme ou femme en bas à droite*/
	margin-top: 82px;
}

#blocRight #photoP { /*photo homme ou femme en bas à droite*/
	margin-top: 5px;
}

/*---accueil---*/

#imgBloc {
	margin-top: 65px;
}
/*---organisation---*/

#job {
 width: 156px;
 float: left;
}

/*---plan d'accès---*/

.plan {
margin-top: 10px;
}

#groupes {
	float: left;
 	width: 120px;
	color: #414c53;
	font-weight:300;
 }
 
 /*---liens---*/

.blocDouble li {
	margin-top: 10px;
}

/*---programme 2010---*/

.programme, .liste { /* liste des participants en plus */
	height: 470px;
	overflow: auto;
}

#heurs {
	float: left;
	width: 40px;
	border-right: #929da4 1px solid;
	font-weight: 800;
}

#quoi{
	float: left;
	width: 284px;
	margin-left: 8px;

}

#bullePdf {
	margin-left: 270px;
	margin-top: 12px;
}

#accesBulle {
	margin-left: 170px;
	margin-top: 12px;
}
/*---frais et delai---*/
	
#titresFrais {
	float: left;
	width:155px;
}

#reponseFrais {
	width:212px;
	float: left;
}

#reponseFrais p {
	margin-bottom: 12px;
	margin-top: 2px;
}

#fraisDelai {
	margin-top: 235px;
	width:365px;
	
}

/*-------gallerie-------*/
#gallerie, #gallerie1, #gallerie2, #gallerie3 {
	float: left;
	height: 560px;
	margin-left: 18px;
	}
	


#dates {
	text-align: right;
	margin-right: 4px;
}

#dates a {
font-size: 14px;
padding-right: 10px;
font-weight: 500;!
}

.mix2 {
	margin-left: -10px;
	
	}

#gallerie p {
	margin-top: 4px;
	margin-left: 18px;
}

#gallerie h3 {

	margin-left: 15px;
}


/*---newsletters---*/

#news {
	width: 252px;
}

#letter {
	margin-left: 18px;
}


/*---partenaires---*/

#blocpartenaires dd {
	text-align: center;
	float: left;
}

/*-------Formulaire-------*/


#formulaire {
	float: left;
}

legend{
	display:none;
}

fieldset{
	width: 300px;
	border:none;
	float: left;
}

label{
	width: 40px;
	display: block;
	float: left;
	margin-top: 4px;
	text-align: left;
	color: #6a737b;
	font-weight:300;
	margin-right: 10px;
	}

#form input, #reemail {
	display:block;
	float:left;
	width: 130px;
	margin: 6px;
	border: 1.5px solid #929da4;
	padding: 1px;
	color: #4b575f;
	background-color: #eaeaea;
}

#form textarea  {
	float:left;
	width: 250px;
	height: 160px;
	border: 1.5px solid #929da4;
	color: #4b575f;
	background-color: #eaeaea;
	margin-top: 6px;
	margin-bottom: 6px;
}

#form select {
	margin-left: 60px;
	border: 1.5px solid #929da4;
}


/*---formulaire participants---*/


#formP #env input {
	width: 296px;
	float: none;
}


#formP #participants input {
	width: 65px;
	font-size: 6px;
	border: 1.5px solid #929da4;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

#participants dl{
	width: 310px;
}

#participants {
	width: 320px;
}

#participants dl dt {
	margin-left: 23px;
	margin-right: 17px;
	float: left;
}


#participants .pp input {
	float: left;
}

#participants .ww{
	width: 300px;
}


/*---formulaire participants invite de societe---*/


.blocInv {
	float: left;
	width: 585px;
	margin-left: 34px;
	height: 540px;
	overflow: auto;
	margin-bottom: 20px;
}


#formi #participantsi #inv {
	width: 505px;
	float: none;
}


#societeInvite {
	margin-left: 20px;
}

#formi #participantsi input {
	width: 62px;
	border: 1px solid #929da4;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	font-size: 9px;
}


#participantsi dl {
	width: 545px;
}


#participantsi {
	width: 545px;
}

#participantsi dl dt {
	margin-left: 18px;
	margin-right: 20px;
	float: left;
}

#formi select {
	float: left;
	margin-right: 9px;
	margin-top: 8px;

}


#formi select opion {
	float: left;
	width: 56px;
}


#participantsi .pp input {
	float: left;
}


#close {
	float: left;
	width: 500px;
	display: inline-block;
}


#close label {
	width: 400px;	
	float: left;
}
	
.SSS {
	width: 210px;
	margin-top: 10px;
}
	
input #condition {
	float: left;
}
	
#nomCi, #prenomCi, #emailCi {
	
	margin-top: 10px;
	margin-right: 20px;
	text-align: right;
	}
	
#personnecontact  {
	
	margin-left: 20px;
	
	}

.numero {
	
	float: left;
	width: 4px;
	margin-top: 9px;
	
	}

/*---formulaire ??---*/


#formulaire input {
	width:190px;
}
/*---formulaire Newsletter--*/

#formN {
	margin-left: 50px;
}

#boNe input {
	width: 155px;
	margin-left: 55px;
	margin-top: 6px;
	border: 1.5px solid #929da4;

}

.desN input {
	display:block;
	float:left;
	width: 150px;
	margin: 6px;
	border: 1.5px solid #929da4;
	padding: 1px;
	color: #4b575f;
	background-color: #eaeaea;
}
.desN label {
	width: 40px;
	display: block;
	float: left;
	margin-top: 4px;
	text-align: left;
	color: #6a737b;
	font-weight:300;
	margin-right: 10px;
	}
	
.desN {
	width: 220px;
	display: block;
}

#field5 {
	margin-left: 12px;
}

/*---formulaire inscriptions---*/

#general label {
	width: 170px;
}


#general input {
	width: 20px;
	text-align: left;
	float: left;
	margin-left: -30px;

}

#general {
	margin-top: 10px;
	display: block;
}

#sl {
	width: 144px;
	margin-top: 8px;


}

#ins label {
	width: 80px;
	margin-left: -54px;
	margin-top: 12px;
	
}

#ins input {
	width: 156px;
	margin-left: 2px;
	margin-top: 12px;

}


#form #boutonEnvoiIn input {
	width: 250px;
	margin-left: 1px;
	margin-top: 6px;

}

#form #boutonEnvoi input {
	width: 250px;
	margin-left: 1px;
	margin-top: 6px;

}

/*---participants---*/


.liste {
	height:470px;
}

#nomI {
	color: #414c53;
	float: left;
	width: 82px;
	font-size: 12px;
	margin-left: 6px;


}

#prenomI {
	float: left;
	width: 82px;
	font-size: 12px;
	margin-left: 6px;


}

#societeI {
	float: left;
	width: 98px;
	font-size: 12px;
	margin-left: 6px;
}

#localiteI {
	float: left;
	width: 82px;
	font-size: 12px;
	margin-left: 6px;
}

#participants #env input {
	width: 300px;
	}
/*---   formulaire questionnaire  ---*/

.blocQuestionnaire {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	margin-left: 34px;
	height: 540px;
	overflow: auto;
	margin-bottom: 20px;
}


#questionnaire label {
	width: 255px;
	}
	
.question {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
#questionnaire select {
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#questionnaire .quatre {
	float: left;
	width: 258px;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	}

#questionnaire .etre {
	width: 80px;
	
	}

.blocQuestionnaire #questionnaire input  {
	width: 20px;	
	margin-top: 0px;
	
	}
	
.blocQuestionnaire #questionnaire #civilite select  {
	margin-left: 46px;
	margin-right: 5px;
	margin-top: -4px;
	}


.blocQuestionnaire #questionnaire #civilite #lcivilite {
	
	margin-top: 14px;
	}

.blocQuestionnaire #questionnaire #envoyer input {
	width: 255px;	
	margin-top: 20px;
	}

.blocQuestionnaire #questionnaire .long input {
	width: 80px;	
	margin-left: 30px;
	}

	
.blocQuestionnaire #questionnaire textarea {
	height: 60px;
	
	}
	
/*---   heuu...  ---*/

#detail {
	font-size: 10px;

}

#google {
	overflow: auto;
	height: 500px;

}

#orateurs {
	width: 750px;
	max-height: 800px;
	padding: 12px;
}

#orateurs #cv {
	float: left;
	text-align: left;
	width: 420px;
	margin-left: 20px;
}

#orateurs #cv2 {
	float: left;
	text-align: left;
	width: 460px;
	margin-left: 20px;
}

#orateurs #maillard {
	float: left;
	text-align: left;
	border: 2px;
	margin-bottom: 10px;
}

#orateurs #pelli {
	float: left;
	text-align: left;
	border: 2px;
	margin-bottom: 10px;
}


#compteur {
	font-size: 11px;
	color: #;
	}
	
.chiffre {
	font-size: 15px;
	color: #414c53;
	}

#actualisee {
	text-align: right;
	margin-right: 10px;
	}

/*---footer---*/


#footer dl {
	margin-left: 43px;
	text-align: left;
	margin-right: 20px;
	float: left;

}

#footer dt a {
	font-size: 14px;
}

#footer dt a, dd a {
	color:#82cbd0;
}

#footer p a {
		text-align: left;
		float: right;
		margin-top: 45px;
		margin-right: 5px;
		font-size: 9px;
}




/*----------------------GOOGLE------------------*/

/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
  height: 480px;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  	height:560px;

  /* The top, left, and width are set in JavaScript. */
}