﻿body 
{	
	width: 906px;
	margin: auto;
	margin-top:0px;
	padding:0px;
	font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/bgkidscorp.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	background-color : #33cccc;
 }

#header
{
   width: 906px;
   height: 174px;
   background-color : white;
   background-image: url(img/header.jpg);
   background-repeat:no-repeat;
   float:left;
}
/*---------------------------------------------------------------------marques---------------------------------------------------*/

#logo
{
	width:277px;
	height:107px;
	padding-left:303px;
	padding-top:67px;
	float:left;
}
#panier
{
	padding-top:108px;
	margin-left:150px;
	float:left;
}

/*------------------------------------------------------------menu haut------------------------------------------------------*/
#menu
{
   width:861px;
   height:48px;
   padding-left:45px;
   padding-top:0px;
   background-color:#FFFFFF;
   background-image: url(img/bgmenu.jpg);
   background-repeat:no-repeat;
   clear:both;
}

#chemin
{
   width: 625px;
   margin-left:5px;
   padding-top:8px;
   padding-bottom:3px;
   background: transparent;
   color:#CCCCCC;
}
#chemin a
{
   color:#CCCCCC;
}
#chemin a:hover
{
	color:#999999;
   text-decoration:underline;
}

/* Le corps de la page */	/* Le corps de la page */	/* Le corps de la page */	/* Le corps de la page */	/* Le corps de la page */

#corps
{
   width: 906px;
   height:auto;
   /*padding-top:0px;*/
   background-image: url(img/bgcontenu.jpg);
   background-repeat:repeat-y;
   min-height:440px;
   _height:440px;
   float:left;
}


/*------------------------------------------------------------Menu de gauche-----------------------------------------------*/

#gauche
{
	width:132px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}

/*------------------------------------------------------------Module de recherche-----------------------------------------------*/
#recherche
{
   width: 132px;
   height: 112px;
   background-repeat:no-repeat;
}
#module_recherche_fond
{
   width: 132px;
   height: 112px;
   background-image: url(img/menu_recherche.jpg);
}
#module_recherche_txt
{
  padding-top:55px;
  padding-left:20px;
}
#module_recherche_btn
{
  margin-left:90px;
  margin-top:5px;
}
#menu_gauche
{
   width: 132px;
   padding-left:0px;
   height: auto;
   background-repeat:no-repeat;
}
#taille
{
   width: 132px;
   height: 67px;
   background-repeat:no-repeat;
   float:left;
}
#foireauxquestion
{
   width: 132px;
   height: 70px;
   clear:both;
   visibility:hidden;
}
#quisommesnous
{
   width: 132px;
   height: 70px;
   clear:both;
}

/*------------------------------------------------------------ CONTENU   -----------------------------------------------*/
#testcentre
{
	width:633px;
	height:auto;
	margin-left:0px;
	float:left;
}
#centre1
{
	width:633px;
	margin:0px;
	float:left;
	height:auto;
	background-repeat:no-repeat;
	border: 1px solid #99ffff;
}
#centre
{
	width:633px;
	float:left;
	height:auto;
	background-repeat:no-repeat;
	border: 1px solid #99ffff;
}
#centrehaut
{
	width:633px;
	margin-top:0px;
	float:left;
	height: 198px;
}
#centrebas
{
	width:633px;
	margin-top:0px;
	float:left;
	
}

/*----------------------------------------------Menu de droite---------------------------------------*/
#droite
{
	width:132px;
	height:auto;
	margin-left:2px;
	float:left;
}

/*--------------------------------------------------Login-----------------------------------------------*/
#compte
{
   width: 132px;
   height: 135px;
   background-repeat:no-repeat;
}
#module_compte_fond
{
	width:132px;
	height:135px;
	background-image: url(img/fond_compte.jpg);
}
#module_compte_lien
{
	padding-top:65px;
	padding-left:15px;
}
/*----------------------------------------------Menu de droite---------------------------------------*/
#news
{
   width: 132px;
   height: 62px;
   background-repeat:no-repeat;

}
#modulenewsletter
{
   width: 132px;
   height: 62px;
   background-repeat:no-repeat;

}


#comment
{
   width: 132px;
   height: auto;
   background-repeat:no-repeat;
   font-size:10px;
}
#contenucomment
{
	width:110px;
	height:auto;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;

}
#liens
{
   width: 132px;
   height: auto;
   background-repeat:no-repeat;
   font-size:10px;
}
#contenuliens
{
	width:110px;
	height:auto;
	margin-left:0px;
	padding-left:0px;
	padding-right:4px;
}

#contact
{
   width: 132px;
   height: 58px;
   background-repeat:no-repeat;
}
#contenucontact
{
	width:110px;
	height:40px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
}
#contenufaq	
{
	width:110px;
	height:40px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	visibility:hidden;
}
#contenuquisommesnous	
{
	width:110px;
	height:40px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
}

/* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied */

#foot
{
   width: 906px;
   height: 201px;
   margin-bottom:0px;
   background-image:url(img/footer.jpg);
   background-repeat:no-repeat;
   clear:both;
}

#info
{
   padding-top:100px;
   text-align:center;
   color:#FFFFFF;
}
#aboutus
{
	color:#ffffff;
}
#aboutus a
{
	color:#ffffff;
}
#aboutus a:hover
{
	color:#CCCCCC;
}
#coperight 
{
	color:#333333;
}
#coperight a
{
	color:#000000;
}

/* ------------------------------------------------------------STYLES-------------------------------------------------------------- */

/* HEADERS */
h1 {font: 2.5em Georgia, Times New Roman, Helvetica, serif; color: #000000; padding: 0px 0 0px 0; margin: 0;} /* main page title */
h2 {font: 2.0em Georgia, Times New Roman, Helvetica, serif; color: #000000; padding: 0 0 9px 0; margin: 0;}
h3 {font-size: 1.3em; padding: 8px 0 6px 0; margin: 0;} /* used to display product titles */
h4 {font-size: 1.2em; color: #000000; padding: 8px 0 4px 0; margin: 0;}
h5 {font-size: 1.1em; color: #FFA100; padding: 10px 0 2px 0; margin: 0;}
h6 {font-size: 1.0em; color: #FFA100; padding: 0; margin: 0;}

/* LINKS */
A { font-style: normal; color: #6A686C; text-decoration: none}
A:hover { font-style: normal; color: #003366; text-decoration: none}
A:active { font-style: normal; color: #6A686C; text-decoration: none}
A:visited { font-style: normal; color: #6A686C; text-decoration: none}

A.whitelink { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:hover { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:active { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:visited { font-style: normal; font-weight: normal; color: white; text-decoration: none}

select {
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
}

.text {
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
}

/* -- Global Layout Styles -- */
#bodywrapper {width: 800px; padding: 0px 0px 0px 0px; margin:0px auto; text-align:left; }
#contentwrapper { padding: 5px 0px 0px 0px; margin:0px auto; text-align:left; position: relative; background-color: White;}
.pagewrapper {padding: 0 0px; background: url(images/pagewrapper_bg.gif) repeat-y; position: relative; }
#languagewrapper {width: 800px; padding: 4px 0px 0 0px; margin:0px auto; text-align:right; position: relative; border-top: solid 1px gray;}
#headwrapper{ padding: 0 20px; height: 60px;background-color: white;}
#headlinewrapper{height: 20px;background-color: #485C5A;padding: 8px 5px 0px 10px;color: White;font-weight: bold;}
#searchwrapper{background-color: #BCE27F;}

/* -- Top Navigation -- */
#topmenu {}
#navbar-top {height: 20px;}
#navbar-bottom {height: 61px;}

#navbar-top #login {float: right; width: 464px; height: 22px; text-align: right;}
#navbar-top #login a {color: black;}
#navbar-top #login .input_field-email {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 13em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .input_field-pass {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 5em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .button {margin: 0 15px -2px 3px;}

#navbar-bottom #sectionlinks {width: 100%; height: 36px; background: url(images/corner_bl.gif) no-repeat left top; color: #FFF;}
#navbar-bottom #sectionlinks img {margin-right: 10px;}
#navbar-bottom #sectionlinks a {color: #FFF;}
#navbar-bottom #sectionlinks .backtotop {}

#searchbar { text-align: center; border: solid 0px #999999; background-color: white; position: absolute; left: 383px; top: 5px; width: 425px; height: 25px; padding: 7px 0 7px 7px;}
#searchbar .header1 {float: left; margin-bottom: 9px;}
#searchbar .search-input {width: 130px; margin-right: 4px;}
#searchbar select {width: 145px; border: 1px solid #9B9B96;}
#searchbar .advanced {float: left; padding: 2px 0 0 10px; display: inline;}
#searchbar .button {margin: 0 0 -6px 0;}

#copyright {text-align: right; width: 800px}
#sitetitle {background: url(images/title.gif); width: 480px; height: 60px; cursor: pointer; background-repeat: no-repeat;}

/* -- Clear Fix -- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
