/*-------------------  NE PAS MODIFIER  -------------------------*/

*, table * {
	margin: 0; padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-image: url(../img/page_pattern.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
a, a:visited {
	text-decoration: none;
	color: #120C80;
}
a:hover {
	text-decoration: none;
	color: #120C80;
}
p {
    padding: 8px 15px 8px 15px;
}
input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
	color: #120C80;
	font-size: 12px;
}
ul {
	margin: 8px 0 8px 15px;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
}
li {
	padding: 0 0 0 12px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	padding-left: 66px;
	padding-top: 12px !important;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
/*	height: 57px !important;*/
	line-height: 42px !important;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	padding-left: 15px;
	color: #FFFFFF;
	margin: 0;
	height: 40px !important;
	line-height: 38px !important;
}
sup {
        line-height: 0px !important;
}
#pdf {
	background-image: url(../img/pdf.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	height: 27px;
	padding: 5px 0 0 37px;
    clear:both;
}

/*-------------------  ACCUEIL  -------------------------*/

#accueil-bickids h1 {
	background-image: url(../img/h1_accueil-bickids.gif);
	background-repeat: no-repeat;
	color: #00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#accueil-bickids h2 {
	background-image: url(../img/h2_accueil-bickids.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 28px;
}
#accueil-bickids td {
	vertical-align: top;
}
#accueil-bickids a {
	color: #120C80;
}
#accueil-bickids a:hover {
	color: #FF9A00;
}
#accueil-bickids li {
	background-image: url(../img/li_jaune.gif);
}
#savoir-plus {
	background-image: url(../img/li_jaune.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0 0 0 12px;
	margin : 0 0 8px 15px;
	clear:both;
}

/*-------------------  A PROPOS  -------------------------*/

#a-propos h1 {
	background-image: url(../img/h1_a-propos-bickids.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#a-propos h2 {
	background-image:url(../img/h2_a-propos-bickids.gif);
	background-repeat:no-repeat;
	width:300px;
	height:28px;
}
#a-propos td {
	vertical-align:top;
}

/*-------------------  A PROPOS  -------------------------*/

#bickids-nas h1 {
	background-image: url(../img/h1_bickids-nas.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}

/*-------------------  GAMMME -------------------------*/

#gamme {
	min-height:590px;
}
#gamme h1 {
	background-image: url(../img/h1_gamme-bickids.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#gamme h2 {
	background-image:url(../img/h2_gamme-bickids.gif);
	background-repeat:no-repeat;
	width:300px;
	height:28px;
}
#gamme td {
	vertical-align:top;
    padding-bottom:5px;
}
#gamme ul {
    float:left;
	margin: 8px 0 0 0;
}
#gamme li {
	background-image: url(../img/li_jaune.gif);
	padding: 0 0 0 12px;
}
#gamme a, #gamme a:visited {
	color: #120C80;
}
#gamme a:hover {
	color: #FF9A00;
}
#pdf-gamme {
	background-image: url(../img/pdf-gamme.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	height: 27px;
	padding: 5px 0 0 37px;
    clear:both;
}

/*-------------------  PRODUIT  -------------------------*/

#produit-bickids h1 {
	background-image: url(../img/h1_produit-bickids.gif);
	background-repeat: no-repeat;
	color: #00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#produit-bickids h2 {
	background-image: url(../img/h2_produit-bickids.gif);
	background-repeat: no-repeat;
	height: 28px;
}
#produit-bickids td {
	vertical-align: top;
}
#produit-bickids li {
	background-image: url(../img/li_jaune.gif);
	padding: 0 0 0 12px;
	margin-left: 10px;
}
#produit-bickids a, #produit-bickids a:visited {
	color: #120C80;
}
#produit-bickids a:hover {
	color: #FF9A00;
}

/*-------------------  FABRICATION  -------------------------*/

#fabrication-crayon h1 {
	background-image: url(../img/h1_fabrication-crayon.gif);
	background-repeat: no-repeat;
	color: #00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#fabrication-crayon h2 {
	background-image:url(../img/h2_fabrication-crayon.gif);
	background-repeat: no-repeat;
	width: 300px;
}
#fabrication-crayon td {
	vertical-align: top;
}
#fabrication-crayon a, #fabrication-crayon a:visited {
	color: #120C80;
}
#fabrication-crayon a:hover {
	color: #5CA90F;
}
#voir-fabrication {
	background-image: url(../img/li_vert.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	font-weight: bold;
	padding: 0 0 0 12px;
}
#pdf-fabrication {
	background-image: url(../img/pdf-fabrication.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	height: 27px;
	padding: 5px 0 0 37px;
    clear:both;
}

/*-------------------  APPRENDS EN T'AMUSANT  -------------------------*/

#apprends-amusant h1 {
	background-image: url(../img/h1_apprends-amusant.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#apprends-amusant h2 {
	background-image: url(../img/h2_apprends-amusant.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 28px;
}
#apprends-amusant td {
	vertical-align: top;
}
#apprends-amusant a, #apprends-amusant a:visited {
	color: #120C80;
}
#apprends-amusant a:hover {
	color: #E80000;
}
#voir-apprends-amusant {
	background-image: url(../img/li_rouge.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	font-weight: bold;
	padding: 0 0 0 12px;
}

/*-------------------  F�TE DU MOMENT  -------------------------*/

#fete-moment h1 {
	background-image: url(../img/h1_fete-moment.gif);
	background-repeat: no-repeat;
	color: #00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#fete-moment h2 {
	background-image: url(../img/h2_fete-moment.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 28px;
}
#fete-moment td {
	vertical-align: top;
}
#fete-moment a, #fete-moment a:visited {
	color: #120C80;
}
#fete-moment a:hover {
	color: #FF5F00;
}
#voir-fete-moment {
	background-image: url(../img/li_orange.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	font-weight: bold;
	padding: 0 0 0 12px;
}

/*-------------------  COLORIAGES  -------------------------*/

#coloriages h1 {
	background-image: url(../img/h1_coloriages.gif);
	background-repeat: no-repeat;
	color: #00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#coloriages h2 {
	background-image:url(../img/h2_coloriages.gif);
	background-repeat:no-repeat;
	width:300px;
	height:28px;
}
#coloriages td {
	vertical-align: top;
}
#coloriages li {
	background-image: url(../img/li_rose.gif);
	margin-left: 10px;
}
#coloriages strong {
	font-size: 13px;
	font-weight:bold;
	color:#ED008C;
}
#coloriages object, #coloriages embed {
    margin: 8px 0 10px 0;
}
#coloriages a, #coloriages a:visited {
	color: #120C80;
}
#coloriages a:hover {
	color: #ED008C;
}

/*-------------------  JEUX  -------------------------*/

#jeux h1 {
	background-image: url(../img/h1_jeux.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#jeux h2 {
	background-image:url(../img/h2_jeux.gif);
	background-repeat:no-repeat;
	width:300px;
	height:28px;
}
#jeux td {
	vertical-align:top;
}
#jeux a, #jeux a:visited {
	color: #120C80;
}
#jeux a:hover {
	color: #9C1E8B;
}
#voir-jeux {
	background-image: url(../img/li_violet.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	font-weight: bold;
	padding: 0 0 0 12px;
}

/*-------------------  ACTUALITE  -------------------------*/

#actualite h1 {
	background-image: url(../img/h1_actualite.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#actualite h2 {
	background-image:url(../img/h2_actualite.gif);
	background-repeat:no-repeat;
	width:635px;
	height:28px;
}
#actualite a, #actualite a:visited {
	color: #120C80;
}
#actualite a:hover {
	color: #FF9A00;
}

/*-------------------  PROCTECTION DONNEES  -------------------------*/

#protection-donnees h1 {
	background-image: url(../img/h1_protection-donnees.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#protection-donnees h2 {
	background-image:url(../img/h2_protection-donnees.gif);
	background-repeat:no-repeat;
	width:635px;
	height:28px;
}
#protection-donnees li {
	background-image: url(../img/li_jaune.gif);
}
#protection-donnees a, #protection-donnees a:visited {
	color: #120C80;
}
#protection-donnees a:hover {
	color: #FF9A00;
}

/*-------------------  CONDITIONS D'UTILISATION  -------------------------*/

#conditions-utilisation h1 {
	background-image: url(../img/h1_conditions-utilisation.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#conditions-utilisation h2 {
	background-image:url(../img/h2_conditions-utilisation.gif);
	background-repeat:no-repeat;
	width:635px;
	height:28px;
}
#conditions-utilisation a, #conditions-utilisation {
	color: #120C80;
}
#conditions-utilisation a:hover {
	color: #FF9A00;
}

/*-------------------  EDITEUR-HEBERGEUR  -------------------------*/

#editeur-hebergeur h1 {
	background-image: url(../img/h1_accueil-bickids.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#editeur-hebergeur h2 {
	background-image:url(../img/h2_accueil-bickids.gif);
	background-repeat:no-repeat;
	width: 300px;
	height: 28px;
}
#editeur-hebergeur td {
	vertical-align: top;
}
#editeur-hebergeur a, #editeur-hebergeur {
	color: #120C80;
}
#editeur-hebergeur a:hover {
	color: #FF9A00;
}

/*-------------------  CONTACT  -------------------------*/

#contact h1 {
	background-image: url(../img/h1_contact.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#contact h2 {
	background-image:url(../img/h2_contact.gif);
	background-repeat:no-repeat;
	width:300px;
	height:28px;
}
#contact td {
	vertical-align:top;
}
#envoyer {
	background-image: url(../img/envoyer.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	height: 27px;
	padding: 5px 0 0 37px;
}
#envoyer a {
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
}
#envoyer a:hover { 
    color: #FF9A00;
}

/*-------------------  # CLASSES  -------------------------*/

.img-left {
	border: 0;
	margin: 8px 10px 8px 0;
	float: left;
}
.img-right {
	border: 0;
	margin: 0 0 8px 10px;
	float: right;
}
.lien, .lien:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BEBEBE;
	font-size: 10px;
	text-decoration: none;
}
.lien:hover {
	color: #A0A0A0;
	text-decoration: none;
}

/*-------------------  STRUCTURE SITE  -------------------------*/
#td_content {
	width: 750px;
	background-image: url(../img/content_pattern.gif);
	background-repeat: repeat-y;
}
#td_content .content {
	background-image: url(../img/top.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #120C80;
	padding-top: 25px;
	padding-right: 50px;
	padding-left: 50px;
}
.bottom {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #BEBEBE;
	font-size: 10px;
	padding:0;
	padding-top: 75px;
	height: 100px;
	background-image: url(../img/bottom.gif);
	background-repeat: no-repeat;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #BEBEBE;
	font-size: 10px;
}
#footer a, .bottom a {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #BEBEBE;
	font-size: 10px;
}
#retour {
	background-image: url(../img/retour.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	height: 27px;
	padding: 5px 0 0 37px;
}
#haut-page {
	background-image: url(../img/haut-page.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #120C80;
	height: 27px;
	padding: 5px 0 0 37px;
	float:right;
}

/* ------------------------- PLAN SITE ------------------------- */

#sitemap {}
#sitemap h1 { background:url(/doc/img/h1_a-propos-bickids.gif) no-repeat; margin-bottom:20px; }
#sitemap ul { margin:5px 0 10px 15px; }
#sitemap li { list-style:none; margin:4px 0 6px; }
#sitemap li.lvl1{background: url(/doc/img/li_bleu.gif) no-repeat 0 1px; }
#sitemap a.lvl1{ font-size:14px; font-weight:bold; color:#003399; }

#sitemap li.lvl2{ font-size:12px; font-weight:bold; background: url(/doc/img/li_bleu.gif) no-repeat 0; }
#sitemap li.lvl3{ font-size:12px; background: url(/doc/img/li_bleu.gif) no-repeat 0; }
#sitemap li.lvl4{ font-size:11px; background: url(/doc/img/li_bleu.gif) no-repeat 0; }

/*-------------------  Accueil_gb  -------------------------*/
#accuiel_gb { margin-top:10px; }
#accuiel_gb h1 {
	background-image: url(../img/h1_contact.gif);
	background-repeat:no-repeat;
	color:#00009A;
	padding-top: 12px;
	padding-bottom: 14px;
}
#accuiel_gb h2 {
	background-image:url(../img/h2_contact.gif);
	background-repeat:no-repeat;
	width:300px;
	height:28px;
}
#accuiel_gb a {
	outline:none;
	border:none;
}
#accuiel_gb img {
	border:none;
}

/*-------------------------- Contact NAS ---------------------------*/
#contact_nas { margin-top:10px; }
#contact_nas h1 { background-image: url(../img/h1_contact.gif); background-repeat:no-repeat; color:#00009A; padding-top: 12px; padding-bottom: 14px; }
#contact_nas .form_nas_top_box { height:265px; background-image:url(../img/gb/top_form_bickids_nas.jpg); background-repeat:no-repeat; vertical-align:top; }
#contact_nas .form_nas_top_box p { margin:55px 0 0 7px; width:330px; line-height:15px; }
#contact_nas .form_nas_top_box .teacher_pdf_button { display:block; height:58px; width:216px; background-image:url(../img/gb/button_pdf_text_form_nas.gif); background-repeat:no-repeat; margin:0 0 0 70px; }

#contact_nas .form_nas_middle_box {  }
#contact_nas .form_nas_middle_box td.left { background-image:url(../img/gb/middle_form_bickids_nas.jpg); background-repeat:repeat-y; background-position:left; height:170px; }
#contact_nas .form_nas_middle_box td.middle { background-image:url(../img/gb/middle_form_bickids_nas.jpg); background-repeat:repeat-y; background-position:center; height:170px; }
#contact_nas .form_nas_middle_box td.right { background-image:url(../img/gb/middle_form_bickids_nas.jpg); background-repeat:repeat-y; background-position:right; height:170px; }
#contact_nas .form_nas_middle_box p { color:#ffffff; font-size:17px; text-align:center; line-height:20px; }
#contact_nas .form_nas_middle_box p.big { color:#ffffff; font-size:22px; margin:0; padding:0; }
#contact_nas .form_nas_middle_box input.text { width:100%; border:0px solid #ffffff; height:21px; color:#eb125c; }

#contact_nas .form_nas_middle_box label { color:#ffffff; font-size:11px; }

#contact_nas .form_nas_middle_box #therms { display:inline-block; text-decoration:underline; color:#ffffff; margin:0 0 0 6px; }
#contact_nas .form_nas_middle_box #submit_form_nas { display:inline-block; color:#ffffff; border:1px solid #ffffff; margin:8px 0 0 6px; padding:4px 15px; }

#contact_nas .form_nas_bottom_box { height:106px; background-image:url(../img/gb/bottom_form_bickids_nas.jpg); background-repeat:no-repeat; }

#therms_box { padding:0 15px; text-align:left; height:170px; overflow: auto; }
#therms_box h2 { border-bottom:1px solid #F589AD; color:#FFFFFF; font:18px "Tahoma",Arial,Helvetica,sans-serif; margin:0 0 10px; padding:0 0 5px; text-decoration:none; line-height:22px; height:auto; }
#therms_box hr { border-bottom:none; border-right:none; border-left:none; border-top:1px solid #F589AD; margin:0 0 10px 0; }
#therms_box #therms_return { color:#FFFFFF; font:11px "Tahoma",Arial,Helvetica,sans-serif; text-decoration:underline; }
#therms_box span.wmatter-head { font: 12px "Tahoma",Arial,Helvetica,sans-serif; color:#ffffff; }
#contact_nas .form_nas_middle_box #therms_box p { text-align:left; font-size:10px; padding:0; line-height:13px; margin:0 0 10px 0; }
#contact_nas .form_nas_middle_box #therms_box p a { color:#ffffff; text-decoration:underline; }