@charset "UTF-8";
/* CSS Document */

/*
-- Sujet : CSS Home
-- Historique : Création le 
-- Author : Cynthia Roy
-- Praxis Stratégie Communication
*/

/* Couleurs */
/*
		Bleu foncé: #0A3F5D
		Bleu: #3EA3DB
		Bleu-gris: #BAC8CF
		Vert: #609D23
		Vert foncé: #1C350D
*/

/*********************** Home **********************/
#content { font-size: 120%; line-height: 130%; }

#box_infos {
	position: relative; z-index: 10;
	float: right; width: 33%; 
	font-size: 80%; line-height: 110%;
	background: #EAE6CE url(../images/home_cyanobacteries.jpg) no-repeat 100% 100%;
	border-bottom: 3px solid #404040;
	border-right: 2px solid #404040;
	margin: -43px 40px 35px 25px;
}

#box_infos .box_top, #box_infos .box_bot { position: relative; }
#box_infos .box_left, #box_infos .box_right { position: absolute; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 0 0; }
#box_infos .box_top .box_left { top: 0; left: 0; background-image: url(../images/home_infos-topleft.gif); }
#box_infos .box_bot .box_right { top: -47px; right: -3px; background-image: url(../images/home_infos-botright.gif); }

#box_infos H2 { color: #000000; font-size: 150%; font-weight: normal; }
#box_infos H2 STRONG { font-size: 120%; }

#box_infos P { margin-right: 25%; }

#box_infos P.more A { color: #5A570F; background: url(../images/ico_infos_more.gif) no-repeat 100% 60%; padding-right: 10px; }

#box_expertises, #box_services { clear: right; font-size: 85%; line-height: 110%; }

#box_expertises {
	float: left; width: 30%;
	background: #ECF3F7 url(../images/home_expertises_cattail.jpg) no-repeat 100% 100%;
	border: 1px solid #0A3F5D;
	margin: 0 0 25px 0; padding: 10px 10px 0 10px;
}
#box_expertises H2 { margin-top: 0; }
#box_expertises UL { margin-bottom: 15px; padding: 0 60px 0 20px; }
#box_expertises LI { margin-bottom: 7px; }

#box_services { margin-left: 37%; }
#box_services H2 {
	position: relative;
	color: #FFFFFF; background-color: #0A3F5D;
	margin: 0 0 15px 0; padding: 2px 7px;
}
#box_services UL { list-style: none; padding: 0 8px; }
#box_services LI { margin-bottom: 15px; }
#box_services A { font-weight: bold; }
/***************************************************/