/**************************************************************   
   Couleurs de base:
   Jaune: #FFE800
   Orange: #EC8922
   Rouge: #BF1E2E
   vert: #99CA3C
   vertp: #C9DC44
 **************************************************************/

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font: 400 12px verdana, arial, sans-serif;
  /*line-height: 170%;*/

  background: #C4FC80 url(../images/bg_body.jpg) no-repeat center top;
  color: #666;
}


h1 {   
  clear: both;
  font: 500  20px Verdana, Arial, Helvetica, sans-serif;
  color: #BF1E2E;
   margin: 0 0 40px 0;
  padding: 12px 0;
}
.titlecontent {
  padding: 12px 0;
}
h2 {
  font: 500 18px Verdana, Arial, Helvetica, sans-serif;
  color: #EC8922;
  border-bottom: 1px dotted  #EC8922;
  margin: 10px 0;
  padding:0 0 0px 0
}

h2 a {
  color: #EC8922;
  text-decoration:none
}

h2 a:hover {
  color: #BF1E2E;
}

h3 {
  font: 500 14px Verdana, Arial, Helvetica, sans-serif;
  color: #99CA3C;
  padding:2px 0;
  margin:10px 0;
  border-bottom:1px dotted #99CA3C;
  clear: both
}

h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}

h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}


 h4, h5, h6, dl {
  margin: 0;
  padding: 10px 0;
}



a {
  color: #EC8922;
}

/* Uncomment this if you would like a visited link style
a:visited {
  text-decoration: line-through;
} */

a:hover {
  color: #000;
}

b {
  /*color: #000;*/
}

ol, ul {
  margin: 0px 0 10px 15px;
  padding: 0;
}

/*ol {
  color: #fff;
}

ol span {
  color: #EEE;
}*/

ul {
  list-style:square;
  list-style-image:url(../images/puce3.gif); 
  margin:10px 10px 10px 40px
}
li {
padding:2px 0 0 0;
/*height: 18px;*/
line-height:18px;
}

p {
padding:2px 0 0 0;
/*height:18px;*/
line-height:18px;
}

del {
  color: #AAA;
}

code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow:visible;
  
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  
  background: #444;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

dt {
  font-weight: bold;
  color: #FFB323;
}

dd {
  margin-left: 0;
  padding-left: 45px; 
}


/**************************************************************
   Form Elements
 **************************************************************/
.mandatory {
font-size:10px;
}
fieldset {
background:url(../images/bg_liste_chansons.png) repeat-x bottom;
padding:15px 10px;
border:5px solid #ccc;
border-width: 0;
}

legend{
font:bold 18px "Trebuchet MS";
color:#BF1E2E;

margin-bottom: 20px;
padding: 15px 0
}

fieldset hr {
height:1px;
width:100%;
color:#DAEBC7;
background:#DAEBC7;
border:none;
clear:both
}
label {
  display: block;
  float:left;
  width:130px;
  font-size:11px;
  color:#666
}

input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #fff;
  border: 1px solid #DAEBC7;
}
textarea {
width:90%;
height:130px
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #EBF763;
  border: 1px solid #687100;
}

input.button {
  padding: 2px 5px;

  font: 400 1.1em "trebuchet ms", serif;

  color: #555;
  background: #9FF3FF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}





/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
  margin: 10px 0 10px 0;
  padding: 10px 50px 25px 0px;
  background:url(../images/blockote_end.jpg) no-repeat right bottom;
}
blockquote:first-letter {
  padding: 0;
  
  }
 
 blockquote p {
background:url(../images/blockote_start.jpg) no-repeat left top;
font-style:italic;
display:block;
min-height:44px;
padding:50px 0 0 60px
}


/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

a img {  
  border: 0
}

a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
 /* border: 2px solid #FFF !important;
  border: 2px solid #8BE6FA;*/
}
acronym {
	border-bottom: 0pt none;
	cursor:pointer;
}
#services_bloc {
	float:none;
	display:table;
}

/***************************************************************************************************/
/* CONTENT Style
/***************************************************************************************************/

/* default styles for extension "tx_cssstyledcontent" */
/* 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-border div.csc-textpic-
	imagewrap .csc-textpic-image IMG {border: 2px solid black; padding: 0px 0px; 
	}

	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: 10px;
	}

	/* 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: 10px;
	}

	/* 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: 10px;
	}
	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: 10px !important;
	}
	div.csc-textpic-intext-right div.csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
		margin-left: 10px !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 */
	div.csc-textpic div.csc-textpic-imagerow-last { margin-bottom: 0; }
	
	/* Text align  */
	p.align-right {
		text-align:right;
	}
	p.align-center {
		text-align:center;
	}