@charset "utf-8";

/* Header */
#header
{
	display:block;
	width:100%;
	height:122px;
	background:#FFF url(../../images/template/particulier/fd_header.png) repeat-y center center;
	margin:0;
	padding:0;
	clear:both
}

/* bandeau */
#bandeau
{
	display:block;
	clear:both;
	width:100%;
	height:289px;
	background:#E3E3E3 url(../../images/template/particulier/fd_nav.png) repeat-x 0 0;
	margin:0;
	padding:0
}

#bandeau ul
{
	background:#FFF url(../../images/template/particulier/fd_nav.png) repeat-x 0 0;
	display:block;
	width:910px;
	height:300px;
	margin:0 auto;
	padding:0
}

#bandeau ul li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#bandeau ul .texte
{
	display:block;
	width:290px;
	height:100%;
	background:url(../../images/template/particulier/souslogobar.png) no-repeat 27px 0;
	margin:0;
	padding:0 0 0 42px;
	color:#434343
}

#bandeau ul .detailprog
{
	display:block;
	width:270px; /*modif*/
	height:100%;
	background:url(../../images/template/particulier/souslogobar.png) no-repeat 27px 0; /*modif*/
	margin:0;
	padding:0 0 0 47px; /*modif*/
	color:#616161
}

#bandeau ul .texte a		{ color:#434343 }
#bandeau ul .texte h2		{ font-size:16px;padding:90px 0 15px 0;font-weight:normal }
#bandeau ul .texte h3		{ font-size:12px;font-weight:bold;color:#79063C }
#bandeau ul .texte h3.grey	{ color:#434343;font-weight:normal } /*ajout*/

#bandeau ul .detailprog * a,
#bandeau ul .detailprog a		{ color:#616161 }
#bandeau ul .detailprog h2		{ font-size:16px;padding:60px 0 15px 0;font-weight:Bold; } /*modif text-transform:uppercase */
#bandeau ul .detailprog h3		{ font-size:12px;font-weight:normal;color:#616161 }
#bandeau ul .detailprog h3 strong	{ font-size:16px }
#bandeau ul .detailprog p		{ color:#616161;padding-top:50px;line-height:16px }
#bandeau ul .detailprog p a		{ text-decoration:underline }

#bandeau ul .detailprog .quartier	
{
	width:110px;
	height:50px;
	background:#FFF url(../../images/template/particulier/quartier.png) no-repeat 0 0;
	display:block;
	border:1px solid #3ba4ab;
	margin-top: 10px;
	margin-bottom: -50px;
	padding-left: 90px;
	line-height:48px
}

#bandeau ul .visuel
{
	display:block;
	width:578px;
	height:300px;
	margin:0;
	padding:0;
	background-position:right 0;
	background-repeat:no-repeat;
}

/* Section */
#section
{
	display:block;
	clear:both;
	width:910px;
	height:auto;
	background:#FFF;
	margin:0 auto;
	padding:0;
/*	overflow:hidden*/
}


/* Section:container */
#section #container			{ width:856px;padding:6px 27px 40px;margin:0;display:block;color:#434343 }
#section #container a			{ color:#434343;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out }
#section #container h2			{ font-weight:normal;font-size:16px;text-transform:uppercase }
#section #container h2 strong	{ font-weight:normal;color:#CBD153 }
#section #container p			{ padding:15px 0 0 20px;font-size:12px}

#section #container li				{ width:264px;height:auto;display:block;float:left;margin:0 30px 10px 0;padding:0 }

#section #container li .visuel		{ width:264px;height:126px;display:block;margin:0 }
#section #container li .texte		{ width:264px;height:auto;display:block;margin:10px 0 0 0;padding:0 }
#section #container li .visuel a	{ width:100%;height:100%;display:block;color:#FFF;font-size:18px;text-transform:uppercase;line-height:52px;text-indent:12px }
#section #container .li_1 .visuel	{ background:url(../../images/contenu/institutionnel/B2.jpg) no-repeat 0 0 }
#section #container .li_2 .visuel	{ background:url(../../images/contenu/institutionnel/B3.jpg) no-repeat 0 0 }
#section #container .li_3 .visuel	{ background:url(../../images/contenu/institutionnel/B1.jpg) no-repeat 0 0 }
#section #container .li_3			{ margin-right:0;padding-right:0 }
#section #container .li_4			{ width:294px }
#section #container .li_4 .visuel	{ width:294px;height:127px;background:url(../../images/contenu/particulier_accueil/nosdernierslots.jpg) no-repeat 0 0 }
#section #container .li_5			{ width:296px;margin-right:0;padding-right:0 }

#section #container .li_4 .texte,
#section #container .li_5 .texte	{ width:294px }

#section #container .li_4 .texte h3,
#section #container .li_5 .texte h3	{ width:94px }

#section #container li .texte h2
{
	background:url(../../images/contenu/institutionnel/filet.png) no-repeat right 0;
	width:160px;height:73px;
	float:left;
	display:block;
	padding-right:20px;margin-right:20px;
	color:#616161;
	text-align:right;
	text-transform:none;
	font-size:12px;
	line-height:16px;
}

#section #container li .texte h3
{
	display:block;
	width:64px;
	height:auto;
	float:left;
	padding:0;margin:0;
	color:#79063C;
	text-align:left;
	text-transform:none;
	font-size:10px;
	line-height:16px;
	font-style:italic
}

#section #container li .texte h3 a,
#section #container li .texte h3 a:hover
{
	text-decoration:underline;color:#79063C
}

/* Section:presentation */

#section #container .sidebar			{ width:203px;height:auto;display:block;float:left;margin:0 30px 10px 0;padding:0;overflow:hidden }
#section #container .sidebar .aside	{ margin-top:20px }
#section #container .sidebar .visuel	{ width:203px;height:97px;margin:0 0 10px 0 }
#section #container .sidebar .visuel a	{ font-size:14px;line-height:39px;text-indent:8px }

	/* selon visuel dupliquer ce style */
	#section #container .sidebar .visuel_3	{ background:url(../../images/contenu/institutionnel/S3.jpg) no-repeat 0 0 }

#section #container .sidebar .btn
{
	width:201px;
	height:auto;
	display:block;
	float:left;
	margin:0 0 35px 0;
	padding:5px 0;
	clear:both;
	background:#86C21C;
	color:#FFF;
	font-size:11px;
	text-align:center;
	border:1px solid #86C21C
}

/*----------------debut modif&suppression sidebar----------------*/

#section #container .sidebar .sbtn
{
	border:2px solid #79063C;
	width:199px;
	height:57px;
	clear:left;
	display:block;
	margin:0 0 20px 0;
	padding:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden
}

#section #container .sidebar .ensavoirplus	 ul
{
	width:203px;
	height:auto;
	clear:left;
	display:block;
	margin:0 0 20px 0;
	padding:0;
}

#section #container .sidebar .ensavoirplus	 ul li
{
	width:195px;
	height:43px;
	clear:both;
	display:block;
	margin:0;
	padding:0;
	border-color:#194b66;
	border-style:solid;
	border-width:4px;
	background-position:-207px center
}

#section #container .sidebar .ensavoirplus	 ul li:hover	{ background-position: -4px center; color:#194b66 }
#section #container .sidebar .ensavoirplus	 ul .plus:hover	{ background-position: -4px -7px }

#section #container .sidebar .ensavoirplus	 ul .plus
{
	height:50px;
	border-bottom-width:1px;
	-moz-border-radius-topleft:5px;		-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;	-webkit-border-top-right-radius:5px;
	background-position:-207px -7px;
}

#section #container .sidebar .ensavoirplus	 ul .tele,
#section #container .sidebar .ensavoirplus	 ul .euro,
#section #container .sidebar .ensavoirplus	 ul .call,
#section #container .sidebar .ensavoirplus	 ul .calc
{
	border-top-width:1px;
	border-bottom-width:1px;
	background-repeat:no-repeat;
}

#section #container .sidebar .ensavoirplus	 ul li.last
{
	border-bottom-width:4px;
	-moz-border-radius-bottomleft:5px;		-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;	-webkit-border-bottom-right-radius:5px;
}

#section #container .sidebar .ensavoirplus	 ul li.plus	{ background-image: url(../../images/template/particulier/ensavoirplus_plus_txt.png) }
#section #container .sidebar .ensavoirplus	 ul li.tele	{ background-image: url(../../images/template/particulier/ensavoirplus_tele.png) }
#section #container .sidebar .ensavoirplus	 ul li.calc { background-image: url(../../images/template/particulier/ensavoirplus_calc.png) }
#section #container .sidebar .ensavoirplus	 ul li.euro	{ background-image: url(../../images/template/particulier/ensavoirplus_euro.png) }
#section #container .sidebar .ensavoirplus	 ul li.call { background-image: url(../../images/template/particulier/ensavoirplus_call.png) }

#section #container .sidebar .sbtn.renseignement { height:59px;background:#FFF url(../../images/template/particulier/numero.png) no-repeat center center }

/*----------------fin modif&suppression sidebar----------------*/

#section #container .sidebar .sbtn.rappel
{
	text-align:left;
	padding:8px 0 0 50px;
	height:45px;
	width:149px;
	background:url(../../images/template/particulier/rappel.jpg) no-repeat -3px -58px;
}

#section #container .sidebar .sbtn.pdf
{ background:url(../../images/template/particulier/pdf.jpg) no-repeat -3px -58px }

#section #container .sidebar .sbtn.rappel a				{ color:#FFF;font-size:11px }
#section #container .sidebar .sbtn.rappel:hover			{ background-position:-3px -2px }

#section #container .sidebar .sbtn.download
{
	text-align:left;
	padding:8px 0 0 50px;
	height:45px;
	width:149px;
	background:url(../../images/template/particulier/pdf2.jpg) no-repeat -3px -58px;
}
#section #container .sidebar .sbtn.download a				{ color:#FFF;font-size:11px }
#section #container .sidebar .sbtn.download:hover			{ background-position:-3px -2px }

#section #container .sidebar .btn:hover	{ background:#86C21C url(../../images/template/institutionnel/sidebar_btn.jpg) repeat-y 0 0  }

#section #container .sidebar h2		{ width:203px;clear:left;color:#79063C;display:block;margin:0 0 10px 0;padding:0 0 10px 0; text-transform:none; border-bottom:2px solid #79063C;font-size:20px }
#section #container .sidebar h2 strong	{ color:#79063C }
#section #container .sidebar p			{ width:203px;clear:left;color:#79063C;display:block;margin:0;padding:0;font-size:11px;line-height:16px }

#section #container .sidebar .acide p			{ color:#616161;text-align:center;margin-bottom:30px }
#section #container .sidebar .acide h2	strong	{ color:#194b66;text-align:center }
#section #container .sidebar .acide h2			{ color:#194b66;border-bottom-color:#5094a4;font-size:16px;text-align:center;margin-top:20px }


/* sidegray : google maps */
#section #container .sidegray			{
	width:203px;
	height:320px;
	display:block;
	float:left;
	margin:0 30px 10px 0;
	padding:0;
	overflow:hidden;
	background-color:#E4E4E4
}
#section #container .sidegray li		{ width:193px;height:11px;display:block;float:left;clear:both;margin:0;padding:18px 0 5px 10px;color:#616161;font-weight:bold }
#section #container .sidegray li.ckb,
#section #container .sidegray li.dot
{ width:153px;height:25px;display:block;float:left;clear:both;margin:0;padding:10px 0 0 50px;color:#616161;font-weight:normal; background:url(../../images/template/particulier/sidegray.png) no-repeat 10px 5px }

#section #container .sidegray li.bus	{ background-position:10px 5px }
#section #container .sidegray li.cad	{ background-position:10px -57px }
#section #container .sidegray li.bag	{ background-position:10px -119px }
#section #container .sidegray li.run	{ background-position:10px -181px }
#section #container .sidegray li.drk	{ background-position:10px -243px }
#section #container .sidegray li.green	{ background-position:10px -305px }
#section #container .sidegray li.violet	{ background-position:10px -367px }

#section #container .sidegray li label,
#section #container .sidegray li a		{ line-height:20px }
#section #container .sidegray li.ckb input[type=checkbox] { margin-right:5px;vertical-align:middle }


#section #container .altern,
#section #container .article	{ width:623px;color:#616161;display:block;margin:0 0 30px 0;padding:0;float:left }

#section #container .article .intro			{ font-size:12px }
#section #container .article .intro + h2	{ margin:10px 0 }

#section #container .article h2,
#section #container .article ul,
#section #container .article h3,
#section #container .article p		{ clear:left;color:#5dc9cf;display:block;margin:0 0 15px 0;padding:0;font-size:14px;line-height:18px;font-weight:normal }

#section #container .article h2	{ text-transform:none;font-size:18px;font-weight:bold }
#section #container .article p,
#section #container .article ul 	{ color:#616161 }
#section #container .article ul li	{ width:390px;display:list-item;list-style:disc inside }

#section #container .article img		{ float:left;clear:none;margin:5px 20px 10px 20px }
#section #container .article .imgleft	{ margin-left:0 }
#section #container .article .imgright	{ float:right;margin-right:0 }

#section #container .article * + h2	{ margin-top:40px }

#section #container .article table
{
	float:left;
	clear:both;
	margin:10px 0px 2px;
	font-size:12px;
	font-weight:normal;
	color:#616161;
	background:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:0;
	border:1px solid #1d6681;
	line-height:24px
}

#section #container .article table.formble						{ border:none; text-align:left;line-height:16px }
#section #container .article table.formble	td.more				{ padding-top:15px }
#section #container .article table.formble	td					{ border:none; padding:5px 0 }
#section #container .article table.formble	td.right			{ text-align:right;padding-right:20px }
#section #container .article table.formble	td.colleft			{ width:285px }
#section #container .article table.formble	td.radios			{ line-height:20px }
#section #container .article table.formble	input[type=radio]	{ margin-right:5px }
#section #container .article table.formble	textarea,
#section #container .article table.formble	input[type=text]	{ width:360px }
#section #container .article table.formble	label +	label		{ margin-left:12px }
#section #container .article table.formble	h3					{ margin:40px 0 10px 0; color:#616161 }
#section #container .article table.formble	.litl				{ font-size:10px }

#section #container .article table.formble	ul li				{ width:90px; list-style:none }
#section #container .article table.formble	ul input[type=text]	{ width:60px }


#section #container .article table th[scope=col].wider		{ width:230px }
#section #container .article table td						{ border-right:1px solid #1d6681 }
#section #container .article table td.last					{ border:none }

#section #container .article table th.coin,
#section #container .article table th[scope=col],
#section #container .article table th[scope=row]
{
	font-size: 10px;
	text-transform:uppercase;
	color:#1d6681;
	background:#d1f1f3;
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
	border:none;
}

#section #container .article table th.coin					{ text-align:right;line-height:12px }
#section #container .article table tr.trin td				{ border-bottom:1px solid #1d6681 }
#section #container .article table.txright th[scope=row]	{ text-align:right; padding-right:5px }

#section #container .article table .stitre,
#section #container .article table th[scope=row]			{ color:#FFF;background:#1d6681 }
#section #container .article table .w100					{ width:100px }
#section #container .article table .w200					{ width:200px }
#section #container .article table + p.menrel				{ font-size:10px }
#section #container .article .intable						{ float:right;width:402px }
#section #container .article .encart						{ text-align:center;padding:10px 20px;background:#d1f1f3;color:#1d6681;font-weight:bold;font-size:13px }

#section #container .article table.details th		{ text-align:left;padding:5px 5px 0 0;color:#1d6681;text-transform:none;font-weight:normal }
#section #container .article table.details .titre	{ color:#1d6681;text-transform:uppercase;font-weight:bold;font-size:14px;padding:0 0 0 5px;margin:0 }
#section #container .article table.details .livre	{ text-align:right }
#section #container .article table.details .stitre	{ font-size:10px;font-weight:bold;text-transform:uppercase }
#section #container .article table.details .valid	{ background: url(../../images/template/particulier/coche.png) no-repeat center center }
#section #container .article table.details td		{ padding:5px }


#section #container .article .intro			{ margin:20px 0 }
#section #container .article .intro a		{ color:#FFF; }
#section #container .article .intro li		{ list-style:none }

#section #container .article .illu	
{
	margin:0 20px 20px 0;
	border:none;
	height:165px;
	width:145px;
	float:left;
	clear:none;
	background-repeat:no-repeat;
	background-position:center center;
	padding:0
}


#section #container .article #toggle
{
	display:none;
	margin:20px 0 30px 0;
	padding:15px 0 15px 15px;
	height:auto;
	border:1px solid #1d6681;
	width:591px;
	float:left
}

#section #container .article #toggle li
{
	display:list-item;
	margin:0 15px;
	padding:0 10px 5px 10px;
	float:left;
	width:245px;
	list-style:square;
	font-size:10px
}

#section #container .altern table
{
	width:100%;
	color:#616161;
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-top:none;
	border-left:none
}
#section #container .altern table a		{ color:#616161 }
#section #container .altern table th
{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
	border:none;
	color:#616161
}

#section #container .altern table .rowh	{
	height:45px;	background:#65CCD1 url(../../images/template/particulier/altern_h_mid.png) repeat-x center top }

#section #container .altern table .row1 {
	height:105px;	background:#E0FAFC url(../../images/template/particulier/altern_1_mid.png) repeat-x center top }

#section #container .altern table .row2 {
	height:105px;	background:#F3FBFC url(../../images/template/particulier/altern_2_mid.png) repeat-x center top }

#section #container .altern table .col1 		{text-align:center;width:90px;padding:0 10px;font-weight:bold} 
#section #container .altern table .col1 a		{width:100%;height:60px;display:block;background:no-repeat center top;margin-bottom:2px} 
#section #container .altern table .col1 a img	{position:relative;top:0;left:55px;display:block} 
#section #container .altern table .col2 		{text-align:center;width:100px;padding:0}					
#section #container .altern table .col3 		{text-align:left;width:213px;padding:0 10px}					
#section #container .altern table .col4 		{text-align:center;width:150px;padding:0 10px}								

#section #container .altern table td.col4 a		{ color:#FFF;margin:10px auto;font-size:9px}								
#section #container .altern table td.col4 a img { vertical-align:text-bottom;margin-right:5px}								

#section #container .altern table .col1 .blue { background-image: url(../../images/template/particulier/coin_b.png) } 

#section #container .altern table .rowh th a
{
	height:45px;width:auto;display:block;
	background:url(../../images/template/particulier/altern_updo.png) no-repeat center 30px;
	line-height:40px
}

#section #container .altern table .rowh th.col0
{
	height:45px;
	background:url(../../images/template/particulier/altern_h_left.png) no-repeat 0 0
}

#section #container .altern table .row1 td.col0
{
	height:105px;
	background:url(../../images/template/particulier/altern_1_left.png) no-repeat 0 0
}

#section #container .altern table .row2 td.col0
{
	height:105px;
	background:url(../../images/template/particulier/altern_2_left.png) no-repeat 0 0
}

#section #container .altern table .col0	{ width:10px }
#section #container .altern table .w100	{ width:100px }
#section #container .altern table .w200	{ width:200px }

#section #container .altern .paginate	{ float:right; font-size:10px; color:#616161; margin:15px 0 0 0 }

/* Section:actus */
#section #actus
{
	width:853px;
	height:30px;
	display:block;
	margin:0 0 10px 27px;
	padding:0;
	background:url(../../images/contenu/particulier/actubarr.png) repeat-x 0 0;
	text-align:left; /* modif + ajout:2010-01-19 */
	text-indent:10px;
	line-height:28px;
	font-style:italic;
	color:#616161
}

/*modif*/
#section #projet_btn
{
	display:block;
	width:203px;
	height:18px;
	position:relative;
	margin:-28px 0 0 27px;
	padding:0;
	background:url(../../images/template/particulier/deposer.png) no-repeat 0 0;
	line-height:18px
}
/*finmodif*/

/*#section #projet_btn:hover	{ color:#79063C }*/
#section #actus strong		{ text-transform:uppercase;color:#616161;font-style:normal }
* #carteRech 				{ width:620px;height:320px;display:block; }


/* Section:footer */
.footer				{ width:853px;height:auto;display:block;padding:0;margin:0 27px;text-align:center;font-size:9px;word-spacing:1px } /*modif*/
.footer	a			{ color:#666;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out }
.footer	a strong,
.footer	a:hover strong,
.footer	a:hover		{ color:#79063C } /*modif*/
.footer	a:hover		{ font-weight:normal } /*ajout*/

#footer_sup			{ line-height:18px;border-bottom:1px solid #DCE0E0;padding:0;height:24px;text-indent:55px }
#footer_inf			{ line-height:14px } /*modif*/


/* jquery */
* .datepicker		{ z-index:10010; border:20px solid #333 }

#section #container .article ul        { font-size:13px }
#section #container .article ul li    { list-style:inside disc; float:left; clear:both ; width:623px; margin-right:0 }
#section #container .article ul.article_ul        { font-size:13px }
#section #container .article ul.article_ul li    { list-style:inside disc; float:left; clear:both ; width:623px; margin-right:0 }

/* Patch detail programme*/
#section #container .article .intro li.txt    { float:left;width:458px;clear:none }