/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Marek Handl
 * @package Declic eveil
 * @copyright Copyright Marek Handl 2008 All rights reserved.
*/


body
{
    margin: 0;
    padding: 0;
    background: url("/images/background_blue1.png") repeat-x top center;
    /*background-color: #DDECF3;*/

    color: black;
    font-family: Century Gothic, Arial, Verdana, sans-serif;
    font-size: 14px;
    padding: 0px;
    text-align: center;
  }

#centerdiv {
    width:829px;/*850px;634px;*/
    margin-bottom: 2em;
    margin:0 auto;
}

#center_inner {
background:transparent url(/images/bg_shadow.png) repeat-y scroll 0 0;
float:left;
padding:0 4px;
width:821px;
}

#bottom_shadow{
float:left;
width:829px;
padding:0;
}
#bottom_shadow img {
    width:829px;
    height:9px;
}

#superdiv {
   text-align:left;
    width:820px;
    margin:0 auto;
}

#logodiv {
    background: url("/images/concept_bg.jpg") no-repeat;
    height:241px; /*166px; /*186px;*/
    color: black;
    padding:0 0 0 22px;
	float:left;
    width:798px;
}

#logo_img {float:left; width: 608px; padding:21px 0 0; margin:0;}
#logo_img img {width:338px; height:76px;}

#flag_container {float:right; width:auto; margin: 39px 10px 0 0;}
.flag {float:left; width:32px; padding: 0 0 0 4px;}
.flag img {width:32px; height:32px;}

#menudiv {
    background:#79808C none repeat scroll 0 0;
    float:left;
    font-size:14px;
    margin:0;
    padding:0;
    text-align:right;
    width:100%;
}
a{outline:none;}
#contentdiv {
    color:#666666;
    float:left;
   }

#footerdiv {
    text-align: center;
    color:#666666;
    font-size: 70%;
    padding: 1em;
    float:left;
}

#footerdiv a:hover {
    font-weight: normal;
    color:#333;
}


/* logodiv */
#logo_subtitle {
    font-weight: bold;
}
#logo_tel {
    position: absolute;
    left: 30px;
    top: 160px;
    font-family: Century Gothic, Arial, Verdana, sans-serif;
    color:#666666;
    font-size: 18px;
    letter-spacing:2px;
    font-weight:bold;
}
#logoName {
    position: absolute;
    left: 20px;
    top: 20px;
}
#logoText {
    display: none;
}
#logodiv a img {
    border: 0;
}

/* menudiv */
#menudiv ul {
    display:inline;
    float:right;
    margin:0;
    padding:0;
    text-align:right;
}

#menudiv ul li {
    color:#FFFFFF;
    display:inline;
    float:left;
    font-size:12px;
    padding:7px 0;
    width:auto;
}


#menudiv ul li a {
    color:#FFFFFF;
    font-weight:normal;
    padding:0 11px;
    text-decoration:none;
	letter-spacing: 1px;
}

#menudiv li.item1 {
    border-left: 0;
}
#menudiv #current a {
    color:#88D6FE;
}

/*coleur sur rollOver des boutons - marche pas pour l'instant*/
.item1 a:hover{color:#000000;
}
.item53 a:hover{color:#000000;
}

.item54 a:hover{color:#000000;
}

.item55 a:hover{color:#000000;
}

.item56 a:hover{color:#000000;
}




/* CONTENTDIV */
#contentdiv h2 {
    color:#4A9FF2;
    float:left;
    font-size:17px;
    margin:0;
    padding:33px 0 13px;
    width:760px;
	letter-spacing: 1px;
}

#contentdiv li {
    margin-bottom: 1em;
}
#contentdiv a {
    /*color:#666666;*/
    text-decoration: none;
    font-weight: bold;
	outline:none;
}

#contentdiv a:hover {
    text-decoration:none;
}

/* FOOTERDIV */
#footerdiv a {
    color:#666666;
    text-decoration: none;
}

/* hacking the design */

#about_list {
    color:#4A9FF2;
    float:left;
    font-weight:bold;
    padding:36px 0 0;
	width:554px;
}
#about_list ul{
    margin:0;
    padding:0;
}

#about_list li {
    margin:0 0 0 14px;
    padding:2px 0 0 22px;
	float:left;
	width:540px;
	list-style:none;
	font-size:15px;
	background:url("/images/blue-bullet.gif") no-repeat scroll 0 11px transparent;
	letter-spacing:1px;
	
}
#about_submenu ul{
    margin:0;
    padding:0;
    padding: 49px 53px;
}
#about_submenu li{
    line-height:13px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
}
#about_submenu li a{
    color:#666666;

    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}

#about_submenu li a:hover {
    /*font-weight: bold;*/
    text-decoration: none;
    color:#88D6FE;
}

#babysitting_list li {
    margin-bottom: 0;
}
#rates_list li {
    margin-bottom: 0;
}

/* rates */
#rates_submenu li {
    margin: 0;
    padding: 0;
    margin-top: 2px;
}
#rates_submenu ul {
    margin: 0;
    padding: 20px;
}
#rates_submenu li a {
    text-decoration: none;
    color: #666666;
    font-weight: normal;
    font-size:12px;
}
#rates_submenu li a:hover {
    /*font-weight: bold;*/
    text-decoration: none;
}
#rates_list li {
    margin-bottom: 0;
}

#about_phrase p a {
    color: #60abf4;
    text-decoration: none;
    font-weight: normal;
}
#about_phrase p a:hover {
    text-decoration: none;
    /*font-weight: bold;*/
}
.exceptionbleu{
    color:#60abf4;
    text-decoration:none;
}

.exceptionbleu a ,
.exceptionbleu a:hover
{
    text-decoration:none;
}


/*#frame1{
  z-index:5;
  position: relative;
  margin-left:-17px;
font-family:Didot,Verdana,sans-serif;
font-size:35px;
font-weight:bold;
height:192px;
margin-top:-65px;
padding-left:25px;
width:219px;
}*/
#about_submenu, #rates_submenu {
    z-index: 10;
}

/* picto star */
	.picto_star {
    float:right;
    margin-right:10px;
    padding:12px 0 0;
	width:130px;
}

.componentheading
{
    display:none;
}

.cliquer-img {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/cliquer.png) no-repeat scroll 0 0;
    float:right;
    height:104px;
    margin:9px 0 0;
    padding:0 54px 0 0;
    width:295px;
}
.agree-img {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/agree.png) no-repeat scroll 0 0;
    float:left;
    height:77px;
    margin-top:10px;
    width:295px;
}


.service_img {
    float:right;
    margin:-44px 5px 0;
    width:101px;
}
.service_img img {
    width:101px;
    height:74px;
}

.list-text{
    color:#666666;
    font-weight:normal;
}
.cliq-text {
    color:#4A9FF2;
    letter-spacing:2px;
    padding:25px;
    text-decoration:none;
    width:200px;
}
.cliq-text1 {
    float:left;
    width:177px;
	 padding: 24px 0 0 17px;
}
.cliq-text1 img{
    height:55px;
    width:177px;
}

.cliq-text a{
    color:#4a9ff2;
    text-decoration:none;

}
.agree-text {
    color: #4A9FF2;
    float: left;
    letter-spacing: 2px;
    line-height: 14px;
    padding: 12px 0 0 17px;
    text-decoration: none;
    width: 209px;
}
.agree-text1 {
	float:left;
	width:211px;
	padding: 13px 0 0 13px;
}
.agree-text1 img{
	width:211px;
	height:52px;
}



.agree-text a{
    color:#4a9ff2;
    text-decoration: none;
}



.contentheader2 i{
    color:#4a9ff2;
}
.kids-img {
    float:left;
    padding:42px 0 67px 23px;
    width:760px;
}

.kids-img img{
    float:left;
    width:425px;
    height:284px;
}

ul.nos-right {
    float:left;
    margin:0;
    padding:0;
}


ul.nos-right li {
    float: left;
    height: 36px;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 14px;
}

ul.nos-right li a{
color: #4A9FF2;
}
.kids-right-big {
    float:left;
    margin-left:0;
    float:left;
    width:228px;
    height:55px;
}
.kids-right-big img {
	width:228px;
	height:55px;
}

.kids-right-big1 {
    float:left;
    margin-left:0;
    float:left;
    width:159px;
    height:36px;
}

.kids-right-big1 img {
	width:159px;
	height:36px;
}

.marie {
    float:right;
    padding:42px 0 0;
    width:172px;
}
.marie img {width:172px; height:216px;}
.marie p{
    float:left;
    font-size:14px;
    width:100%;
    text-align: center;
    margin:0;
    padding:0;
}
#marie_txt{float:left;; font-size:14px;text-align: center;}
#marie_txt a{ float:left; color:#4A9FF2; text-decoration: none; font-weight: normal; width:100%;}



.marie-text {
    float: left;
    font-size: 15px;
    margin: 0 0 84px;
    padding: 7px 0 0;
    width: 480px;
	letter-spacing: 1px;
}

.marie-text h2 {
	width:480px;
}
.marie-text p {
	width:480px;
	}
	
#about_team_table {
color:#666666;
float:left;
padding:32px 0 0;
_margin-top:40px;
#margin-top:40px;
width:758px;
}
.item_container{
	float:left;
	width:748px;
	padding:0 0 22px 2px;
}
.item_num {
    float:left;
    width:16px;
    padding: 1px 0 0;
}
.item_num img {
    width:16px;
    height: 16px;
}
.item_content {
    float:right;
    width:722px;
    text-align: left;
    color:#666666;
    font-size:15px;
    letter-spacing:1px;
    padding:0;
}

.kids-right {
    float:right;
    padding: 102px 0 0;
    width:290px;
}

.twitface {
    float:left;
    margin: 7px 0 0 -18px;
	position:relative;
    width:93px;
}

.facebook {
    background:url(/images/tail_facebuk.png) no-repeat bottom center;
    float:right;
    height:76px;
    margin:0 24px 0 0;
    width:34px;
}

.facebook img {width:34px; height:28px;margin:1px 0 0;}


.twitter {
    float:left;
    margin-top:-39px;
    padding:0;
    position:relative;
    width:auto;
    z-index:1;
}
.contact {
    clear: both;
    float: left;
    margin: 0 0 0;
    width: 144px;
	padding: 10px 0 0;
}

.contact p {
    color:#666666;
    float:left;
    font-size:13px;
    font-weight:bold;
    margin:0;
    padding:5px 0 0;
	width:150px;
}

.contact p span{
	float:left;
	font-size: 13px;
    color:#666666;
    font-weight:normal;
}


p {
    color:#666666;
    float:left;
    font-size:15px;
    margin:0;
    padding:20px 0 0;
    width:754px;
	letter-spacing:1px;
    }

#about_submenu {
    background-image:url(/images/Frame_4.png);
    background-repeat:no-repeat;
    float:left;
    height:182px;
    margin:56px 0 0 -54px;
    width:225px;
}


#frame1 {
    float:left;
    font-size:35px;
    margin:-12px 0 0;
    padding-left:16px;
    width:203px;
}

#frame1 img {
    width:203px;
    height:134px;
}

.services img{
    float:right;
    margin:-40px 18px;
}

.cl-image {
    float:right;
    width:350px;
}

.cl-image_inner {
    float:right;
    margin:0 21px 0 0;
    width:auto;
}

.sub_container {
float:left;
padding:0 30px 40px;
width:760px;
}
.fanny_txt {
    color:#666666;
    float:left;
    font-size:15px;
    font-style:italic;
    letter-spacing:1px;
    margin:0;
    padding:20px 0 0;
    text-align: right;
	width:730px;
}
.arrow_down {
float:right;
padding:9px 7px 0 0;
text-align:right;
width:40%;
}

.arrow_down img {
    width:13px;
    height:15px;
}

.top_cont_left {float:left; width:450px;}
.top_container {float:left; width:820px;}
.flash_container {float:left; width:760px;}

#contact_box {
float:left;
width:100%;
height:53px;
background: url(/images/teleblue.png) no-repeat;
margin: 14px 0 0;
padding:0;
}

#contbox_txt {
  float:left;
  width:166px;
  height:53px;
  
}

#contbox_txt img{
width:166px;
height:53px;
	}
	#contbox_txt a{
	outline:none;
	}
	
	#concept1 {
	display: inline;
    font-size: 12px;
    width: auto;
	padding: 0;
	}
	#concept1:hover {
		color: #88D6FE;
	}
	
	#three_ans {
	display: inline;
    font-size: 12px;
    width: auto;
	padding: 0;
	}
	#three_ans:hover {
		color: #92F56E;
	}
	
	#three_ans_et {
	display: inline;
    font-size: 12px;
    width: auto;
	padding: 0;
	}
	#three_ans_et:hover {
		color: #F8EB21;
	}
	
	#nousrej {
	display: inline;
    font-size: 12px;
    width: auto;
	padding: 0;
	}
	#nousrej:hover {
		color: #FF91B8;
	}
	
	#presse {
	display: inline;
    font-size: 12px;
    width: auto;
	padding: 0;
	}
	#presse:hover {
		color: #c49bfe;
	}
	#concept2 {
	display: inline;
    font-size: 12px;
    width: auto;
	padding: 0;
	}
	#concept2:hover {
		color: #88D6FE;
	}
/*  ENGLISH  */

.agree-img1 {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/en-stext_bg.png) no-repeat scroll 0 0;
    float:left;
    height:100px;
    margin-top:10px;
    width:297px;
}


.cliq-text2 {
    float:left;
    width:147px;
	 padding: 24px 0 0 17px;
}
.cliq-text2 img{
    height:58px;
    width:147px;
}

.agree-text2 {
	float:left;
	width:232px;
	padding: 13px 0 0 13px;
}
.agree-text2 img{
	width:232px;
	height:69px;
}

.service_img1 {
    float:right;
    margin:-60px 5px 0;
    width:101px;
}
.service_img1 img {
    width:101px;
    height:74px;
}
.kids-right-text1 {
    color:#4A9FF2;
    float:left;
    font-size:14px;
    font-weight:bold;
    letter-spacing:1px;
    padding:8px 10px;
}
.kids-right-text1 a{
    color:#4A9FF2;
 	text-decoration:none;
}

.kids-right-text-big1 {
    color:#4A9FF2;
    float:left;
    font-size:14px;
    font-weight:bold;
    letter-spacing:1px;
    padding:7px 8px;
}

.kids-right-text-big1 a{
    color:#4A9FF2;
	text-decoration:none;
}

.cliquer-img1 {
    float: left;
    margin: 34px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.cliquer_img1 img {width:298px; height:106px;}


.header-accord {
    float: right;
    margin: 0 15px 0 0;
    width: 173px;
}

.header-accord-cont {
	float:left; width:173px; background:url(/images/accordion-bg.png) repeat-y; color: #666666;}
	
.header-accord-btm {float:left; width:155px;}	

.accordionButton {	width: 138px; float: left; _float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer; background:url(/images/arrow-up.png) no-repeat right center;	font-size: 13px; 	padding:0 0 0 20px;
	margin:5px 0 0;	text-transform:uppercase;	letter-spacing: 1px;	
	}
	
.accordionContent {	
	width: 133px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	font-size:13px;
	letter-spacing:1px;
	padding: 6px 20px 0;
	}
.accordionContent a {color:#666; text-decoration:none;}
	
.on {
	background:url(/images/arrow-down.png) no-repeat right center;
	}
	
.over {
	background:url(/images/arrow-down.png) no-repeat right center;
	}