/********************************/
/****** LIENS PRINCIPAUX *******/
/*******************************/
a{color:#CC0000;}
a:hover {text-decoration:none;}
a:active {/*background-color:#CC0000;*/ color:#000}
/********************************/
/********** ENTETES *************/
/********************************/
h1, h2, h3, h4, h5, h6 {margin:10px 0px 0px 0px;}

#contenu {font-size:80%;}

#contenu h1 {font-family:"trebuchet MS", arial, helvetica; font-size:150%; margin:0.50em 0 0.45em 0; color:#CC0000;}
#contenu h2 {font-family:"trebuchet MS", arial, helvetica; font-size:110%; color:#666; margin:0 0 1em 0; padding:1px 0px 0px 0px;}
#contenu h3 {font-family:"trebuchet MS", arial, helvetica; font-size:125%; margin:1.2em 0 0.5em 0; color:#CC0000;}
#contenu h4 {font-family:Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; margin:1em 0 0 0; padding:0;}
#contenu h5 {font-family:Arial, Helvetica, sans-serif; font-size:105%; font-weight:bold; margin:1em 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
#contenu h6 {font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; margin:1em 0 0 0; padding:0;}

.jeunesse #contenu h1, .jeunesse #contenu h3 {color:#CC0066;}
.culture #contenu h1, .culture #contenu h3 {color:#c60000;}
.environnement #contenu h1, .environnement #contenu h3{color:#006600;}
.solidarite #contenu h1, .solidarite #contenu h3 {color:#99cc33;}
.seniors #contenu h1, .seniors #contenu h3 {color:#990099;}
.sports #contenu h1, .sports #contenu h3 {color:#ff9900;}
.democratie #contenu h1, .democratie #contenu h3 {color:#2f7e7e;}
.economie #contenu h1, .economie #contenu h3 {color:#ff6600;}
.demarches #contenu h1, .demarches #contenu h3 {color:#663366;}
.decouvrir #contenu h1, .decouvrir #contenu h3 {color:#3651a3;}

.piscine #contenu h1, .piscine #contenu h3 {color:#ED4528;}
.webhebdo #contenu h1, .webhebdo #contenu h3 {color:#825287;}


p {font-family:Arial, Helvetica, sans-serif; color:#333; margin:0.2em 0 0.7em 0; padding:0;}
/*-------------------------------------------------------------------------------------------------------*/
/* GALLERIE D'IMAGES ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#colonneNormal .csc-textpic-imagewrap {/*width:100% !important;*/}
#colonneNormal .csc-textpic-imagerow {width:100% !important;}
#colonneNormal .csc-textpic-imagerow .csc-textpic-image {float:left;margin-right:10px;}
#colonneNormal .csc-textpic-imagerow {clear:left}
#colonneNormal .csc-textpic-caption {font-size:80%; color:#666;}
#colonneNormal .csc-textpic-clear {clear:left;}

	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 0px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 5px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 5px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

/*-------------------------------------------------------------------------------------------------------*/
/* LISTE DE FICHIERS ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*#colonneNormal ul{
	margin:12px 0 0 40px;
	padding:0;
}*/

#colonneNormal .csc-uploads .file-size {color:#666;}

#colonneNormal .csc-uploads p {color:#666; font-size:90%}
/*
#colonneDroite .csc-menu {padding-left:0px; margin-left:20px;}
#colonneDroite .csc-menu li {margin-bottom:5px;}
*/

/*-------------------------------------------------------------------------------------------------------*/
/* MENU DE LIENS ----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

.csc-uploads {padding-left:0px; margin-left:20px;}
.csc-uploads li {margin-bottom:5px;}


/*-------------------------------------------------------------------------------------------------------*/
/* IMAGE ------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#colonneDroite .csc-textpic{border:1px solid #3953A4; background-color:#E2E2E2}
#colonneDroite .csc-textpic-caption{color:#000; padding:5px}
#colonneDroite .csc-textpic p{margin:0; padding:0}
#colonneDroite .csc-textpic {margin-bottom:10px;}


/*-------------------------------------------------------------------------------------------------------*/
/* TABLEAU ----------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#colonneNormal .contenttable {width:100%; /*background-color:#CC0000;*/}
#colonneNormal .contenttable caption {display:none;}
#colonneNormal .contenttable td {padding:4px; font-size:90%; color:#000}
#colonneNormal .contenttable th {padding:4px; color:#fff}
#colonneNormal .contenttable p {margin:0!important; margin:0!important; border:none!important;}
#colonneNormal .contenttable span {margin:0!important; margin:0!important; border:none!important;}

.contenttablesimple {}
.contenttablesimple caption {display:none;}
.contenttablesimple td {padding:0px; font-size:90%; color:#000}
.contenttablesimple th {padding:0px; color:#fff}

/*
table, td {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px;}
table h3 {color:#CC0000!important;}
.petitText {font-size:10px;}
.grasRouge {color:#CC0000; font-weight:bold;}
.RougePetitText {color:#CC0000; font-size:10px;}
.grasBlanc {color:#fff; font-weight:bold;}
.tableauAvecBords {background-color:#000; width:100%;}
.tableauAvecBords td {background-color:#fff;}
*/


/*-------------------------------------------------------------------------------------------------------*/
/* FORMULAIRE IDENTIFICATION ----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#colonneDroite .csc-frame form{margin:10px;}
.csc-mailform-field{margin-bottom:10px;}


/*********************************/
/* STYLES DE CADRES */
/*********************************/

.ligne-separation {clear:both;  margin:15px 0px 5px 0px!important; height:1px!important; border-top:1px dashed #999}

#colonneNormal p.encart-droite {clear:none!important; float:right; width:230px; background-color:#b9b9b9; font-size:100%; padding:10px!important; margin: 0px 0px 5px 7px!important;}

#colonneNormal p.encart-gauche {clear:none!important; float:left; width:230px; background-color:#b9b9b9; font-size:100%; padding:10px; margin: 0px 7px 5px 0px!important;}

#colonneNormal p.encart {clear:none!important; background-color:#b9b9b9; font-size:100%; padding:10px; margin: 0px 0px 5px 0px!important;}

.jeunesse #colonneNormal p.encart, .jeunesse #colonneNormal p.encart-gauche, .jeunesse #colonneNormal p.encart-droite {background-color:#FFe5F2;}
.decouvrir #colonneNormal p.encart, .decouvrir #colonneNormal p.encart-gauche, .decouvrir #colonneNormal p.encart-droite {background-color:#EBEEF8;}
.demarches #colonneNormal p.encart, .demarches #colonneNormal p.encart-gauche, .demarches #colonneNormal p.encart-droite {background-color:#F6EEF6;}
.economie #colonneNormal p.encart, .economie #colonneNormal p.encart-gauche, .economie #colonneNormal p.encart-droite {background-color:#FFEFE5;}
.democratie #colonneNormal p.encart, .democratie #colonneNormal p.encart-gauche, .democratie #colonneNormal p.encart-droite {background-color:#ECF8F8;}
.culture #colonneNormal p.encart, .culture #colonneNormal p.encart-gauche, .culture #colonneNormal p.encart-droite {background-color:#FFE5E5;}
.sports #colonneNormal p.encart, .sports #colonneNormal p.encart-gauche, .sports #colonneNormal p.encart-droite {background-color:#FFF4E5;}
.retraites #colonneNormal p.encart, .retraites #colonneNormal p.encart-gauche, .retraites #colonneNormal p.encart-droite {background-color:#FFE5FF;}
.solidarite #colonneNormal p.encart, .solidarite #colonneNormal p.encart-gauche, .solidarite #colonneNormal p.encart-droite {background-color:#f4f9ea;}
.environnement #colonneNormal p.encart, .environnement #colonneNormal p.encart-gauche, .environnement #colonneNormal p.encart-droite {background-color:#f4f9ea;}
#colonneNormal .csc-frame-frame1 h3 {margin-top:0}

#colonneNormal p.bouton-droite {clear:none!important; float:right; width:100px; background-color:#b9b9b9; font-size:100%; padding:10px; margin: 0px 0px 5px 7px!important;}

#colonneNormal p.bouton-gauche {clear:none!important; float:left; width:100px; background-color:#b9b9b9; font-size:100%; padding:10px; margin:0px 7px 5px 0px!important;}


#colonneNormal .fond {background:#e4e4e4;}
/*
.jeunesse #colonneNormal .fond {background-color:#FFe5F2;}
.decouvrir #colonneNormal .fond {background-color:#EBEEF8;}
.demarches #colonneNormal .fond {background-color:#F6EEF6;}
.economie #colonneNormal .fond {background-color:#FFEFE5;}
.democratie #colonneNormal .fond {background-color:#ECF8F8;}
.culture #colonneNormal .fond {background-color:#FFE5E5;}
.sports #colonneNormal .fond {background-color:#FFF4E5;}
.retraites #colonneNormal .fond {background-color:#FFE5FF;}
.solidarite #colonneNormal .fond {background-color:#f4f9ea;}
.environnement #colonneNormal .fond {background-color:#f4f9ea;}
*/





/*********************************/
/* STYLES DE CONTENU (WEBEDITOR */
/*********************************/

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
#colonneNormal table.encart {background-color: #ccc; padding:10px;}

/* Bullet styles for unordered lists.*/
ul.component-items {}
ul.action-items {}

/* Numbering styles for ordered lists.*/
ol.component-items-ordered {}
ol.action-items-ordered {}

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important {color: #8A0020; font-weight:bold;}
.petitText {margin-top:2px!important; font-size:80%;}

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

.petitText {font-size:10px;}
.grasRouge {color:#CC0000; font-weight:bold;} .piscine .grasRouge{color:#E9432D;}
.RougePetitText {color:#CC0000;font-size:10px;}
.grasBlanc {color:#fff; font-weight:bold;}


/********************************/
/********** DIVERS **************/
/********************************/
blockquote {border:1px solid; border-left:2px solid ; font-family:"Courier New", Courier, mono; padding:5px}
p {margin:0.2em 0 0.7em 0!important;}

DIV.csc-textpic-intext-right .csc-textpic-imagewrap {margin:0px; padding:5px 0px 10px 8px !important; }
DIV.csc-textpic-intext-left .csc-textpic-imagewrap {margin:0px; padding:8px 5px 7px 0px !important; }
DIV.csc-textpic-border {border:none;}
	DIV.csc-textpic-border .csc-textpic-imagewrap dl {margin:0px; padding:0px; border:1px solid #000;}
DIV.csc-textpic-imagewrap {}
	DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin:0px !important; padding:0px !important;}
	DIV.csc-textpic-imagewrap dl {padding:0px; margin:0px; background:#E2E2E2;}
	DIV.csc-textpic-imagewrap .csc-textpic-caption {padding:0px 3px 0px 3px !important; color:#666;}
	DIV.csc-textpic-imagewrap .csc-textpic-caption p {float:left; color:#000; padding:0px; margin:2px 0px 2px 0px;}
	DIV.csc-textpic-imagewrap .csc-textpic-image {margin:0px !important; padding:0px !important; width:auto !important;}	
	DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin:0px !important; padding:0px !important; width:auto !important;}	
	DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin:0px !important; padding:0px !important; width:auto !important;}	
	DIV.csc-textpic-imagewrap .csc-textpic-image img {display:inline; margin:0px !important; padding:0px !important;}
	
	
	
.tx-artificaviewer-pi1-gallery {}
	.tx-artificaviewer-pi1-gallery .ImageBoite {float:left; display:block; border:none; background:none; margin:0px 10px 0px 0px;}
	.tx-artificaviewer-pi1-gallery .retourLigne {clear:both;}
	
.tx-artificasitemap-pi1 {}
	.tx-artificasitemap-pi1 hr {clear:left}
	.tx-artificasitemap-pi1 img {float:left; display:block; margin:0px 10px 10px 0px;}
	.tx-artificasitemap-pi1 p {margin:0px; padding:0px;}
	.tx-artificasitemap-pi1 ul {list-style-type:none; margin:0px; padding:0px;}
	.tx-artificasitemap-pi1 ul li {border-bottom:1px dotted #000000; margin:0 0 10px 0; padding:0 0 10px 0;}
	.tx-artificasitemap-pi1 ul li div {float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:red;}
	.tx-artificasitemap-pi1 ul li a {font-family: "trebuchet MS", arial, helvetica, sans-serif; font-weight:bold; font-size:120%; padding-left:20px; background: url("../img/puce12px.gif") no-repeat left 5px;}
	.tx-artificasitemap-pi1	ul.level-two {margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px;}	
	.tx-artificasitemap-pi1 ul.level-two li {border:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;}
	.tx-artificasitemap-pi1 ul.level-two li a {font-family: "trebuchet MS", arial, helvetica, sans-serif; font-weight:normal; font-size:85%; padding-left:15px; color:#333333; background: url("../img/puce6px.jpg") no-repeat left 5px;}
	.tx-artificasitemap-pi1 ul.level-two li a:hover{color:#333333;}