/* Start of CMSMS style sheet 'style_ptitslutins' */
body   { font: 0.8em "Trebuchet MS", helvetica, sans-serif; background: #E8F6FA; text-align: center; margin: 10px 0; padding: 0 }
div#conteneur     { background: #E8F6FA; text-align: left; margin: 0 auto; width: 800px; }
h1#header           { background: url("images/ptitslutins_01.jpg") no-repeat left top; 
margin: 0; 
 width:800px; height: 147px; }
h1#header a         { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; position: relative; width: 550px; height: 147px; }
h1#header a span  { display: none; }

div#chapeau {
background: transparent url("images/ptitslutins_03.jpg") top left;
width: 800px;
height:109px;
margin-top:320px;
background-color:#666666;
z-index:5000px;
display:block;
}

.ariane {
padding: 20px 80px 10px 170px;

}

.ariane a {
color: black; font-weight: bold; text-decoration: none; list-style-type: none; margin: 0; padding: 0; #border: none; 
}
.ariane a:active  { color: orange }
.ariane a:link  { color: orange; font-weight: bold; text-decoration: none; list-style-type: none; border: none; }
.ariane a:visited {
color: black;
border: none;
}
.ariane a:hover  { color: orange; text-decoration: underline; border: none; }



.lien1: { font-color:black; 
font-weight: bold; text-decoration: none; list-style-type: none; margin: 0; padding: 0; border:none ;}
.lien1:link  { color: black; font-weight: bold; text-decoration: none; list-style-type: none; border: none; }
.lien1:visited {
color: black;
border: none;
text-decoration:none;
font-weight:bold;

}
.lien1:hover  { color: #ffa07a; border:none; }

div#lang {
position:relative;
float:right;
margin-right: 20px;
margin-top: 15px;
%margin-top: -10px;
%height: 0.0000001%;
padding: 5px;
}

div#lang img {
width: 22px;
height: 22px;
text-decoration:none;
border:0;
}


div#contenu    {
background:transparent url("images/ptitslutins2_04.jpg") top left repeat-y;
margin-top:-20px;
padding: 0px 65px 60px 145px ;

}

div#contenu h1  { 
color: #fc5400; 
font-size: 1.4em; 
line-height: 25px; 
background: url("images/little_hand.png") no-repeat left bottom; 
padding-left: 25px; 
border-bottom: 1px solid #ffa07a; }

#contenu h2      { 
color: black; 
font-size: 1.1em; 
line-height: 20px; 
background: url("images/little_hand.png") no-repeat left bottom; 
padding-left: 25px; 
border-bottom: 0px solid #ffa07a;
text-indent: 0em;  }

#contenu h3    { 
line-height: 0px; 
color: #fc5400; 
font-size: 1em; 
margin-left: 15px; 
padding-left: 5px;
text-indent: 2em;
 }

#contenu p { line-height: 1.7em; text-align: left; text-indent: 0em }

div#contenu a    { color:orange; }
div#contenu a:hover    { color: black;}


div#footer {
width:800px;
height:76px;
background: transparent url("images/ptitslutins2_06.jpg") top left no-repeat;
font-size: 0.9em;
text-align: center;
padding: 0px 65px 10px 50px;

}

pre   { font-size: 1.2em; background: #ffb6c1; padding: 5px 0 0 5px; overflow: auto; border: solid 2px #ffa07a }
* html pre { width: 636px; }
pre span   { color: #ffa07a; }
pre span.comment { color: #b30000; }


/* section des class texteEncadre */
.lienimg    { height:30px; color: #ff69b4; font-weight: bold; background-color: #ffb6c1; text-decoration: none; list-style-type: none; margin: 0; padding: 2px; border: solid thin;  }
.lienimg:active   { color: #ff69b4 ; background-color: #ff1493; border-color: #ff69b4; border-width: thin; }
.lienimg :link   { color: #ff69b4; font-weight: bold; text-decoration: none; list-style-type: none; border: none; }
.lienimg :visited  { color: #ff1493; border: /*#ff69b4*/gray }
.lienimg :hover   { color: #ff69b4; background-color: gray; text-decoration: underline; border: gray;  }


/* relational links under content */
div.left49 {
padding-left:150px;
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
padding-right:10px;
  text-align: right;
display:block;

}

#nouveaute{
display: block;
padding : 10 px;
margin: 20 px;

}

#nouveaute a{
text-decoration:none;
color: black;
}

#nouveaute li{
color: #FC5400;
}
/* End of 'style_ptitslutins' */

/* Start of CMSMS style sheet 'menu_fr' */
/* CSS Document */

ul#menu {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 147px;
background: transparent url("images/ptitslutins2_02.jpg") top left no-repeat;	/* arrière-plan général du menu */
width: 800px;
height:332px;
/*padding-top: 57px;*/
display:inline;
margin:0;

}

ul#menu li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

ul#menu li {display: inline;}	/* correction pour IE5 et IE5.5 */

ul#menu li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
/*height: 30px;*/
width: 800px;
color: #660000;
font-size: 17px;
font-family: georgia, serif;
text-decoration: none;
line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
text-indent: -5000px;

}

ul#menu li a:hover {
background: transparent url("images/fr/ptitslutins_02.jpg") top left no-repeat;
text-indent: -5000px;
}

/*Lien en survol positionnement par image map */

ul#menu a#lien1 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:100px;
height:344px;
float: left;
margin-left: -25px;
margin-top: 0px;

/*border: 1px dotted white;*/
}

ul#menu a#lien1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: -15px 0px;
%margin-left: 15px;
width:100px;
height:344px;
float:left;



}
ul#menu a#lien2 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:81px;
height:185px;
float: left;
margin-top: 0px;

}


ul#menu a#lien2:hover {
background-position: -115px 0px;
%margin-left: 40px;
width:81px;
height:185px;
}

ul#menu a#lien3 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:135px;
height:185px;
float: left;
margin-top: 0px;

}

ul#menu a#lien3:hover {
background-position: -196px 0px;
%margin-left: 40px;
}

ul#menu a#lien4 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:149px;
height:185px;
float: left;
margin-top: 0px;

}
ul#menu a#lien4:hover {
background-position: -331px 0px;
%margin-left: 40px;
}

ul#menu a#lien5 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:75px;
height:146px;
float: left;
margin-top: 185px;
margin-left:-375px;
%margin-left: -335px;

}
ul#menu a#lien5:hover {
background-position: -105px -185px;

}

ul#menu a#lien6 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:75px;
height:146px;
float: left;
margin-top: 185px;
margin-left:-305px;
%margin-left: -265px;

}

ul#menu a#lien6:hover {
background-position: -175px -185px;


}

ul#menu a#lien7 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:75px;
height:146px;
float: left;
margin-top: 185px;
margin-left:-235px;
%margin-left: -195px;

}

ul#menu a#lien7:hover {
background-position: -245px -185px;


}

ul#menu a#lien8 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:75px;
height:146px;
float: left;
margin-top: 185px;
margin-left:-165px;
%margin-left: -125px;
}

ul#menu a#lien8:hover {
background-position: -315px -185px;

}

ul#menu a#lien9 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:75px;
height:146px;
float: left;
margin-top: 185px;
margin-left:-95px;
%margin-left: -55px;
}

ul#menu a#lien9:hover {
background-position: -385px -185px;

}

ul#menu a#lien10 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:75px;
height:146px;
float: left;
margin-top: 185px;
margin-left:-25px;
%margin-left: -5px;
}

ul#menu a#lien10:hover {
background-position: -455px -185px;
}

ul#menu a#lien11 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:95px;
height:146px;
float: left;
margin-top: 185px;
%margin-left: 0px;

}

ul#menu a#lien11:hover {
background-position: -530px -185px;
}

ul#menu a#lien12 {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0%;
width:150px;
height:146px;
float: left;
margin-top: 185px;
margin-left:20px;

}

ul#menu a#lien12:hover {
background-position: -645px -185px;
}



#menu-bas li {
display: inline ;
}

#menu-bas a{
display: inline ;
text-decoration:none;
list-style-type: none;
list-style-image: none;
color:#fc5400;
font-size: 0.9em; 
}

#menu-bas h3{
display: inline ;
text-decoration:none;
list-style-type: none;
list-style-image: none;
font-size: 0.8em; 
color:black
}

#menu-bas ul{
list-style-type: none;
list-style-image: none;}

dfn{display:none;}
/* End of 'menu_fr' */