@charset "utf-8";

/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/

* {
	margin:0;
	padding:0;
}
.jweather img {
	width: 32px;
	height: 32px;
}
body {
	background:#EFEFF9 url(../img/bg-body.jpg) repeat-x 0 0;
	background-attachment:fixed;
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#666;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	width:164px;
	margin:0 auto;
}

#col-droite hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	width:184px;
	margin:0 auto;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

img {
	border:0;
	margin:0;
	padding:0;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

input {
	font-family:"Trebuchet MS";
}

.cleaner {
	clear:both;
	width:1px;
	height:1px;
}

p, span, h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

h1 {
	font-size:20px;
	font-weight:normal;
}

h2 {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}

h3,
h3 a {
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}

a.suite {
	font-weight:bold;
	color:#333;
	text-decoration:none;
}


/****************************************************************************/
/*                               CSS PAGES                                  */
/****************************************************************************/
#page {
	width:990px;
	margin:0 auto;
	padding:0 0 0 10px;
	background:url(../img/bg-page.jpg) repeat-y 0 0;
}


/*Bottom*/
.bottom {
	margin:0 auto;
	padding-right:18px!important;
	padding-left:0!important;
	*padding-left:18px;
	padding-bottom:12px;
	width:980px;
}

#header {
	float:left;
	padding:0 2px 2px;
	width:976px;
	background:#fff;
}

#header #bandeau {
	float:left;
}

/* CONTENER */
#contener {
	width:990px;
	background: url(../img/bg-contener.jpg) no-repeat 0 0;
	float:left; 
	position:relative;
	top:-5px;
	*top:0;
}


/*** Colonne Gauche :: Informations ***/
#contener #col-gauche {
	width:180px;
	float:left;
}

.bloc-info {
	width:166px;
	padding:7px 0 7px 7px;
}

.bloc-info .mod_placehere,
.bloc-info .mod_placehere table.contentpaneopen,
.bloc-info .mod_placehere table.contentpaneopen td,
.bloc-info .mod_placehere table.contentpaneopen td p,
.bloc-info .mod_placehere table.contentpaneopen td p img {
width:166px;
}


.bloc-info h1 {
	color:#45447E;
	padding-bottom:5px;
}

.bloc-info p {
	line-height:16px;
	padding:5px 0;
	width:166px;
	float:left;
}

.bloc-info p span {
	font-size:10px;
}

.bloc-info p strong {
	color:#333;
}

.bloc-info label {
	padding-left:5px;
}

/* ajout eddy*/
.bloc-info .contentheading {
	color:#333;
	font-weight:bold;
}

.bloc-info img {
	max-width:164px;
	width:auto !important;
	width:164px;
	border-top:solid 5px #FFB400;
	border-bottom:solid 5px #FFB400;
}

img.allo {
	border:0;
}


/*fin de l'ajout*/

#valider {
	padding:15px 0 10px;
	text-align:center;
	line-height:25px;
}

#valider input {
	background:url(../img/btn-valider-vote.gif) no-repeat 0 0;
	width:143px;
	height:25px;
	border:none;
	font-weight:bold;
	font-size:13px;
	color:#666;
	padding-left:20px;
	cursor:pointer;
}

.bloc-info div.allo {
	position:relative;
	left:-7px;
	padding-top:10px;
}

/* Bloc menu gauche */
#menu-gauche {
	padding:20px 0 30px;
}

#menu-gauche ul li {
	padding-right: 5px;
}
#menu-gauche ul li ul li ul{

margin-left:10px;
}

#menu-gauche ul li ul li ul li a:link, #menu-gauche ul li ul li ul li a:visited{
background-color:#DDDDDD;
font-size:10px;
background-image:none!important;
}


#menu-gauche li a {
	text-decoration:none;
}

#menu-gauche li a:link, #menu-gauche li a:visited {
	display: block;	
	margin-left: 5px;
	border-bottom:1px solid #EFBFC4;
	background:transparent url(../img/picto-menu-inactif.gif) no-repeat 0 7px;
	padding:4px 0 4px 20px;
	color:#C10013;
}
#menu-gauche li.actif a:link, #menu-gauche li.actif a:visited,
#menu-gauche li a:hover, #menu-gauche li a:active, #menu-gauche li #active_menu {
	display: block;	
	background:#FF0018 url(../img/picto-menu-actif.gif) no-repeat 5px 7px;
	padding:4px 0 4px 25px;
	color:#FFFFFF;
	margin-left: 0px;
}
 

/**Option couleurs jaune**/
#menu-gauche.jaune li a:link, #menu-gauche.jaune li a:visited {
	background:transparent url(../img/picto-menu-inactif.gif) no-repeat 0 7px;
	border-bottom:1px solid #FFE96A;
	color:#ce7900;
}
#menu-gauche.jaune li.actif a:link, #menu-gauche.jaune li.actif a:visited,
#menu-gauche.jaune li a:hover, #menu-gauche.jaune li a:active, #menu-gauche.jaune li #active_menu {
	background:#FFB400 url(../img/jaune/picto-puce.png) no-repeat 5px 7px;
	color:#FFFFFF;
}

/**Option couleurs vert**/
#menu-gauche.vert li a:link, #menu-gauche.vert li a:visited {
	background:transparent url(../img/picto-menu-inactif.gif) no-repeat 0 7px;
	border-bottom:1px solid #CBE75F;
	color:#748009;
}
#menu-gauche.vert li.actif a:link, #menu-gauche.vert li.actif a:visited,
#menu-gauche.vert li a:hover, #menu-gauche.vert li a:active, #menu-gauche.vert li #active_menu, #menu-gauche.vert li #current a {
	background:#748009 url(../img/vert/picto-puce.png) no-repeat 5px 7px;
	color:#FFFFFF;
}

/**Option couleurs bleu**/
#menu-gauche.bleu li a:link, #menu-gauche.bleu li a:visited {
	background:transparent url(../img/picto-menu-inactif.gif) no-repeat 0 7px;
	border-bottom:1px solid #B3B1D6;
	color:#45447E;
}
#menu-gauche.bleu li.actif a:link, #menu-gauche.bleu li.actif a:visited,
#menu-gauche.bleu li a:hover, #menu-gauche.bleu li a:active, #menu-gauche.bleu li #active_menu {
	background:#45447E url(../img/bleu/picto-puce.png) no-repeat 5px 7px;
	color:#FFFFFF;
}


/*** Colonne Centrale :: Actualités ***/
#contener #col-centrale {
	float:left;
	padding:0 0 10px 6px;
	width:589px;
}

#contener .pub {
	float:left;
	padding-top:3px;
	padding-bottom:15px;
} 

/* bandeau sessions */
#sessionsDefile,
.pave-info {
	/*position: absolute;*/
	width:285px;
	background:#fff;
	float:left;
}

#sessionsDefile h2 {
	background:url(../img/bg-title-info.gif) no-repeat 0 0;
	height:21px;
	padding-left:30px;
	padding-top:4px;
}

#sessionsDefile #defile {
	padding:10px;
	position:relative;
	height:70px;
	width:263px;
	overflow:hidden;
	border:1px solid #97A70B;
}

#sessionsDefile #defile div {
	position:absolute;
}

#sessionsDefile #defile div p {
	padding-bottom:4px;
}

#sessionsDefile a {
	text-decoration: none;
	color: #333;
}
#sessionsDefile div img.vignette {
min-height:50px;
height:auto !important;
height:50px;
	max-width:100px;
	width:auto !important;
	width:100px;
float:left;
 padding-right:10px;
display:block!important;
}

#sessionsDefile div img {
display:none;
}
/* bandeau info */
.pave-info {
	padding-left:13px!important;
	*padding-left:10px;
}

.pave-info h2 {
	background:url(../img/bg-title-info-2.gif) no-repeat 0 0;
	height:21px;
	padding-left:30px;
	padding-top:4px;
}

.pave-info div {
	border:1px solid #FFB400;
	height:70px;
	overflow:hidden;
	padding:10px 5px;
	width:273px;
}

.pave-info div img.vignette {
 float:left;
 padding-right:10px;
 max-height:50px;
 height:auto!important;
 height:50px;
 display:block!important;
}
.pave-info div img {
display:none;}

/* bandeau actu et important */
.pave-actu,
.pave-important {
	width:582px;
	float:left;
	padding-top:25px;
	position:relative;
}

.pave-actu h2 {
	background:url(../img/bg-title-actu.gif) no-repeat 0 0;
	height:21px;
	padding-left:30px;
	padding-top:4px;
}

.pave-actu h3,
.pave-important h3 {
	float:right;
	position:absolute;
	right:10px;
	top:30px;
	opacity:0.7;
	filter : alpha(opacity=70); 
}

.pave-actu h3 a,
.pave-important h3 a {
	text-decoration:none;
}

.pave-actu div {
	width:582px;
	padding:10px 0;
}
.pave-important .article_separator {
	display: none;
}
.pave-actu div img {
	float:left;
	padding-right:15px;
	width:75px;
}

.pave-important h2 {
	background:url(../img/bg-title-imp.gif) no-repeat 0 0;
	height:31px;
	padding-left:30px;
	padding-top:4px;
}
.pave-important .mod_placehere {
	background:url(../img/bg-pave-important.png) repeat-y 0 0;
	height: 100%;
}
.pave-important .bloc {
	width:172px;
	float:left;
	padding:0 10px;
}
.pave-important .clear-blocs {
	clear: both;
	height: 10px;
	line-height: 4px;
	font-size: 4px;
}
.pave-important .bloc.last {
	border:none;
}

.pave-important .bloc strong {
	color:#990033;
}

/**Option Page Rubrique**/
#orientation {
	padding:20px 0 15px;
}

#orientation a {
	color:#C10013;
	text-decoration:none;
	font-size:12px;
}

#content-rubrique {
	float:left;
	width:580px;
}

#content-rubrique ul li {
	padding-left:20px;
	background:url(../img/puce1.gif) no-repeat 0 7px;
	margin-left:20px;
}

#content-rubrique .title {
/*	float:left;*/
}

#content-rubrique .title img,
#content-rubrique .rubrique img {
/*	float:left;*/
display: block;
}

#content-rubrique .map {
	padding-top:30px;
}

#content-rubrique .title .wrapper {
	background:#f80018 url(../img/rouge/bg-title-rub.jpg) repeat-x 0 bottom;
	width:562px;
	padding:7px 0 9px 20px;
/*	float:left;*/
}

#content-rubrique .title .wrapper h2 {
	background:url(../img/rouge/picto-puce.png) no-repeat 0 3px;
	padding-left:20px;
}

#content-rubrique .rubrique {
/*	float:left;*/
	padding:10px 0 20px;
	width:582px;
}

#content-rubrique .rubrique .wrapper {
	background:#e5e5e5 repeat-x 0 0;
	width:562px;
	padding:0 0 0 20px;
/*	float:left;*/
}

#content-rubrique .rubrique .wrapper h3 {
	padding-left:20px;
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
}

#content-rubrique .rubrique p{
	padding:20px 40px;
	float:left;
}

/*#content-rubrique p img {
	float:left;
	padding-right:10px;
}*/

#content-rubrique .rubrique p a {
	color:#FF0018;
}

#content-rubrique .rubrique div.info {
	border-left:1px solid #C10013;
	margin:10px 35px;
	padding:0 5px;
	font-size:13px;
	float:left;
	width:500px;
}

#content-rubrique .rubrique div.info p {
	padding:0;
	margin:0;
}

#content-rubrique .rubrique div.info p.title {
	font-weight:bold;
	color:#C10013;
	font-size:11px;
	padding-bottom:5px;
	width:500px;
}

#content-rubrique .rubrique div.info p.nom {
	color:#333;
	font-size:12px;
	font-weight:bold;
	width:500px;
}

#content-rubrique .rubrique div.info p.coordonnées {
	padding-bottom:5px;
	width:500px;
}

/**Option de couleur**/
#col-centrale.rouge #content-rubrique ul li {
	background:url(../img/rouge/puce-rouge.gif) no-repeat 0 7px;
}

#col-centrale.jaune #content-rubrique .title .wrapper h2 {
	background:url(../img/jaune/picto-puce.png) no-repeat 0 3px;
}
#col-centrale.jaune #content-rubrique .title .wrapper {
	background:#fed815 url(../img/jaune/bg-title-rub.jpg) repeat-x 0 bottom;
}
#col-centrale.jaune #orientation a {
	color:#ce7900;
	text-decoration:none;
	font-size:12px;
}
#col-centrale.jaune #content-rubrique ul li {
	background:url(../img/jaune/puce-jaune.gif) no-repeat 0 7px;
}

#col-centrale.vert #content-rubrique .title .wrapper h2 {
	background:url(../img/vert/picto-puce.png) no-repeat 0 3px;
}
#col-centrale.vert #content-rubrique .title .wrapper {
	background:#94a50b url(../img/vert/bg-title-rub.jpg) repeat-x 0 bottom;
}
#col-centrale.vert #orientation a {
	color:#748009;
	text-decoration:none;
	font-size:12px;
}
#col-centrale.vert #content-rubrique ul li {
	background:url(../img/vert/puce-verte.gif) no-repeat 0 7px;
}

#col-centrale.bleu #content-rubrique .title .wrapper h2 {
	background:url(../img/bleu/picto-puce.png) no-repeat 0 3px;
}
#col-centrale.bleu #content-rubrique .title .wrapper {
	background:#38339a url(../img/bleu/bg-title-rub.jpg) repeat-x 0 bottom;
}
#col-centrale.bleu #orientation a {
	color:#45447E;
	text-decoration:none;
	font-size:12px;
}
#col-centrale.bleu #content-rubrique ul li {
	background:url(../img/bleu/puce-bleue.gif) no-repeat 0 7px;
}


/* Option page recherche */
#content-rubrique .formulaire-recherche {
	padding-top:20px;
}

#content-rubrique .formulaire-recherche table.contentpaneopen {
	padding-bottom:30px;
}

#content-rubrique .formulaire-recherche table.contentpaneopen td {
	padding-bottom:5px;
}


/*** Colonne Droite :: Services ***/
#contener #col-droite {
	width:205px;
	float:left;
}	


/* bloc meteo */
#bloc-meteo {
	background:transparent url(../img/bg-meteo-bottom.jpg) no-repeat scroll 0 bottom;
	margin:15px auto;
	padding-bottom:6px;
	width:188px;
}

#bloc-meteo h3 {
	font-weight:bold;
	height:20px;
	background:#FFB400;
	text-align:center;
	width:186px;
}

#bloc-meteo div {
	padding:10px;
	border-right:1px solid #FFB400;
	border-left:1px solid #FFB400;
	width:164px;
}

/* bloc recherche, magazine, agenda */
#bloc-recherche,
#bloc-magazine,
#bloc-agenda {
	padding:6px 0 6px 7px;
	margin:5px 0;
	width:191px;
	text-align:center;	
}
#bloc-recherche li {
	float:left;
	padding-right:5px;
}

#bloc-recherche li img {
	padding-top:3px;
}

#bloc-recherche .ok {
	padding-right:0;
}

#bloc-recherche .ok input{
	background:url(../img/btn-ok.gif) no-repeat 1px 0;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	height:20px;
	width:20px;
}

#bloc-magazine {
	text-align:center;
}

#bloc-magazine h1 {
	color:#FFB400;
	text-align:left;
}

#bloc-magazine h1 span {
	font-size:14px;
}

#bloc-magazine img,
#bloc-agenda img {
	padding:10px 0;
}

#bloc-agenda h1 {
	color:#C10013;
	text-align:left;
}

/* bloc pub */
#contener #col-droite .pub {
	text-align:center;
	padding:10px 0;
	float: none;
}

/* FOOTER */
#footer {
	width:1000px;
	height:36px;
	margin:0 auto;
	background:url(../img/bg-footer.gif) no-repeat 0 0;
	color:#FFFFFF;
	text-align:center;
	padding-top:20px;
}

#footer a {
	color:#FFDC17;
	text-decoration:none;
}
#footer ul, #footer li {
	display: inline;
}