


body {
	font-family: Arial, Verdana, "DejaVu Sans", sans-serif;
	background-color: white;
}

.csc-firstHeader {
	margin-top: 0;
}
p.align-center {
	text-align: center;
}




/*** diddl-toolbar ***/

#diddl-toolbar {
	display: block; 
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent url(toolbar-bg.png) repeat-x left top;
	color: white;
	font-size: 11px;
}

#diddl-toolbar a {
	color: white;
	text-decoration: none;
}


#diddl-toolbar-message{
	color: black;
	background:transparent url(toolbar-diddlina-bg.png) no-repeat scroll left top;
	text-decoration: none;
	height:22px;
	line-height:22px;
	width: 294px;
	text-align:center;
}

#diddl-toolbar table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	height: 44px;
}

#diddl-toolbar tr {
}

#diddl-toolbar td {
	border: 0;
	background: transparent url(toolbar-sep.png) no-repeat left top;
	padding: 0 3px 0 12px;
	vertical-align: middle;
}
#diddl-toolbar td.logo {
	padding: 0;
	width: 88px;
}
#diddl-toolbar td.no-sep {
	background: none;
}
#diddl-toolbar td.timer {
	width: 100px;
	padding-left: 5px;

}

#diddl-toolbar-timer {
	background: transparent url(toolbar-timer-bg.png) no-repeat left top;
	width: 79px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 11px;
	color: black;
}



#diddl-banner {
	display: block; 
	margin: 0;
	padding: 0;
	border: 0;
	padding-top: 67px;
	height: 0;
	overflow: hidden;
}


#page {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	min-width: 960px;
	!margin-top: -3px;
	_margin-top: -3px;
}

/*** diddl-titre ***/

.diddl-titre {
	margin: 0;
	position: relative;
	height: 24px;
	padding: 0 21px 0 4px;
}

.diddl-titre-inner {
	
}

.diddl-titre-button {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 16px;
	height: 16px;
}


/*** content ***/

#content-getLeft, #content-getRight {
	min-width: 240px;
}

#content-getLeft .content,
#content-getRight .content {
	margin: 0 0 1em 0;
}
#content-getLeft .content .content-inner ,
#content-getRight .content .content-inner,
.content#c15 .content-inner.text,
.content#c25 .content-inner.list,
.content#c17 .content-inner.text{
	padding: 0.5em;
	zoom: 1;
	background: white;
}



/** /
#page {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	background: white;
	color: black;
}


#page-title {
	margin-top: 0;
}

/*** footer-menu ***/

#footer-menu {
	padding: 0.5em 0 0 0;
	clear: both;
	text-align: center;
	font-size: 87%;
}
#footer-menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#footer-menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;

	border-left: 1px solid black;
	padding: 0 .7em 0 .7em;
}
#footer-menu li.first {
	border-left: 0;
}
#footer-menu a {
	color: black;
	text-decoration: none;
}


/*** page footer *** /

#page-footer {
	clear: both;
}
#page-footer ul, #page-footer li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#page-footer ul {
	text-align: center;
}
#page-footer li {
	border-left: 1px solid white;
	padding: 0 5px 0 5px;
}
#page-footer li.first {
	border-left: 0;
}
#page-footer a {
	color: #000;
	text-decoration: none;
}


/*** contents *** /

#content-get {
	background: white;
	color: black;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

#content-getLeft {
	background: white;
	color: black;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}
#content-getRight {
	background: white;
	color: black;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}
#content-getBorder {
	background: white;
	color: black;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}


/*** rootline-menu *** /

#rootline-menu {
	background: white;
	color: black;
	border: 1px solid green;
	margin: 10px;
}
#rootline-menu ul, #rootline-menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#rootline-menu ul {
	text-align: center;
}
#rootline-menu li {
	border-left: 1px solid white;
	padding: 0 5px 0 5px;
}
#rootline-menu li.first {
	border-left: 0;
}
#rootline-menu a {
	color: black;
	text-decoration: none;
}


/*** main-menu *** /

#main-menu {
	background: white;
	color: black;
	border: 1px solid red;
	margin: 10px;
}
#main-menu ul, #main-menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#main-menu li.first {
	border-left: 0;
}
#main-menu a {
	color: black;
	text-decoration: none;
}
#main-menu li li {
	margin-left: 2.5em;
}




#content-get h1{
	text-transform: uppercase;
	padding: 0 5px 0 0;
	line-height: 34px;
}
#content-get h2{
	text-transform: uppercase;
	padding: 0 5px 0 0;
	line-height: 34px;
	border-bottom: 1px #93aeb6 solid;
}

#content-get h3{
	padding: 0 5px 2px 20px;
	background: url(images/puce_h3.gif) no-repeat left 2px;
}







.indent {
	margin-left: 25px;
}

hr.clearer {
	border: #bfd4dc 1px solid;
}



/**/



/*** diddle-portal ***/

.portal-placeholder {
	border: 5px dashed red;
	min-height: 3em;
	margin: 0.5em 0;
}


body.portal-show-columns .portal-column {
	border: 5px dashed #39A4D4;
}

.portal-column-hover {
	border: 5px dashed #1782B2;
}



/*** diddle-themeselector ***/

#diddle-themeselector {
	margin: 0;
	padding: 0;
	border: 0;
	border: solid 1px white;
/*	background-color: white;*/
}

#diddle-themeselector dt {
	display: block;
	float: left;
	clear: left;
	margin-right: 5px;
	width: 30%;
	text-align: right;
	margin: 5px 0 10px 0;
	padding: 0;
	border: 0;
	line-height: 11px;
}
#diddle-themeselector dd {
	display: block;
	float: left;
	line-height: 22px;
}
#diddle-themeselector .diddle-themeselector-color {
	background: white;
	width: 16px;
	height: 16px;
	border: 1px solid black;
	display: block;
	float: left;
	margin: 2px 5px 0 0;
	cursor: pointer;
}

#diddle-themeselector .diddle-themeselector-text {
	cursor: pointer;
}


#diddle-themeselector img{
	border: solid 1px black;
	height: 16px;
	width: 16px;
}

#diddle-themeselector div{
	text-align:center;
	width:130px;
/*	border: solid 1px black;*/
}

.theme-titre-rouge,
.theme-titre-rose,
.theme-titre-jaune,
.theme-titre-vert,
.theme-titre-bleu,
.theme-titre-blanc{
	display: none;
}

/*** theme-color-F16589 => DEFAULT !!! ***/

#diddl-banner {
	background-image: url(header-rose.png);
	background-color: #F7D9ED;
	background-repeat: no-repeat;
	background-position: center top;
}

#page {
/*
	border-left: 1px solid #e83085;
	border-right: 1px solid #e83085;
	border-bottom: 1px solid #e83085;
	*/
	background-repeat: repeat-x;
	min-height: 537px;
}

.diddl-titre {
	background: #e83085;
}

.diddl-titre-button {
	background: transparent url(portlet-button.png) no-repeat left top;
}

#content-getLeft .content,
#content-getRight .content,
.content#c15 .content-inner.text,
.content#c25 .content-inner.list,
.content#c17 .content-inner.text{
	border: 1px solid #e83085;
}


body.theme-color-F16589 .theme-titre-rose {
	display: inline;
}


body.theme-color-rose #page{
	background-image: url(bg-rose.gif);
}

body.theme-color-rose .theme-titre-rouge{	display: none;}
body.theme-color-rose .theme-titre-rose	{	 display: inline;	}
body.theme-color-rose .theme-titre-jaune{	 display: none;	}
body.theme-color-rose .theme-titre-vert	{	 display: none;	}
body.theme-color-rose .theme-titre-bleu	{	 display: none;	}
body.theme-color-rose .theme-titre-blanc{	 display: none;	}



/*** theme-color-rouge ***/
/*** rouge ***/


body.theme-color-rouge #diddl-banner {
	background-image: url(header-rouge.png);
	background-color: #F16589;
}


body.theme-color-rouge .diddl-titre {
	background: #ee0000;
}

body.theme-color-rouge #page {
	border-left: 1px solid #ee0000;
	border-right: 1px solid #ee0000;
	border-bottom: 1px solid #ee0000;
}
body.theme-color-rouge #content-getLeft .content,
body.theme-color-rouge .content#c15 .content-inner.text,
body.theme-color-rouge .content#c25 .content-inner.list,
body.theme-color-rouge .content#c17 .content-inner.text,
body.theme-color-rouge #content-getRight .content {
	border: 1px solid #ee0000;
}

body.theme-color-rouge #page{
	background-image: url(bg-rouge.gif);
}

body.theme-color-rouge .theme-titre-rouge{	 display: inline;}
body.theme-color-rouge .theme-titre-rose	{	 display: none;	}
body.theme-color-rouge .theme-titre-jaune{	 display: none;	}
body.theme-color-rouge .theme-titre-vert	{	 display: none;	}
body.theme-color-rouge .theme-titre-bleu	{	 display: none;	}
body.theme-color-rouge .theme-titre-blanc{	 display: none;	}


/*** theme-color-jaune ***/

body.theme-color-jaune #diddl-banner {
	background-image: url(header-jaune.png);
	background-color: #ECEA50;
}

body.theme-color-jaune .diddl-titre {
	background: #ECEA50;
}
body.theme-color-jaune #page {
	border-left: 1px solid #ECEA50;
	border-right: 1px solid #ECEA50;
	border-bottom: 1px solid #ECEA50;
}
body.theme-color-jaune #content-getLeft .content,
body.theme-color-jaune .content#c15 .content-inner.text,
body.theme-color-jaune .content#c25 .content-inner.list,
body.theme-color-jaune .content#c17 .content-inner.text,
body.theme-color-jaune #content-getRight .content {
	border: 1px solid #ECEA50;
}

body.theme-color-jaune #page{
	background-image: url(bg-jaune.gif);
}

body.theme-color-jaune .theme-titre-rouge{	 display: none;}
body.theme-color-jaune .theme-titre-rose	{	 display: none;	}
body.theme-color-jaune .theme-titre-jaune{	 display: inline;	}
body.theme-color-jaune .theme-titre-vert	{	 display: none;	}
body.theme-color-jaune .theme-titre-bleu	{	 display: none;	}
body.theme-color-jaune .theme-titre-blanc{	 display: none;	}


/*** theme-color-vert ***/


body.theme-color-vert #diddl-banner {
	background-image: url(header-vert.png);
	background-color: #C8DD3C;
}


body.theme-color-vert .diddl-titre {
	background: #C8DD3C;
}
body.theme-color-vert #page {
	border-left: 1px solid #C8DD3C;
	border-right: 1px solid #C8DD3C;
	border-bottom: 1px solid #C8DD3C;
}
body.theme-color-vert #content-getLeft .content,
body.theme-color-vert .content#c15 .content-inner.text,
body.theme-color-vert .content#c25 .content-inner.list,
body.theme-color-vert .content#c17 .content-inner.text,
body.theme-color-vert #content-getRight .content {
	border: 1px solid #C8DD3C;
}

body.theme-color-vert #page{
	background-image: url(bg-vert.gif);
}

body.theme-color-vert .theme-titre-rouge{	 display: none;}
body.theme-color-vert .theme-titre-rose	{	 display: none;	}
body.theme-color-vert .theme-titre-jaune{	 display: none;	}
body.theme-color-vert .theme-titre-vert	{	 display: inline;	}
body.theme-color-vert .theme-titre-bleu	{	 display: none;	}
body.theme-color-vert .theme-titre-blanc{	 display: none;	}

/*** theme-color-bleu ***/

body.theme-color-bleu #diddl-banner {
	background-image: url(header-bleu.png);
	background-color: #FFFFFF;
}

body.theme-color-bleu .diddl-titre {
	background: #2c7ac0;
}
body.theme-color-bleu #page {
	border-left: 1px solid #2c7ac0;
	border-right: 1px solid #2c7ac0;
	border-bottom: 1px solid #2c7ac0;
}
body.theme-color-bleu #content-getLeft .content,
body.theme-color-bleu .content#c15 .content-inner.text,
body.theme-color-bleu .content#c25 .content-inner.list,
body.theme-color-bleu .content#c17 .content-inner.text,
body.theme-color-bleu #content-getRight .content {
	border: 1px solid #2c7ac0;
}

body.theme-color-bleu #page{
	background-image: url(bg-bleu.gif);
}

body.theme-color-bleu .theme-titre-rouge{	 display: none;}
body.theme-color-bleu .theme-titre-rose	{	 display: none;	}
body.theme-color-bleu .theme-titre-jaune{	 display: none;	}
body.theme-color-bleu .theme-titre-vert	{	 display: none;	}
body.theme-color-bleu .theme-titre-bleu	{	 display: inline;	}
body.theme-color-bleu .theme-titre-blanc{	 display: none;	}

/*** theme-color-blanc ***/
/*** blanc a lorigine mais en fait bleu ciel ***/

body.theme-color-blanc #diddl-banner {
	background-image: url(header-blanc.png);
	background-color: #D3E5F5;
}

body.theme-color-blanc .diddl-titre {
	background: #D3E5F5;
}
body.theme-color-blanc #page {
	border-left: 1px dotted #D3E5F5;
	border-right: 1px dotted #D3E5F5;
	border-bottom: 1px dotted #D3E5F5;
}
body.theme-color-blanc #content-getLeft .content,
body.theme-color-blanc .content#c15 .content-inner.text,
body.theme-color-blanc .content#c25 .content-inner.list,
body.theme-color-blanc .content#c17 .content-inner.text,
body.theme-color-blanc #content-getRight .content {
	border: 1px solid #D3E5F5;
}

body.theme-color-blanc #page{
	background-image: url(bg-blanc.gif);
}

body.theme-color-blanc .theme-titre-rouge{	 display: none;}
body.theme-color-blanc .theme-titre-rose	{	 display: none;	}
body.theme-color-blanc .theme-titre-jaune{	 display: none;	}
body.theme-color-blanc .theme-titre-vert	{	 display: none;	}
body.theme-color-blanc .theme-titre-bleu	{	 display: none;	}
body.theme-color-blanc .theme-titre-blanc{	 display: inline;	}


/*** theme-text-normal => DEFAULT !!! ***/

/*** theme-text-large ***/
body.theme-text-large #page {
	font-size: 120%;
}

/*** theme-text-x-large ***/
body.theme-text-x-large #page {
	font-size: 141%;
}



h3{
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

.tx-felogin-pi1 div{
	margin-bottom: 5px;
}

.tx-felogin-pi1 p{
	margin: 0;
}



.table-links-diddl{
	width: 100%;
	border: 0;
	margin-top:10px;
}

.table-links-diddl td{
	border: 0;
	text-align: center;
}

.table-links-diddl img{
	border: 0;
}


form .csc-mailform-field label {
display:block;
float:left;
padding:0 0.5em 0 0;
text-align:right;
width:12em;
}
form .csc-mailform-field {
clear:both;
line-height:1.75em;
margin:0 0 0.3em;
}
form .csc-mailform-submit {
margin:0 0 0 12em;
}
form .csc-mailform-checkbox, form .csc-mailform-radio {
margin-left:12em;
}
form .csc-mailform-checkbox input, form .csc-mailform-radio input {
line-height:1.75em;
margin:0.2em 0.2em 0.5em;
vertical-align:middle;
}
form .csc-mailform-checkbox label, form .csc-mailform-radio label {
display:inline;
float:none;
height:1.75em;
line-height:1.75em;
padding:0;
text-align:left;
width:auto;
}
form .csc-mailform-submit {
/*background:#FF1B00 none repeat scroll 0 0;*/
/*border:1px solid #CC0C04;*/
/*color:white;*/
}
