html, body {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	margin:0;
	background-color:#006666;
	background-image:url(ombre_fond.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

:link img,:visited img, :active img {
	border-color:#CCCCCC;
}

:hover img {
	border-color:#006666;
}

#cts_container {
	width:990px;
	/*margin-left:auto;
	margin-right:auto;*/
	background-color:#FFFFFF;
	position:absolute;
	left:50%;
	margin-left:-495px;
}

#cts_header1 {
	height:23px;
	background-image:url(header1_bg.gif);
	background-repeat:no-repeat;
	font-size:11px;
	color:#fff;
	position:relative;
	background-color:#006666;
}

#cts_header1 p {
	margin:0;
}

#cts_header1 a:link, #cts_header1 a:active, #cts_header1 a:visited {
	color:#fff;
	text-decoration:underline;
}

#cts_header1 a:hover {
	text-decoration:none;
}

#cts_header1 #cts_accessibilite {
	position:absolute;
	/*right:220px;*/
	right:80px;
	top:3px;
}

#cts_header1 #cts_langues {
	position:absolute;
	right:90px;
	top:3px;
}

#cts_header1 #cts_intranet {
	position:absolute;
	right:10px;
	top:3px;
}

#cts_header2 {
	height:55px;
	background-image:url(header2_bg.gif);
	background-repeat:no-repeat;
	position:relative;
	background-color:#006666;
}

#cts_logo {
	position:absolute;
	top:2px;
	left:5px;
	width:122px;
	height:50px;
	background-image:url(logo_cts.gif);
	background-repeat:no-repeat;
}

#cts_header2 h1 {
	position:absolute;
	text-indent:-5000px;
	color:#FFFFFF;
}

#cts_header2 #cts_transverse {
	position:absolute;
	font-size:12px;
	color:#FFFFFF;
	top:20px;
	right:10px;
}

#cts_transverse a:link, #cts_transverse a:active, #cts_transverse a:visited {
	color:#fff;
	text-decoration:underline;
}

#cts_transverse a:hover {
	text-decoration:none;
}

#cts_menu {
	clear:both;
	height:27px;
	background-color:#006666;
	background-image:url(menu.gif);
	background-repeat:no-repeat;
}

#cts_bandeauPhoto {
	height:250px;
	background-repeat:no-repeat;
	position:relative;
	cursor:pointer;
}

#cts_content {
	background-image:url(left_bg.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:relative;
	overflow:auto;
	/*height: 1%;*/
	padding-bottom:10px;
}

/* IE hack */
* html #cts_content {
	height: 1%;
}

#cts_content_1col {
	background-color:#FFFFFF;
	padding-bottom:10px;
	position:relative;
}

#cts_breadcrumb {
	position:absolute;
	/*display:inline;*/
	margin-left:10px;
	margin-top:10px;
	font-size:0.7em;
	left:234px;
}

#cts_breadcrumb.oneColumn {
	left:0px;
}

.cts_breadcrumb {}

a.cts_breadcrumb:link, a.cts_breadcrumb:active, a.cts_breadcrumb:visited {
	color:#F53F48;
	text-decoration:underline;
}

a.cts_breadcrumb:hover {
	text-decoration:none;
}

#cts_leftpane {
	width:220px;
	margin-left:10px;
	float:left;
	display:inline;
	padding-top:10px;
	height:100%;
}

#cts_contentpane_2col {
	float:right;
	width:736px;
	padding-top:50px;
	padding-right:10px;
}

h2.titleInSkin {
	color:#006666;
	font-size:1.5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#cts_contentpane_2col_hp {
	float:right;
	width:740px;
	padding-top:10px;
	padding-right:10px;
}

#cts_contentpane_1col {
	padding-top:50px;
	padding-right:10px;
	padding-left:10px;
}

/* colonnes en page d'accueil */
#cts_hp_col1 {
	width:240px;
	float:left;
}

#cts_hp_col2 {
	width:240px;
	float:left;
	margin-left:10px;
}

#cts_hp_col3 {
	width:240px;
	float:right;
}

#cts_footer {
	clear:both;
	height:30px;
	padding-top:10px;
	background-image:url(ombre_footer.gif);
	background-repeat:repeat-x;
	text-align:center;
	color:#fff;
	font-size:11px;
}

#cts_footer p {
	margin:0;
}

#cts_footer a.cts_footer:link, #cts_footer a.cts_footer:active, #cts_footer a.cts_footer:visited {
	color:#fff;
	text-decoration:underline;
}

#cts_footer a.cts_footer:hover {
	text-decoration:none;
}

/*----- inscription  la newsletter page d'accueil / Message d'erreur ------*/
#email_error {
	color:#FF0000;
	font-weight:bold;
	font-size:90%;
}

/* =============================================================
    CSS STYLES FOR HouseMenu SkinObject (navigation principale)
   =============================================================
*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/

#HouseMenuNav, #HouseMenuNav ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 100;
}

#HouseMenuNav li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li li { /* all items under the top level */
	z-index: 11113;
}

#HouseMenuNav a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}

#HouseMenuNav li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li ul { /* second-level lists */
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#HouseMenuNav li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li:hover ul ul, 
#HouseMenuNav li:hover ul ul ul, 
#HouseMenuNav li.sfhover ul ul, 
#HouseMenuNav li.sfhover ul ul ul {
	left: -9999px;
}

#HouseMenuNav li:hover ul, 
#HouseMenuNav li li:hover ul, 
#HouseMenuNav li li li:hover ul, 
#HouseMenuNav li.sfhover ul, 
#HouseMenuNav li li.sfhover ul, 
#HouseMenuNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#HouseMenuNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer {
	cursor: default;
}

/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#HouseMenuNav, #HouseMenuNav ul { /* all submenu lists */

}

ul#HouseMenuNav {
	margin-left:220px;
}

ul#HouseMenuNav {
	background-color: transparent;
	height:27px;
}

ul#HouseMenuNav ul {
	background-color:#FFFFFF;
}

ul#HouseMenuNav li { /* all list items */
	text-align:left;
	height:21px;
	padding:5px 20px 0 20px;
	margin:0;
	background:url(menu_sep.gif) right no-repeat;
}

ul#HouseMenuNav li li { /* all items under the top level */
	background:none;
	height:22px;
	clear:both;
	padding:0;
	margin:0;
}

ul#HouseMenuNav li a { /* all links within the menu wrapper */
	font-size: 14px;
	font-weight : bold;
	color : #FFFFFF;
}

ul#HouseMenuNav li li a { /* all item links under the top level */
	color: #006666;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	width:186px;
	height:19px;
	padding-top:3px;
	padding-left:4px;
}

ul#HouseMenuNav li a:hover {
	color: #000000;
	text-decoration:none;
}

ul#HouseMenuNav li li a:hover {
	color: #000;
	background-color:#DDEEFF;
	padding-top:3px;
	padding-left:4px;
	height:19px;
	width:186px;
}

ul#HouseMenuNav li ul { /* second-level lists */
	/* width of submenu, must be set so third-level list can get shifted over properly */
	/*width: 144px;*/
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #006666;
	/*margin: -2px 0 0 0;*/
	/* hack for MacIE5 to ignore, while other browsers use \*/
	/*margin: 0;*/
	/* end hack */
	/*line-height: 12px;*/
	/*height: auto;*/
	width:190px;
	overflow:inherit;
}

ul#HouseMenuNav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 190px;
	border: solid 1px #006666;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
ul#HouseMenuNav #HouseMenuNavParentItem a { /* all links under the parent item (li) */

}

ul#HouseMenuNav a#HouseMenuNavParentLink { /* parent link itself */
}

ul#HouseMenuNav li#HouseMenuNavCurrentItem { /* current item */

}

ul#HouseMenuNav a#HouseMenuNavCurrentLink { /* current link itself */
	/*height:12px;
	float:left;
	*/
	color:#999999;
}

ul#HouseMenuNav ul a#HouseMenuNavCurrentLink {
	width:186px;
	color:#F53F48;
}

/* ===============================================
    CSS STYLES FOR HouseMenu SkinObject (sitemap)
   ===============================================
*/

#HouseMenuSitemap {}

#HouseMenuSitemap li {
	list-style-image:url(puce.gif);
}

#HouseMenuSitemap a:link, #HouseMenuSitemap a:active, #HouseMenuSitemap a:visited {
	color:#0099CC;
	text-decoration:underline;
}

#HouseMenuSitemap a:hover {
	text-decoration:none;
}

#HouseMenuSitemap li {
	font-weight:bold;
	font-size:0.9em;
	padding-bottom:10px;
}

#HouseMenuSitemap li li {
	font-weight:normal;
	padding-bottom:0;	
}

/* ===============================================
    CSS STYLES FOR Announcement module
   ===============================================
*/

p.titreActu {
	font-size:0.8em;
	padding-top:10px;
}

/* ===============================================
    CSS STYLES FOR Search Results module
   ===============================================
*/

.searchResultsPubDate {
	font-size:0.7em;
}

/* ===============================================
    CSS STYLES pour le lien en savoir plus bandeau photo réveillon 2009
===============================================
*/

#savoirplus, #savoirplus a {
	position:absolute;
	width:110px;
	height:24px;
	bottom:0;
	right:0;
}

.DNNEmptyPane {
	font-size:0;
	line-height:0;
}

.DNN_NewsFeedsContent {
	font-size:0.8em;
}