@charset "iso-8859-2";
/* CSS Document */

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0.7em; /* Remettre a zéro si nécessaire. */
  font-family: Calibri, "Gill Sans", "Gill Sans MT",  Myriad,  "Liberation Sans",  Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Pensez a utiliser une collection de polices (2), par ex: 
  font-family: Arial, Helvetica, FreeSans, sans-serif; */ 
  font-size: .8em; /* A adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* A adapter au design. (4) */ 
  color: #1c1c1c; 
  background: white url(../img/fdpage.jpg) center repeat-y; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:active { 
  color: #00F; 
} 

/* Pas de bordure autour des images dans les liens */ 
a img,  a:focus img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
blockquote {
	padding:10px 10px 10px 60px ;
	margin-left:0px;
	font-size:1.13em;
	line-height:1em;
	font-weight:bold;
	background:url(../img/petit-mascotte.png) no-repeat 10px;
	min-height:40px;
	font-style:italic;
	letter-spacing:0.05em;
}
.rss blockquote{
	font-size:1em;
	background:none;
	padding:0px;
	margin:0px 0px 20px 0px;
	line-height:normal;
	font-weight:normal;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d5e0f2;
}
.rss ul{
	margin-left:0;
}
.rss ul li{
	list-style:none;
}
.petit{
	font-size:0.75em;
}
.petit2{
	font-size:0.9em;
}
.breaking{
	clear:both;
}
.color1{
	color:#1c1c1c; /* gris clair lisible*/
}
.color2{
	color:#4e4b4b; /* gris + foncé */
}
.color3{
	color:#0d314f; /* Bleu foncé lisible */
}
.color4{
	color:#54a9f2; /* Bleu clair lisible */
}
.color5{
	color:#ff5600; /* Orange/rouge Lisible pour mise en valeur */
}
.color6{
	color:#1d370a; /*Vert tres foncé lisible */ 
}
.color7{
	color:#103204; /* Varaiante vert foncé lisible */
}
.color8{
	color:#2c2c2c; /*autre gris*/
}
.gauche{
	float:left;
}
.droite{
	float:right;
}
.txtGauche{
	text-align:left;
}

.txtDroite{
	text-align:right;
}
.txtserre{
	line-height:1em;
}
.date{
	display:block;
}
.source{
	font-style:italic;
}
.Largeur{
	width:95%;
}
.fd1{
	background-color:#f1f4f6; /*Bleu clair*/
	padding:0px 10px 20px 10px;
}
.fd2{
	background-color:#f6f6f1; /* variante Bleu/Gris clair*/
	padding:0px 10px 20px 10px;
}
.fdBlanc{
	background-color:#FFF;
	border:#e1e1e1 1px solid;
	padding:10px;
}
.fdBleu{
	background-color:#bfe2ff;
	/*border:#e1e1e1 1px solid;*/
	color:#133d66;
}

.margeDroite{
	margin-right:10px;
}
.margeHaut{
	margin-top:20px;
}
.margeGauche{
	margin-left:10px;
}
.margeBas{
	margin-Bottom:10px;
}

/*positionnement divers */
.bloc1{
	margin:20px 0 20px 0;
}
.col{
	width:300px;
	min-height:240px;
	margin-bottom:20px;
}
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* Listes particulieres */
.accueil ul {
	margin-left:24px;
	margin-bottom:24px;
	}
li.li1{
	list-style-image:url(../img/li1.png);
}
li.li2{
	list-style-image:url(../img/li2.png);
}
li.li3{
	list-style-image:url(../img/li3.png);
}

#droite ul{
	margin-left:0px;
	list-style:none;
	margin-bottom:20px;
	margin-top:-10px;
}


/*Mise en page */

.oneColFixCtr #container {
	width: 964px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	/*border: 1px solid #000000;*/
	text-align: left; /* ce paramétrage annule le parametre text-align: center de l'élément body. */
	background:url(../img/fd-degrade.jpg) repeat-x;
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace a l'intérieur du cadre de l'élément div, alors que la marge est l'espace a l'extérieur de celui-ci */
	position:relative;
	width: 964px;
	margin: 0;
	
}
#footer{
	margin:20px 10px;
	text-align:center;
}
.bigMascotte{
	background:url(../img/mascotte-maternelle-prenoms.jpg) no-repeat 0px 120px;
	min-height:700px;
}
#logo{
	position:absolute;
	top:-10px;
	left:12px;
}
.accueil{
	margin-left:300px;
	margin-top:40px;
}

#connexion{
	width:92px;
	overflow:hidden;
	background:url(../img/connexion.png) no-repeat;
	color:#7e7e7e;
	line-height:2em;
	text-align:right;
	padding:0 40px 0 0;
}
#connexion a:link,
#connexion a:visited,
#connexion a:active{
	text-decoration:none;
	color:#7e7e7e;
}
#connexion a:hover{
	text-decoration:underline;
}

/* Divers Typo */
.Typo{
	display:block;
	text-transform:uppercase;
}
.Moyen{
	font-size:1.13em;
}
.MoyenGros{
	font-size:1.50em;
}
.Big{
	font-size:1.88em;
	line-height:0.7em;
}
.commentaire{
	font-size: 90%;
	color: #999999;
	font-style: italic;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.page .Big{
	font-size:1.50em;
	line-height:0.9em;
	letter-spacing:0.001em;
	display:block;
}
.titre{
	font-weight:bold;
}
.special{
	padding-left:50px;
	padding-right:150px;
}
#special1{
	background:url(../img/special1.gif) no-repeat;
}
#special2{
	background:url(../img/special2.gif) no-repeat;
}
#special3{
	background:url(../img/special3.gif) no-repeat;
}

/* shadow box */
.photos div{
	text-align:center;
	float:left;
}
.photos img{
	margin:5px;
	border:1px solid #C0C0C0;
}

/*menu de gauche*/
#menu{
	display:block;
	width:200px;
	float:left;
	overflow:hidden;
	background:url(../img/haut-menu.gif) no-repeat;
	margin-top:50px;
}
/*liens*/
#droite-bureau a,
#droite a{
	color:#54a9f2;
	text-decoration:none;
}
#droite-bureau a:hover,
#droite a:hover{
	text-decoration:underline;
}

/*page*/
.page{
	display:block;
	overflow:hidden;
	width:460px;
	float:left;
	margin-left:40px;
	padding-right:80px;
}
.fdMascottePetit{
	background:url(../img/mascotte-maternelle-prenoms-petit.jpg) no-repeat;
	padding-top:220px;
}
.fdPrix{
	background:url(../img/prix.png) no-repeat;
	padding-top:160px;
}
#droite{
	display:block;
	overflow:hidden;
	width: 170px;
	margin-top:20px;
}
#price{
	position:absolute;
	top:125px;
	left:800px;
}

/*Page Bureau*/
.alerte{
	color:#ff4216;
}
.bureau{
	display:block;
	overflow:hidden;
	float:left;
	background: url(../img/mascotte-maternelle-prenoms-petit-gauche.jpg) no-repeat 20px 40px;
	padding-left:190px;
	margin-right:30px;
	width:480px;
}
.bureau H2{
	margin-top:30px;
	font-style:normal;
}
.bureau H3, .demoFiches H3{
	line-height:normal;
}

#droite-bureau, #droite-bureau-news{
	display:block;
	overflow:hidden;
	padding:10px;
	width: 220px;	
	margin-top:30px;
	border:#e5e5e5 3px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#droite-bureau .titre{
	color:#006ac3;
	font-size:1.5em;
	text-transform:uppercase;
}
/*Pages abonnement*/
.abonnement{
	display:block;
	overflow:hidden;
	float:left;
	background: url(../img/mascotte-maternelle-prenoms-petit-gauche.jpg) no-repeat 20px 40px;
	padding-left:190px;
	margin-right:30px;
}
/*autres Pages */
.fullwidth{
	display:block;
	overflow:hidden;
	float:left;
	padding-left:10px;
	margin-right:10px;
}
.demoFiches{
	display:block;
	overflow:hidden;
	float:left;
	background: url(../img/mascotte-maternelle-prenoms-petit-gauche.jpg) no-repeat 20px 40px;
	padding-left:190px;
	margin-right:10px;
	width:580px;
	margin-top:20px;
}
.ascenseur{
	height:150px;
	padding-bottom:10px;
	overflow-x : hidden;
	overflow-y : auto; 
}
#bouton{
	width:350px;
	padding-left:400px;
}
.creerPDF, .creerPDFover{
	font-size:20px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	cursor: pointer;
	cursor: hand;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;  
}

.retour, .retourover{
	font-size:11px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #82a6c5;
	border-right-color: #001222;
	border-bottom-color: #001222;
	border-left-color: #82a6c5;
	cursor: pointer;
	cursor: hand;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;  
}
.creerPDF, .retour{
	border-top-color: #82c2f9;
	border-right-color: #00213d;
	border-bottom-color: #00213d;
	border-left-color: #82c2f9;
	background-color:#0084f3;
	color:#FFF;
}
.creerPDFover, .retourover{
	border-top-color: #007CE1;
	border-right-color: #002340;
	border-bottom-color: #002340;
	border-left-color: #007CE1;
	background-color:#004277;
	color:#FFF;
}