/* STYLES GÉNÉRAUX */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background: transparent url("../imgs/bckgrnd_tile.jpg") 0px 0px repeat;
	margin: 0;
}
img, div, a, input { behavior: url(iepngfix.htc) }
a, a:visited {
	color: #f4830e;
	text-decoration: none;
	outline: none;
	border: 0;
	-moz-outline: 0;
}
a.grosse_fleche, a.grosse_fleche:visited {
	padding: 0 24px 0 0;
	background: transparent url("../imgs/a_fleche_savoir_plus.png") right top no-repeat;
	font-weight: bold;
	color: #000;	
}
a.fleche_orange, a.fleche_orange:visited {
	padding: 0 0 0 10px;
	background: transparent url("../imgs/a_fleche_orange.png") no-repeat left 4px;
}
a.fleche_666, a.fleche_666:visited {
	padding: 0 0 0 10px;
	background: transparent url("../imgs/a_fleche_666.png") no-repeat left 4px;
	color: #666;
}
a.fleche_333, a.fleche_333:visited {
	background: url("../imgs/a_fleche_333.png") no-repeat left 4px;
	padding-left: 10px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
a.creer_groupe {
	display: block;
	height: 74px;
	width: 212px;
	background: transparent url("../imgs/bttn_creer_groupe.gif") no-repeat left top;
}
a.creer_groupe:hover {
	background: transparent url("../imgs/bttn_creer_groupe_h.gif") no-repeat left top;
}
a:hover {
	text-decoration: underline;
}
a.pdf, a.pdf:visited {
	padding: 2px 24px 2px 0;
	background: transparent url("../imgs/pdficon_small.gif") right top no-repeat;
	font-weight: bold;
	color: #000;	
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 12px 0;
}
h2 {
	font-size: 12px;
	color: #f4830e;
	margin: 0 0 2px 0;
}
#col_center h2 {
	color: #000;
	margin: 30px 0 2px 0;
	font-size: 11px;
}
h3 {
	font-size: 11px;
	color: #f4830e;
	margin: 0 0 10px 0;
}
small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
p {
	line-height: 17px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.clear_r {
	clear: right;
}
img { border: 0; }
/* STRUCTURE */
#degrade {
	background: transparent url("../imgs/bckgrnd_shade.jpg") 0px 0px repeat-x;
	min-height: 720px; height: auto !important; height: 720px;
}
#enveloppe {
	width: 968px;
	min-height: 347px; height: auto !important; height: 347px;
	margin: 0 auto;
	background: transparent url("../imgs/bckgrnd_global.jpg") no-repeat;
}
#enveloppe_cont {
	width: 968px;
	min-height: 347px; height: auto !important; height: 347px;
	margin: 0 auto;
	background: transparent url("../imgs/bckgrnd_global_cont.jpg") no-repeat;
}
#entete {
	padding: 0 0 0 34px;
	height: 85px;
}
/* MENU ENTETE */
#entete_menu ul {
	margin: 9px 23px 0 0;
}
#entete_menu ul li {
	float:left;
	list-style: none;
	padding: 0 22px 0 0;
}
#entete_menu ul li a, #entete_menu ul li a:active, #entete_menu ul li a:focus, #entete_menu ul li a:visited {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	font-family: Georgia, Arial, sans-serif;
	text-decoration: none;
	color: #565656;
}
#entete_menu ul li a:hover, #entete_menu ul li a.selected {
	color: #f0860c;
}
/* MENU PRINCIPAL */
#menu {
	margin: 0 20px 0 0;
}
#menu ul {
	margin: 20px 0 0 10px; *margin: 20px 0 0 40px; _margin: 15px 0 0 49px;
}
#menu ul li {
	list-style: none;
	float: left;
	background: transparent url("../imgs/menu_spacer.gif") right 3px no-repeat;
	padding: 3px 8px 0 8px;
}
#menu ul li.dernier {
	background: none;
	padding: 3px 0 0 8px;
}
#menu ul li a, #menu ul li a:visited, #menu ul li a:active {
    float: left;
	display: block;
    height: 20px;
    margin-right: 0;
    padding-right: 9px; /* sliding doors padding */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}
#menu ul li a span {
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 9px;
} 
#menu ul li a:hover, #menu ul li a.selected {
    background: transparent url('../imgs/menu_bkg_a.gif') no-repeat scroll top right;
	text-decoration: none;
}
#menu ul li a:hover span, #menu ul li a.selected span {
    background: transparent url('../imgs/menu_bkg_span.gif') no-repeat;
}
/* MENU SECONDAIRE */
#menu_secondaire ul {
	margin: 0 0 0 -10px;
	padding: 0 5px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu_secondaire ul li {
	list-style: none;
	margin-bottom: 10px;
}
#menu_secondaire ul li ul li {
  margin: 10px 0 0 20px;
}
#menu_secondaire ul li ul li ul {
  margin-top: 10px
}
#menu_secondaire ul li a, #menu_secondaire ul li a:visited {
	color: #000;
	display: block;
	padding: 0 0 0 10px;
}
#menu_secondaire ul li a:hover {
	background: transparent url("../imgs/a_fleche_orange.png") no-repeat left 4px;
	color: #f4830e;
	text-decoration: none;
}
#menu_secondaire ul li a.selected {
	font-weight: bold;
	color: #f4830e;
	background: transparent url("../imgs/a_fleche_orange.png") no-repeat left 4px;
}
#menu_secondaire ul li a.selected:hover {
	text-decoration: none;
	cursor: default;
}
/* BLOC BRANDING */
#branding {
/*	position: absolute;
	top: 144px;
	left: 80px;*/
	float: left;
	margin: 15px 0 0 80px !important; margin: 15px 0 0 40px;
	width: 345px;
}
#branding h1 {
	margin: 0 0 5px 0;
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
}
#branding h1 span {
	color: #f4830e;
	font-size: 33px;
}
#branding p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}
/* FIL D'ARIANE */
#fil_dariane {
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#fil_dariane ul {
	margin: 27px 0 9px 20px; *margin: 6px 0 9px 61px; _margin: 30px 0 0 30px;
	float: left;
}
#fil_dariane ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	float: left;
}
#fil_dariane ul li a { 
  display: block; padding-right:10px; 
  background: transparent url("../imgs/fil_ariane_bullet.gif") right 6px no-repeat; 
  font-size: 11px; line-height: 15px; font-weight: normal; color: #000; 
}
#fil_dariane ul li a:hover { text-decoration: underline; }
#fil_dariane ul li a.selected { text-decoration: none; background: none; cursor: default; }
/* COLONNES */
#contenant {
	clear: left;
	position: relative;
	width: 902px;
	padding: 10px 0 0 20px;
	margin: 0 0 0 46px !important; margin: 11px 0 0 46px;
	background: transparent url("../imgs/bckgrnd_contenant.gif") repeat-y left top;
	min-height: 330px; height: auto !important; height: 330px;
}
/* page d'accueil */
#acc_col_left {
	position: relative;
	float: left;
	width: 310px;
	margin-top: 4px;
	border-right: 1px dashed #b2b2b2;
	padding-bottom: 30px;
}
#acc_col_center {
	position: relative;
	margin: 0 260px 0 315px;
	padding: 0 15px 30px 15px;
}
#acc_col_right {
	position: relative;
	float: right;
	width: 210px;
	padding-right: 25px;
	margin-right: 3px;
}
/* page de contenu */
#col_left {
	position: relative;
	float: left;
	width: 175px;
	margin-top: 4px;
	border-right: 1px dashed #b2b2b2;
	padding-bottom: 30px;
}
#col_center {
	position: relative;
	margin: 0 260px 0 185px;
	padding: 0 15px 30px 15px;
}
#col_right {
	position: relative;
	float: right;
	width: 210px;
	padding: 0 25px 130px 0;
	margin-right: 3px;
	background: transparent url(../imgs/right_col_bckgrnd.gif) no-repeat 90px bottom !important;	background: transparent url(../imgs/right_col_bckgrnd.gif) no-repeat 98px bottom;
}
#bottom_page {
	clear: both;
	background: transparent url("../imgs/bottom_page.gif") no-repeat 0px 0px;
	height: 35px;
	margin: 0 0 0 45px;
}
#pied_page {
	margin: 15px 0 0 45px;
}
#pied_page .bloc {
	float: left;
	padding: 1px;
	margin: 0 12px 20px 0;
	border: 1px dashed #939390;
}
#pied page .dernier {
	margin: 0;
}
/* STYLES DE TEXTE ET BLOCS */
.separateur {
	width: 100% !important; width: 290px;
	border-top: 1px dashed #b2b2b2;
	margin: 15px 0 15px 0 !important; margin: 0;
	padding: 0;
}
.bloc_bon_coup {
	margin: 15px 0 0 0;
}
.bloc_contenu ul li, .bloc_bon_coup ul li {
	list-style: square;
	padding-bottom: 3px;
}
.bloc_contenu ol li {
	padding-bottom: 3px;
}
.bloc_gauche {
	padding-bottom: 22px;
}
.bloc_gauche h1, .bloc_contenu h1 {
	margin: 0 0 15px 0;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
}
.bloc_gauche h1 span, .bloc_contenu h1 span {
	color: #f4830e;
	font-size: 26px;
	line-height: 24px;
}
.bloc_centre {
	margin-bottom: 15px;
	margin: 0 !important; margin: 0 0 15px 0;
}
.bloc_centre p {
	margin: 10px 0 5px 0;
}
.bloc_centre ul {
	margin: 0;
	padding: 0;
}
.bloc_centre ul li {
	list-style: none;
	padding-bottom: 5px;
}
.bloc_centre ul li.lien {
	padding-top: 3px;
}
a.last_sub {
	font-size: 12px;
	font-weight: bold;
}
/* LISTE DES ANIMATIONS */
ul.animation {
	padding: 0;
	margin: 0 0 0 20px;
}
ul.animation li h4 {
	margin: 0;
	color: #000;
	font-size: 11px;
}
ul.animation li p {
	margin: 5px 0;
}
ul.animation li {
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #b2b2b2;
}
/* BLOC LOGIN FORUM SIDEBAR */
#forum_form_wrap {
	width: 173px;
	border: 1px solid #e7e7e7;
	padding: 18px;
}
#forum_form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 1px;
}
#forum_form input {
	width: 172px;
	border: 1px solid #9a9a9a;
	margin-bottom: 6px;
}
#forum_form .checkbox {
	margin: 0;
	border: none;
	width: 20px;
}
#forum_form .bttn_wrap, #stylized .bttn_wrap {
	border: 1px solid #f0860c;
	width: 92px;
	margin: 10px 0 15px 0;
}
#forum_form .forum_login, #stylized .envoi_bc {
	background: #f0860c url("../imgs/a_fleche_FFF.png") no-repeat 8px 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
	margin: 1px;
	width: 90px;
	padding: 2px 0 2px 12px !important;
}
#forum_form .forum_login:hover, #stylized .envoi_bc:hover {
	background: #333 url("../imgs/a_fleche_FFF.png") no-repeat 8px 7px;
}
#forum_form .bttn_wrap:hover, #stylized .bttn_wrap:hover {
	border: 1px solid #333;
}
#forum_form_wrap ul {
	margin: 5px 0 0 25px;
	padding: 0;
}
#forum_form_wrap ul li {
	list-style-image: url(../imgs/a_fleche_orange.png);
	padding-bottom: 3px;
}
/* FORMULAIRES */
/* ----------- My Form ----------- */
.spacer{clear:both; height:1px;}
.myform{
	margin: 0;
	width: 420px;
}
#charlimitinfo {
	font-weight: bold;
	color: red;
}
/* ----------- stylized ----------- */
#stylized p {
	padding: 0;
	margin: 10px 0 10px 0;
}
#stylized label{
	display:block;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:10px;
	font-weight:normal;
	width: 100%;
}
#stylized input{
	font-size:12px;
	padding: 2px 2px 2px 2px;
	border:solid 1px #9a9a9a;
	width:200px;
	margin:2px 0 0 0;
	height: 18px;
	font-size: 14px;
	color: #666;
}
#stylized textarea{
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #9a9a9a;
	width:415px;
	height: 250px;
	margin: 2px 0 0 0;
	font-size: 14px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
#stylized .charlimitinfo {
	display:block;
	text-align:right;
	width: 100%;
	font-size: 14px;
}
#stylized .submit {
	clear: both;
	float: right;
	width: 206px;
	height: 28px;
	background: url(../imgs/bttn_envoyer.png) no-repeat 0 -32px;
	outline: none;
	border: 0;
	cursor: pointer;
	margin-top: 15px;
}
#stylized .submit:hover {
	background: url(../imgs/bttn_envoyer.png) no-repeat 0 0
}
/* erreurs */
#stylized input.error, #stylized textarea.error { border: 1px dotted red; }
label.error {
	width: auto;
	color: red;
}
/* PAGINATION + CATEGORIES */
.pagination {
	margin: 0 0 20px 0;
	padding: 0;
	float: right;
}
.pagination li, #filter li {
	list-style: none;
	display: block;
	float: left;
	margin-left: 5px;
}
.pagination li a, #filter a {
	display: block;
	padding: 3px 5px;
	border: 1px solid #9a9a9a;
	color: #9a9a9a;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pagination li a:hover, .pagination li a.active, #filter li.current a, ul#filter a:hover {
	color: #f4830e;
	border: 1px solid #f4830e;
}
.pagination li a.desactive {
	display: none;
}
/* BOX ANIMATION */
ul#filter {
	padding: 0;
	margin: 5px 0 20px 0;
	width: 100%;
	display: block;
	float: left;
}
#filter li:last-child { margin-right: 0; padding-right: 0; }
.box_anim_jeunes {
	width: 450px;
	padding-top: 89px;
	background: transparent url(../imgs/head_formation_jeunes.gif) no-repeat left top;
}
.box_anim_pr {
	width: 450px;
	padding-top: 89px;
	background: transparent url(../imgs/head_formation_pr.gif) no-repeat left top;
}
.tableau_programme {
	border: 1px solid #333;
}
.tableau_programme td {
	border-bottom: 1px solid #333;
	padding: 5px;
}
.tableau_programme thead td {
	background-color: #333;
	color: #fff;
}

/* Horaire de fin de semaine */
.table-horaire-de-fin-de-semaine {
  width: 100%;
  float: left;
}
.table-horaire-de-fin-de-semaine th {
  text-align: left;
  background-color: #efefef;
  padding: 4px;
}
.table-horaire-de-fin-de-semaine td {
  color: #333;
  line-height: 17px;
  padding: 7px 4px;
}