@import url(../ext_css/sitemap.css);
@import url(../ext_css/search.css);
@import url(../ext_css/news.css);
@import url(../ext_css/contact.css);
@import url(../ext_css/login.css);

/******** Generic *********/

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

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

a {
	color: #ff9307;
	text-decoration: none;
}
a:visited {
	color: #c60;
}
a:hover {
	color: #f60;
	text-decoration: underline;
}

img {
	border: 0;
}

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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color: #ec891d;
	margin:0;
}

h2, h2.csc-firstHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color: #999;
	margin:0;
	margin-top: 20px;
	margin-bottom: 4px;
	border-bottom: 1px solid #ccc;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color: #666;
	margin:0;
	margin-top: 10px;
	margin-bottom: 5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #333;
	margin:0;
	margin-top: 10px;
	margin-bottom: 5px;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #333;
	margin:0;
	margin-top: 10px;
	margin-bottom: 5px;
}

h2.csc-firstHeader {
	margin-top: 0px;
}

.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#fff;
	font-weight:bold;
	background-color:#ec891d;
	margin-left:5px;

	width: 100px;
	border: 1px solid #999;
}

#main{
	width:998px;
	height:108px;
	position: relative;
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#5f6062;
	background-color:#f4f4f4;
	margin-left:5px;
	width: 150px;
	border: 1px solid #ccc;
}

/******** Top *********/
.logotop {
	background:url(../pics/topnav_templates/toplogo.gif) no-repeat;
	height:108px;
	width:314px;
	float: right;
}
.topvisu01 {
	background: url(../pics/topnav_templates/topvisu01.gif) no-repeat;
	height:108px;
}
#topvisu02 {
	background:url(../pics/topnav_templates/topvisu02.gif) no-repeat;
	height:24px;
	width:998px;
	padding-top: 3px;
	padding-left: 20px;
}



/******** Content *********/
.tx-cmwlinklist-pi1 table {
	font-size: 98%;
}

#contentTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #333333;
	width:725px;
	padding-right:2px;
	padding-left:5px;
	overflow: auto;
	height:391px;
	margin-left: 28px;
	padding-top: 10px;
	border-right:3px solid #ebebeb;
	border-bottom:14px solid #ebebeb;
	
}

#contentTxt ul {
	list-style-image: url(../pics/bullet_orange.gif);
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	padding-left:3px;
}
#contentTxt ul li ul li {
font-size:100%;
}
#contentTxt ul li ul li ul li {
font-size:100%;
}

div#contentTxtHeader {
	width:725px;
	height:44px;
	padding-left:10px;
	padding-top:12px;
	margin-left:28px;
	background:#ebebeb url(../pics/topnav_templates/roundedHeader.gif) no-repeat left top;
}



div#contentTxtHeader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color: #ec891d;
	margin:0;	
}

.rootline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	color:#333333;
	clear:both;
	margin-top:5px;
}

#contentAll{
	background: #FFFFFF url(../pics/topnav_templates/bkgcontent01.gif) repeat-y;
	position:relative;
	width:998px;
	height:497px;
	padding-top:10px;
}


#WrapAll{
	position:relative;
	margin:auto;
	width:998px;
}



/******** Topnav *********/
ul#topmenu {
	margin: 0;
	padding:0;
	list-style-type: none;
	margin-left: 25px;
	margin-top: 77px;
	float:left;
}

ul#topmenu li {
	display: block;
	float: left;
	padding:3px 10px 0px 10px;
	font-weight:bold;
	font-family: Arial, sans-serif;
}
ul#topmenu li a  {
	color:#666666;
}
ul#topmenu li a:hover  {
	color:#FF9307;
		text-decoration:none;
}

ul#topmenu li a.active  {
	color:#FF9307;
}


/******** Rightnav *********/

#rightNav{
	background:#e5e5e5 url(../pics/rightnav/bkgRightNav01.gif) no-repeat left top;
	width:190px;
	position:absolute;
	left:780px;
	height:470px;
}
ul.rightNav{
	margin: 0;
	padding:0;
	width:190px;
	list-style-type: none;
}
ul.rightNav li {
	width:190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#5f6062;
	margin: 0px;
	float: left;
}

ul.rightNav li a {	
	color:#2f69ab;
	display:block;
	position: relative;
	border-bottom:1px solid #fff;	
	padding-left:25px;
	text-decoration:none;
	padding-top:8px;
	padding-bottom: 8px;
}
ul.rightNav li a:visited {
	color:#2f69ab;
}
ul.rightNav li a:hover {	
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

ul.rightNav li.liens_act a,
ul.rightNav li.liens_act a:hover,
ul.rightNav li.liens_act a:visited {
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

ul.rightNav li.liens_first_act a,
ul.rightNav li.liens_first_act a:hover,
ul.rightNav li.liens_first_act a:visited {
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
	background: #ec891d url(../pics/rightnav/orange_icon_top.gif) no-repeat top left;
}

ul.rightNav li.actualites a {
	background: url(../pics/rightnav/actuIcon01.gif) no-repeat top left;
}
ul.rightNav li.actualites a:hover {
	background: #ec891d url(../pics/rightnav/actuIcon02.gif) no-repeat top left;
}

ul.rightNav li.actualites_act a, 
ul.rightNav li.actualites_act a:hover,
ul.rightNav li.actualites_act a:visited {
	background: url(../pics/rightnav/actuIcon02.gif) no-repeat top left;
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

ul.rightNav li.presentation a {
	background: url(../pics/rightnav/presentaIcon01.gif) no-repeat top left;
}
ul.rightNav li.presentation a:hover {
	background: #ec891d url(../pics/rightnav/presentaIcon02.gif) no-repeat top left;
}
ul.rightNav li.presentation_act a,
ul.rightNav li.presentation_act a:hover,
ul.rightNav li.presentation_act a:visited {
	background: url(../pics/rightnav/presentaIcon02.gif) no-repeat top left;
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

ul.rightNav li.groupetravail a {
	background: url(../pics/rightnav/groupeIcon01.gif) no-repeat top left;
}
ul.rightNav li.groupetravail a:hover{
	background: #ec891d url(../pics/rightnav/groupeIcon02.gif) no-repeat top left;
}
ul.rightNav li.groupetravail_act a,
ul.rightNav li.groupetravail_act a:hover,
ul.rightNav li.groupetravail_act a:visited{
	background: url(../pics/rightnav/groupeIcon02.gif) no-repeat top left;
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}


ul.rightNav li.procedures a {
	background: url(../pics/rightnav/proceduresIcon01.gif) no-repeat top left;
}
ul.rightNav li.procedures a:hover {
	background: #ec891d url(../pics/rightnav/proceduresIcon02.gif) no-repeat top left;
}
ul.rightNav li.procedures_act a,
ul.rightNav li.procedures_act a:hover,
ul.rightNav li.procedures_act a:visited {
	background: url(../pics/rightnav/proceduresIcon02.gif) no-repeat top left;
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

ul.rightNav li.publications a {
	background: url(../pics/rightnav/publicaIcon01.gif) no-repeat top left;
}
ul.rightNav li.publications a:hover {
	background: #ec891d url(../pics/rightnav/publicaIcon02.gif) no-repeat top left;
}
ul.rightNav li.publications_act a,
ul.rightNav li.publications_act a:hover,
ul.rightNav li.publications_act a:visited{
	background: url(../pics/rightnav/publicaIcon02.gif) no-repeat top left;
	color:#fff;
	background-color:#ec891d;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

/*** Subnav ***/
ul.rightNav ul.subrightNav {
	list-style-type: none;
	margin: 0;
	padding:0;
	font-size:90%;
}
ul.rightNav ul.subrightNav li {
	
}
ul.rightNav ul.subrightNav li a {	
	color:#ec891d;
	display:block;
	padding-left:35px;
	text-decoration:none;
	background-color:#f8ecde;
	font-size: 130%;
}
ul.rightNav ul.subrightNav li a:visited {
	color:#ec891d;
}
ul.rightNav ul.subrightNav li a:hover, 
ul.rightNav ul.subrightNav li.leftNav2-act a,
ul.rightNav ul.subrightNav li.leftNav2-act a:hover, 
ul.rightNav ul.subrightNav li.leftNav2-act a:visited {	
	background: #f8ecde url(../pics/rightnav/arrowSubNav.gif) no-repeat 25px ;
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:#ec891d;
}


/******** Bottom *********/

#bottomNav{
	background-image:url(../pics/topnav_templates/bkgbottom01.gif);
	background-repeat: no-repeat;
	/*height:24px;
	width:810px;
	position:absolute;
	margin:auto;
	top:632px;*/
	float:left;
	padding-top: 5px;
	padding-left: 20px;
}

#bottomNav {
	vertical-align: bottom;
}

ul.bottomNav {
	margin: 0;
	padding:0;
}

ul.bottomNav LI{
	float:left;
	display:block;
	width:90px;
}


.lastModified {
	width:200px;
	margin-left:20px;
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#5f6062;
	padding-top: 2px;
}

li.login, li.login_act {
	background: url(../pics/bottomnav/login01.gif) no-repeat left bottom;
	
}


.imprimer {	
	float:left;
	display:block;
	width:90px;
}
.envoyera, .envoyera_act {
	float:left;
	display:block;
	width:90px;	
}

div.recherche {
    float:right;
    width:200px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#5f6062;
}



/******** Recherche *********/

.recherche input.txtfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#5f6062;
	background-color:#ebebeb;
	margin-left:5px;
	width: 105px;
	border: 1px solid #c3c3c3;
}

.recherche input.formfieldSearchButton {
	background: url(../pics/bottomnav/searchIcon.gif) no-repeat;
	width: 14px;
	height: 14px;
	border: 0;
	vertical-align: middle;
	cursor: pointer;
}


.red, .required {
	color: #900;
}

div.search label{
	text-transform:none;
	font-family:Verdana, Arial;
	color:#666666;
	font-size:0.9em;

}

.backtohome a{
	display:block;
	height:100px;
	width:300px;
}

div.menu_list {
	margin-left: 15px;	
	padding-bottom: 5px;
}

div.menu_list a {
	padding-left: 10px;
	background: url(../pics/arrow.gif) left no-repeat;
	display: block;
}

div.flex-two-cols{
  clear:both;
}
div.flex-two-cols div.left-content {
  width:45%;
  float:left;
  padding-left:20px;
}
div.flex-two-cols div.right-content {
  width:45%;
  float:left;
}