/******************************************************
  CONTENU
*******************************************************/
#content a:link, #content a:visited, #content a:hover, #content a:active {
	color: #4a85c1;
	text-decoration: none;
}

#content a:hover, #content a:active {
	text-decoration: underline;
}

#content p {
	margin: 0 0 10px 0;
	padding: 0;
}

#content span.legend {
	font-style: italic;
	font-size: 90%;
}

h1
{
  height:3px;
  background-color:#000000;
}

h3 {
	font-size: 150%;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}

h4 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}


div.csc-textpic-clear {
	margin-bottom: 30px;
}

#content ul {
	padding-left: 10px;
}

dd.csc-textpic-caption {
	font-style: italic;
}

/******************************************************
  POWERMAIL
*******************************************************/
span.powermail_mandatory {
	color: red;
}

fieldset.tx-powermail-pi1_fieldset legend {
	display: none;
}

div.powermail_mandatory_js {
	color: red;
	margin: 3px 0 15px 35%;
	
}
fieldset.tx-powermail-pi1_fieldset {
	border: none;
	background: none;
	padding: 10px 0;
	width: 100%;
}
fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 35%;
	float: left;
	clear: both;
	font-weight: bold;
}

div.tx_powermail_pi1_fieldwrap_html {
	margin: 5px 0;
}

div.tx_powermail_pi1_fieldwrap_html_submit {
	position: relative;
	height: 80px;
}

input.powermail_submit {
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #ededed;
	color: #4a85c1;
	width: 130px;
	cursor: pointer;
	position: absolute;
	top: 30px;
	left: 35%;
}

input.powermail_submit_hover {
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #fbc05d;
	color: #4a85c1;
	width: 130px;
	cursor: pointer;
	position: absolute;
	top: 30px;
	left: 35%;
}

td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

/******************************************************
  CONTENU 2 COLONNES
*******************************************************/
div.content2cols .col1, div.content2cols .col2 {
	width: 260px;
	float: left;
	display: inline;
}

div.content2cols .col1 {
	margin-right: 21px;
}


/******************************************************
  PIED DE PAGE EOLE INFO
*******************************************************/
#footerEoleInfo {
	margin-top: 20px;
}

#footerEoleInfo li.act a:link, #footerEoleInfo li.act a:visited, #footerEoleInfo li.act a:hover, #footerEoleInfo li.act a:active {
	font-weight: bold;
}

/******************************************************
  CONTENU DROITE
*******************************************************/
div#rightContent a:link, div#rightContent a:visited, div#rightContent a:hover, div#rightContent a:active {
	color: #fff;
	font-style: normal;
}


/******************************************************
  CONTENU GAUCHE
*******************************************************/
div#leftContent a:link, div#leftContent a:visited, div#leftContent a:hover, div#leftContent a:active {
	color: #4a85c1;
	font-style: normal;
}

div#leftContent p {
	color: #4a85c1;
}

div#leftContent div.csc-textpic-imagewrap {
	margin: 0;
	padding: 0;
}

div#leftContent div.csc-textpic-imagewrap dl {
	background: url(../images/pointille.gif) repeat-x left bottom;
	padding-bottom: 20px;
}



/******************************************************
  BLOC EN UNE
*******************************************************/
div.grayBloc {
	background-color: #c4c5c7;
	margin-top: 50px;
	position: relative;
	padding: 5px 0;
}

div.grayBloc img {
	position: absolute;
	left: 0px;
	top: -20px;
}

div.grayBloc h3 {
	border-bottom: 1px solid #000;
	margin: 10px 10px 10px 0;
	padding: 0 0 5px 0;
	font-size: 130%;
}

#content div.grayBloc p {
	margin-right: 10px;
}


/******************************************************
  BLOCS NEWS
*******************************************************/
div.redBloc, div.blueBloc, div.orangeBloc {
	padding: 8px 8px 15px 8px;
	color: #fff;
}

div.redBloc ul, div.blueBloc ul, div.orangeBloc ul {
	margin: 5px 0;
	padding: 0 0 0 15px;
}

div.redBloc li, div.blueBloc li, div.orangeBloc li {
	padding: 4px 0;
}

div.redBloc h3, div.blueBloc h3, div.orangeBloc h3 {
	border-bottom: 1px solid #fff;
	margin: 5px 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 130%;
	color: #fff;
}

div.redBloc {
	background-color: #e53132;
}

div.blueBloc {
	background-color: #231181;
}

div.orangeBloc {
	background-color: #ef8014;
}

/******************************************************
  QUESTIONS / REPONSES
*******************************************************/
.tx-irfaq-pi1 dl {
	margin: 0 0 20px 0;
	padding: 0;
}


/******************************************************
  TT_NEWS
*******************************************************/
.news-item {
	margin: 20px 0 40px 0;
}

.news-item dl, .news-item dt, .news-item dd {
 	margin: 2px 0;
	padding: 0;
}

.news-item dt {
	display: none;
}

.news-item h3 {
	margin-bottom: 0;
}

#content .news-item p {
	margin: 2px 0;
	padding: 0;
}

#content .news-item .news-subheader p {
	margin: 0;
	padding: 0;
	display: inline;
}


.news-amenu-container ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/******************************************************
  PHOTOTHEQUE
*******************************************************/
div.photo {
	width: 160px;
	float: left;
	text-align: center;
	margin: 0 20px 20px 0;
	height: 190px;
}