<!--
body {
background:url(../im/background.png) #FFFFFF repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
text-align:center;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

hr {
clear: both;
width: 99%;
border: 0;
border-bottom: 1px solid #1A92BE;
height: 1px;
}

img.download {vertical-align:middle;}

.html {text-align:center;}

/* ----------container to center the layout-------------- */
#container {
width: 980px;
margin-bottom: 10px;
margin: 0 auto;
text-align:center;
}

/* ----------header-------------- */
#header {
padding: 0px;
margin: 0px;
text-align:center;
}
#banner img {padding:10px 0px;}

/* -----------------content--------------------- */
#content {
padding: 0px;
//margin: 0 200px;
margin: 0;
text-align:center;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
text-align:center;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi-------------
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}
*/

/* -----------fond barre navigation et footer bleue--------------------------- */
#barre_bleue {
margin: 0px;padding: 0px;
width:980px;text-align: center;
background:url('../im/fond_barre_bleu.gif')  0px 0px no-repeat;
height:36px;line-height:36px;overflow:hidden;
color:#FFFFFF;padding-top:1px;
}
#barre_bleue_top {
margin: 0px;padding: 0px;
width:980px;text-align: center;
background:url('../im/fond_barre_bleu.gif')  0px 0px no-repeat;
height:36px;line-height:36px;overflow:hidden;
color:#FFFFFF;padding-top:1px;margin-top: -5px;margin-bottom: 10px;
}

/* ---------------------------------------------------------------------- */




/* -----------barre navigation en haut du site----------------------------------- */
.lien_barre_navigation {margin: 0px;padding: 0px;line-height:36px;height:36px;float:left;color:#FFFFFF;text-decoration: none;font-size: 12px;}
.lien_barre_navigation a {color:#FFFFFF;text-decoration: none;font-size: 12px;}
.lien_barre_navigation a:hover {color:#FFFFFF;text-decoration: none;font-size: 12px;}
/* -----------fin barre navigation en haut du site------------------------------- */





/* -----------icones barre navigation et barre footer------------------------ */
.icones {
margin: 0px;padding: 0px;
line-height:36px;height:36px;
float:left;display:block;width:23px;
margin-left: 18px;margin-right: 5px;
}
.icones.home {background:url('../im/icones_footer.gif') 0px 5px no-repeat;margin-left: 24px;margin-right: 10px;}
.icones.accueil {background:url('../im/icones_footer.gif') 0px 5px no-repeat;}
.icones.plan {background:url('../im/icones_footer.gif') -25px 5px no-repeat;}
.icones.contact {background:url('../im/icones_footer.gif') -50px 5px no-repeat;}
.icones.liens {background:url('../im/icones_footer.gif') -75px 5px no-repeat;}
.icones.favoris {background:url('../im/icones_footer.gif') -100px 5px no-repeat;}
.icones.conseiller {background:url('../im/icones_footer.gif') -125px 5px no-repeat;}
.icones.separation {background:url('../im/icones_footer.gif') -152px 5px no-repeat;margin-left: 8px;margin-right: 3px;}
/* -----------fin icones barre navigation et barre footer------------------------ */





/* -----------footer--------------------------- */
#conteiner_footer {
margin: 0px;padding: 0px;margin-left:auto;margin-right:auto;padding-bottom: 10px;padding-top: 15px;
text-align: center;
border:none;
width:980px;
}
.lien_footer {margin: 0px;padding: 0px;line-height:36px;height:36px;float:left;color:#FFFFFF;text-decoration: none;font-size: 11px;}
.lien_footer a {color:#FFFFFF;text-decoration: none;font-size: 11px;}
.lien_footer a:hover {color:#FFFF66;text-decoration: none;font-size: 11px;}
#footer_copyright_text {background:transparent;text-align:justify;padding-top:22px;color:#C19B7D;font-size:11px;padding-bottom:12px;padding-left:4px;padding-right:4px;}
#footer_copyright_text a {color:#C19B7D;font-size:11px;text-decoration: none;}
/* -----------fin footer--------------------------- */

/* liste des coloriages */
.coloriages {vertical-align:top;}
.coloriages.conteiner {	text-align:center;
	float:left;
	margin:0px;margin-bottom:10px;padding:0px;
	width:245px;height:265px;color:#F43548;text-decoration: none;font-weight:bold;
}
.coloriages.box {	text-align:center;
	margin:0px;padding:0px;margin-left:auto;margin-right:auto;
	width:232px;height:265px;color:#F43548;text-decoration: none;font-weight:bold;
}
.coloriages.box a {text-decoration: none;font-weight:bold;color:#FFFFFF;text-align:center;}
.coloriages.box a:visited {color:#FFFFFF;text-decoration: none;font-weight:bold;text-align:center;}
.coloriages.box a:hover {color:#FFFFFF;text-decoration: none;font-weight:bold;text-align:center;}
.coloriages.box.c1 {background:url(../im/cadres.gif) 0px 0px no-repeat;text-align:center;}
.coloriages.box.c2 {background:url(../im/cadres.gif) -931px 0px no-repeat;text-align:center;}
.coloriages.box.c3 {background:url(../im/cadres.gif) -465px 0px no-repeat;text-align:center;}
.coloriages.box.c4 {background:url(../im/cadres.gif) -699px 0px no-repeat;text-align:center;}
.coloriages.box.c5 {background:url(../im/cadres.gif) -232px 0px no-repeat;text-align:center;}
.coloriages.box.c6 {background:url(../im/cadres.gif) -1163px 0px no-repeat;text-align:center;}
.coloriages.box.c7 {background:url(../im/cadres.gif) -1397px 0px no-repeat;text-align:center;}
.coloriages.numero_coloriage {clear:both;text-align:left;padding:0px;margin:0px;padding-top:7px;font-weight:normal;}
.coloriages.numero_coloriage.c1 {display:block;text-align:right;padding-right:10px;color:#32ABD6;}
.coloriages.numero_coloriage.c2 {display:block;text-align:left;padding-left:10px;color:#D00D0D;}
.coloriages.numero_coloriage.c3 {display:block;text-align:right;padding-right:10px;color:#FF9C00;}
.coloriages.numero_coloriage.c4 {display:block;text-align:left;padding-left:10px;color:#9C00FF;}
.coloriages.numero_coloriage.c5 {display:block;padding-left:10px;color:#00FF00;}
.coloriages.numero_coloriage.c6 {display:block;text-align:right;padding-right:10px;color:#FF00CC;}
.coloriages.numero_coloriage.c7 {display:block;padding-left:10px;color:#951F26;}

/* fiche coloriage */
.coloriage.modele.box {margin:0px;padding:0px;clear:both;width:211px;height:240px;background:url('../im/cadre-modele-coloriage.gif') 0px 0px no-repeat;}
.coloriage.modele.commentaire.box {background:url('../im/cadre-modele-coloriage.gif') 0px -240px no-repeat;width:211px;height:290px;text-align:justify;padding:0px;margin:0px;}
.coloriage.modele.commentaire.texte {font-family: Arial, SunSans-Regular, Sans-Serif;font-size: 12px;padding:10px;padding-top:10px;color:#A0734D;}
.coloriage.modele.puces {border:0px;padding:0px;margin:0px;margin-top:0px;margin-right:5px;float:left;width:13px;height:13px;}
.coloriage.modele.puces.p1 {background:url('../im/cadre-modele-coloriage-puces.gif') 0px 0px no-repeat;}
.coloriage.modele.puces.p2 {background:url('../im/cadre-modele-coloriage-puces.gif') -13px 0px no-repeat;}
.coloriage.modele.puces.p3 {background:url('../im/cadre-modele-coloriage-puces.gif') -26px 0px no-repeat;}



/* ------------------------plan du site------------------------- */
.sitemap.conteiner {margin:0px;text-align:left;padding:10px;}
.sitemap.main {line-height:32px;height:32px;text-align:left;margin-left:20px;font-weight:bold;color:#EB4768;font-size: 12px;}
.sitemap.main a {font-weight:bold;color:#EB4768;font-size: 12px;text-decoration: none;}
.sitemap.child a {line-height:20px;height:20px;margin:0px;margin-left:40px;text-align:left;font-weight:bold;color:#1A92BE;font-size: 12px;text-decoration: none;}
.sitemap.legende {padding-left:10px;margin:0px;color:#999999;font-size: 11px;font-weight:normal;}




/* -----------formulaires--------------------------- */
INPUT { border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    background-color: #F5F5F5; font-size: 11px; font-family: verdana, sans-serif; font-weight: 100; color: #000000; border: 1px solid #18A5D6;
    padding:4px;}
INPUT:focus {border: 1px solid #EB4768;background-color: #FFFFA4;}
INPUT:hover {border: 1px solid #EB4768;}
SELECT {
		border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    color: #000000; background-color: #F5F5F5;  font-family:  verdana,sans-serif; font-size: 11px; font-weight:100 ; border: 1px solid #18A5D6;
    padding:4px;}
SELECT:focus {border: 1px solid #EB4768;background-color: #FFFFA4;}
SELECT:hover {border: 1px solid #EB4768;}
TEXTAREA {
	border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    color: #000000; background-color: #F5F5F5; text-align:justify; font-family:verdana,sans-serif; font-weight: 100;  font-size: 11px;
    border: 1px solid #18A5D6;
    padding:6px;}
TEXTAREA:focus {border: 1px solid #EB4768;background-color: #FFFFA4;}
SELETEXTAREACT:hover {border: 1px solid #EB4768;}
/* -----------fin formulaires--------------------------- */


/* -----------boites de dialogue--------------------------- */
.notification {
margin: 0 0 10px;
padding: 18px 15px 15px 55px;
font-weight: normal;font-size: 13px;
background: #fff no-repeat 15px center;
border: 1px solid #ddd;
border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
text-align:left;
}
.notification.error { color: #9e1111; background-color: #f5e8e8; background-image: url(im/error.png); border-color: #dfb2b2; }
.notification.success { color: #11a322; background-color: #e8f6e9; background-image: url(im/success.png); border-color: #b2e1b7; }
/* -----------fin boites de dialogue--------------------------- */-->