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

/*
-- Sujet : CSS Structure
-- Historique : Création le 2 février 2009
-- Author : Cynthia Roy
-- Absolu communication marketing
*/

/* Couleurs */
/*
	Vert : #9A9432
	Vert foncé : #726F22
	Jaune : #D5B754
	Beige : #EFE7CC
	Beige pâle : #FAF6E9
	Gris : #7F7F7E
*/


/******************** Container ********************/
BODY {
	color: #7F7F7E;
	background-color: #EFE7CC;
	margin: 15px 5px
}

#container {
	position: relative;
	width: 980px; max-width: none; min-width: 980px;
	text-align: left; font-size: 0.75em;
	background: #FFFFFF url(../images/site_shadow-bottom.gif) repeat-x 0 100%; padding: 0 0 8px 0;
}

#site-shadow {
	background: url(../images/site_shadow-left.gif) repeat-y 0 0; padding: 10px 10px 10px 18px;
}

#site-shadow-bottomleft {
	position: absolute; left: 0; bottom: 0; width: 8px; height: 9px;
	background: url(../images/site_shadow-botleft.gif) no-repeat 0 0;
}

#site-shadow-bottomright {
	position: absolute; right: 0; bottom: 0px; width: 10px; height: 9px;
	background: url(../images/site_shadow-botright.gif) no-repeat 0 0;
}
/***************************************************/

/********************* Header **********************/
#header {
	position: absolute; top: 10px; left: 18px; right: 10px; z-index: 50; height: 115px;
	margin-bottom: 9px;
}

#header .logo {
	float: right;
	background: url(../images/header_logo-bg.gif) no-repeat 0 0; padding: 0 0 10px 10px;
}

#header .slogan { 
	position: relative; float: left; width: 760px; height: 38px;
	color: #FFFFFF; font-size: 130%; font-weight: bold; line-height: 125%; text-align: right;
	margin: 0 0 3px -6px; padding: 22px 16px 15px 10px;
	background: #9A9432 url(../images/header-bg.gif) repeat-x 0 100%;
	border-top: 1px solid #726F22;
}
#header .slogan .shadow-left {
	position: absolute; top: -1px; left: 0; width: 6px; height: 75px;
	background: url(../images/header_shadow-left.gif) no-repeat 0 0;
}

#header .menu { 
	position: relative; float: left; width: 780px;
	margin: 0 0 0 -6px; padding-left: 6px;
	background: #D6B859 url(../images/menu-bg.gif) repeat-x 0 0;
}
#header .menu .menu-shadow-left {
	position: absolute; top: 0; left: 0; width: 6px; height: 42px;
	background: url(../images/menu_shadow-left.gif) no-repeat 0 0;
}

#header .menu UL { 
	list-style-type: none; margin: 0; padding: 0; height: 39px; 
	border-top: 1px solid #BB9B26;
	background: url(../images/menu_shadow-bottom.gif) repeat-x 0 100%;
}
#header .menu LI { position: relative; float: left; margin: 8px 0 8px 0; padding: 0 10px 0 9px; border-left: 1px solid #FFFFFF;  }
#header .menu LI:first-child, #header .menu LI.first { border: none; }
#header .menu A { color: #FFFFFF; text-decoration: none; }
#header .menu A:hover { color: #ede6cd; }
#header .menu LI.actif A { color: #ede6cd; }

#header .menu UL UL {
	display: none;
	position: absolute; top: 100%; left: 8px; width: 150px; height: auto;
	padding: 6px 10px 1px 6px; 
	background: #F4ECD0; border: 1px solid #D4CDB5;
}
#header .menu LI:hover UL, #header .menu LI.hover UL { display: block; }
#header .menu LI LI { float: none; margin: 0 0 5px 0; padding: 0; border: none; }
#header .menu LI LI A { display: block; width: 100%; color: #000000 !important; }
#header .menu LI LI A:hover { color: #000000 !important; font-weight: bold; width: 110%; }
#header .menu LI LI.actif { font-weight: bold; }

#header .utilz { position: absolute; top: 48px; left: 10px; font-size: 85%; text-transform: uppercase; }
#header .utilz UL { list-style-type: none; margin: 0; padding: 0; }
#header .utilz LI { display: inline; margin: 0 18px 0 0; padding: 0; }
#header .utilz A { color: #FFFFFF; text-decoration: none; }
#header .utilz A:hover { text-decoration: underline; }

/***************************************************/

/******************** Content **********************/
#content {
	position: relative; z-index: 10; width: 606px;
	margin: 124px 0 10px 0; min-height: 511px;
	background-color: #FAF6E9; border: 1px solid #EFE7CC;
}

#content .content { padding: 50px 180px 25px 30px; }

#content #actualitesbox {
	position: absolute; top: 10px; left: 440px; right: -45px;
	color: #FFFFFF; font-size: 90%;
	border-top: 1px solid #BB9B26;
	background: url(../images/actualitesbox_shadow-bottom.png) repeat-x 0 100%;
	padding-bottom: 6px;
}
#content #actualitesbox .shadow-bottom { display: none; }
#content #actualitesbox .box-content { 
	background-color: #D5B754;
	border-left: 1px solid #BB9B26; border-right: 1px solid #BB9B26;
	padding: 10px 12px 10px 10px;
}
#content #actualitesbox H4 { font-size: 130%; font-weight: normal; margin: 0 0 15px 0; }
#content #actualitesbox UL { list-style-type: square; list-style-image: url(../images/li-square.gif); margin: 0; padding-left: 15px; border: 1px solid #D5B754; }
#content #actualitesbox LI { margin-bottom: 10px; line-height: 120%; }
#content #actualitesbox .date { color: #ede6cd; }
#content #actualitesbox A { color: #FFFFFF; text-decoration: none; }
#content #actualitesbox A:hover { text-decoration: underline; }

#content #photoscontent { position: absolute; top: 10px; right: -55px; }
#content #photoscontent .photo { 
	background: url(../images/photocontent_shadow.png) no-repeat 100% 100%;
	margin: 0 0 5px 0; padding: 0 10px 6px 0;
}

#content IMG.logoright { position: absolute; right: 10px; }

#photosright {
	position: absolute; top: 134px; right: 10px;
}
#photosright .photo { float: left; margin-left: 10px; height: 100%; background-color: #726F22; }

H1 { color: #726F22; font-size: 175%; font-weight: normal; }
H2 { color: #726F22; font-size: 120%; margin-bottom: 10px; }
H3 { color: #333; font-size: 110%; margin-bottom: 5px; }
H4 { font-size: 100%; margin-bottom: 5px; }

A { color: #9A9432; }
A:hover { color: #C7A316; }

#container.actualites #content UL {
	list-style-type: none; margin: 0; padding: 0;	
}

#container.actualites #content LI H2 { margin-top: 0; margin-bottom: 5px; }
#container.actualites #content LI H2 A { text-decoration: none; }
#container.actualites #content LI H3.date { margin-bottom: 5px; }
#container.actualites #content LI P.more { font-size: 90%; text-align: right; margin-top: -10px; }
/***************************************************/

/********************* Footer **********************/
#footer {
	position: relative;  width: 608px;
	font-size: 80%;
	background: #9A9432 url(../images/footer-bg.gif) repeat-x 0 100%; border-bottom: 1px solid #726F22;
}

#footer .links { text-align: center; line-height: 150%; padding: 3px; }
#footer .links UL { list-style-type: none; margin: 0; padding: 0; }
#footer .links LI { display: inline; margin: 0 7px 0 0; padding: 0 0 0 8px; border-left: 1px solid #FFFFFF; }
#footer .links LI:first-child, #footer .links LI.first { border: none; }
#footer .links A { color: #FFFFFF; text-decoration: none; }
#footer .links A:hover { text-decoration: underline; }

#footer .copyright { padding: 3px; }
#footer .copyright A { text-decoration: none; }
#footer .copyright A:hover { text-decoration: underline; }
/***************************************************/