/********* COMMON **********/

#breadcrumb{
	/*margin-top:40px; Modified 29/10/2008 by PLL for BugFix #13191*/
	margin-bottom:15px;
}

#content h1{
	color:#E21350;
	font-size:3.00em;
	margin-bottom:50px;
}

/* Guide */

#content .headerGuide{
	margin-bottom:20px;
}

/********* PLAN DU SITE **********/

#content .planSite{
	overflow:hidden;
	width:100%;
}

#content .planSite .gris{
	width:231px;
	margin-top:7px;
	margin-bottom:44px;
	background-color:#545454;
}

#content .planSite .rose{
	width:225px;
	margin-left:21px;
	margin-bottom:69px;
	background-color:#f270ae;
}

#content .planSite .violet{
	width:248px;
	background-color:#8c89c2;
}

#content .planSite .bleu{
	width:252px;
	margin-bottom:72px;
	background-color:#75b6f9;
}

#content .planSite .vert{
	width:261px;
	margin-bottom:59px;
	background-color:#a7c41c;
}

#content .planSite .bordeaux{
	width:249px;
	margin-left:29px;
	background-color:#a41164;
}

#content .planSite .marron{
	margin-left:25px;
	margin-top:44px;
	margin-bottom:71px;
	background-color:#f1a900;
}

#content .planSite .orange{
	margin-left:38px;
	margin-bottom:63px;
	width:249px;
	background-color:#ff5d00;
}

#content .planSite .rouge{
	width:234px;
	background-color:#e21350;
}

#content .planSite .col1{
	float:left;
	width:283px;
	padding-left:20px;
}

#content .planSite .col2{
	float:left;
	width:317px;
}

#content .planSite .col3{
	float:left;
	width:299px;
}

#content .planSite .cat{
	padding:5px;
}

#content .planSite .cat h2{
	font-size:1.82em;
	margin-bottom:5px;
}

#content .planSite .cat h2 a{
	color:#fff;
	text-decoration:underline;
}

#content .planSite .cat h2 a:hover{
	text-decoration:none;
}

#content .planSite .cat ul{
	padding:12px;
	background-color:#fff;
}

#content .planSite .cat ul li{
	margin-bottom:10px;
}

#content .planSite .cat ul li.last{
	margin:0;
}

#content .planSite .cat ul li a{
	font-weight:bold;
	font-size:1.09em;
}

#content .planSite .cat ul li ul{
	padding:5px 0 0 5px;
}

#content .planSite .cat ul li ul li{
	margin-bottom:5px;
}

#content .planSite .cat ul li ul li a{
	font-weight:normal;
}

/********* GABARIT TEXTE **********/

#inner .gabStd{
	padding:0 20px 30px 6px;
	background-color:#fff;
	border-bottom:6px solid #E21350;
}

#inner .gabStd h1{
	margin-bottom:20px;
}

#inner .gabStd h2{
	font-size:1.64em;
	color:#000;
	margin-bottom:15px;
}

#inner .gabStd h3{
	color:#E21350;
	font-size:1.27em;
	margin-top:20px;
	margin-bottom:10px;
}

#inner .gabStd ul.bArr{
	margin-bottom:10px;
}

#inner .gabStd ul.bArr li{
	margin-bottom:2px;
	padding-left:15px;
	background:url(/FRONT/CRT_PIDF/images/common/ico_arr_black.gif) 3px 3px no-repeat;
}

#inner .gabStd p{
	margin-bottom:10px;
}

#inner .gabStd p.intro{
	color:#545454;
	font-weight:bold;
	font-size:1.09em;
	margin-bottom:15px;
}

#inner .gabStd .blocVisu{
	padding:5px;
	overflow:hidden;
	height:1%;
	margin-bottom:10px;
	background-color:#000;
}

#inner .gabStd .blocVisu img{
	float:left;
	margin-right:15px;
}

#inner .gabStd .blocVisu h2{
	color:#fff;
	font-size:2.36em;
	padding-top:10px;
	margin-bottom:15px;
}

#inner .gabStd .blocVisu p{
	color:#fff;
	margin-bottom:15px;
}

#inner .gabStd .blocVisu p.last{
	margin:0;
}

#inner .gabStd .blocTitreImg{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

#inner .gabStd .blocTitreImg .left{
	width:424px;
	float:left;
	padding:5px 9px 9px;
	background-color:#000;
}

#inner .gabStd .blocTitreImg .left h3{
	color:#fff;
	font-size:1.09em;
	margin-bottom:3px;
	margin-top:0;
}

#inner .gabStd .blocTitreImg .left .content{
	padding:10px;
	background-color:#fff;
}

#inner .gabStd .blocTitreImg .left .content p{
	margin-bottom:20px;
}

#inner .gabStd .blocTitreImg .left .content p.last{
	margin:0;
}

#inner .gabStd .blocTitreImg .visuLink{
	width:130px;
	float:right;
}

#inner .gabStd .blocTitre{
	padding:5px 9px 9px;
	background-color:#545454;
	margin-bottom:10px;
}

#inner .gabStd .blocTitre h3{
	color:#fff;
	font-size:1.09em;
	margin-bottom:3px;
	margin-top:0;
}

#inner .gabStd .blocTitre .content{
	padding:10px;
	background-color:#fff;
}

#inner .gabStd .blocTitre .content p{
	margin-bottom:20px;
}

#inner .gabStd .blocTitre .content p.last{
	margin:0;
}

#inner .gabStd .visuLink img{
	display:block;
	border:1px solid #000;
}

#inner .gabStd .visuLink p{
	color:#fff;
	margin:0;
	padding:3px 10px;
	background-color:#000;
}

#inner .gabStd .visuLink p a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding-left:15px;
	background:url(/FRONT/CRT_PIDF/images/common/ico_arr_mini_b.gif) left center no-repeat;
}

#inner .gabStd .visuFloatLeft, #inner .gabStd .visuFloatRight, #inner .gabStd .imgFloatLeft, #inner .gabStd .imgFloatRight{
	overflow:hidden;
	width:100%;
	margin:15px 0;
}

#inner .gabStd .visuFloatLeft .visuLink{
	float:left;
	margin-right:15px;
}

#inner .gabStd .visuFloatRight .visuLink{
	float:right;
	margin-left:15px;
}

#inner .gabStd .visuFloatLeft h3, #inner .gabStd .visuFloatRight h3, #inner .gabStd .imgFloatLeft h3, #inner .gabStd .imgFloatRight h3{
	margin-top:0;
}

#inner .gabStd .imgFloatLeft img{
	float:left;
	margin-right:15px;
	border:1px solid #000;
}

#inner .gabStd .imgFloatRight img{
	float:right;
	margin-left:15px;
	border:1px solid #000;
}


/* FORM Contact */

#inner .gabStd fieldset.contact p{
	margin-bottom:25px;
}

#inner .gabStd fieldset.contact label, #inner .gabStd fieldset.contact .label{
	display:block;
	padding-top:2px;
	float:left;
	width:90px;
	font-weight:bold;
	margin-bottom:0;
}

#inner .gabStd fieldset.contact label.rad{
	width:auto;
	font-weight:normal;
	margin-right:10px;
}

#inner .gabStd fieldset.contact .radio{
	width:13px;
	height:13px;
	float:left;
	margin-right:2px;
	margin-bottom:5px;
}

#inner .gabStd fieldset.contact .inputText{
	display:block;
	width:168px;
	height:13px;
	float:left;
	padding:1px 3px;
	margin-bottom:3px;
	border:1px solid #aeadad;
}

#inner .gabStd fieldset.contact textarea{
	display:block;
	width:168px;
	height:115px;
	float:left;
	padding:1px 3px;
	margin-bottom:3px;
	border:1px solid #aeadad;
}

#inner .gabStd fieldset.contact select{
	display:block;
	width:176px;
	height:18px;
	float:left;
	margin-bottom:3px;
	border:1px solid #aeadad;
}

#inner .gabStd fieldset.contact .inputAdr{
	margin-left:90px;
	display:inline;
}

#inner .gabStd fieldset.contact .marTop{
	padding-top:5px;
}

#inner .gabStd fieldset.contact p.champs{
	font-size:0.9em;
	padding-left:90px;
	color:#474747;
	margin-bottom:30px;
}

#inner .gabStd fieldset.contact p.btnEnvoyer{
	text-align:right;
	margin:0;
	width:241px;
}

#inner .gabStd fieldset.contact p.btnEnvoyer input{
	background-color:#E21350;
	border:0;
	font-size:1.18em;
	font-weight:bold;
	color:#fff;
	width:65px;
	height:22px;
	text-align:center;
}
/****** Page FLUX RSS  *********/

#inner .fluxRss{
	padding:0 30px 50px 6px;
	background-color:#fff;
}

#inner .fluxRss h1{
	color:#000;
	margin-bottom:15px;
}

#inner .fluxRss p.intro{
	width:530px;
	padding:0px 0px 30px 0px;
}

#inner .fluxRss .listRubrique h2{
	background:transparent url(../images/rss/pict_fluxRss.gif) no-repeat;
	font-size:12px;
	padding:7px 0px 0px 36px;
	height:20px;
	color:#e21350;
	margin-bottom:12px;
}

#inner .fluxRss .listRubrique input{
	width:188px;
	height:15px;
	border:1px solid #aeadad;
	padding:0px 0px 0px 4px;
	color:#aeadad;
	float:left;
}

#inner .fluxRss .listRubrique p.marques img{
	margin-left:2px;
	float:left;
}

.listRubrique{
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
}
/*******************************************************************/

/****** Page MON PROFIL  *********/

.monEspace .navLeft{
	float:left;
	width:192px;
	background-color:#fff;
	padding:0px 0px 12px 0px;
}

.monEspace .navLeft ul.listMenu li.deco a{
	color:#3c3c3c;
	background-color:#fff !important;
}

.monEspace .navLeft ul.listMenu li a{
	padding:0px 0px 2px 30px;
	background:#8a2529 url(../images/common/ico_arr_2.gif)  no-repeat 15px 5px;
	margin-bottom:2px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	display:block;
	height:16px;	
}

.monEspace .navLeft ul.listMenu li a.active{
	background-color:#e21350 !important;
}

/**ss menu */

.monEspace .navLeft ul.listMenu li ul{
	padding:0px 0px 3px 28px;
}

.monEspace .navLeft ul.listMenu li ul li a{
	padding:0px 0px 0px 10px;
	color:#222121;
	font-weight:normal;
	background:url(../images/common/picto_list.gif)  no-repeat 0px 7px;
	
}
.monEspace .navLeft ul.listMenu li ul li a.on{
	font-weight:bold;
}
/***/

.monEspace #inner{
	background:#ffffff url(../images/espace/bg_topProfil.gif) no-repeat left top;
	float:right;
	width:694px;
	padding:25px 20px 20px 20px;
	color:#474747;
}

.monEspace #inner .monProfil h1{
	/*background:transparent url(../images/espace/mon_profil.gif) no-repeat;
	display:block;
	height:24px;
	padding:0px 0px 3px 0px;
	border-bottom:1px dotted #595959;
	
	text-indent:-4444px;
	font-size:0px;
	margin:0px;*/
}

.monEspace #inner .monProfil fieldset{
	color:#474747;
}

.monEspace #inner .monProfil fieldset h2{
	color:#474747;
	font-size:12px;
	margin:8px 0px 7px 0px;
}

.monEspace #inner .monProfil fieldset p{
	padding:0px 0px 6px 0px;
	overflow:hidden;
	width:373px;
	
}
 .monEspace #inner .monProfil fieldset p label{
	float:left;
	width:220px;
}

.monEspace #inner .monProfil fieldset p label.civilite{
	width:30px !important;
}
.monEspace #inner .monProfil p input{
	float:left;
	border:1px solid #aeadad;
	width:145px;
	color:#474747;
	height:15px;
	padding:0px 0px 0px 5px;
}
.monEspace #inner .monProfil p select{
	float:left;
	border:1px solid #aeadad;
	width:153px;
	color:#474747;
	height:17px;
	padding:0px 0px 0px 5px;
}
.monEspace #inner .monProfil fieldset p input#field_Mlle,.monEspace #inner .monProfil fieldset p input#field_Mme,.monEspace #inner .monProfil fieldset p input#field_Mr{
	width:14px;
	height:14px;
	border:none;
}

.monEspace #inner .monProfil p.note{
	font-size:10px;
	color:#929292;
	width:100%;
	padding:20px 0px 15px 0px;
}

.monEspace #inner .monProfil p.note span{
	color:#474747 !important;
}

input.btnValider{
	width:57px;
	height:22px;
	background-color:#e21350;
	color:#fff;
	border:0px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	display:block;
}
.monEspace #inner .mesAbonnements{font-size:12px;}

.monEspace #inner .mesAbonnements h1{
	height:20px;
	padding:0px 0px 3px 0px;
	border-bottom:1px dotted #595959;
	font-size:0px;
	margin:0px;
}
.monEspace #inner .mesAbonnements a.myAccount{text-decoration:underline;color:#e21350;}
.monEspace #inner .mesAbonnements fieldset{
	padding:8px 0px 0px 0px;
}
.monEspace #inner .mesAbonnements h3{
	font-size:12px;
	padding:0px 0px 5px 0px;
}
.monEspace #inner .mesAbonnements fieldset p,.monEspace #inner .mesAbonnements fieldset ul{
	padding:0px 0px 12px 0px;
}
.mesAbonnements label{
	margin-left:5px;
}
.bold{
	font-weight:bold;
}

/**Page Telechargement-brochure **/

.tPadding{padding-top:10px;}
#inner .brochures{
	background-color:#FFFFFF;
	padding:15px 0px 0px 0px;
	margin-top:3px;
}

#inner h1.brochure{
	font-size:42px;
	color:#000;
	padding:0px;
	margin:0px;
}

#inner .brochures .filtre{
	width:458px;
	height:91px;
	border:1px solid #dadada;
	margin:10px 0px 20px 0px;
}
#inner .brochures .filtre h3{
	font-size:12px;
	height:24px;
	padding:8px 0px 0px 15px;
	display:block;
	background-color:#dadada;
	margin-bottom:12px;
}

#inner .brochures .filtre p{
	padding:0px 0px 7px 15px;
	width:200px;
	float:left;
}

#inner .brochures .filtre p label{
	margin-left:10px;
}

#inner .brochures .result{
	background-color:#dadada;
	padding:10px 9px 0px 9px;
	overflow:hidden;
	height:1%;
}

#inner .brochures .result .contentList {
	border:1px solid #a1a1a1;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:100%;
}
#inner .brochures .result .pages{
	padding-bottom:10px;
}
#inner ul.pages li.active a {
	padding:3px 5px;
	font-weight:bold;
	background:none;
	font-size:12px;
}
#inner .brochures .result .pages li a{
	color:#000000;
}
#inner .brochures .result .contentList li{
	background-color:#FFFFFF;
	border-top:1px solid #a1a1a1;
	float:left;
	overflow:hidden;
	padding:5px 0px 10px 0px;
	width:100%;
}

#inner .brochures .result .contentList li img.picto,
#inner .brochures .result .contentList li span.picto{
	padding:10px 0px 0px 22px;
	float:left;
}

#inner .brochures .result .contentList li div{
	width:422px;
	float:right;
	padding:22px 12px 0px 0px;
}

#inner .brochures .result .contentList li div h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#inner .brochures .result .contentList li div p{
	margin-bottom:9px;
}
#inner .brochures .result .contentList li div p.date{
	color:#545454;
}
#inner .brochures .result .contentList li div p img.download{
	margin-right:5px;
	vertical-align:text-bottom;
}

/** Page meteo **/

.WeatherToday{
	width:564px;
	height:257px;
	background-color:#e21350;
	margin:20px 0px 20px 0px;
	padding:0px 9px 9px 9px;
}

.WeatherToday h3{
	color:#fff !important;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 5px 0px !important;
	margin:0px !important;
}

.WeatherToday .inside{
	width:564px;
	height:234px;
	background-color:#fff;
}

.WeatherToday .inside .statsDay{
	background:transparent url(../img/common/bg_stats.gif) no-repeat;
	display:block;
	height:94px;
	overflow:hidden;
	padding:4px 0px 0px 5px; 
}

.WeatherToday .inside .statsDay li{
	float:left;
}

.WeatherToday .inside .statsDay li.today{
	width:90px;
	padding:0px 0px 0px 20px;
	text-align:center;
}

.WeatherToday .inside .statsDay li.etatMeteo{
	width:90px;
	padding:7px 0px 0px 0px;
	text-align:center;
}

.WeatherToday .inside .statsDay li.etatMeteo img{
	height:54px;
	width:64px;
	margin-bottom:6px;
}

ul.days li img{
	height:54px;
	width:64px;
	margin-top:5px;
}

.WeatherToday .inside .statsDay li.previsions{
	width:90px;
	padding:8px 0px 0px 0px;
	text-align:center; 
}

.WeatherToday .inside .statsDay li.others{
	padding:8px 0px 0px 0px;
}

.WeatherToday .inside .statsDay li.others span{
	float:left;
}

.WeatherToday .inside .statsDay li.others .label{
	width:65px;
}

.max{
	font-weight:bold;
	color:#333333;
}
.min{
	font-weight:bold;
	color:#e21350;
}
.number{
	font-size:20px;
}
.WeatherToday .inside .statsDay li.today b.degre{
	color:#000;
	font-size:35px;
}
.WeatherToday .inside .days{
	display:block;
	overflow:hidden;
	padding:2px 0px 0px 4px;
}
.WeatherToday .inside .days li{
	background-color:#e7e7e7;
	float:left;
	width:136px;
	height:123px;
	margin-left:4px;
	text-align:center;
	padding:8px 0px 0px 0px;
}
b.day{
	font-size:14px;
}
.WeatherToday .inside .days li p{
	clear:both;
	margin:0px 0px 0px 0px !important;
	text-align:center;	
}
.WeatherToday .inside .days li.first{
	margin-left:0px;
}

/****/
.WeatherNews{
	clear:both;
	overflow:hidden;
}

.WeatherNews h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

