@import url(common.css);
@charset "utf-8";
/* Little Dream Fundation - 2008	*/
/* By e-citron.ch					*/
/* CSS Style sheet					*/

  
/* Global Style */
html {
	overflow-y: scroll;
}

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}


body {
	background-color: #212B49;
	background-position: center top;
	background-repeat: repeat-y;
}

.content_zone {
	/*position: relative;*/
	margin: 15px 0 0 8px; 	
	text-align: left;
}

/* zone de contenu */
.content {
	background-color: #FFF;
	padding: 20px 15px 35px 15px;
	font-family: Arial;
    font-size: 11px;
    color: #6E7880;
	text-align: justify;
}

.content a:link, .content a:visited, .content a:active  {
	font-family: Arial;
    font-size: 11px;
    color: #7B9BC6;
	text-decoration: underline;	
}

.content a:hover {
    color: #212B49;
	text-decoration: underline;	
}


.content p {
	margin: 0;
	padding: 0;
}

/* background auto pour zone content */
.zone_interne{
    background-image:url(../img/background_intern.gif);
	background-position: 0px 300px;
	background-repeat: no-repeat;
}

.zone_interne_mondes{
    background-image:url(../img/background_intern.gif);
	background-position: 0px 390px;
	background-repeat: no-repeat;
}

.zone_interne_events{
    background-image:url(../img/background_intern.gif);
	background-position: 0px 280px;/* background-position: 0px 300px; */
	background-repeat: no-repeat;
}

/* zone de contenu à 100%*/
.content_large {
	background-color: #FFF;
	padding: 20px 44px 50px 44px;
	font-family: Arial;
    font-size: 11px;
    color: #6E7880;
	text-align: justify;	
}

.content_large a:link, .content_large a:visited, .content_large a:active  {
	font-family: Arial;
    font-size: 11px;
    color: #6E7880;
	text-decoration: none;	
}

.content_large a:hover {
    color: #6E7880;
	text-decoration: underline;	
}


.content_large p {
	margin: 0;
	padding: 0;
}

/* SlideShow HomePage */
#slideshow {
    position: relative;
    width: 838px;
    height: 298px;
}
  
#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
}


/* Menu des langues */
.menu_lang {
	position: relative;
	top: 17px;
	left: 22px;
	z-index: 50;
}

.menu_lang a {
	padding: 0 0 0 5px;
}


/* menu principal */

.menu_main_FR {
	/*position:relative;
	left: 3px;*/
	margin-left: 3px;
}

.menu_main_FR a {
	display: block;
	float: left;
	padding: 14px 5px 0 7px;
}

.menu_main_DE {
	/*position:relative;
	left: 3px;*/
	margin-left: 3px;
}

.menu_main_DE a {
	display: block;
	float: left;
	padding: 14px 5px 0 7px;
}

.menu_main_EN {
	/*position:relative;
	left: 5px;*/
	margin-left: 5px;
}

.menu_main_EN a {
	display: block;
	float: left;
	padding: 14px 5px 0 3px;
}


/* Logo Little Dream Fundation */
.logo a img {
	position: relative;
	padding: 20px 0 28px 0;
	z-index: 20;
	border: 0;
}


/* Menu sur la gauche du site ("Faire un don"...) */
.menu_left {
	position: relative;
	padding-bottom: 38px;
}


/* Coordonnées + adresses */
.contact {
	position: relative;
	padding-bottom: 10px;
}

.contact p {
	width: 140px;
	margin: 0;
	padding: 0 0 15px 0;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #FFF;
	line-height: 1em;
	text-align: right;
}


/* Blocks visuels Home page */
.visuel_1 {
	position: relative;
	padding: 15px 0 0 11px;
}

.visuel_2, .visuel_3, .visuel_4 {
	position: relative;
	padding: 10px 0 0 11px;
}

.visuel_right {
	position: relative;
	text-align: left;
}

.right_part {
	position: relative;
	text-align: left;
	padding-left: 10px;	
}

/* Textes blocs page Index */

.BlocIndex_textWhite {
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
}

.BlocIndex_textWhite p {
	margin: 0;
	padding: 0;
}

.BlocIndex_textWhite a:link, .BlocIndex_textWhite a:visited, .BlocIndex_textWhite a:active  {
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: underline;
}

.BlocIndex_text a:hover {
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: none;   
}

.BlocIndex_title {
   font-family: Arial;
   font-size: 11px;
   color: #212c4a;
   font-variant:small-caps;
   font-weight:bold;
}

.BlocIndex_date {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #212b49;
}

.BlocIndex_text {
   font-family: Arial;
   font-size: 11px;
   color: #212b49;
}

.BlocIndex_text a:link, .BlocIndex_text a:visited, .BlocIndex_text a:active  {
   font-family: Arial;
   font-size: 11px;
   color: #212b49;
   text-decoration: underline;
}

.BlocIndex_text a:hover {
   font-family: Arial;
   font-size: 11px;
   color: #614B12;
   text-decoration: none;   
}


/* Titre du sous-menu */
.section_title {
	height: 26px;
	margin-top: 5px;
	background-image: url(../img/bg_ss_menu.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding: 0 0 3px 0;	
   font-family: Arial;
   font-size: 14px;
   font-weight: bold;
   color: #212b49;
   text-decoration: none;
   font-variant:small-caps;
}


/* Zone de sous-menu */
.ssmenu {

	background-color: #FFF;
	padding: 0 0 5px 0;	
	margin: 0 0 3px 0;	
}

.ssmenu_large {
	background-color: #FFF;
	padding: 0 0 5px 0;	
	margin: 0 0 3px 0;	
}


/* Bloc inséré */
.image_large {
	margin: 0 0 3px 0;
}


/* Abcédaires */
.abcd_kids {
	background-color: #FFF;
	padding: 0 0 5px 0;	
	margin: 0 0 3px 0;	
}

.abcd_parrains {
	background-color: #FFF;
	padding: 0 0 5px 0;	
	margin: 0 0 3px 0;	
}

/* Sous-menu */
.ssmenu_title, .ssmenu_title a:link, .ssmenu_title a:visited, .ssmenu_title a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #212b49;
   text-decoration: none;
   padding: 6px 0 0 0;
}

.ssmenu_title a:hover {
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #A25D00;
   text-decoration: none;
   padding: 6px 0 0 0;
}

/*Deviant add*/
TD.sub_menu_outer, TD.letter_menu_outer {padding: 0 20px;}
TD.letter_menu_outer {text-align: center;}
DIV.ssmenu_title_main, DIV.ssmenu_title_main_selec, DIV.ssssmenu_title, DIV.ssmenu_title, DIV.ssmenu_title_selec, DIV.ssssmenu_title_selec, DIV.ssssmenu_title, DIV.ssssmenu_title_selected {
	float: left;
	padding: 0;
}
DIV.ssmenu_delimiter, DIV.ssmenu_delimiter2 {
	float: left;
	width: 10px;
	font-family: Arial;
	font-size: 11px;
	padding: 0;
}
DIV.ssmenu_delimiter2 {width: 20px;}
SPAN.ssmenu_title, SPAN.ssmenu_title_selec {
	text-align: center;
	margin: 0 16px;
}
.width_four {width: 190px;}
.width_three {width: 256px;}
.width_two {width: 153px;}

/* Sous-menu sélectionné */
.ssmenu_title_selec, .ssmenu_title_selec a:link, .ssmenu_title_selec a:visited, .ssmenu_title_selec a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #A25D00;
   text-decoration: none;
   padding: 6px 0 0 0;
}
.archives_content {
	color: #FFF;
	text-transform: none;	
	text-decoration: underline;
	font-size: 11px;	
}

/* Sous-menu MAIN */
.ssmenu_title_main, .ssmenu_title_main a:link, .ssmenu_title_main a:visited, .ssmenu_title_main a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #212b49;
   text-decoration: none;
   padding: 0 0 0 0;
}

.ssmenu_title_main a:hover {
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #A25D00;
   text-decoration: none;
   padding: 0 0 0 0;
}

.ssmenu_title_main_selec, .ssmenu_title_main_selec a:link, .ssmenu_title_main_selec a:visited, .ssmenu_title_main_selec a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #A25D00;
   text-decoration: none;
   padding: 0 0 0 0;
}


/* Sous-sous Menu */
.ss_ss_menu {
	background-color: #7B9BC6;
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
}

.ssssmenu_title, .ssssmenu_title a:link, .ssssmenu_title a:visited, .ssssmenu_title a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   color: #FFF;
   text-decoration: none;
}

.ssssmenu_title a:hover {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   color: #212b49;
   text-decoration: none;
}

.ssssmenu_title_selected, .ssssmenu_title_selected a:link, .ssssmenu_title_selected a:visited, .ssssmenu_title_selected a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   color: #212b49;
   text-decoration: none;
}


/* Sous-sous Menu large */
.ss_ss_menu_large {
	background-color: #7B9BC6;
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
}



/* Sous-menu sélectionné */
.ssssmenu_title_selec, .ssssmenu_title_selec a:link, .ssssmenu_title_selec a:visited, .ssssmenu_title_selec a:active {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   color: #212b49;
   text-decoration: none;
}


/* Parrain */
.parrain_content {
    background-image: url(../img/visu_parrain_right.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0 0 10px 0;
	position: relative;
	width: 429px;
	top: 5px;
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;	
}

.parrain_content a:link, 
.parrain_content a:visited, 
.parrain_content a:active  
{
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: underline;
}

.parrain_content a:hover 
{
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: none;   
}


.parrain_title {
   font-family: Arial;
   font-weight: bold;
   font-size: 11px;
   color: #FFFFFF;
}

.parrain_textWhite {
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
}

.parrain_textWhite a:link, 
.parrain_textWhite a:visited, 
.parrain_textWhite a:active  
{
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: underline;
}

.parrain_textWhite a:hover 
{
   font-family: Arial;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: none;   
}

/* Kids zone */

.kids {
	text-align: center;
	vertical-align: top;
	color: #FFF;
}

.kids a:link, 
.kids a:visited, 
.kids a:active  
{
   font-family: Arial;
   font-size: 9px;
   color: #818C95;
   text-decoration: none;
}

.kids a:hover 
{
   font-family: Arial;
   font-size: 9px;
   color: #818C95;
   text-decoration: underline;   
}


.kids_title {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant:small-caps;
	color: #FFF;
	line-height: 1em;
	text-align: left;
	padding: 0 0 5px 2px;	
}

.kids_name {
	font-family: arial, verdana, sans-serif;
	font-size: 9px;
	color: #818c95;
	line-height: 1em;
	text-align: center;
	padding: 0 0 10px 0;
}

/* Partenaires - liste */
.lien_partenaires {
	color: #212b49;
	text-transform: uppercase;
	font-size: 11px;	
	font-family: arial, verdana, sans-serif;
}

.lien_partenaires a, .lien_partenaires a:link, .lien_partenaires a:visited {
	color: #354162;
	text-transform: none;
	text-decoration: underline;
	font-size: 11px;	
	font-family: arial, verdana, sans-serif;	
}

.lien_partenaires a:hover {
	color: #838dac;
	text-transform: none;	
	text-decoration: underline;
	font-size: 11px;	
}

/* Archives */
.archives_content {
   background-image: url(../img/visu_parrain_right.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0 0 10px 0;
	position: relative;
	width: 429px;
	top: 5px;
	color: #FFF;
}

.archives_content a, .archives_content a:link, .archives_content a:visited {
	color: #FFF;
	text-transform: none;
	text-decoration: none;
	font-size: 11px;	
	font-family: arial, verdana, sans-serif;	

}

.archives_content a:hover {
	color: #FFF;
	text-transform: none;	
	text-decoration: underline;
	font-size: 11px;	
}

/* Footer / Credits */
.visuel_footer_home {
	position: relative;
	padding: 0 0 0 12px;
}

.visuel_footer {
	position: relative;
	padding: 7px 0 0 0;
}

.footer {
	padding-bottom: 16px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
}

.footer p {
	margin: 0;
	padding: 5px 0 0 0;
}

.footer p a:link, .footer p a:visited, .footer p a:active {
   font-family: Arial;
   font-size: 10px;
   color: #FFF;
   text-decoration: underline;
}

.footer p a:hover {
   font-family: Arial;
   font-size: 10px;
   color: #278CC4;
   text-decoration: none;    
}

.footer_text {
   font-family: Arial;
   font-size: 11px;
   color: #314787;
}

.footer_text a:link, .footer_text a:visited, .footer_text a:active {
   font-family: Arial;
   font-size: 11px;
   color: #314783;
}

.footer_text a:hover {
   font-family: Arial;
   font-size: 11px;
   color: #278CC4;
   text-decoration: none;    
}

/* SHOP */
.textShop {
    color: #6a769a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.titleShopWhite {
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.textShopWhite {
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.shop_contact {
	position: relative;
	left: 250px;
	text-align:left;
}

.priceShop {
    color: #f2b522;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

#shopLine {
    /*background-image: url(/images/photo_shop/line.gif);*/
	background-repeat: repeat-y;
	background-position: center;
}

.numBox {
    width: 30px;
	height: 13px;
    color: #6a769a;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	background-image:url(../img/fondform.gif);
}

#numBox {
    float:left;
}

#target {
    display: none;
	padding: 1px 0 0 0;
}

.contentShopForm {
    float:left;
}

/* FORM */
#textForm {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}

#form {
   background-image:url(../img/fondform.gif);
   background-repeat: no-repeat;
   background-color: #e5e5e5;
   width: 238px;
   height: 16px;
   border: 1px solid black;
}

#form2 {
   background-image:url(../img/fondform.gif);
   background-repeat: no-repeat;
   background-color: #e5e5e5;
   width: 240px;
   height: 18px;
   border: 1px solid black;
}

#formprice {
   background-image:url(../img/fondform.gif);
   background-repeat: no-repeat;
   background-color: #e5e5e5;
   width: 121px;
   height: 16px;
   border: 1px solid black;
}

#formprice2 {
   background-image:url(../img/fondform.gif);
   background-repeat: no-repeat;
   background-color: #e5e5e5;
   width: 121px;
   height: 18px;
   border: 1px solid black;
}

input, textearea, select {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#remarkForm {
   overflow: auto;
   background-image:url(../img/fondform2.gif);
   background-repeat: no-repeat;
   background-color: #e5e5e5;
   width: 240px;
   height: 72px;
   border: 1px solid black;
}

.submit {
   background-color: #e5e5e5;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;   
}

.radio {
   width: 15px;
   height: 15px;
}
   
.totalKids {
   background-image: url(../img/bg_totalkids.jpg);
   background-repeat: no-repeat;
   background-color: #e5e5e5;
   width: 35px;
   height: 13px;
   border: 1px solid black;
   text-align: center;
   vertical-align: middle;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*** ADMIN ZONE ***/
#common {
	width: 940px;
	height: 600px;
	margin: auto;
	text-align: left;
	border: 1px solid #00f;
}
#header {
	margin:10px 0px 5px 0px;
	width: 100%;
	border: 1px solid #CDCDCD;
}
#language {float: right;}
#language a.active {font-weight: bold;}
#main {
	width: 770px;
	float: right;
	clear: right;
	border: 1px solid #0f0;
}
#navbar {
	width: 159px;
	height: 653px;
	float: left;
	clear: left;
	border: 1px solid #00f;
}
#footer {
	padding-top: 20px;
	width: 100%;
	clear: both;
	border: 1px solid #f00;
}
#dhtmltooltip2 {
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.fr_input {
	border: 1px solid #bbbbbb;
	font-family: Tahoma;
	font-size: 11px;
	background-color: #ffffff;
	vertical-align: bottom;
}
#draft_div {
        background-color: ButtonFace; 
        color: ButtonText;
	font: 15px Arial;
	font-weight:900;
        position: fixed;
	left:0px;
	color:red;
}

.shop_prix p {
margin:0px 0px 0px 10px;
padding-left:10px;
}