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

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

/* Couleurs */
/*
		Noir: #000000
		Rouge: #A50000
		Rouge flash: #BE202E
		Vert turquoise: #CCDEE1
		Gris foncé: #535353
		Gris moyen: #B5B5B5
		Gris pâle: #E6E6E6
*/

/*********************** Home **********************/
#header {
	background-image: url(../images/home_header_bg.jpg);
}

#header DIV.effet {
	width: 482px; height: 157px; background-image: url(../images/home_header_bglogo.jpg);
}

#columncontent {
	margin-left: 0;
}

#content {
	padding-left: 25px;
}

#content DIV.photointro {
	position: relative; z-index: 0; float: left; margin: -25px 0 0 -25px;
	background: url(../images/home_photointro.jpg) no-repeat 100% 0;
}

#content DIV.content { position: relative; z-index: 5; }

#content #expertises { margin-bottom: 75px; }

#content #expertises H2 { margin: 0 0 10px 0; }

#content #expertises UL { list-style-type: none; padding-left: 0; }

#content #expertises LI { 
	position: relative; float: left; width: 42%; margin: 0 0 5px 3%; padding-left: 15px;
	background: url(../images/li_point.gif) no-repeat 0 4px;
}

#content #expertises .box_content { padding-bottom: 20px; }

#content #expertises A.button {
	position: relative; clear: both; display: block;
	color: #000000; font-size: 120%; text-decoration: none;
	background: #FFFFFF url(../images/box_button-bg.gif) repeat-x 0 0;
	height: 56px; margin: 15px 0 -60px 0;
}

#content #expertises A.button .button_left, #content #expertises A.button .button_right { position: absolute; top: 0; width: 10px; height: 56px; background-position: 0 0; background-repeat: no-repeat; }
#content #expertises A.button .button_left { left: 0; background-image: url(../images/box_button-left.gif); }
#content #expertises A.button .button_right { right: 0; background-image: url(../images/box_button-right.gif); }

#content #expertises A.button .button_content {
	display: block; padding: 8px 15px;
}

#content #expertises A.button .part1, #content #expertises A.button .part2 { display: block; }
#content #expertises A.button .part1 { font-size: 110%; }
#content #expertises A.button .part2 { margin-left: 36px; padding-right: 15px; background: url(../images/li_fleche.gif) no-repeat 100% 50%;  }

#content #nouvelles { clear: both; border-bottom: 1px solid #333333; margin-bottom: 25px; }

#content #nouvelles H2 {
	color: #FFFFFF; font-size: 100%; text-transform: uppercase; padding: 2px 5px;
	background: #333333 url(../images/home_nouvelles_titre-bg.jpg) repeat-y 100% 0;
}

#content #nouvelles UL { list-style-image: url(../images/li_fleche.gif); padding-left: 16px; }

#content #nouvelles H3 { color: #333333; margin-bottom: 0; }
#content #nouvelles H3 A { color: #333333; text-decoration: none; }
#content #nouvelles H3 A:hover { color: #000000; }

#columnright { width: 25%; }


#columnright DIV.box_events H4 {
	font-size: 100%; color: #B2B2B2;
	margin-bottom: 5px;
}

#columnright DIV.box_events UL { padding-left: 25px; list-style-image: url(../images/li_fleche.gif); }
#columnright DIV.box_events UL UL { list-style-image: none; list-style-type: disc; }

#columnright DIV.box_events LI { color: #A50000; font-size: 90%; margin-bottom: 10px; }
#columnright DIV.box_events LI LI { color: #000000; font-size: 110%; font-weight: bold; margin-bottom: 5px; }

#columnright DIV.logo15ans {
	clear: both;
	padding-top: 25px;
	width: 100%; text-align: center;
}
/***************************************************/