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

body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	height:100%;
}
body {
	background-color: #ff7d00;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(_images/bg-pattern.png);
	background-repeat: repeat-x;
}

#wrapper {
	position:relative;
	width:100%;
	height:580px;
	left: 0px;
	top: 0px;
	background-image:url(_images/la-mosaique-logo.jpg);
	background-repeat:no-repeat;
}

#bgBlanc {
	position:absolute;
	left:50px;
	top:137px;
	width:910px;
	height:442px;
}
#Nav {
	position:absolute;
	left:58px;
	top:110px;
	width:905px;
	height:24px;
}

#separateur {
	position:absolute;
	left:225px;
	top:138px;
	width:12px;
	height:420px;
	overflow:hidden;
}

.indexLink:link, .indexLink:visited, .indexLink:active {
text-decoration:none;
}

.indexLink:hover span.textOrange21px, .indexLink:hover span.textBleu27px {
text-decoration:underline;
}

/* -------- Content ---------- */

#content {
	position:absolute;
	top:218px;
	left:600px;
	width:320px;
	height:320px;
	font-size:13px;
	line-height:18px;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right:10px;
}

#content-title {
	margin-top:0px;
	margin-bottom:0px;
	color:#ff7d00;
	position:absolute;
	top:160px;
	left:435px;
	width:520px;
	font-size:24px;
	font-weight:normal;
}

#content-lire-pdf {
	margin-top:0px;
	margin-bottom:0px;
	color:#666666;
	position:absolute;
	top:190px;
	left:440px;
	width:520px;
	font-size:12px;
	font-weight:normal;
}

#content h2 {
margin:0px;
color:#ff7d00;
font-size:12px;
font-weight:normal;
}

#content h3 {
margin:0px;
color:#0099ff;
font-size:14px;
font-weight:normal;
}

#content h4 {
margin:0px;
color:#666666;
font-size:14px;
font-weight:normal;
}

#content h5 {
margin:0px;
color:#0099ff;
font-size:18px;
line-height:24px;
font-weight:bold;
}

#content p {
margin:0px;
}

#content p.contact {
font-size:18px;
line-height:24px;
}

#content p strong {
color:black;
}


/* -------- Padding -------- */

.paddingLeft1px {padding-left:1px;}


/* -------- Textes ---------- */


.textOrange21px {font-family:Helvetica, Arial, sans-serif; font-size:21px; color:#ff7d00;}
a.textOrange21px:link {font-size:21px; text-decoration:none; color:#ff7d00;}
a.textOrange21px:visited {font-size:21px; text-decoration:none;}
a.textOrange21px:hover {font-size:21px; text-decoration:underline;}
a.textOrange21px:active {font-size:21px; text-decoration:none;}

.textOrange14px {font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#ff7d00;}
a.textOrange14px:link {font-size:14px; text-decoration:none; color:#ff7d00;}
a.textOrange14px:visited {font-size:14px; text-decoration:none;}
a.textOrange14px:hover {font-size:14px; text-decoration:underline;}
a.textOrange14px:active {font-size:14px; text-decoration:none;}

.textBleu27px {font-family:Helvetica, Arial, sans-serif; font-size:27px; color:#0099ff;}
a.textBleu27px:link {font-size:27px; text-decoration:none; color:#0099ff;}
a.textBleu27px:visited {font-size:27px; text-decoration:none;}
a.textBleu27px:hover {font-size:27px; text-decoration:underline;}
a.textBleu27px:active {font-size:27px; text-decoration:none;}

.textBleu14px {font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#0099ff;}
a.textBleu14px:link {font-size:14px; text-decoration:none; color:#0099ff;}
a.textBleu14px:visited {font-size:14px; text-decoration:none;}
a.textBleu14px:hover {font-size:14px; text-decoration:underline;}
a.textBleu14px:active {font-size:14px; text-decoration:none;}

.textBlanc10px {font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#fff;}
a.textBlanc10px:link {font-size:11px; text-decoration:none; color:#fff;}
a.textBlanc10px:visited {font-size:11px; text-decoration:none;}
a.textBlanc10px:hover {font-size:11px; text-decoration:underline;}
a.textBlanc10px:active {font-size:11px; text-decoration:none;}


/* -------- Accueil --------- */

#accueil1 {
	position:absolute;
	left:478px;
	top:166px;
	width:309px;
	height:20px;
}
#accueil2 {
	position:absolute;
	left:579px;
	top:212px;
	width:323px;
	height:17px;
}
#accueil3 {
	position:absolute;
	left:478px;
	top:277px;
	width:327px;
	height:17px;
}
#accueil4 {
	position:absolute;
	left:524px;
	top:339px;
	width:418px;
	height:18px;
}
#accueil5 {
	position:absolute;
	left:510px;
	top:407px;
	width:317px;
	height:19px;
}
#accueil6 {
	position:absolute;
	left:603px;
	top:468px;
	width:330px;
	height:18px;
}

/* -------- Navigation Listes ---------- */


#nav-wrapper-collections {
	float:left;
	clear:left;
	position:absolute;
	left:60px;
	top:148px;
	width:150px;
	height:400px;
	margin:0px;
	/*background-color:#FFFFFF;*/
}

#main-nav-collections {
    float:left;
    clear:left;
	
    margin:0px;
    padding:0px;
    width:150px;
	list-style-type: none;
}

#main-nav-collections li {
	margin-top:0px;
	margin-bottom:0px;
    line-height:18px;
    height:30px;
	list-style-type: none;
}

#main-nav-collections li.doubleHeight {
    margin:0px;
    line-height:18px;
    height:50px;
	list-style-type: none;
}

/*
* html #main-nav-collections li {line-height:30px;height:30px;margin:0px;}
*:first-child+html #main-nav-collections li {line-height:30px;height:30px;margin:0px;}
*/

#main-nav-collections li a {
    display:block;
	padding-left:15px;
	padding-top:8px;
	color:#333333;
	font-weight:normal;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:underline;
	/* --- list-style:url(_images/_nav/rollover-fleche-rose.png); --- */
	list-style-position:inside;
	list-style-type: none;
	height: 22px;
    margin:0px;
}

#main-nav-collections li.doubleHeight a {
	height: 42px;
    margin:0px;
}

#main-nav-collections li a:hover {
    text-decoration:underline;
    color:#3191d6;
    background-image:url(_images/_nav/sections-over.png);
	background-position:left;
	background-repeat:no-repeat;
    display:block;
	padding-left:15px;
    font-weight:normal;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:underline;
	/* --- list-style:url(_images/_nav/rollover-fleche-rose.png); --- */
	list-style-position:inside;
	list-style-type: none;
    margin:0px;
}

#main-nav-collections li a:focus {
outline:none;
}

#main-nav-collections li.currentSection a {
color:#3191d6;
}

#main-nav-collections li.doubleHeight a:hover {
background-image:url(_images/_nav/sections-over-double_height.png);
}


/*
#mission {background-image:url(_images/_nav/sections-over.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#mission a:hover {background-image:url(_images/_nav/sections-over.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
*/

.currentSection {
background-image:url(_images/_nav/sections-over.png);
}

.doubleHeight.currentSection {
background-image:url(_images/_nav/sections-over-double_height.png);
}



/* -------- sous menu liste 2 ------- */

#nav-wrapper-collections2 {
	float:left;
	clear:left;
	position:absolute;
	left:250px;
	top:148px;
	width:150px;
	height:200px;
	/*background-color:#FFFFFF;*/
    margin:0px;
}

#main-nav-collections2 {
    float:left;
    clear:left;
    margin:0px;
    padding:0px;
    width:150px;
	list-style-type: none;
}

#main-nav-collections2 li {
	margin:0px;
    line-height:30px;
    height:30px;
	list-style-type: none;
}

#main-nav-collections2 li.doubleHeight a {
	height: 42px;
    margin:0px;
	padding-top:8px;
}



#main-nav-collections2 li.doubleHeight {
    margin:0px;
    line-height:18px;
    height:50px;
	list-style-type: none;
}

/*
* html #main-nav-collections2 li {line-height:30px;height:30px;}
*:first-child+html #main-nav-collections2 li {line-height:30px;height:30px;}
*/

#main-nav-collections2 li a {
    display:block;
	padding-left:10px;
	color:#333333;
	font-weight:normal;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:underline;
	/* --- list-style:url(_images/_nav/rollover-fleche-rose.png); --- */
	list-style-position:inside;
	list-style-type: none;
    margin:0px;
}

#main-nav-collections2 li.doubleHeight a:hover {
background-image:url(_images/_nav/sections-over-double_height.png);
}

#main-nav-collections2 li a:hover {
    text-decoration:underline;
    color:#3191d6;
    background-image:url(_images/_nav/sections-over.png);
	background-position:left;
	background-repeat:no-repeat;
    display:block;
	padding-left:10px;
    font-weight:normal;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:underline;
	/* --- list-style:url(_images/_nav/rollover-fleche-rose.png); --- */
	list-style-position:inside;
	list-style-type: none;
    margin:0px;
}

#main-nav-collections2 li a:focus {
outline:none;
}

#main-nav-collections2 li.currentSubSection a {
color:#3191d6;
}

.currentSubSection {
background-image:url(_images/_nav/sections-over.png);
}

.doubleHeight.currentSubSection {
background-image:url(_images/_nav/sections-over-double_height.png);
}

/* ------- porte parole loise deschatelets --------- */

#louise-deschatelets {
	position:absolute;
	top:516px;
	left:276px;
	width:203px;
	height:30px;
	color:#CCC;
	font-size:12px;
	line-height:16px;
	z-index:99;
}

/* ------- Images ---------- */

#crossfader {
	position:absolute;
	top:138px;
	left:51px;
}

#img-qui-sommes-nous {
position:absolute;
top:347px;
left:240px;
}

#img-mere-fils {
position:absolute;
top:347px;
left:240px;
}

#img-qui-sommes-nous {
	position:absolute;
	top:273px;
	left:240px;
}

#img-porte-parole {
	position:absolute;
	top:208px;
	left:250px;
}

#img-business-woman {
	position:absolute;
	top:273px;
	left:260px;
}


#img-petite-fille {
	position:absolute;
	top:220px;
	left:310px;
}


#img-famille {
	position:absolute;
	top:212px;
	left:332px;
}

#img-couple-age-02 {
	position:absolute;
	top:279px;
	left:240px;
}

#img-imelda-millette {
	position:absolute;
	left:260px;
	top:190px;
}


/* ------- Bouton Faites un don ------------*/

#btn-don-index {
	position:absolute;
	left:770px;
	top:15px;
	width:81px;
	height:66px;
}

#btn-don-mere-fils {
	position:absolute;
	left:370px;
	top:280px;
	width:81px;
	height:66px;
}

#btn-qui-sommes-nous {
	position:absolute;
	left:277px;
	top:179px;
	width:81px;
	height:66px;
}

#btn-don-petite-fille {
	position:absolute;
	left:241px;
	top:158px;
	width:78px;
	height:66px;
}

#btn-don-business-woman {
	position:absolute;
	left:382px;
	top:235px;
	width:81px;
	height:66px;
}

#btn-don-famille {
	position:absolute;
	left:279px;
	top:488px;
	width:81px;
	height:66px;
}

#btn-don-famille2 {
	position:absolute;
	left:393px;
	top:475px;
	width:81px;
	height:66px;
}

#btn-don-couple-age-02 {
	position:absolute;
	left:270px;
	top:235px;
	width:81px;
	height:66px;
}

#btn-don-festivites-25e {
	position:absolute;
	left:270px;
	top:205px;
	width:81px;
	height:66px;
}

/* -------- Statistiques -------- */

#statistiques-generales {
	position:absolute;
	left:645px;
	top:20px;
	width:303px;
	height:60px;
	padding-top:13px;
	padding-left:16px;
	color:#FFF;
	line-height:15px;
	font-size:12px;
	font-weight:bold;
	background-image:url(_images/bg-statistiques.png);
	background-repeat:no-repeat;
}


/* ------- Footer ---------- */

#Chocolatmedia a{
	position:absolute;
	left:789px;
	top:565px;
	width:170px;
	height:19px;
	font-size:9px;
	color:#FFFFFF;
}

/* ------- PopUp Accueil ------- */

#popupaccueil {
	position:absolute;
	left:333px;
	top:29px;
	width:351px;
	height:470px;
	z-index:99;
	display:none;
}

/* --------- Prix Imelda-Millette ------------- */

.prix-imelda-millette h1#content-title {
	font-family:"ChopinScriptRegular", cursive;
	line-height:0.7em;
	font-size:32px;
	*line-height:1em;
}

.prix-imelda-millette .subtitle {
	font-family:Arial, sans-serif;
	font-size:16px;
	margin-left:1.5em;
	*position:relative;
	*top:-10px;
}

.prix-imelda-millette .subtitle:first-letter {
	font-family:"ChopinScriptRegular", cursive;
	font-size:24px;
}

.prix-imelda-millette #content {
	top:218px;
	height:330px;
}

.prix-imelda-millette #content h3 {
	font-family:"ChopinScriptRegular", cursive;
	font-size:24px;
	line-height:30px;
	margin:0.5em 0;
}

.prix-imelda-millette #content p {
	margin-bottom:1em;
}