@import url(layout.css);
@import url(lightview.css);

#principale div#menu h2 {
	background-position: 13px center;
	background-repeat: no-repeat;
}

#principale div#menu h2#m_qui_est_bob:hover {
	background-image: url(../../img/layout/fleche_qui_est_bob.png);
}

#principale div#menu h2#m_contacter_bob:hover {
	background-image: url(../../img/layout/fleche_contacter_bob.png);
}

#principale div#menu h2#m_le_travail_de_bob:hover {
	background-image: url(../../img/layout/fleche_le_travail_de_bob.png);
}

#principale div#menu h2#m_lentourage_de_bob:hover {
	background-image: url(../../img/layout/fleche_lentourage_de_bob.png);
}

#principale div#menu h2 a {
	background-color: #000;
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px 15px 5px 14px;
	font-weight: normal;
	font-size: 14px;
	clear: both;
	margin: 0px 0px 3px 30px;
	letter-spacing: 1.5px;
}

#principale div#menu h2#m_qui_est_bob.accordion_toggle_active a {
	background-image: url(../../img/layout/qui_est_bob.png);
}

#principale div#menu h2#m_contacter_bob.accordion_toggle_active a {
	background-image: url(../../img/layout/contacter_bob.png);
}

#principale div#menu h2#m_le_travail_de_bob.accordion_toggle_active a {
	background-image: url(../../img/layout/le_travail_de_bob.png);
}

#principale div#menu h2#m_lentourage_de_bob.accordion_toggle_active a {
	background-image: url(../../img/layout/lentourage_de_bob.png);
}


#principale div#content_qui_est_bob {
	position: relative;
	margin: 0px 0px 15px 30px;
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #333;
}

#principale div#content_contacter_bob {
	position: relative;
	margin: 0px 0px 0px 0px;
}

#principale div#content_contacter_bob div#map {
	width: 100%;
	height: 310px;
	margin: 5px 0px 50px 30px;
}

#principale div#content_contacter_bob div#adresse {
	background: url(../../img/layout/cadre_adresse.png) top left no-repeat;
	width: 343px;
	height: 71px;
	letter-spacing: 1.5px;
	color: #333;
	font-size: 14px;
	padding: 14px 0px 0px 18px;
	top: 270px;
	left: 10px;
	position: absolute;
}

#principale div#content_le_travail_de_bob {
	padding: 24px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#principale div#content_le_travail_de_bob div.projet {
	position: relative;
	height: 306px;
	width: 350px;
	margin: 0px 0px 0px 30px;
	float: left;
}

#principale div#content_le_travail_de_bob div.projet ul.liste_image {
	height: 260px;
	width: 350px;
	background-position: top left;
	overflow: hidden;
}

#principale div#content_le_travail_de_bob div.projet ul.liste_image:hover {
	background-position: bottom left;
}

#principale div#content_le_travail_de_bob div.projet ul.liste_image li a {
	height: 260px;
	width: 350px;
	display: block;
}

#principale div#content_le_travail_de_bob div.projet ul.liste_image li span {
	display: none;
}

#principale div#content_le_travail_de_bob div.projet div.id_projet {
	width: 51px;
	height: 31px;
	line-height: 25px;
	letter-spacing: 0.9px;
	text-align: center;
	font-size: 14px;
	background-color: #000;
	position: absolute;
	top: -10px;
	left: -9px;
	color: #fff;
}

#principale div#content_le_travail_de_bob div.projet h3 {
	position: absolute;
	top: 207px;
	left: 0px;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 0px 0px 16px;
	line-height: 30px;
	color: #fff;
	letter-spacing: 1.7px;
}

#principale div#content_le_travail_de_bob div.projet h4 {
	position: absolute;
	top: 241px;
	left: -14px;
	height: 28px;
	line-height: 28px;
	width: 348px;
	padding: 5px 8px 9px 21px;
	font-weight: normal;
	background: url(../../img/layout/barre_titre.png) top left no-repeat;
	letter-spacing: 1.5px;
	color: #333;
	font-size: 14px;
}

#principale div#content_le_travail_de_bob div.projet a.en_savoir_plus {
	display: block;
	position: absolute;
	top: 257px;
	left: 324px;
	height: 8px;
	width: 8px;
	background: url(../../img/layout/plus.png) top left no-repeat;
}

#principale div#content_le_travail_de_bob div.projet a.en_savoir_plus span {
	display: none;
}

#principale div#content_lentourage_de_bob {
	margin-bottom: 10px;
}

#principale div#content_lentourage_de_bob ul li {
	letter-spacing: 1.5px;
	font-size: 14px;
	margin: 10px;
}

#principale div#content_lentourage_de_bob ul li a {
	color: #333;
}

#principale div#content_lentourage_de_bob ul li span {
	color: #f09;
}

/* EDIT IN PLACE */
.eip_savebutton { background-color: #36f; color: #fff; }
.eip_cancelbutton { background-color: #000; color: #fff; }
.eip_saving { background-image: url(../../img/global/ajax-loader.gif); background-repeat: no-repeat; background-position: left; color: #903; padding: 0 0 0 20px; }
.eip_empty { color: #afafaf; border: 1px solid #afafaf; padding: 3px;}
.eip_editfield { background-color: #ff9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #786854; }