@charset "utf-8";
/* ------------------------------------------------------------------------- Colonne 02 (droite) */
/* --------------------------------------------------------------- Contenu */
/* ----------------------------------------------------- Accueil */
	#contenu.accueil {
		background:none;
		padding-left:0;
		padding-right:0
	}
	#contenu.accueil a {text-decoration:none}
	#contenu.accueil a:hover,
	#contenu.accueil a:focus {text-decoration:underline}
	a.habillage01 {
		display:block;
		text-align:right;
		color:#fff;
		background:#7c0042 url(../images/background/lien_continuation.gif) no-repeat right center;
		padding:0 16px 0 0
	}
	a.habillage01:hover,
	a.habillage01:focus {background-color:#ee7f01}
/* ------------------------------------------- h2 habillage */
	#contenu h2.habillage {
		display:inline;
		float:left;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:normal;
		color:#fff;
		background:url(../images/background/titre_habillage01.png) no-repeat right top;
		padding:3px 5px 5px 0;
		margin:0 0 7px 5px
	}
	#contenu h2.habillage span {
		display:block;
		float:left;
		background:#7c0042;
		padding:1px 50px 1px 8px
	}
	#contenu h2.projet span {
		display:block;
		float:left;
		background:#7c0042;
		padding:1px 20px 1px 8px
	}
/* ------------------------------------------- Contenu01 (gauche) */
	#contenu01 {
		float:left;
		width:548px
	}
/* --------------------------------- Carousel */
	#carousel {
		clear:both;
		position:relative;
		background:url(../images/background/contenu_ombre.png) no-repeat left bottom;
		padding:0 12px 10px 12px;
		margin:0 0 5px 0
	}
/* ----------------------- Navigation */
	div.carousel a.prev,
	div.carousel a.next {
		position:absolute;
		top:99px;
		left:0;
		z-index:2;
		cursor:pointer
	}
	div.carousel a.next {left:489px}
/* ----------------------- Article */
	#contenu div.carousel ul {padding:0}
	#contenu div.carousel ul li {
		width:524px;
		height:280px;
		background:none;
		padding:0
	}
	#contenu div.carousel ul li img {
		vertical-align:top;
		margin:0 0 12px 0
	}
	#contenu div.carousel ul li h2 {
		font-size:1.8em;
		font-weight:normal;
		margin:0 0 5px 0
	}
/* --------------------------------- Gauche */
	#gauche {
		float:left;
		width:273px
	}
/* ----------------------- Démarches en ligne */
	#demarches_ligne {
		clear:both;
		display:block;
		overflow:hidden;
		height:100%;
		color:#000;
		font-size:1.2em;
		background:url(../images/background/demarche_ligne.jpg) no-repeat;
		padding:45px 0 9px 5px;
		margin:0 0 5px 0
	}
	#demarches_ligne span {
		float:left;
		background:#ffed00;
		padding:2px 15px 2px 5px;
		cursor:pointer
	}
/* ----------------------- Minis sites */
	div.minisite {
		clear:both;
		overflow:hidden;
		height:100%;
		background:url(../images/background/minisite.png) no-repeat;
		padding:7px 10px 4px 10px
	}
	div.minisite img {
		float:left;
		border:1px solid #d7d7d7;
		margin:0 12px 0 0
	}
	#contenu div.minisite h3 {font-size:1.1em}
	h3.minisite01 a {color:#348503}
	h3.minisite02 a {color:#bb150c}
	h3.minisite03 a {color:#25a0c9}
	h3.minisite04 a {color:#f1890f}
	div.minisite p {margin:0}
	div.minisite_bottom {
		height:9px;
		font-size:0;
		background:url(../images/background/minisite_bottom.png);
		margin:0 0 2px 0
	}
/* --------------------------------- Droite */
	#droite {
		float:left;
		width:273px;
		padding:0 0 0 2px
	}
/* ----------------------- Zoom sur */
	#zoom_sur {
		clear:both;
		overflow:hidden;
		height:100%;
		background:url(../images/background/zoom_sur.png) no-repeat left bottom;
		padding:0 12px 15px 12px
	}
	#zoom_sur img {
		vertical-align:top;
		margin:0 0 10px 0
	}
	#zoom_sur h3 {color:#7c0042}
/* ----------------------- Projets / Travaux*/
	#projet_travaux {
		clear:both;
		overflow:hidden;
		height:100%;
		background:url(../images/background/zoom_sur.png) no-repeat left bottom;
		padding:0 12px 15px 12px;
		position:relative;
	}
	#projet_travaux img {
		vertical-align:top;
		margin:0 0 10px 0
	}
	#projet_travaux h3 {color:#7c0042;position:absolute;bottom:10px;}
/* ------------------------------------------- Contenu02 (droite) */
	#contenu02 {
		float:left;
		width:201px;
		padding:0 0 0 2px
	}
/* --------------------------------- h2 habillage */
	#contenu02 h2.habillage {
		background-image:url(../images/background/titre_habillage02.png);
		/*margin-bottom:3px*/
	}
	#contenu02 h2.habillage span {
		background:#ee7f01;
		padding-right:22px
	}
/* --------------------------------- Agenda */
	#agenda {
		clear:both;
		overflow:hidden;
		height:100%;
		background:url(../images/background/agenda.png) no-repeat right bottom;
		padding:5px 10px 11px 10px;
		margin:0 0 40px 0
	}
	#agenda div {
		overflow:hidden;
		height:100%;
		padding:0 0 7px 0
	}
	#agenda div h3 {
		text-transform:uppercase;
		font-size:1em;
		font-weight:normal;
	}
	#agenda div h3 span {
		display:block;
		text-transform:none;
		margin:0 0 2px 0
	}
	#contenu #agenda div h3 a {text-decoration:underline}
	#contenu #agenda div h3 a:hover,
	#contenu #agenda div h3 a:focus {text-decoration:none}
	#agenda div img {
		float:left;
		border:1px solid #fffcf7;
		margin:0 7px 0 0
	}
	#agenda a.habillage01 {background-color:#ee7f01}
	#agenda a.habillage01:hover,
	#agenda a.habillage01:focus {background-color:#7c0042}
/* --------------------------------- Liste de liens */
	#contenu02 ul {padding:0}
	#contenu02 ul li {
		background:none;
		padding:0
	}
	#contenu02 ul li a,
	#contenu02 ul li strong {
		display:block;
		overflow:hidden;
		height:100%;
		color:#fff;
		font-size:1.2em;
		background-repeat:no-repeat;
		padding:14px 4px 9px 0;
		margin:0 0 7px 0
	}
	#contenu02 ul li a span,
	#contenu02 ul li strong span {
		float:right;
		background:#ee7f01;
		padding:1px 15px;
		cursor:pointer
	}
	#contenu02 ul li strong span {
		font-weight:normal;
		cursor:text
	}
	#contenu02 ul li a:hover span,
	#contenu02 ul li a:focus span {background:#7c0042}
/* ----------------------- Forum */
	#contenu02 ul li #noeud10600 {background-image:url(../images/background/forum.jpg)}
/* ----------------------- FAQ */
	#contenu02 ul li #noeud11056 {background-image:url(../images/background/faq.jpg)}
/* ----------------------- Chat */
	#contenu02 ul li #noeud12198 {background-image:url(../images/background/chat.png)}
/* ----------------------- Sondage */
	#contenu02 ul #sondage {
		background:url(../images/background/colonne02_ombre.png) no-repeat left bottom;
		padding:0 0 11px 5px;
		margin:25px 0
	}
	#contenu02 ul #sondage strong {
		background-image:url(../images/background/sondage.jpg);
		background-position:5px top;
		margin-bottom:0
	}
	#contenu02 ul #sondage p {padding:0 10px}
	#contenu02 ul #sondage a.habillage01 {
		line-height:1.1em;
		font-size:1em;
		background-color:#ee7f01;
		padding:0 16px 0 0;
		margin:0 6px 0 0
	}
	#contenu02 ul #sondage a.habillage01:hover,
	#contenu02 ul #sondage a.habillage01:focus {background-color:#7c0042}
/* ----------------------- Galerie photos */
	#contenu02 ul li #noeud10377 {
		background-image:url(../images/background/galerie.jpg);
		padding-top:31px;
		margin:0 0 10px 0
	}
/* ----------------------- Videos */
	#videos {
		overflow:hidden;
		height:100%;
		background:url(../images/background/colonne02_ombre.png) no-repeat left bottom;
		padding:0 10px 9px 11px
	}
	#videos img {
		vertical-align:middle;
		margin:0 0 7px 0
	}
	#videos h2 {
		font-size:1.1em;
		margin:0;
		padding:0 0 4px 0
	}
	#contenu #videos h2 a {text-decoration:underline}
	#contenu #videos h2 a:hover,
	#contenu #videos h2 a:focus {text-decoration:none}
	#videos p {
		margin:0;
		padding:0 0 4px 0
	}
	#videos a.tous {
		position:relative;
		right:-6px;
		float:right;
		font-size:1.2em;
		color:#fff;
		background:#ee7f01;
		padding:2px 11px
	}
	#videos a.tous:hover,
	#videos a.tous:focus {background:#7c0042}
/* ------------------------------------------- Vidéo */
	div.video {
		clear:both;
		overflow:hidden;
		height:100%;
		background:url(../images/background/contenu_ombre.png) no-repeat left bottom;
		padding:0 10px 15px 10px
	}
	div.video img {
		float:left;
		margin:0 12px 0 0
	}
	div.video div {
		overflow:hidden;
		height:100%
	}
	div.video h3 {
		font-size:1.3em;
		color:#7c0042;
		margin:0 0 10px 0
	}
