@charset "utf-8";

/* HACKS */
a:hover { text-decoration:none; }
.alert-message { height:1%; }
table td { border:none; }
label { padding-right:5px; width:160px; }
input#Q, #DtpPanierDis input { width:auto; }
form label span.error { color: #B94A48; }
form .actions { background:transparent; border:none; }
* html input.btn {
	padding:4px 7px 3px 7px;
	width:auto;
}
*+html input.btn {
	padding:4px 7px 3px 7px;
	width:auto;
}
.container {
	position:relative;
	width:800px;
}
* html .span3, * html .span7, * html .span6, * html .span10 {
	display:inline;
	float:left;
	margin-left:20px;
}

/* BODY */
html {
	background-color:#18a3d4;
}
body {
	background:#18a3d4 url(../images/bg_cloud.png) no-repeat;
	background-position:50% 150px;
}
body.accueil {
	background:none;
	background-color:#18a3d4;
}

/* HEADER */
.header {
	background:#8dc63f url(../images/bg_header.png) repeat-x bottom;
	overflow:hidden;
	padding:15px 0;
	position:relative;
}
.header a.logo {
	background:transparent url(../images/logo_apogriff-100.png) no-repeat top left;
	display:block; float:left; position:relative;
	height:125px; width:125px;
	text-indent:-9999px;
}
.header p.baseline {
	background:transparent url(../images/bg_baseline-100.png) no-repeat;
	background-position:0 25px;
	display:block; float:right; position:relative;
	height:125px; width:346px;
	margin:0; padding:0;
	text-indent:-9999px;
}
.accueil .header a.logo {
	background:transparent url(../images/logo_apogriff-165.png) no-repeat top left;
	display:block; float:left; position:relative;
	height:165px; width:165px;
	margin:17.5px;
	text-indent:-9999px;
}
.accueil .header p.baseline {
	background:transparent url(../images/bg_baseline-200.png) no-repeat top left;
	display:block; float:right; position:relative;
	height:200px; width:398px;
	margin:0; padding:0;
	text-indent:-9999px;
}

/* NAV */
.navbar {
	background:#3490A9;
	position:relative;
	z-index:1;
}
.nav ul {
	list-style-type:none; margin:0; padding:0;
}
.nav li {
	background:transparent url(../images/bg_nav-item.png) repeat-y right;
	float:left;
	height:35px;
	padding-right:7px;
	position:relative;
}
.nav li.last-child {
	background:none;
}
.nav a {
	background:transparent url(../images/bg_nav-link.png) no-repeat 96% -35px;
	color:#A4CFDF;
	display:block;
	float:left;
	font-size:1.1em;
	padding:0 44px 0 18px;
	position:relative;
	height:35px; line-height:35px;
	text-shadow:0px -1px 0px #027892;
}
* html .nav a {
	padding:0 40px 0 18px;
}
.nav a:hover, .nav a.active {
	background-position:96% 0px;
	color:#FFF;
}
body.accueil .nav a.accueil, body.presentation .nav a.presentation, body.coupscoeur .nav a.coupscoeur, body.contact .nav a.contact {
	background-position:96% 0px;
	color:#FFF;
}
/* SUB */
.nav .sub {
	background:#3490A9;
	display:none; visibility:hidden;
	top:35px; left:-3px;
	position:absolute;
	width:13em;
	z-index:1;
	border-radius:0px 0px 4px 4px;
}
.nav .sub li {
	background:none;
	height:25px;
}
.nav .sub a {
	background:none;
	color:#FFF;
	font-size:0.85em;
	height:25px; line-height:25px;
	padding:0 1em;
}

/* BREADCRUMB */
.breadcrumb {
	background:none; border:none;
	margin:0 0 10px 0; padding:0;
	box-shadow:none; text-shadow:none;
}
.breadcrumb ul {
	list-style-type:none;
	margin:0; padding:0;
}
.breadcrumb li {
	color:#EEE;
	display:inline;
	height:27px; line-height:27px;
	text-shadow:none;
}
.breadcrumb a {
	color:#EEE;
	text-shadow:none;
}
.breadcrumb select {
	margin:0;
}

/* SIDENAV */
#sidenav {
	float:left;
	margin:0px 10px 0px 0px;
	min-height:350px;
	padding:10px 0 0 0;
	position:relative;
	width:190px;
}
* html #sidenav {
	height:350px;
	overflow:visible;
}
#sidecategories {
	list-style-type:none;
	margin:0; padding:0;
}
#sidecategories li {
	padding:0.3em 0;
}
#sidecategories a {
	color:#EEE;
	font-size:1.25em;
}
#sidecategories #a_YC36, #sidecategories #a_YC2, #sidecategories #a_YC3, #sidecategories #a_YC2263, #sidecategories #a_YC10, #sidecategories #a_YC28, #sidecategories #c_YC4 {
	font-size:2em;
}
#sidecategories #a_YC1, #sidecategories #a_YC25, #sidecategories #a_YC8, #sidecategories #a_YC37, #sidecategories #a_YC31, #sidecategories #c_YC3 {
	font-size:1.25em;
}
#sidecategories #a_YC36, #sidecategories #a_YC24, #sidecategories #a_YC25, #sidecategories #a_YC37, #sidecategories #a_YC10, #sidecategories #c_YC2, #sidecategories #c_YC4 {
	color:#8DC63F;
}
#sidecategories #a_YC3135, #sidecategories #a_YC28, #sidecategories #c_YC1, #sidecategories #c_YC5 {
	color:#39717F;
}
#sidecategories li.last-child {
	color:#EEE;
	font-size:0.9em;
}
#sidegalleries {
	background:transparent url(../images/bg_focus.png) repeat-x top;
	list-style-type:none;
	margin:1em 0 0 0; padding:0;
}
#sidegalleries li.first-child {
	background:transparent url(../images/bg_focus.png) repeat-x bottom;
	color:#EEE;
	font-size:1.65em;
	height:2em; line-height:2em;
	margin-bottom:0.5em;
}
#sidegalleries a {
	color:#EEE;
}

/* OVERVIEW */
#overview {
	background:transparent url(../images/bg_section.png) repeat-x top;
	min-height:375px;
}

/* SECTION */
.section {
	height:1%;
	overflow:hidden; position:relative;
	margin:0; padding:0;
	padding-top:10px;
}

/* SATELLITE */
.satellite {}
.satellite h1 {
	color:#8dc63f;
	font-weight:normal;
	font-size:3.5em;
	height:50px; line-height:50px;
	letter-spacing:-2px;
}
.satellite h2 {
	color:#EEE;
	font-weight:normal;
	font-size:1.25em;
	line-height:1.5em;
	margin-bottom:0.5em;
}
.satellite p.legend {
	color:#EDEDED;
	text-align:center;
}

/* COUPS COEUR  */
#coups-coeur h1 {
	background:transparent url(../images/bg_coups-coeur.png) no-repeat top left;
	margin-bottom:0em;
	height:100px; width:450px;
	text-indent:-9999px;
}
html.ie6 #coups-coeur h1 {
	background:transparent url(../images/bg_coups-coeur.gif) no-repeat top left;
}*
#coups-coeur a.play {
	display:inline-block;
	background:transparent url(../images/bg_play.png) no-repeat center left;
	height:26px; line-height:26px;
	padding-left:26px;
}
html.ie6 #coups-coeur a.play {
	background:transparent url(../images/bg_play.gif) no-repeat center left;
}
#coups-coeur ul {
	list-style-type:none;
	margin:0; padding:0;
}
#coups-coeur li {
	display:inline;
}

/* SLIDER */
.slider {
	background:#CCC;
	height:16px;
	width:200px;
}
.slider .knob {
	background:#000;
	width:16px;
	height:16px;
}

/* SHOWCASE */
.showcase ul {
	list-style-type:none;
	margin:0; padding:0;
}
.showcase li {
	float:left;
	height:200px; width:200px;
}
.showcase img {
	display:block;
	margin:auto;
}
.showcase {
	background:#FFF;
	height:250px;
	margin:auto; margin-bottom:0.5em;
	overflow:hidden; position:relative;
	width:750px;
	border-radius:8px;
}
.showcase li {
	padding:25px;
}
.showcase img {
	border:3px solid #3490A9;
	border-radius:8px;
	overflow:hidden;
}
.showcase .slider {
	background:#EEE;
	height:auto; width:740px;
	bottom:5px; left:5px;
	position:absolute;
	padding:2px 0px;
	border-radius:8px;
}
.showcase .knob {
	background:#CCC;
	cursor:pointer;
	height:6px; width:6px;
	border-radius:8px;
}
.showcase .prev {
	background:transparent url(../images/bg_arrows.png) no-repeat;
	background-position:0px -34px;
	position:absolute; left:5px; bottom:105px;
	cursor:pointer;
	height:34px; width:38px;
	text-indent:-9999px;
	z-index:1;
}
html.ie6 .showcase .prev {
	background:transparent url(../images/bg_arrows.gif) no-repeat;
	background-position:0px -34px;
}
.showcase .next {
	background:transparent url(../images/bg_arrows.png) no-repeat;
	background-position:-116px -34px;
	position:absolute; right:5px; bottom:105px;
	cursor:pointer;
	height:34px; width:38px;
	text-indent:-9999px;
	z-index:1;
}
html.ie6 .showcase .next {
	background:transparent url(../images/bg_arrows.gif) no-repeat;
	background-position:-116px -34px;
}

/* POPUP */
body.popup {
	background:#FFF;
	margin:0; padding:0;
	height:100%;
}
.popup .section {
	margin:0; padding:0;
	width:545px;
}
.popup h1 {
	background:#89BEDE;
	border-radius:4px;
	color:#EEE;
	font-size:1.25em; line-height:1.75em;
	margin-bottom:0.25em;
	text-align:center;
}
.popup h2 {
	color:#404040;
	font-size:1em; line-height:1em;
}
.popup p {

}
.popup ul.media {
	list-style-type:none;
	margin:0; padding:0;
}
.popup ul.media li {
	display:inline;
}

/* PRESSE */
.press {}
.press a, .press strong, .press span { display:block;}
.press ul {
	list-style-type:none;
	margin:0; padding:0;
}
.press li {
	background:transparent url(../images/bg_pPdtSelP.png) repeat-x bottom;
	height:1%;
	padding-bottom:10px;
	margin:10px 0px;
}
.press a {
	background:transparent url(../images/bg_pPdtSelP.png) repeat-x top;
	color:#404040;
	overflow:hidden;
	padding-top:10px;
}
.press strong {
	color:#EEE;
	font-size:1.25em;
	font-weight:normal;
	line-height:1.5em;
}
.press .publish {
	font-size:0.9em;
	text-decoration:underline;
}
.press .preview {
	font-style:italic;
}
.press .readmore {
	background-color:#a7cb43;
	color:#fff;
	font-size:1.1em;
	margin:0.5em 0;
	padding:0.25em 0.1em 0.3em 0.1em;
	text-align:center;
	width:200px;
	border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
}

/* FCNT */
#FCNT, #FCNT fieldset {
	border:none;
	margin:0; padding:0;
}
#FCNT legend {
	display:none;
}
#FCNT span.alert {
	color:red;
}

/* FOOTER */
.footer {
	color:#EEE;
	clear:both;
	font-size:0.9em;
	position:relative;
	padding:1em 0;
}
.footer a {
	color:#EEE;
}
.footer ul {
	text-align:center;
}
.footer li {
	display:inline;
}
#swiff {
	width:800px;
	height:75px;
}

/* FLASH INTRO */
body.intro {
	border:1px solid #404040;
	color:#0B768A;
	display:block;
	font-family:verdana, arial, 'sans-serif';
	font-size:75%;
	font-weight:bold;
	height:570px;
	left:50%;
	top:50%;
	line-height:240%;
	margin:-285px 0px 0px -380px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:760px;
}
body.intro #flash_container {
	background:url(../images/bg_flash-container.jpg) no-repeat center center;
	height:570px;
}
body.intro #flash_container a {
	color:#0B768A;
	display:block;
	text-align:center;
	text-decoration:none;
}
body.intro #flash_container a.get_In_link {
	/*border:1px solid red;*/
	height:500px;
}