<!--
BODY { background-color: #FFCC01; margin-bottom:0px;margin-top:0px; margin-left:0px; margin-right:0px;
 text-decoration: none;font-size: 13px; line-height:16px;font-weight:normal;letter-spacing: 0px;font-family: Arial,Verdana,sans-serif;
 }
html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align:center;
    min-font-size: 12px;font-family: Arial,Verdana,sans-serif;
}
table {border-spacing:0px;border-collapse: separate;empty-cells: show;}
table.cellules_avec_espace {border-spacing:8px;border-collapse: separate;}

TD {font-size: 12px; color: #000000; }
H1 {font-size: 15pt; color: #FDD01E;text-align:center;margin-bottom:5px; }
H2 {font-size: 14pt; color: #000000; }
H3 {color: #FF6600; text-decoration: none;font-size: 14px; font-weight:bold;}
H4 {color: #FF0000; text-decoration: none;font-size: 16px;font-weight:bold;}
H5 {color: #FF0000; text-decoration: none;font-size: 26px;font-weight:bold;margin-top:15px;}
img {margin:0px;border:none;}




/* ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------champs de formulaire INPUT--------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.INPUTtext { background: url('../images/input-bg.gif') top left repeat-x #FFFFFF;font-size: 11px;font-weight: 100; color: #000000;border: 1px solid #888888; height:22px;padding:4px;padding-bottom:0px;padding-top:3px;}
.INPUTtext:hover,.INPUTtext:focus { border: 1px solid #800000; }
INPUT {border-radius: 5px;padding-left:6px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;  border: 1px solid #888888;background: url('../images/input-bg.gif') top left repeat-x #FFFFFF;}
INPUT.bouton {color: #000000; background-color: #EFEFF7; font-size: 10px;font-weight: 100;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}
SELECT {line-height:18px;color: #000000;border: 1px solid #888888;-webkit-border: none;font-size: 11px;border-radius: 4px;-webkit-border-radius: 0px;-moz-border-radius: 4px;  -khtml-border-radius: 4px;padding:2px;padding-top:2px; }
SELECT:hover, SELECT:focus, input:focus  { border: 1px solid #800000;}
SELECT.annee  {background-color:#EEEEEE;line-height:18px;color: #000000;border: 1px solid #888888;-webkit-border: none;font-size: 11px;border-radius: 4px;-webkit-border-radius: 0px;-moz-border-radius: 4px;  -khtml-border-radius: 4px;padding:2px;padding-top:2px; }
TEXTAREA {color: #000000;background: url('../images/input-bg.gif') top left repeat-x #FFFFFF;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;text-align:justify;font-weight: 100;  font-size: 11px; border: 1px solid #888888;padding-left:6px;padding-top:4px;}
TEXTAREA:hover, TEXTAREA:focus { border: 1px solid #800000;}
/* text en gras ou normal si radio coché ou non */
input[type=radio], input[type=radio] + label {display: inline-block; float: left;}
input[type=radio]:not(:checked) + label {font-weight:normal;color:#999999;margin:0px;padding:0px;padding-right:0.5em;} /* Aspect si "pas cochée" */
input[type=radio]:checked + label {font-weight:bold;margin:0px;padding:0px;padding-right:0.5em;} /* Aspect si "cochée" */
input[type=radio],input[type=checkbox] {border:none;background:none; /* no border and background on IE8 */}
input[type=checkbox] {margin-right:15px;}
input[type=checkbox], input[type=checkbox] + label {display: inline-block; float: left;vertical-align: middle;}
input[type=checkbox]:not(:checked) + label {font-weight:normal;margin:0px;padding:0px;padding-left:0.25em;} /* Aspect si "pas cochée" */
input[type=checkbox]:checked + label {font-weight:bold;margin:0px;padding:0px;padding-left:0.25em;} /* Aspect si "cochée" */
input[type=checkbox]:checked + label.red {font-weight:bold;color:#FF0000;margin:0px;padding:0px;padding-left:0.25em;}
input[type=file] {display:block;width:98%;padding:2px;}
label.justifiee {text-align:justify;}
label {font-size: 12px;letter-spacing: 1px; padding-top:4px;}
.legende  {font-size: 11px;letter-spacing: 0px; }
TEXTAREA:disabled,INPUT:disabled,TEXTAREA:disabled:hover,input[type="text"]:disabled:hover{background:#EEEEEE;border:1px solid #BBBBBB;}




/* --------------------------------------------------------------------------------- */
/* ----------------------------------listes à puces-------------------------------- */
/* -------------------------------------------------------------------------------- */
ul {list-style: none;padding:0px;}
li  {color:#990000;text-align:justify;padding:0px;padding-left: 12px;background-image: url('../images/puce2r.gif');background-repeat: no-repeat;background-position: 0px 0px;margin-bottom:8px;margin-top:4px;}
ul.neutre {list-style-type: square;
 list-style-position: inside;
 list-style-image: none;padding-top:0px;clear:both;}
ul.neutre li {color:#000000;background-image: none !important;padding-left: 2px;margin-bottom:3px;margin-top:-4px;}






/* ------------------------------------------------------------------------------ */
/* ----------------------------- liens et boutons ------------------------------ */
/* ----------------------------------------------------------------------------- */
a:hover {  color: #FF0000; text-decoration: none; }
a, .text-as-link {  color: #990000; text-decoration: none;}
a.suivant, a.precedent, a.suivant_bleu, a.precedent_bleu {
	clear:both;padding-top:10px;padding-bottom:9px;padding-right:25px;padding-left:8px;display:block;
font-weight:bold;font-size:12px;
margin-bottom:6px;margin-left:auto;margin-right:auto;
border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-khtml-border-radius: 6px;
behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
z-index:0; /* ie 7 */
zoom:1;
position:relative;   /* IE 6/7/8 bug with PIE */	
cursor: pointer;cursor: hand;
}


a.suivant, a.precedent, a.suivant_bleu:hover, a.precedent_bleu:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fac802+0,fa9c02+100 */
background-color: rgb(250,200,2); /* Old browsers */
background-image: url('../images/menu/fond_bouton_suivant_orange.jpg'); 
background-position: top right;
background-repeat:no-repeat;
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -moz-linear-gradient(top,  rgba(250,200,2,1) 0%, rgba(250,156,2,1) 100%); /* FF3.6-15 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,200,2,1)), color-stop(100%,rgba(250,156,2,1))); /* Chrome4-9,Safari4-5 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -webkit-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -o-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* Opera 11.10-11.50 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -ms-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* IE10 preview */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, linear-gradient(to bottom,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

a.suivant:hover, a.precedent:hover, a.suivant_bleu, a.precedent_bleu {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84b9f9+0,4297f7+100 */
background-color: rgb(132,185,249); /* Old browsers */
background-image: url('../images/menu/fond_bouton_suivant_bleu.jpg'); 
background-position: top right;
background-repeat:no-repeat;
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -moz-linear-gradient(top,  rgba(132,185,249,1) 0%, rgba(66,151,247,1) 100%); /* FF3.6-15 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,185,249,1)), color-stop(100%,rgba(66,151,247,1))); /* Chrome4-9,Safari4-5 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -webkit-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -o-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* Opera 11.10-11.50 */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, -ms-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* IE10 preview */
background: url('../images/menu/puce_mobile2.png') 100% 2px no-repeat, linear-gradient(to bottom,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
a.suivant  span, a.precedent span , a.suivant_bleu  span , a.precedent_bleu span  {padding-left:0px;padding-right:0px;text-align:left;display:block;padding-top:0px;padding-bottom:0px;	font-size: 18px;}
a.suivant  span, a.precedent span, a.suivant_bleu:hover  span, a.precedent_bleu:hover  span  {color:#9E3C02;text-shadow: 0px 1px 1px #FFEFC5;}		
a.suivant:hover  span,  a.precedent:hover span, a.suivant_bleu  span, a.precedent_bleu  span  {text-shadow: 0px 1px 1px #DAE9FE;color:#053E8B;}


a.bouton, input[type="button"], input[type="button"]:disabled:hover  {
	display:block;padding:8px;padding-left:13px;padding-right:13px;margin-top:0.25em;
font-weight:bold;font-size:15px;
text-shadow: 0px 1px 1px #DAE9FE;color:#053E8B;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77b2fb+1,4792fc+100 */
background: #77b2fb; /* Old browsers */
background: -moz-linear-gradient(top,  #77b2fb 1%, #4792fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #77b2fb 1%,#4792fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #77b2fb 1%,#4792fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border:none;}
input[type="submit"].annee {padding:0px;margin:0px;padding:1px;}
a.bouton:hover, input[type="button"]:hover, input.bouton:hover, input[type="submit"]:hover {
	color:#9E3C02;text-shadow: 0px 1px 1px #FFEFC5;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fac802+0,fa9c02+100 */
			background: #fac802; /* Old browsers */
			background: -moz-linear-gradient(top,  #fac802 0%, #fa9c02 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #fac802 0%,#fa9c02 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #fac802 0%,#fa9c02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
input[type="button"]:disabled, input[type="button"]:disabled:hover 
 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-shadow:1px 1px 0px #ffffff; color:#888888; 
 }








.text0, .text_intro, span.text0 {color: #AC0000; text-decoration: none;font-size: 12px; font-weight: normal; line-height:12px;}
.text0 a {color: #AC0000; text-decoration: none; }
.text0 a:hover {color: #FF0000; text-decoration: underline; }
.text_marron {  color: #000080; text-decoration: none;font-size: 12px;  }
.text_marron a {  color: #990000; text-decoration: none;font-size: 12px;  }
.menu a {  color: #000000; text-decoration: none;font-size: 11px; }
.menu a:hover {  color: #FF0000; text-decoration: none;font-size: 11px; }
.sommaire {  color: #808080; text-decoration: none;font-size: 11px;  }
p.infos_secondaires {margin:0px;padding-top:3px;padding-bottom:2px;}
span.red, span.rouge, span.erreur, span.error {color: #FF0000;}


/* -------------------------------------------------------------------------- */
/* ----------------------------- bannières pub ------------------------------ */
/* ------------------------------------------------------------------------- */
div.pub {display: block;margin-bottom:10px;}


/* ------------------------------------------------------------------ */
/* ----------------------------- titres ----------------------------- */
/* ------------------------------------------------------------------ */
.titre {  color: #FFFFFF; text-decoration: none; font-weight:bold;}
.soustitre {  color: #D51C1C; text-decoration: none;font-size: 16px;  font-weight:bold;}
p.soustitre {padding-bottom:4px;padding-top:8px;border-bottom:1px solid #D51C1C;margin-bottom:13px;margin-right:8px;display:block;}
.titre_loisirs  {  color: #FF6600; text-decoration: none;font-size: 18px;font-weight:bold;text-align:center;}
.soustitre_loisirs , .sous_titre_loisirs {  color: #6D112B; text-decoration: none;font-size: 16px; font-weight:bold;text-align:left;}
p.sous_titre  {  color: #FF6600; text-decoration: none;font-size: 16px; font-weight:bold;text-align:left;padding-top:8px;}
.titreparagraphe {  text-align:left;color: #6D112B; text-decoration: none;font-size: 16px;  font-weight:bold;padding-top:4px;padding-bottom:8px;}

/* ----------------------------- titre en haut des pages ----------------------------- */
div.titre_conteiner {padding:0px;margin:0px;display:block;padding-bottom:8px;padding-top:8px;position:relative;z-index:0;zoom:1;}
div.titre_conteiner  div.fond {
padding:0px;text-align:left; height:36px;margin:0px;display:block;
padding:0px;margin:0px;margin-top:1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4490fb+0,0e6ffc+100 */
background-color: #3C6FFE; /* Old browsers */
background-image: url('../images/titres/fond_titre.jpg'); 
background-position: top left;
background-repeat:repeat-x;
background: -moz-linear-gradient(top,  rgba(68,144,251,1) 0%, rgba(14,111,252,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,144,251,1)), color-stop(100%,rgba(14,111,252,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(68,144,251,1) 0%,rgba(14,111,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(68,144,251,1) 0%,rgba(14,111,252,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(68,144,251,1) 0%,rgba(14,111,252,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(68,144,251,1) 0%,rgba(14,111,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
behavior: url("/js/PIE/PIE.htc");
z-index:10; 
zoom:1;
position:relative;
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
 /* icones titres */
div.titre_conteiner div.icone {position:absolute;z-index:100;left:8px;top:-15px;height:50px;width:50px;background-image: url('../images/titres/icones.png');background-repeat: no-repeat;background-position: 2px 4px;}
div.titre_conteiner div.icone.origine-paques {background-position: 2px 4px;}
div.titre_conteiner div.icone.jeux {background-position: -299px 6px;}
div.titre_conteiner div.icone.contes {background-position: -180px 6px;}
div.titre_conteiner div.icone.coloriages {background-position: -240px 5px;}
div.titre_conteiner div.icone.cartes {background-position: -356px 8px;}
div.titre_conteiner div.icone.recettes {background-position: -118px 5px;}
div.titre_conteiner div.icone.loisirs {background-position: -62px 5px;}
div.titre_conteiner div.fond  div.titre {z-index:100; padding-top:0px;margin-top:0px;position:absolute;top:10px;left:55px;text-shadow: 0px 0px 1px rgba(33, 25, 255, 1);}
div.titre_conteiner div.fond  div.titre a {color:#FFFFFF;}



/* -------------------------------------------------------------------------------------- */
/* ---------------------info bulles avec eggy à droite----------------------------------- */
/* -------------------------------------------------------------------------------------- */
.info_bulle_conteiner {width:95%;max-width:460px;min-height:85px;margin-top:5px;margin-bottom:10px;padding:0px;display:block;margin-left:auto;margin-right:auto;}
.hint_conteiner {position:relative;}
.hint_conteiner div.eggy {z-index:16;position:absolute;right:1px;top:0px;width:93px;height:85px;background-image: url('../images/eggy_hint.gif');background-repeat: no-repeat;background-position: 0px 0px;}
div.hint {min-height:35px;border: 1px solid #888888;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#FFFFFF;z-index:15;position:absolute;right:93px;top:14px;display:block; vertical-align: middle;padding:7px;color: #800000; text-decoration: none;font-size: 12px;  text-align: justify;}
div.hint a {color: #800000;;  text-decoration: none;font-size: 12px;  text-align: justify;border-bottom:1px dotted #800000;}
div.hint a:hover {color: #FF0000; font-size: 12px;  text-align: justify;}






/* ---------------------------------------------------------------------------------------------------- */
/* ------------------------------------charte graphique du site---------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* main conteiner */
#site_conteiner {
min-width:975px;  /* for IPAD */
text-align:center;width:100%;min-height:100%;margin:0px;padding:0px;overflow:hidden;}
#content_container {padding:0px;margin:0px;text-align:center;margin-top:10px;display:block;width:960px;margin-left:auto;margin-right:auto;zoom:1;}
#content {padding:8px;margin:0px;background-color:#FFFFFF;
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
-moz-box-shadow: 0px 0px 5px 2px #656565;
-webkit-box-shadow: 0px 0px 5px 2px #656565;
-o-box-shadow: 0px 0px 5px 2px #656565;
box-shadow: 0px 0px 5px 2px #656565;
behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
}
#inner_content_2_colonnes, #inner_content_3_colonnes {background-color:#FFFFFF;display:block;width:944px;overflow:hidden;zoom:1;}
#colonne_de_gauche {padding:0px;margin:0px;float:left;background:#FFFFFF;display:block;}
#colonne_centrale {width:591px;padding:0px;margin:0px;float:left;display:block;margin-left:11px;padding-bottom:15px;padding-top:10px;background:#FFFFFF;}
#colonne_de_droite {width:182px;padding:0px;padding-top:15px;display:block;margin:0px;float:right;background:#FFFFFF;}
#colonne_de_droite  div.bloc {margin-top:5px;margin-bottom:5px;}
div#inner_content_2_colonnes #colonne_centrale {width:780px;background:#FFFFFF;}








/* ---------------------------------------------------------------------------------------------------- */
/* ------------------------------------menus verticale à gauche ou horizontal sous l'entête------------ */
/* ---------------------------------------------------------------------------------------------------- */
ul.menus {list-style: none;padding:0px;margin:0px;position:relative;display:block;margin-top:12px;}
ul.menus  li  {color:#FFFFFF;text-align:left;padding:0px;margin:0px;background-color:#FFFFFF;background-image: none;}
ul.menus  li  a {color:#FFFFFF;display:block;
width:100%;height:100%;
border: none;
font-weight:bold;
}





/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------liens en bas du site / footer--------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
div#liens_footer {padding:0px;padding-top:0px;padding-bottom:8px;text-align:center;width:100%;margin-left:auto;margin-right:auto;}
div#liens_footer p.liens {display:block;text-align:center;width:100%;}
div#liens_footer p.liens a {border-left: 1px solid #FFFFFF;background:transparent;display:inline-block;padding:0px;padding-right:2%;padding-left:2%;
color:#AC0000;font-weight:bold;}
div#liens_footer p.liens a:first-child {border-left: none;padding-left:0px;}
div#liens_footer p.liens a:last-child {padding-right:0px;}
div#liens_footer p.liens  a {color:#AC0000;}
#copyright_footer {clear:both;margin-left:auto;margin-right:auto;letter-spacing:-0.25px;font-size: 12px;text-align:center;color:#6D570B;padding-top:10px;padding-bottom:15px;}
#copyright_footer a {color:#6D570B;}




/* content box (contenu avec un fond de couleur et des coins arrondis) */
.coins_arrondis {border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:0px;margin:0px;
behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
z-index:0; /* ie 7 */
zoom:1;
position:relative;   /* IE 6/7/8 bug with PIE */
}

.coins_arrondis.blanc {background:#FFFFFF;}
.coins_arrondis.grisclair, p.grisclair, div.grisclair  {background:#F6F6F6;}
.coins_arrondis.gris {background:#EEEEEE;}
.coins_arrondis.vert {background:#ADFFCE;}
.coins_arrondis.orange {background:#FFEFB5;}
a.coins_arrondis {display:block;padding:12px;padding-top:14px;height:100%;}
a.coins_arrondis:hover {background:#C1DEFF;}
div.coins_arrondis.with-padding, div.coins_arrondis.with_padding  {padding:10px;}
div.coins_arrondis.with-double-padding, div.coins_arrondis.with_double_padding  {padding:20px;}
div.content_box {margin:0px;padding:0px;clear:both;padding:0px;display:block;zoom:1;}
div.content_box  div.coins_arrondis {display:block;zoom:1;}
div.content_box.with-padding div.coins_arrondis {padding:10px;display:block;zoom:1;}
img.coins_arrondis.blanc {background:transparent;border:none;}


div.conteiner_contenu {
	border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:0px;margin:0px;
	behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
	z-index:0; /* ie 7 */
	zoom:1;
	position:relative;   /* IE 6/7/8 bug with PIE */
	display:block;
	padding:10px;text-align:center;
}

div.fondgrisclair {border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;padding:12px;background:#F6F6F6;}
div.fondgrisclair p.soustitre {color: #D51C1C; text-decoration: none;font-size: 14px;  font-weight:bold;border-bottom:1px solid #D51C1C;padding-top:0px;padding-bottom:6px;padding-right:0px;padding-left:12px;margin:0px;background-image: url('../images/puce2r.gif');background-repeat: no-repeat;background-position: 0px 0px;}

div .always_padding, div.always_padding, div .always-padding, div.always-padding {padding:10px !important;}
div.conteiner_contenu.blanc {background:#FFFFFF;}
div.conteiner_contenu.grisclair {background:#F6F6F6;}
div.conteiner_contenu.gris {background:#EEEEEE;}
div.conteiner_contenu.vert {background:#ADFFCE;}
div.conteiner_contenu.orange {background:#FFEFB5;}
div.contenu {
	border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:0px;margin:0px;
	behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
	z-index:0; /* ie 7 */
	zoom:1;
	position:relative;   /* IE 6/7/8 bug with PIE */
	display:block;padding:10px;text-align:justify;background:#FFFFFF;}
div.contenu.blanc {background:#FFFFFF;}
div.contenu.grisclair {background:#F6F6F6;}
div.contenu.gris {background:#EEEEEE;}
div.contenu.vert {background:#ADFFCE;}
div.contenu.orange {background:#FFEFB5;}
div.contenu.with_top_sep_margin, .with_top_margin {margin-top:15px;} /* marge séparation en deux blocs de contenus */
div.contenu.with_bottom_sep_margin, .with_bottom_margin {margin-bottom:15px;} /* marge séparation en deux blocs de contenus */
div.contenu.gris.with_top_sep_margin {} /* fond blanc */




div#conteiner_attestation_image {display:none;}






/* --------------------------------------------------------------------------------------------- */
/* -------------------------------page intro / ACCUEIL------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */
div#intro_box_conteiner {
	background:#ffffff;width:97%;max-width:616px;text-align:center;margin-left:auto;margin-right:auto;padding:0px;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	overflow:hidden;
  margin-top:0px;margin-bottom:15px;
-moz-box-shadow: 0px 0px 5px 2px #656565;
-webkit-box-shadow: 0px 0px 5px 2px #656565;
-o-box-shadow: 0px 0px 5px 2px #656565;
box-shadow: 0px 0px 5px 2px #656565;
behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
z-index:0; /* ie 7 */
}
div#intro_box_conteiner  img {max-width:645px;max-height:345px;width:100%;height:auto;display:block;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
div#intro_box_conteiner div.texte {font-weight:normal;letter-spacing: 0px;color:#990000;font-size: 12px;text-align:justify;padding:0px;}
div#intro_box_conteiner div.texte  a {color:#990000;text-decoration:none;}

		/* ---------------------------------menus si page acceuil----------------------------------- */
ul.menus_accueil   {display:block;list-style: none;padding:0px;} 
ul.menus_accueil  li  {color:#FFFFFF;text-align:left;padding:0px;margin:0px;background-color:#FFFFFF;background-image: none;}
ul.menus_accueil  li  a {color:#FFFFFF;display:block;width:100%;height:100%;border: none;font-weight:bold;}
ul.menus_accueil {background-image: none !important;background-color:#FFFFFF;height:auto;overflow:hidden;margin:0px;padding:0px;padding-top:8px;padding-bottom:5px;width:100%;}
ul.menus_accueil  li  {width:auto;height:34px;margin:0px;margin-bottom:4px;padding-left:0px;padding-right:0px;
cursor: pointer;cursor: hand;
}
ul.menus_accueil  li  a {cursor: pointer;cursor: hand;
			height:100%;margin-top:0px;border:none;background: none;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
			behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
			z-index:0; /* ie 7 */
			zoom:1;
			position:relative;   /* IE 6/7/8 bug with PIE */			
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84b9f9+0,4297f7+100 */
background: rgb(132,185,249); /* Old browsers */
background-image: url('../images/menu/fond_bouton_suivant_bleu.jpg'); 
background-position: 100% -2px;
background-repeat:no-repeat;
background: -moz-linear-gradient(top,  rgba(132,185,249,1) 0%, rgba(66,151,247,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,185,249,1)), color-stop(100%,rgba(66,151,247,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
ul.menus_accueil  li  a  span {width:100%;padding-top:9px;display:block;padding-left:12px;text-align:left;
		width:100%;height:100%;		background-image:url('../images/menu/puce_mobile.png');background-repeat: no-repeat;background-position: top right;font-size: 18px;color:#053E8B;text-shadow: 0px 1px 1px #DAE9FE;
		}		
ul.menus_accueil  li  a:hover, ul.menus_accueil  li.current  a   {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fac802+0,fa9c02+100 */
background: rgb(250,200,2); /* Old browsers */
background-image: url('../images/menu/fond_bouton_suivant_orange.jpg'); 
background-position: 100% -2px;
background-repeat:no-repeat;
background: -moz-linear-gradient(top,  rgba(250,200,2,1) 0%, rgba(250,156,2,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,200,2,1)), color-stop(100%,rgba(250,156,2,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
ul.menus_accueil  li  a:hover span , ul.menus_accueil  li.current  a  span {color:#9E3C02;text-shadow: 0px 1px 1px #FFEFC5;}


/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------PUBLICITE-------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */
.adsbygoogle.NotOnMobile {margin-top:20px;margin-bottom:10px;clear:both;}
	
	
	
	
	
	
	
	
	
	
	

/* ------------------------------------------------------------------------------------------------------------------------ */
/* -----------------------------ordinateurs 1024px MAIS pas IPAD en mode paysage----------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */
@media (min-width:1024px), not (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { 
		#content_container {width:960px;}
		#inner_content_2_colonnes, #inner_content_3_colonnes {width:944px;}
		#colonne_centrale {width:591px;padding:0px;margin:0px;float:left;display:block;margin-left:11px;clear:none;padding-top:4px;}
		div#colonne_de_gauche {display:block;width:150px;float:left;padding-top:0px;}
		
		ul.menus {background-image: none !important;background-color:transparent;height:auto;overflow:visible;}
		ul.menus  li  {width:150px;height:56px;margin-bottom:8px;margin-right:0px;background-image: none !important;background-color:transparent;}		
		ul.menus ul li   {display:none;} /* sous-menus cachés par défaut */
		ul.menus  li  a {
			height:100%;margin-top:0px;border:none;
			background-color:#4277FD;background-image:url('../images/menu/menu_gauche.jpg');background-repeat: no-repeat;background-position: 0px 0px;		
			border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
			behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
			z-index:0; /* ie 7 */
			zoom:1;
			position:relative;   /* IE 6/7/8 bug with PIE */			 
		}
		ul.menus  li  a  span {padding-top:7px;display:block;padding-left:58px !important;color:#FFFFFF;text-align:left;background-image: none !important;background-color:transparent !important;text-shadow: 1px 1px 1px #863900;line-height:15px;}
		ul.menus  li a:hover,ul.menus  li.current a {background-color:#4277FD;background-image:url('../images/menu/menu_gauche.jpg');background-repeat: no-repeat;background-position: 0px 0px;}
		ul.menus  li.origine-paques  a {background-position: 0px 0px;}
		ul.menus  li.origine-paques  a:hover, ul.menus  li.origine-paques.current  a   {background-position: -150px 0px;}
		ul.menus  li.jeux  a {background-position: 0px -56px;}
		ul.menus  li.jeux  a:hover , ul.menus  li.jeux.current a  {background-position: -150px -56px;}
		ul.menus  li.cartes  a {background-position: 0px -112px;}
		ul.menus  li.cartes  a:hover, ul.menus  li.cartes.current a   {background-position: -150px -112px;}
		ul.menus  li.contes  a {background-position: 0px -168px;}
		ul.menus  li.contes  a:hover, ul.menus  li.contes.current a   {background-position: -150px -168px;}
		ul.menus  li.coloriages  a {background-position: 0px -224px;}
		ul.menus  li.coloriages  a:hover, ul.menus  li.coloriages.current a   {background-position: -150px -224px;}
		ul.menus  li.recettes  a {background-position: 0px -280px;}
		ul.menus  li.recettes  a:hover, ul.menus  li.recettes.current a   {background-position: -150px -280px;}
		ul.menus  li.loisirs  a {background-position: 0px -336px;}
		ul.menus  li.loisirs  a:hover, ul.menus  li.loisirs.current a   {background-position: -150px -336px;}
		
		
		div.entete img {
				width:940px;height:180px;
				border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:0px;margin:0px;
				behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
				z-index:0; /* ie 7 */
				zoom:1;
				position:relative;   /* IE 6/7/8 bug with PIE */
			}
		div.entete div.mobile  {display:none;}
			
		div#liens_footer {width:960px;}
		#copyright_footer {width:950px;}
}






/* ------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------Ipad en mode paysage --------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */
@media (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	BODY {font-size: 14px;line-height:18px;}

}











/* ------------------------------------------------------------------------------------------------------------------------ */
/* -----------------------mobiles phones, IPAD et ordinateur <= 1023px----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */
@media (max-width: 768px) and (min-width: 0px), (device-width: 768px) and (device-height: 1024px),(max-width:1023px)
{
		#site_conteiner {min-width:100%;width:100%;}
		#content_container {width:100%;margin-top:0px;}
		#content {padding:0px;margin:0px;border-radius: 0px;
		-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
		-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;box-shadow: none;	
		
		}
		
		
		/* si pas sur mobile.. */
		.NotOnMobile {display:none !important;}
		
		
		/* intro et page d'accueil */
		div#intro_box_conteiner {}
		
		/* boutons suivant / précédent */
		a.suivant  span , a.precedent span, a.suivant_bleu  span , a.precedent_bleu span {white-space:normal;letter-spacing:-1px;padding-top:10px;padding-bottom:12px;background-position: 100% 4px;}		
		a.suivant, a.precedent, a.suivant_bleu, a.precedent_bleu  {padding-top:0px;padding-bottom:0px;}
		
		
		#inner_content_2_colonnes, #inner_content_3_colonnes {width:100%;}
		div#colonne_de_gauche {display:block;float:none;width:100%;clear:left;}
		#colonne_centrale {width:100%;padding:0px;margin:0px;display:block;clear:left;}
		#colonne_de_droite {float:none;clear:both;display:block;width:100%;padding:0px;padding-top:15px;background:#FFFFFF;background-color:#FFFFFF;}
		#colonne_de_droite  div.bloc {float:left;padding:0px;display:block;margin:0px;width:33%;height:auto;}
		div#colonne_de_droite  + div.bloc {float:none;clear:both;}
		#colonne_de_droite  div.bloc div {float:none;margin:0px;padding:8px;display:block;}
		#colonne_de_droite  div.bloc div img {display:block;width:100%;height:auto;border:none;padding:4px;}
		
		div.conteiner_contenu {padding:0px;margin:0px;width:auto;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding:15px;}
		div.contenu {padding:15px;max-width:760px;margin-left:auto;margin-right:auto;}
		div.contenu.gris {border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding:0px;}
		div.contenu.gris.with_top_sep_margin {margin-top:10px;} /* fond gris */
		
		div.entete {display:block;-moz-box-shadow: 0px 0px 5px 2px #656565;-webkit-box-shadow: 0px 0px 5px 2px #656565;-o-box-shadow: 0px 0px 5px 2px #656565;box-shadow: 0px 0px 5px 2px #656565;}
		div.entete img {display:none;}
		div.entete div.mobile  {width:100%;height:auto;display:block;position:relative;}
		div.entete div.mobile  img {width:100%;height:auto;padding:0px;margin:0px;display:block;}
		div.entete div.mobile img.bouton {display:block;height:35%;max-height:80px;width:auto;position:absolute;top:10%;left:6%;cursor:pointer;}
		
		.info_bulle_conteiner {margin-bottom:22px;}
		
		/* ---------------------------------menus----------------------------------- */
		ul.menus  {display:none;}		
		ul.menus {background-image: none !important;background-color:#FFFFFF;height:auto;overflow:hidden;
		position:absolute;top:184px;left:0px;z-index:8888888;margin:0px;padding:0px;padding-top:15px;padding-bottom:10px;
		width:100%;min-width:240px;
		-moz-box-shadow:  inset 0px 11px 13px -10px rgba(50, 50, 50, 0.75), 5px 5px 5px 0px  rgba(50, 50, 50, 0.31);-webkit-box-shadow: inset 0px 11px 13px -10px rgba(50, 50, 50, 0.75), 5px 5px 5px rgba(50, 50, 50, 0.31);box-shadow: inset 0px 11px 13px -10px rgba(50, 50, 50, 0.75), 5px 5px 5px 0px rgba(50, 50, 50, 0.31);
		}
	
		ul.menus  li  {width:auto;height:100%;margin:0px;margin-bottom:3px;padding:0px;padding-left:8px;padding-right:8px;display:block;}
		ul.menus  li.NotOnMobile {display:none;}
		ul.menus  li  a {
			margin:0px;border:none;background: none;		
			border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
			behavior: url('/js/PIE/PIE.htc'); /* IE 6,7,8 */
			z-index:0; /* ie 7 */
			zoom:1;
			position:relative;   /* IE 6/7/8 bug with PIE */	
			display:block;height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84b9f9+0,4297f7+100 */
background-color: #54A1F8; /* Old browsers */
background-image: url('../images/menu/fond_bouton_suivant_bleu.jpg'); 
background-position: 100% -2px;
background-repeat:no-repeat;
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat, -moz-linear-gradient(top,  rgba(132,185,249,1) 0%, rgba(66,151,247,1) 100%); /* FF3.6-15 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,185,249,1)), color-stop(100%,rgba(66,151,247,1))); /* Chrome4-9,Safari4-5 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat, -webkit-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat, -o-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* Opera 11.10-11.50 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat, -ms-linear-gradient(top,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* IE10 preview */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat, linear-gradient(to bottom,  rgba(132,185,249,1) 0%,rgba(66,151,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	
ul.menus  li  a  span {padding-top:7px;padding-bottom:7px;display:block;padding-left:10px;padding-right:25px;text-align:left;	font-size: 18px;color:#053E8B;text-shadow: 0px 1px 1px #DAE9FE;}		
ul.menus  li  a:hover, ul.menus  li.current  a   {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fac802+0,fa9c02+100 */
background: rgb(250,200,2); /* Old browsers */
background-image: url('../images/menu/fond_bouton_suivant_orange.jpg'); 
background-position: 100% -2px;
background-repeat:no-repeat;
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-moz-linear-gradient(top,  rgba(250,200,2,1) 0%, rgba(250,156,2,1) 100%); /* FF3.6-15 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,200,2,1)), color-stop(100%,rgba(250,156,2,1))); /* Chrome4-9,Safari4-5 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-webkit-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-o-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* Opera 11.10-11.50 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-ms-linear-gradient(top,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* IE10 preview */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,linear-gradient(to bottom,  rgba(250,200,2,1) 0%,rgba(250,156,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
ul.menus  li  a:hover span , ul.menus  li.current  a  span {color:#9E3C02;text-shadow: 0px 1px 1px #FFEFC5;}

		/* ---------------------------------sous-menus----------------------------------- */
ul.menus ul li   {padding-left:20px;} /* décalage gauche sous-menus */
ul.menus  ul li  a  span {color:#444444;text-shadow: 0px 1px 1px #FFFFFF;font-size: 17px;padding-top:6px;padding-bottom:7px;letter-spacing:-1px;}
ul.menus ul li  a  {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,bcbcbc+100 */
background: rgb(226,226,226); /* Old browsers */
background-image: url('../images/menu/fond_menu_mobile_gris.jpg'); 
background-position: top right;
background-repeat:no-repeat;
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6-15 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome4-9,Safari4-5 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10-11.50 */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,-ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(188,188,188,1) 100%); /* IE10 preview */
background: url('../images/menu/puce_mobile2.png') 100% -1px no-repeat,linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(188,188,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


	
	
		div.titre_conteiner {padding:0px;margin:0px;display:block;margin-bottom:0px;}
		div.titre_conteiner  div.fond {		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#054caa+0,2173ec+21,237af9+32 */
background-color: #237AF9; /* Old browsers */
background-image: url('../images/titres/fond_titre_mobile.jpg'); 
background-position: top left;
background-repeat:repeat-x;
background: -moz-linear-gradient(top,  rgba(5,76,170,1) 0%, rgba(33,115,236,1) 21%, rgba(35,122,249,1) 32%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,76,170,1)), color-stop(21%,rgba(33,115,236,1)), color-stop(32%,rgba(35,122,249,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(5,76,170,1) 0%,rgba(33,115,236,1) 21%,rgba(35,122,249,1) 32%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(5,76,170,1) 0%,rgba(33,115,236,1) 21%,rgba(35,122,249,1) 32%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(5,76,170,1) 0%,rgba(33,115,236,1) 21%,rgba(35,122,249,1) 32%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(5,76,170,1) 0%,rgba(33,115,236,1) 21%,rgba(35,122,249,1) 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		text-align:left;display:block;
		border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
		padding:0px;margin:0px;height:auto;
		box-shadow:none;
		}
		div.titre_conteiner div.icone {display:none;}
		div.titre_conteiner div.fond  div.titre {position:relative;top:auto;left:auto;padding:10px;padding-top:12px;margin:0px;text-shadow: 0px 0px 1px rgba(33, 25, 255, 1);display:block;}
		
		/* liens en bas du site / footer */
		div#liens_footer p.liens span {padding-right:1%;padding-left:1%;}
		
}




/* ------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------MOBILES UNIQUEMENT----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */
@media (max-width: 768px) 
{
			
		div.conteiner_contenu {padding:0px;margin:0px;width:auto;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding:0px;}
		div.contenu {padding:10px;max-width:760px;margin-left:auto;margin-right:auto;}
		div.contenu.gris {border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding:10px;}
		div.contenu.gris.with_top_sep_margin {margin-top:10px;} /* fond gris */
		
		.info_bulle_conteiner {width:99%;max-width:460px;margin-bottom:20px;}
}		





/* ------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------Ipad vertical --------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */
@media (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
{ 
		BODY {font-size: 14px;line-height:18px;letter-spacing: -0.1px; }
		div#intro_box_conteiner {	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-moz-box-shadow: 0px 0px 5px 2px #656565;-webkit-box-shadow: 0px 0px 5px 2px #656565;-o-box-shadow: 0px 0px 5px 2px #656565;box-shadow: 0px 0px 5px 2px #656565;}
}







/* ------------------------------------------------------------------------------------------ */
/* ---------------------------------------coloriage a imprimer------------------------------- */
/* ------------------------------------------------------------------------------------------ */
.print_coloring_page {margin-left:auto;margin-right:auto;background-color:#FFFFFF;}
.print_coloring_page_landscape {margin-left:auto;margin-right:auto;background-color:#FFFFFF;}

div#PrintConteiner .print_coloring_page.preview {width:100%;height:auto;display: block;margin-left:auto;margin-right:auto;}
div#PrintConteiner .print_coloring_page_landscape.preview {width:100%;height:auto;display: block;margin-left:auto;margin-right:auto;}


/*------------------------------------------------------------------------------------------------------------------*/
/*-------------print conteiner : not visible on screen - Visible when print or in debug mode------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
div#PrintConteiner {width:100%;height:100%;background-color:#FFFFFF;margin:0px;border:0px;padding:0px;position:absolute;left: 0px;top: 0px;z-Index: 214748363;display: none;}
div#PrintConteiner.preview {width:80%;min-width:750px;max-width:960px;height:100%;background-color:#FFFFFF;
margin:0px;border:0px;padding:0px;position:absolute;left:0px;right:0px;top:0px;z-Index: 214748363;display: block;
margin-left:auto;margin-right:auto;
-moz-box-shadow: 0px 0px 10px 3px #656565;
-webkit-box-shadow: 0px 0px 10px 3px #656565;
-o-box-shadow: 0px 0px 10px 3px #656565;
box-shadow: 0px 0px 10px 3px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);}


div#PrintOverlay {
width:100%;height:100%;background-color:#000000;margin:0px;border:0px;padding:0px;position:absolute;left: 0px;right:0px;top: 0px;z-Index: 214748362;display: block;
opacity:0;


-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), rgb(255, 255, 255);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), -moz-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), rgb(255, 255, 255);
  background: linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), rgb(255, 255, 255);
  background-position: 0 0, 20px 20px;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

div#PrintConteiner a.close {position:absolute;right:20px;top: 20px;z-Index: 214748364;display: block;
cursor:pointer;
    color: #fff;
    border:none;
    border-radius: 6px;
    background: #605F61;
    font-size: 32px;
    font-weight: normal;
    display: inline-block;
    padding: 5px;}

    .close:before {
    content: "×";

}

/*------------------------------------------------------------------------------------------------------------------*/
/*-------------doNotPrint classe : css class added to hide the content we don't want to print------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
body.preview > .doNotPrint {display:none;}
body.doNotPrint.preview {display:block;width:100%;min-width:100%;min-height:100%;}
div.mediatest {display:block;}


-->