@import url("menu.css");
@import url("flex.css");
@import url("../ext_css/news.css");
@import url("../ext_css/search.css");
@import url("../ext_css/sitemap.css");
@import url("../ext_css/contact.css");
@import url("../ext_css/events.css");
@import url("../ext_css/hierarchicaldir.css");

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background: #fff url(../pics/topnav/bkg_topmenu01.gif) repeat-x left top;
}

#wrapcontentNext table{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #10a5d5;
}

a:visited {
	color: #1d7694;
}

a:hover {
	color: #04aee4;
    text-decoration:none;
}


/* ---[ marketing home ]--------------------- */
.sloganhome{
	background:url(../pics/sloganhome.jpg) no-repeat left top;
	height: 146px;
	width: 521px;
}
.slogan4axesbkg{
	background:#d4e3ec url(../pics/slogan4axes.gif) no-repeat left top;
	width:521px;
	height:123px;
	float:left;
}
.slogan4axes{
	//background:#d4e3ec;
	margin-left: 0px;
	width:521px;
	height:123px;
	float:left;
}

.sloganbottom{
	background:#d4e3ec url(../pics/slogankgbottom.gif) no-repeat right bottom;
		width: 521px;
		clear:both;
		display:block;
		height:14px;
		
}

/* ---[ end of marketing home ]--------------------- */
/* ---[ common elements ]--------------------- */

p, form {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
	padding:0;
	margin:0;
}
	
.hide {
	display: none;
}	

.clear {
	visibility: hidden;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}



/* ---[ form elements ]--------------------- */

#searchform {
	padding-right: 2px;
	float: right;
}

#searchform label {
	text-transform: uppercase;
	vertical-align:middle;
	color: #fff;
}

#searchform input {
	vertical-align: middle;
}
#searchform input.txtfield {
	padding: 1px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	width: 80px;
	margin-left: 1px;
}
#searchform input.formfieldSearchButton {
	vertical-align:middle;
	background: url(../pics/b_search.gif) left no-repeat;
	border: 0;
	width: 12px;
	height: 12px;
	
}



div#loginform {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: right;
	border-left: 1px solid #BDBEBE;
	float: right;
	height: 23px;
	vertical-align: middle;
}

#loginform label{
	vertical-align:middle;
	
}

#loginform input{
	vertical-align:middle;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 10px;
	width: 70px;
}

#loginform input.formfieldLoginButton {
	vertical-align:middle;
	background: url(../pics/b_search.gif) left no-repeat;
	border: 0;
	width: 12px;
	height: 12px;
}


#loginform .username {
	background: url(../pics/user.gif) left no-repeat;
	padding: 0 15px;
	font-size: 90%;
}

#loginform input.formfieldLogoutButton {
	vertical-align:middle;
	background: url(../pics/b_logout01.gif) left no-repeat;
	border: 0;
	width: 12px;
	height: 12px;
}

#loginform input.formfieldLogoutButton:hover {
	background: url(../pics/b_logout02.gif) left no-repeat;
}


/* ---[ structure elements ]--------------------- */

#wrapnav {
	background: url(../pics/topnav/logo_crp.gif) no-repeat left top;
	position: relative;
	margin: auto;
	padding: 10;
	width: 941px;
	height: 104px;
	clear: both;
}
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	width: 941px;
	text-align: left;
  	
}

#mainnav ul#menu li{
	display: inline;
}

#mainnav ul#menu li img {
	border: 0;
	margin: 0;
}


#mainnav {
	float: right;
	clear:both;
	margin-bottom: -3px;
	/*margin:0 0 -2;*/
	padding:0px;
	/*height:34px;*/

}

#supportnav {
	height: 25px;	
	background:  url(../pics/supportnavbkg.gif) top left repeat-x;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #BDBEBE;
	clear: left;
	vertical-align: middle;
	text-align:right;
}


.languages{
	color: #999;
	float: right;
	line-height: 1.2em;
	padding: 5px 2px 10px;
	margin-right: 0;
	margin-left: 0;
}
.languages ul li{
display:inline;

}

.languages ul li .fr{
	display: block;
}

.languages ul li .uk{
	display:block;
}
span.fr a {
	border: 0;
	padding-right: 20px;
	background:url(../pics/topnav/fr_01.gif) no-repeat right;
	width: 20px;
	display:block;
}
span.fr a:hover {
	border: 0;
	padding-right: 20px;
	background:url(../pics/topnav/fr_02.gif) no-repeat right;
	width: 20px;
	display:block;
}

span.uk a {
	border: 0;
	padding-right: 20px;
	background:url(../pics/topnav/uk_01.gif) no-repeat right;
	width:20px;
	display:block;
}
span.uk a:hover {
	border: 0;
	background:url(../pics/topnav/uk_02.gif) no-repeat right;
	width: 20px;
	display:block;
}


#topall {
	height:104px;
	margin: 0;
	padding: 0;
}
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 90%;
	margin: 3px 5px 20px 3px;
	padding: 0;
	clear:both;
	width: 500px;
	
}

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#topnav ul li {
	color: #999;
	margin: 0;
	float: left;
	list-style: none;
	line-height: 1.2em;
	border-right: 1px solid #999;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
#topnav ul li.last {
	border: 0;
	padding-right: 5px; 
}

#topnav a {
	float: left;	
	text-decoration: none;	
	color: #114e63;
}

#topnav a:hover, #topnav a.active {
	text-decoration: underline;
	color: #1d7694;
}
#topnav a.active {
	font-weight: bold;
	color: #1d7694;
}

#subnavMainBkg,  #subnavMainBkgaccueil{
	background:  #fc3 url(../pics/topnav/sub_bkg_accueil.gif) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	height:26px;
	margin:0;
	padding:0;
		border: 0px;
}

#subnavMainBkgenvironnement {
	background:  #009900 url(../pics/topnav/sub_bkg_environnement.gif) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	height:26px;
	margin:0;
	padding:0;
		border: 0px;
}

#subnavMainBkgactus {
	background:  #009900 url(../pics/topnav/sub_bkg_actus.gif) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	height:26px;
	margin:0;
	padding:0;
		border: 0px;
}

#subnavMainBkgict {
	background:  #009900 url(../pics/topnav/sub_bkg_it.gif) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	height:26px;
	margin:0;
	padding:0;
		border: 0px;
}

#subnavMainBkgmateriaux {
	background:  #009900 url(../pics/topnav/sub_bkg_materiaux.gif) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	height:26px;
	margin:0;
	padding:0;
		border: 0px;
}

#subnavMainBkgauto {
	background:  #009900 url(../pics/topnav/sub_bkg_auto.gif) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	height:26px;
	margin:0;
	padding:0;
		border: 0px;
}

#subnavMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	list-style-type: none;
	clear: both;
	padding:0px;
	height:26px;
	margin:auto;
	width:941px;

}

#subnavMain ul.subnavMainAccueil{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:inline;
	float:left;
	padding:3px 3px 2px;
	vertical-align:bottom;
	font-weight:bold;
	margin: 1px 0px 0px;
	margin-top:5px;
		color: #FFFFFF;
		clear: both;

}
ul.subnavMainAccueil li{
	display:inline;
	margin:0px;
		color: #FFFFFF;	


}

ul.subnavMainAccueil li a, ul.subnavMainAccueil li a:visited {
padding:5px;
	color: #FFFFFF;	
	list-style-type: none;
	text-decoration:none;
	border-right:1px solid #fff;
}

ul.subnavMainAccueil li a:hover{
	color: #000;
	background-color:#FFFFFF;
}





#title {
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	background-color: #FFFFFF;
	margin: auto;
}

#title #micronav {
	font-size: 9px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
}

#title h1 {
	margin: 0;
	padding: 0;
	font-size: 150%; 
	font-weight: bold;
	color: #65ABC7;
	padding-left: 0px;	
}


#functions{
float:right;
clear:both;
height:17px;
padding-bottom:0px;
padding-top:0px;

}


#functions ul li{
display:inline;
}



/* ---[ main column ]----------------------------- */


#wrapcontent {
	float:left;
	border-top: 0px;
	background: #fff;
	width: 941px;
	padding-left: 25px;
}

#wrapcontentHome {
	border-top: 0px;
	background: url(../pics/topnav/bkg_wraphome.gif) repeat-y right top;
	width: 941px;
	margin: auto;
	clear: both;
	padding: 0px;
	float: left;
	height: auto;
}

#main-body {
	width: 540px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#main-bodynext {
	margin: 0px;
	padding: 0px;
}
#contenthome {
	margin: 0px;
	padding: 0px 10px 10px 0;
	background: #fff;
	font-size: 100%;
}
#content {
	margin: 0px 0px 0px 216px;
	padding: 0px 10px 10px 0;
	background: #fff;
	font-size: 100%;
}
#contentnextWithboxes {
	margin: 0px 190px 0px 216px;
	padding: 0px 10px 10px 0;
	background: #fff;
	font-size: 100%;
}

#contentnextWithoutboxes {
	margin: 0px 0px 0px 216px;
	padding: 10px;
	background: #fff;
	font-size: 100%;
}
#content ul, #contentnextWithboxes ul, #contentnextWithoutboxes ul {
	margin: 0px 3px;
	padding: 2px 3px;
	font-size: 100%;
}

#content ul li, #contentnextWithboxes ul li, #contentnextWithoutboxes ul li {
	margin: 0px;
	padding: 0px 2px 0px 3px;
	font-size: 95%;
	list-style-image:url(../pics/bullet02.gif);
	list-style-position: inside;
}

#content h1, #contentnextWithboxes h1,  #contentnextWithoutboxes h1 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #808080;
	color: #666;
	font-size: 120%;
}


/* ---[ right column ]----------------------------- */

#sidebar {
	width: 184px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #333;	
}

#sidebar {
	width: 184px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #333;
	clear: both;
}
#sidebar #subnav {
background: #FBFBFB url(../pics/bkgnewsitems.gif) left bottom repeat-x;
	float:left;
	margin: 0px 0 20px;
	padding-bottom:5px;
	width: 184px;
}

#sidebar #subnav h3 {
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 120%;
	border: none;
	background: #F00;

}

#sidebar #subnav p, #sidebar #subnav ul, #sidebar #subnav dl {
	margin: 4px 5px 4px 6px;
	padding: 0;
	list-style: none;
}


#sidebar #subnav li {
	/*margin: 0 0 .5em 0;
	padding: 0 0 0 5px;
	line-height: 1.4em;	*/
	clear: both;
}

#sidebar #subnav ul.sub li ul.sublevel2 {
	float:left;
}
#sidebar #subnav ul.sub li ul.sublevel2 li {
	margin-left: 6px;
}

#sidebar #subnav li.act {
	padding-left: 6px;
	padding-bottom: 3px;
	float: left;
	font-weight: bold;
	clear: both;
	background: url(../pics/bullet-act.gif) no-repeat 0 5px;
}

#sidebar #subnav li a {
	padding-left: 5px;
	padding-bottom: 5px;
	float: left;
}

#sidebar #subnav li a:hover {	
	background: url(../pics/bullet.gif) no-repeat 0 5px;
	
}
#sidebar #subnav li a:visited {
	
}


#boxzone {
	float:right;
	width: 184px;
	clear: left;
}

.box {
	margin: 0;
	padding: 0;
	background: #efefef;
}


#sidebar .box .boxtitle p {
	padding: 0;
	margin: 0;
}
.box .boxtitle {
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/bkg_hbox01.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}

.boxtitleNavenvironnement{
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/sub_bkg_environnement.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}

.boxtitleNavaccueil{
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/sub_bkg_accueil.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}

.boxtitleNavict{
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/sub_bkg_it.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}

.boxtitleNavmateriaux{
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/sub_bkg_materiaux.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}

.boxtitleNavauto{
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/sub_bkg_auto.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}

.boxtitleNavactus{
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/sub_bkg_actus.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}


.box .boxcontent {
	margin: 4px 10px 4px 10px;
}

.box .boxcontent h1, .boxcontentActus h1 {
	margin:0px;
	padding:0px 0px 5px 0px;
	font-size: 130%;
	color: #666;
	border-bottom:1px solid #ccc;
}







#sidebarActus {
	width: 215px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #333;
}

#sidebarActus #subnav {
	background: #FBFBFB url(../pics/bkgnewsitems.gif) left bottom repeat-x;
	float:left;
	margin: 0px 0 20px;
	padding-bottom:5px;
	width: 184px;
}

#sidebarActus #subnav h3 {
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 120%;
	border: none;
	background: #F00;

}

#sidebarActus #subnav p, #sidebarActus #subnav ul, #sidebarActus #subnav dl {
	margin: 4px 5px 4px 6px;
	padding: 0;
	list-style: none;
}


#sidebarActus #subnav li {
	/*margin: 0 0 .5em 0;
	padding: 0 0 0 5px;
	line-height: 1.4em;	*/
	clear: both;
}

#sidebarActus #subnav ul.sub li ul.sublevel2 {
	float:left;
}
#sidebarActus #subnav ul.sub li ul.sublevel2 li {
	margin-left: 6px;
}

#sidebarActus #subnav li.act {
	padding-left: 6px;
	padding-bottom: 3px;
	float: left;
	font-weight: bold;
	clear: both;
	background: url(../pics/bullet-act.gif) no-repeat 0 5px;
}

#sidebarActus #subnav li a {
	padding-left: 5px;
	padding-bottom: 5px;
	float: left;
}

#sidebarActus #subnav li a:hover {	
	background: url(../pics/bullet.gif) no-repeat 0 5px;
	
}
#sidebarActus #subnav li a:visited {
	
}


#boxzoneActus {
	clear: left;
	float:right;
	width: 213px;
	margin-right: 2px;
}

.boxActus {
	margin: 0;
	padding: 0;
}


#sidebarActus .boxActus .boxtitleActus p {
	padding: 0;
	margin: 0;
}
.boxActus .boxtitleActus {
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/bkg_hActus.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}
.boxActus .boxcontentActus {
	margin: 4px 10px 4px 10px;
}

.boxActus .boxcontent h1 {
	font-size: 130%;
	color: #900;
}

h1 {
font-size: 130%;
color: #666;
border-bottom:1px solid #ccc;
}



.contentnextWithboxes div.csc-header csc-header-n1 h1.csc-firstHeader {
font-size:130%;
border-bottom:1px solid #ccc;

}



#sidebarNav {
	width: 215px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #333;
}

#sidebarNav #subnav {
	background: #FBFBFB url(../pics/bkgnewsitems.gif) left bottom repeat-x;
	float:left;
	margin: 0px 0 20px;
	padding-bottom:5px;
	width: 184px;
}

#sidebarNav #subnav h3 {
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 120%;
	border: none;
	background: #F00;

}

#sidebarNav #subnav p, #sidebarNav #subnav ul, #sidebarNav #subnav dl {
	margin: 4px 5px 4px 6px;
	padding: 0;
	list-style: none;
}


#sidebarNav #subnav li {
	/*margin: 0 0 .5em 0;
	padding: 0 0 0 5px;
	line-height: 1.4em;	*/
	clear: both;
}

#sidebarNav #subnav ul.sub li ul.sublevel2 {
	float:left;
}
#sidebarNav #subnav ul.sub li ul.sublevel2 li {
	margin-left: 6px;
}

#sidebarNav #subnav li.act {
	padding-left: 6px;
	padding-bottom: 3px;
	float: left;
	font-weight: bold;
	clear: both;
	background: url(../pics/bullet-act.gif) no-repeat 0 5px;
}

#sidebarNav #subnav li a {
	padding-left: 5px;
	padding-bottom: 5px;
	float: left;
}

#sidebarNav #subnav li a:hover {	
	background: url(../pics/bullet.gif) no-repeat 0 5px;
	
}
#sidebarNav #subnav li a:visited {
	
}


#boxzoneNav {
	float:left;
	width: 213px;
	margin-right: 2px;
	background-image: url(../pics/topnav/bkg_leftnavcontent.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.boxNav {
	margin: 0;
        padding:0px 10px 10px 0pt;
}


#sidebarNav .boxNav .boxtitleNav p {
	padding: 0;
	margin: 0;
}
.boxNav .boxtitleNav {
	margin: 0 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #FFFFFF url(../pics/topnav/bkg_hActus.gif) repeat-x right top;
	font-weight: bold;
	text-transform: uppercase;
}
.boxNav .boxcontentNav {
	margin: 4px 10px 4px 10px;
}

.boxcontentNav ul {
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-bottom:0px;
	margin-top: 0px;
}

.boxcontentNav ul li {
	padding: 0px 0px 0px 0px;
	margin-left: 5px;
	margin-bottom:0px;
	margin-top: 0px;
}

.boxcontent ul {
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-bottom:0px;
	margin-top: 0px;
}

.boxcontent ul li {
	padding: 0px 0px 0px 0px;
	margin-left: 5px;
	margin-bottom:0px;
	margin-top: 0px;
}

.boxNav .boxcontent h1 {
	font-size: 130%;
	color: #900;
}




/* ---[ footer ]----------------------------------- */

#footer {
	text-align: right;
	background:#c9dee7 url(../pics/topnav/bkg_bottom.gif) no-repeat center top;
	position: relative;
	clear: both;
	margin: 0;
	padding:0;
	font-size: 90%;
	color: #666;
	border: 1px solid #fff;
}
#footer p {
	margin: auto;
	padding: 5px;
	width:941px;
	color:#114e63;
}
#footer p a {
	color: #114e63;
}

#footer p a:visited {
	color: #1d7694;
}

#footer p a:hover {
	color: #04aee4;
    text-decoration:none;
}
.tx-hierarchicaldirectory-pi1 {
	float:right;
}


.tx-newslettersubscription-pi1 ul li{
list-style:none;
}