/* Styles generiques */
/* ----------------- */
html { font-size: 62.5%; }
body { background-color: #FFFFFF; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; }
p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
table { border-collapse: collapse; }
form { display: inline; float: left; margin: 0px; padding: 0px; }
form input { float: left; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-right: 5px; }
form img { float: left;  vertical-align: middle; }
form textarea { vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
fieldset { border: 1px solid #757575; padding: 5px; }
ul { margin: 0px; padding-left: 16px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
a { color: #000000; font-weight: normal; text-decoration: underline; }
a:link { color: #000000; font-weight: normal; text-decoration: underline; }
a:visited { color: #000000; font-weight: normal; text-decoration: underline; }
a:hover { color: #AB4422; font-weight: normal; text-decoration: underline; }
a:active { color: #AB4422; font-weight: normal; text-decoration: underline; }

/* Styles de composition */
/* ----------------------*/
#conteneur {
	width: 702px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.bloc-marge {
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 100px;
	background-image: url(marge.gif);
	background-repeat: repeat-y;
}
.bloc-marge .important {
	font-weight: bold;
	color: #D23B2B;
}

.bloc-plein {
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 100px;
	background-image: url(marge.gif);
	color: #FFFFFF;
}
#barre-onglets {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 20px;
	background-color: #FAFAFA;
}
#barre-onglets .onglet-off {
	float: left;
}
#barre-onglets .onglet-off a {
	font-weight: bold;
	text-decoration: none;
	background-image: url(onglet-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 168px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#barre-onglets .onglet-off a:hover {
	background-image: url(onglet-on.gif);
}
#barre-onglets .onglet-on {
	float: left;
}
#barre-onglets .onglet-on a {
	font-weight: bold;
	text-decoration: none;
	background-image: url(onglet-on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 168px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.bloc-plein .titre {
	background-image: url(puce-titres-contraste-1.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: -51px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 51px;
}
#cadre {
	border: 1px solid #000000;
}

.bloc-marge .titre {
	background-image: url(puce-titres.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size: 1.3em;
	font-weight: bold;
	color: #D23B2B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: -51px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 51px;
}
.bloc-marge .illustration {
	margin-top: 5px;
	margin-right: -90px;
	margin-bottom: 5px;
	margin-left: 0px;
	position: relative;
	left: -95px;
	float: left;
}
.bloc-marge .illustration .contre-encart{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
.titre-action {
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.titre-programme {
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	color: #666666;
}
.tarif-famille {
	background-image: url(puce-famille.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

.titre-action .auteur {
	font-size: 0.7em;
	font-weight: normal;
}
.titre-descriptif {
	font-weight: bold;
	color: #CBA200;
}
.attention {
	font-weight: bold;
	color: #CBA200;
}

.div-finDeSection {
	width: 100%;
	clear:both;
	position: static;
	line-height: 1px;
	font-size: 1px;
	display: table;
}
#histoire-post-it {
	background-image: url(02-histoirespostit-02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #000000;
	color: #FFFFFF;
	padding: 5px;
}
#papotages {
	background-image: url(03-papotages-02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#debut-du-monde {

	background-image: url(05-poesie-02.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#decouverte {
	background-image: url(10-decouverte-03.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #BEE24D;
}

/* Styles courants */
/* ----------------*/
.t07 { font-size: 0.7em}
.bloc-marge .mention {
	font-weight: bold;
	color: #D23B2B;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: -45px;
}

.t08 { font-size: 0.8em}
.t09 { font-size: 0.9em}
.t10 { font-size: 1em}
.t12 { font-size: 1.2em}
.t14 { font-size: 1.4em}
.t20 { font-size: 2em}

a.a-blanc:link {  color: #ffffff; font-weight: normal;}
a.a-blanc:visited {  color: #ffffff; font-weight: normal;}
a.a-blanc:hover {  color: #ffffff; font-weight: normal;}
a.a-blanc:active {  color: #ffffff; font-weight: normal;}

.petitesMaj { font-variant: small-caps;}
.agenda {
	background-color: #FAFAFA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.agenda .item {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding: 0px;
}
.agenda .item a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	padding: 5px;
}
.agenda .item a:hover {
	background-color: #E6D8CB;
}
.bloc-marge .hlm {
	font-weight: bold;
	color: #701414;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: -85px;
	background-color: #FFFFFF;
}
.suppl-maj-t9 {
	font-variant: small-caps;
	font-size: 0.9em;
}
.bloc-plein .titre-descriptif {
	color: #B9D132;
}
.bloc-plein .titre-action {
	color: #B9D132;
}

.bloc-plein .illustrationTXT {
	margin-top: 5px;
	margin-right: -90px;
	margin-bottom: 5px;
	margin-left: 0px;
	position: relative;
	left: -95px;
	float: left;
	width: 90px;
	color: #FFFFFF;
}
.bloc-plein .illustration {

	margin-top: 5px;
	margin-right: -90px;
	margin-bottom: 5px;
	margin-left: 0px;
	position: relative;
	left: -95px;
	float: left;
}
.boite-info-droite {
	background-color: #93CB27;
	padding: 5px;
	float: right;
	width: 250px;
}