.style6 {font-size: 11px}
.button_recherche2 { background-image: url(../images/buttonrecherche.gif); background-repeat:no-repeat; border:none; width:23px; height:17px;}

#entete	{ margin:0 auto; width:770px;  height:131px; padding:0; background-image:url(../images/entete.jpg); background-position: top left; background-repeat:no-repeat;}
#entete #informations{ text-align:right; padding:13px 10px 0 0 ; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#entete img { border:none;}
#entete form { padding:0; margin:0;}
#entete form input{ border:1px solid #593D1D;font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#entete form .button_recherche { background-image: url(../images/buttonrecherche.gif); background-repeat:no-repeat; border:none; width:23px; height:17px;}
#entete #informations a.button_recherche { border:1px solid #593D1D;font-family:Arial, Helvetica, sans-serif; font-size:11px; background-image: url(../images/search.gif); background-repeat:no-repeat; background-position: left 3px; border:none; padding:4px 0 4px 20px; width: 60px; margin: 0 0 0 0; display:inline-block; }

#entete #menu	{ padding:5px 0 0 0; margin:0 0 0 12px; width:auto; }
#entete #menu ul{ list-style-type:none; margin:0; padding:0;}
#entete #menu ul li{ list-style-type:none; margin:0; padding:0 10px 0 0; float:left;}
#entete #menu ul li a{ font-weight:bold; color:#0E1013; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;  padding-bottom:2px !important; padding:0 0 1px 10px;}
#entete #menu ul li a.drop{ background-image:url(../images/icone_dropdown.gif); background-repeat:no-repeat; background-position:2px 0; padding-left:13px; }
#entete #menu ul li a.drop2{ background-image:url(../images/icone_dropdown.gif); background-repeat:no-repeat; background-position:2px 0; padding-left:13px; text-decoration:underline; }
#entete #menu ul li a.reserves { background-image:url(../images/icone_sectionsreserves.gif); background-repeat:no-repeat; background-position:1px 0px;  padding-bottom:2px !important; padding:1px 0 1px 15px; margin-left:15px;}
#entete #menu ul li a.inscription { background-image:url(../images/icone_inscription.gif); background-repeat:no-repeat; background-position:1px 0px; padding:1px 0 1px 23px;}
#entete #menu ul li.lang { float:right;}
#entete #menu ul li a:hover{color:#0E1013; text-decoration:underline;}
#entete #menu ul li a:active{color:#0E1013; text-decoration:underline;}
#entete #menu ul li a:visited{color:#0E1013; }

.etapes	{ padding:0 0 20px 0; margin:4px 0 0 0; background-image:url(../images/bg_bloc.gif); background-repeat:no-repeat; background-position:top right; border-left:1px solid #dbeef6; }
.etapes h1 {font-size:18px; text-align:left; font-weight:bold; color:#BBCCD3; padding:5px 0 0 0; margin:0; text-align:center; background-position:8px 2px;}
.etapes h1.select { color:#274752;}
.etapes td.step { padding:3px 0 7px 0; border-bottom:1px solid #F79C27;}
/*ul.etapes li { width:22%; list-style-type:none; float:left; padding:0 0 5px 5px; margin:0; border-bottom:1px solid #efb001; }
ul.etapes li h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 40px; margin:0;}

ul.etapes li ul{ margin:0; padding:5px 10px 0 10px;}
ul.etapes li ul li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px;}
*/
a.bb { cursor:pointer; display:inline-block; background-image: url(../images/bb_left.gif); background-repeat:no-repeat; background-position:top left; padding:6px 0 6px 8px; width:auto; color:#274752; font-weight:bold; font-size:14px; }
a.bb span{ background-image: url(../images/bb_right.gif); background-repeat:no-repeat; background-position:top right; padding:6px 12px 6px 3px; color:#274752; }

a.selectMonth { cursor:pointer; display:inline-block; background-image: url(../images/bb_left.gif); background-repeat:no-repeat; background-position:top left; padding:5px 0 6px 8px; width:auto; color:#274752; font-size:12px; text-decoration:none;}
a.selectMonth span{ background-image: url(../images/bb_right.gif); background-repeat:no-repeat; background-position:top right; padding:7px 12px 6px 3px; color:#274752; }
a.selectMonth2 { font-weight:bold;}

ul.ateliers { list-style-type:none; padding:0 0 20px 0; margin:0; background-image:url(../images/bg_bloc.gif); background-repeat:no-repeat; background-position:top right; border-left:1px solid #dbeef6; }
ul.ateliers li { list-style-type:none; padding:0; margin:0; }
ul.ateliers li.titrechansons { background-image:url(../images/icone_ecouteur.gif); background-repeat:no-repeat; background-position: 5px 5px;font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.titrechansons h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.titrechansons h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.titrechansons h1 a:hover{ text-decoration:underline;}

ul.ateliers li.formation { font-size:16px; }
ul.ateliers li.formation h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 5px; margin:0;}
ul.ateliers li.formation h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.formation h1 a:hover{ text-decoration:underline;}

ul.ateliers li.formationchansons { background-image:url(../images/icone_ecouteur.gif); background-repeat:no-repeat; background-position: 5px 5px;font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.formationchansons h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.formationchansons h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.formationchansons h1 a:hover{ text-decoration:underline;}

ul.ateliers li.titrecommandes { background-image:url(../images/icone_commande.gif); background-repeat:no-repeat; background-position: 5px 5px;font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.titrecommandes h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.titrecommandes h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.titrecommandes h1 a:hover{ text-decoration:underline;}

ul.ateliers li.formationimage { background-image:url(../images/icone_commande.gif); background-repeat:no-repeat; background-position: 5px 5px;font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.formationimage h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.formationimage h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.formationimage h1 a:hover{ text-decoration:underline;}

ul.ateliers li.titrebottin { background-image:url(../images/ico_bottin.gif); background-repeat:no-repeat; background-position: 5px 5px;font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.titrebottin h1{  font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.titrebottin h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.titrebottin h1 a:hover{ text-decoration:underline;}

ul.ateliers li.titreauteur { font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.titreauteur h1{  font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 5px; margin:0;}
ul.ateliers li.titreauteur h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.titreauteur h1 a:hover{ text-decoration:underline;}

ul.ateliers li.titrementor { background-image:url(../images/icone_personne2.gif); background-repeat:no-repeat; background-position: 5px 3px;font-size:16px; border-bottom:1px solid #efb001; }
ul.ateliers li.titrementor h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.titrementor h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.titrementor h1 a:hover{ text-decoration:underline;}

ul.ateliers li ul{ margin:0; padding:5px 10px 0 10px;}
ul.ateliers li ul li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px;}

ul.ateliers li.titreateliers { border-bottom:1px solid #efb001; padding-right:5px; }
ul.ateliers li.titreateliers h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 40px; margin:0;}

ul.ateliers li.titrelivre { min-height:65px; background-image:url(../images/icone-livre.png); background-repeat:no-repeat; background-position: 5px 5px;font-size:16px; border-bottom:1px solid #efb001; }
* html ul.ateliers li.titrelivre {
        height: 65px;
}
ul.ateliers li.titrelivre h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 30px; margin:0;}
ul.ateliers li.titrelivre h1 a{ text-decoration:none; color:#274752;}
ul.ateliers li.titrelivre h1 a:hover{ text-decoration:underline;}
ul.ateliers li.contenulivre { padding:0; margin:0; }

/* -------------------------------------------------------------------------*/
ul.ateliers2 { list-style-type:none; padding:0 0 20px 0; margin:0; background-image:url(../images/bg_bloc2.gif); background-repeat:no-repeat; background-position:top right; border-left:1px solid #EDE2CE; }
ul.ateliers2 li { list-style-type:none; padding:0; margin:0; }

ul.ateliers2 li ul{ margin:0; padding:5px 10px 0 10px;}
ul.ateliers2 li ul li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px;}

ul.ateliers2 li.titreateliers { border-bottom:1px solid #efb001;padding-right:5px; }
ul.ateliers2 li.titreateliers h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:5px 0 0 40px; margin:0;}


ul.formations1 { list-style-type:none; padding:0 0 20px 0; margin:0; background-image:url(../images/bg_bloc.gif); background-repeat:no-repeat; background-position:top right; border-left:1px solid #EDE2CE; }
ul.formations1 li { list-style-type:none; padding:0; margin:0; padding-right:5px; }
ul.formations1 li h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:10px 0 5px 5px; margin:0;}
ul.formations1 li h1 a{ text-decoration:none; color:#274752;}
ul.formations1 li h1 a:hover{ text-decoration:underline;}
ul.formations1 li ul.date { float:left; width:250px; min-height:68px; background-image:url(../images/formation_bg_1.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #aec5ce; list-style-type:none; margin:0; padding:0;}
ul.formations1 li ul.date li { list-style-type:none; margin:0; padding:0;}
ul.formations1 li ul.date li h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:3px 6px;}
ul.formations1 li ul.place { float:left; width:150px; min-height:68px; background-image:url(../images/formation_bg_1.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #aec5ce; list-style-type:none; margin:0 0 0 10px; padding:0;}
ul.formations1 li ul.place li { list-style-type:none; margin:0; padding:3px 6px;}
ul.formations1 li ul.place li h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:0 0 6px 0;}
ul.formations1 li ul.fleche{ margin:0; padding:5px 10px 0 0px;}
ul.formations1 li ul.fleche li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px; font-weight:bold;}
ul.formations1 li a.bb { float:left; margin:0 0 0 35px;}

ul.formations2 { list-style-type:none; padding:0 0 20px 0; margin:0; background-image:url(../images/bg_bloc2.gif); background-repeat:no-repeat; background-position:top right; border-left:1px solid #EDE2CE; }
ul.formations2 li { list-style-type:none; padding:0; margin:0; padding-right:5px; }
ul.formations2 li h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:10px 0 5px 5px; margin:0;}
ul.formations2 li h1 a{ text-decoration:none; color:#274752;}
ul.formations2 li h1 a:hover{ text-decoration:underline;}
ul.formations2 li ul.date { float:left; width:250px; min-height:68px; background-image:url(../images/formation_bg_2.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; list-style-type:none; margin:0; padding:0;}
ul.formations2 li ul.date li { list-style-type:none; margin:0; padding:0;}
ul.formations2 li ul.date li h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:3px 6px;}
ul.formations2 li ul.place { float:left; width:150px; min-height:68px; background-image:url(../images/formation_bg_2.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; list-style-type:none;  margin:0 0 0 10px; padding:0; }
ul.formations2 li ul.place li { list-style-type:none; margin:0; padding:3px 6px; }
ul.formations2 li ul.place li h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:0 0 6px 0; }
ul.formations2 li ul.fleche{ margin:0; padding:5px 10px 0 0px; }
ul.formations2 li ul.fleche li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px; font-weight:bold; }
ul.formations2 li a.bb { float:left; margin:0 0 0 35px; }

ul.formationdetails1, ul.formationdetails2 { list-style-type:none; padding:0 0 20px 0; margin:5px 0 0 0; background-repeat:no-repeat; background-position:top right; border-left:1px solid #EDE2CE; }
ul.formationdetails1 { background-image:url(../images/bg_bloc.gif); }
ul.formationdetails2 { background-image:url(../images/bg_bloc2.gif); }
ul.formationdetails1 li, ul.formationdetails2 li { list-style-type:none; padding:0; margin:0; padding-right:5px; }
ul.formationdetails1 li h1, ul.formationdetails2 li h1{ font-size:16px; text-align:left; font-weight:bold; color:#274752; padding:10px 0 5px 5px; margin:0; }
ul.formationdetails1 li h1 a, ul.formationdetails2 li h1 a{ text-decoration:none; color:#274752; }
ul.formationdetails1 li h1 a:hover, ul.formationdetails2 li h1 a:hover{ text-decoration:underline; }

ul.formationdetails1 li ul.fleche, ul.formationdetails2 li ul.fleche{ margin:0; padding:5px 10px 0 0px;}
ul.formationdetails1 li ul.fleche li, ul.formationdetails2 li ul.fleche li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px; font-weight:bold;}

ul.formationdetails1 li ul.bloc1, ul.formationdetails2 li ul.bloc1 { width:100%; min-height:68px; background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; list-style-type:none; margin:0; padding:0;}
ul.formationdetails1 li ul.bloc1 { background-image:url(../images/formation_bg_1.jpg); }
ul.formationdetails2 li ul.bloc1 { background-image:url(../images/formation_bg_2.jpg); }
ul.formationdetails1 li ul.bloc1 li, ul.formationdetails2 li ul.bloc1 li { list-style-type:none; margin:0; padding:3px 6px;}
ul.formationdetails1 li ul.bloc1 li h2, ul.formationdetails2 li ul.bloc1 li h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:0 0 2px 0;}


ul.formationdetails1 #colonneLeft ul.bloc1, ul.formationdetails2 #colonneLeft ul.bloc1{ width:100%; min-height:68px; background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; list-style-type:none; margin:5px 0; padding:0;   }
ul.formationdetails1 #colonneLeft ul.bloc1 { background-image:url(../images/formation_bg_1.jpg); }
ul.formationdetails2 #colonneLeft ul.bloc1 { background-image:url(../images/formation_bg_2.jpg); }

ul.formationdetails1 #colonneLeft table.bloc1, ul.formationdetails2 #colonneLeft table.bloc1{ width:100%; min-height:68px; background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; list-style-type:none; margin:0 0 5px 0; padding:0;   }
ul.formationdetails1 #colonneLeft table.bloc1 { background-image:url(../images/formation_bg_1.jpg); }
ul.formationdetails2 #colonneLeft table.bloc1 { background-image:url(../images/formation_bg_2.jpg); }
ul.formationdetails2 #colonneLeft table.bloc1 td{ padding:3px 6px;}
ul.formationdetails2 #colonneLeft table.bloc1 td h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:0 0 2px 0;}

ul.formationdetails1 li ul.gris, ul.formationdetails2 li ul.gris{ float:left; width:100%; min-height:68px; background-image:url(../images/formation_bg_3.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; list-style-type:none; margin:5px 0; padding:0; }
ul.formationdetails1 li ul.gris li, ul.formationdetails2 li ul.gris li { list-style-type:none; margin:0; padding:3px 6px; }
ul.formationdetails1 li ul.gris li h2, ul.formationdetails2 li ul.gris li h2 { color:#10214a; font-size:16px; font-weight:bold; margin:0; padding:0 0 6px 0; }

ul.formationdetails1 li ul.gris li ul.fleche, ul.formationdetails2 li ul.gris li ul.fleche{ margin:0; padding:5px 10px 0 0px;}
ul.formationdetails1 li ul.gris li ul.fleche li, ul.formationdetails2 li ul.gris li ul.fleche li { margin:0; padding:0 0 5px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 3px; font-weight:bold;}

/* -------------------------------------------------------------------------*/
.formdetails td { padding-top:10px;}
.formdetails table td { padding-top:0;}
.formdetails1 {  background-image:url(../images/formation_bg_1.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; } 
.formdetails2 {  background-image:url(../images/formation_bg_2.jpg); background-position:top left; background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #cebca3; } 

.formdetails ul.fleche{ margin:0; padding:0; list-style-type:none;}
.formdetails ul.fleche li { margin:0; padding:0 0 0px 20px; background-image:url(../images/icone_fleche.gif); background-repeat:no-repeat; background-position: 5px 4px;}


/* -------------------------------------------------------------------------*/

a.top { background-image:url(../images/icone_top.gif); background-repeat:no-repeat; background-position:0 4px; padding:0 0 0 10px; }
a.top:hover {background-position:0 2px; }


a:link{
	text-decoration:none;
	color:#0000CC;
}
a:visited {
	text-decoration:none;
	color:#551A8B;
}
a:hover{
	text-decoration:underline;
}
a:active {
	color:#FF0000;
}
a.lienmenu:link, a.lienmenu:visited {
	color:#0000CC;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	padding-right:10px;
	/*background-image: url(../images/bulletMenu.gif);
	background-repeat: no-repeat;
	background-position: right;*/
}
a.lienmenu:visited {
	color:#551A8B;
}
/*
a.lienmenu:hover, a.lienmenu:active {
	color:#14214E;
	text-decoration:none;
	padding-right:8px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color:#E7E7EF;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
*/
a.lienmenu:hover, a.lienmenu:active {
	color:#0000CC;
	text-decoration:none;
	padding-right:8px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color:#0000CC;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

hr{
	height:1px;
	color:#BDBDC6;
}

h5{
font-size:12px;
font-weight:bold;

padding:0px;
margin:0px;

}

h6{
font-size:16px;
font-weight:bold;


}

#tableorange{
	/*background-color:#FFFFFF;*/
	color:#000000;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width :0px;
	text-indent: 10px;
	/*float:right;*/
	clear: right;
	/*padding-left: 172px;*/
	/*margin-left: 172px;*/
	/*padding-right: 30px;*/
}
.tdPremier{
	background-color:#ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-color: #ffffff;
	border-style: solid;
}
.tdTablOrange{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-color: #0000cc;/*E7E7EF;*/
	border-style: solid;
	font-weight: normal;
	text-align: right;
	
}

.boiteconnec{
	border-left:1px solid #B4BACF;
	width:170px;
	/*height:113px;*/
/*	background-color:#EFEFEF;*/
/*background-image:url(../images/bg_orange.gif); background-repeat:repeat-x;
	vertical-align:text-top;*/
	/*margin-top: 5px;
	/*margin-left: 5px;*/
	margin-right: 5px;
	margin-bottom: 3px;
	/*padding:5px;*/
	/*padding:0px;*/
	/*margin:0px;*/
/*	padding-bottom:20px;*/
	padding: 0 0 20px 0px;
	text-align: left;
	/*border: 3px #FF0000;*/
/*	background-image: url(../images/fond_stub.gif);
	background-repeat: no-repeat;*/
	background-position: top left;
}

.tdStubs{
	width:170px;
}
.contentStub{
	padding-top: 5px;
	margin-left: 5px;
}
.titreconnec{
	width:170px;
	height:16px;
	background-color:#ffffff;
	text-indent:10px;
	color:#ffffff;
	font-size: 10px;
	/*margin: 0px;
	padding:0px;*/
	padding-top: 2px;
	margin-top: 3px;
	background-image: url(../images/fond_connec.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.texteTitre{
	padding-top: 1px;
}
.texteblanc{
	text-indent:10px ;
	color:#ffffff;
	font-size: 10pt;
	font-weight:bold;
}
.textbox{
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-left: 8px;
	margin-right: 3px;
}
.bouton{
	margin-top: 5px;
	margin-left: 8px;
}

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#10214A;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*behavior:url('../config/cssfocusandhover.htc');*/
	
}

.style2 {
	font-size: 10px;
	font-weight: bold;
	color: #9397AA;
	background-color:#00FF00;
	width:100%;
}

.titrePage {
	clear: both;
	display: block;
	font-size: 20px;
	font-weight: normal;
	color: #9397AA;
	width:100%;
	width:100%;
	background-image: url(../images/bgTitre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:1em;
}


.titreBotin {

	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #9397AA;
	background-image: url(../images/bgTitre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;

	line-height:1.7em;
}

.alphaBotin{
font-size:16px;

margin:20px;
margin-left:0px;
}
.smallComent {
	font-size: 9px;
	font-weight: normal;
}

table, td, tr {
	border: 0px;
	margin: 0px;
	padding: 0px;
	border:none;
}
.tableborder{
	border-color: #000000;
	border-style:solid;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border:1px;
}
#tdContent{
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#10214A;
	padding-right:30px;
	line-height:1.5em;
	height:100%;
	
}

.trSeparator{
background-color:DDDDDD;

}

.searchUrl{
color:#009900;}

.searchTitre{
font-size:14px;
}

/******************************************************************************/

#navcontainer { margin-left: 30px; }

/*Fat Erik's Breadcrumbs*/
#navlist
{
list-style: none;
padding: 0;
margin: 0;
color: #9397AA;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "> "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
background-image: url("../images/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { background-image: none; }
.style3 {	color:#10214A;
	font-weight: bold;
	font-size:16px;
}

/******************************************/

#miettePain
{	
	
	font-size: 10px;
	/*background-color:#FF9900;*/
	color:#9397AA;
	font-size:11px;
	/*margin-top: -30px;*/
	/*top: 30px;*/
	/*vertical-align: 100px;*/
	text-decoration:underline;
	z-index: 1;
	/*width:200px;*/
	/*line-height: 1em;*/
	/*display: block;*/
	/*clear:both;*/
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #000000;
}
#miettePain a:link, #miettePain a:visited
{
color:#666666;
text-decoration:none;
}

#miettePain a:hover, #miettePain a:active
{
color:#999999;
}


.basPage{
/*height:20px;*/
text-align:right;
padding-top:20px;
padding-right:30px;
vertical-align:bottom;
}

.fondGauche{
	background-color:#000000;
	background-image: url(../images/bg_body.gif);
}

.fondDroit{
	background-color:#000000;
	background-image: url(../images/bg_body.gif);
}


/****************************  FOOTER   ******************************************************/
.footer{

	background-image: url(../images/footer_04.gif);
	background-repeat: repeat-x;
	height:17px;
	background-position: center;
	font-size:9px;
	width:759px;
	/*margin:5px;*/
}

.footerPad{
	margin:0px;
	margin-left:5px;
	/*width:80%;*/
	/*position:center;*/
}

.footerLeft{

	text-align:left;
	background-image: url(../images/footer_03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	white-space:normal;
	padding:0px;
	padding-left:7px;
	margin:0px;
	font-size:9px;
}

.footerRight{
	padding:0px;
	margin:0px;
	padding-left:0px;
	padding-right:7px;
	text-align:right;
	background-image: url(../images/footer_06.gif);
	background-repeat: no-repeat;
	background-position: right top;
	white-space:normal;
	font-size:9px;
}

a.lienFooter:link, a.lienFooter:visited {
	color:#10214A;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
	padding-right:3px;
	padding-left:3px;

}

a.lienFooter:hover, a.lienFooter:active {
	color:#10214A;
	text-decoration:overline;
	text-decoration:underline;

}

.imgLeft{
float:left;
padding-right:10px;}
.imgRight{
float:right;
padding-left:10px;}
/*************************** form elements ******************************************/

Input, TEXTAREA, Combobox, combo{
background-color:#FAFAFA;
/*border: medium solid #EEEEEE;*/
border:1px solid #10214a;
font-size:10px;
margin:2px;
font-family:Arial, Helvetica, sans-serif;
}
select {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}
.formProblem{
background-color:#FFaaaa;
border-color:#FF0000
/*border: medium solid ;*/
}

Input:focus.formProblem, Input:hover.formProblem{
background-color:#FFCCCC;
border-color:#FF0000;
/*border: medium solid ;*/
}

Input:focus, TEXTAREA:focus{
	background-color:#FFFFFF;
	/*border: medium solid #000000;*/
	border-color:#000000;
}

Input:hover, TEXTAREA:hover{
border-color:#EBF0F9;
border-color:#dddddd;
/*border: medium solid #dddddd;*/
background-color:#FFFFFF;
}

/***********************************************************************************************/
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;

}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-left: 1px solid #BBB;
border-right: 1px solid #BBB;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-image: url(../images/bg_dropdown.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color: white;
width: 200px;
visibility: hidden;
padding:5px 0 0 0;
margin-left:-2px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
color:#464E5F;
width: auto;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 1px 0 1px 15px; 
text-decoration: none;
font-weight: bold; font-size:13px;  
font-family:Arial, Helvetica, sans-serif;}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
text-decoration:underline;color:#464E5F;
}
.dropmenudiv a:active{color:#464E5F;}
.dropmenudiv a:visited{color:#464E5F;}

.nouveau_livre_accueil{position:relative; top:-50px; left:55px; padding:0; margin:0 0 -87px  0; _margin:0 0 -94px  0; width:78px; height:74px;}



/* MENU BOTTIN */

.glossymenu{
margin: 0;
border-right:1px solid #dbecf5;
border-bottom:1px solid #dbecf5;
width: 212px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
padding: 0;
border-bottom-width: 0;
text-decoration: none;
}

.glossymenu a.menuitem{
background: white url(../images/glossyback.gif) repeat-x top left;
font: bold 16px Arial, Helvetica, sans-serif;
color: #5b3c1d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
text-align:left;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #5b3c1d;
text-decoration: none;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
text-decoration: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom:none;
margin-left:15px;

}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: #0000cc;
text-decoration: none;
/*padding: 2px 0;*/
/*padding-left: 10px;*/
}

.glossymenu div.submenu ul li a:hover{
/*background: #DFDCCB;
color: #5b3c1d;*/
text-decoration: none;
}



/*-------------------------------*/
.glossymenu2{
margin: 0;
border-right:1px solid #dbecf5;
border-bottom:1px solid #dbecf5;
width: 544px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
padding: 0;
border-bottom-width: 0;
text-decoration: none;
}
.glossymenu2 a.top { width:30px; background-image:url(../images/icone_top.gif); background-repeat:no-repeat; background-position:0 4px; padding:0 0 0 10px;}
.glossymenu2 a.top:hover {background-position:0 2px;}

.glossymenu2 a.menuitem{
background: white url(../images/glossyback3.gif) repeat-x top left;
font: bold 16px Arial, Helvetica, sans-serif;
color: #5b3c1d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
text-align:left;
padding-left: 10px;
text-decoration: none;
}
.glossymenu2 td.menuitem{
font: bold 16px Arial, Helvetica, sans-serif;
color: #5b3c1d;
}


.glossymenu2 a.menuitem:visited, .glossymenu2 .menuitem:active{
color: #5b3c1d;
text-decoration: none;
}

.glossymenu2 a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
text-decoration: none;
}

.glossymenu2 a.menuitem:hover{
background-image: url(../images/glossyback.gif);
}

.glossymenu2 div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu2 div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu2 div.submenu ul li{
border-bottom:none;
/*margin-left:15px;*/

}

.glossymenu2 div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: #0000cc;
text-decoration: none;
/*padding: 2px 0;*/
/*padding-left: 10px;*/
}

.glossymenu2 div.submenu ul li a:hover{
/*background: #DFDCCB;
color: #5b3c1d;*/
text-decoration: none;
}


/* --------------------------------------------------------------------------------*/

div.sdmenu {
	width: 212px;	
	border-right:1px solid #dbecf5;
	border-bottom:1px solid #dbecf5;
	padding-bottom: 10px;
	padding: 0;
	border-bottom-width: 0;
	text-decoration: none;
}
div.sdmenu div {
	overflow: hidden;
	background: white url(../images/glossyback.gif) repeat-x top left;
	text-align:left;
	padding-left: 10px;
	text-decoration: none;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #5b3c1d;	
}
div.sdmenu div:first-child {
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding-left: 10px;
	padding: 4px 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #5b3c1d;	
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {

}
div.sdmenu div ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

div.sdmenu div ul li{
border-bottom:none;
padding: 0 0 0 15px;
background-position: 2px 7px !important;
background-position: 2px 6px;
}
div.sdmenu div a {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #0000cc;
	text-decoration: none;
}
div.sdmenu div a.current {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #0000cc;
	text-decoration: none;
}
div.sdmenu div a:hover {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #0000cc;
	text-decoration: none;
}


span.leJour{ display:block; margin:1px; padding:0; background-color:#DDDDDD; color:#333333; font-size:10px;}
span.detailAtelier { display:block;  border:1px solid #cccccc; margin:2px 0 0 0; padding:0;}
span.detailAtelier a{ display:block; border-top:2px solid #009966; color:#000066; text-decoration:none; font-size:9px; background-color:#FFFFFF;}
span.detailAtelier a:hover{ background-color:#eeeeee;}

.gsc-input{
 font-size:14px;
 padding: 5px;
 font-family:Arial, Helvetica, sans-serif;
}
.gsc-search-button{
 font-size:14px;
 font-weight: bold;
 padding: 4px;
 color:#0E1013; font-family:Arial, Helvetica, sans-serif;
}