* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	
	background: url(../images/new/fond.png) repeat-x;
	background-color: #003d6e;
}

#wrapper {
	margin: 20px auto;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	z-index: 5;
	width: 960px;
}

#main {
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.clear {
	height: 0;
	width: 0;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
}


/*********************
******  HEADER  ******
*********************/

#header {
	width: 100%;
	height: 190px;
	background: url(../images/new/header.jpg) no-repeat left top;
	background-color: #fff;
	position: relative;
	z-index: 100;
}

/******  LOGO ******/

#header #logo {
	float: left;
	width:421px;
	overflow:hidden;
}


#header #logo ul {
	list-style-type: none;
	margin: 8px 0 0 24px;
	
}
#header #logo ul li a,
#header #logo ul li span {
	text-indent: -9999px;
	text-align: left;
	outline: none;
	width:397px;
	height:96px;
	background: url(../images/new/logo.png) no-repeat;
	display: block;
}

/****** Lien Extranet ******/

#lienExtranet {
	width: 85px;
	float: right;
	overflow: hidden;
	margin: 5px 5px 0 0;
}

#lienExtranet ul li {
	
	
}

#lienExtranet ul li a,
#lienExtranet ul li p {
	color: #37b5a7;
	padding: 0 0 0 15px;
	display: block;
	background: url(../images/new/puce_extranet.png) no-repeat left top;
	width:85px;
	height: 13px;
	font-size: 9px;
		
}

#lienExtranet ul li a:hover {
	text-decoration: none;
}

/****** Newsletter Inscription *******/

.mod_subscribe {
	float: right;
    margin: 0;
	position: relative;
	width: 476px;
	text-align: left;
	margin-top: 2px;

}

*:first-child+html #header .mod_subscribe {
	width: 476px;
}

.mod_subscribe * { display: block;}

#header .mod_subscribe {overflow: visible;}

.mod_subscribe input.submit {
    background: url(../images/new/btn_ok.png) no-repeat;
    width: 20px;
    height: 16px;
    border: none;
    text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin: 0 0 0 5px;
}

*:first-child+html #header .mod_subscribe input.submit{
	padding: 20px;
	
}

.mod_subscribe input.text {
    height: 17px;
    width: 195px;
	color: #fff;
	background-color: #59bfdc;
	border: none;
	font-size: 10px;
	float: left;
	padding: 0 0 0 5px;
	font: Verdana;
}

*:first-child+html .mod_subscribe input.text {
	
}

.mod_subscribe h6 {
  	background: url(../images/new/puce_newsletter.png) no-repeat left top;
	height: 13px;
    color: #fff;
	font-size: 100%;
	font-weight: normal;	
	float: left;
	margin: 2px 5px 0 5px;
	padding: 0 0 0 15px;
}

.mod_subscribe p.error {
	position: absolute;
	top: 20px;
	right: 7px;
	color: red;
	z-index: 200;	
}

.mod_subscribe p.confirm {
	width: 213px;
	position: absolute;
	bottom: -3px;
	left: 238px;
	color: #fff;
	font-weight: bold;
	background-color: #59bfdc;
	padding: 0 10px;
}

.mod_unsubscribe {	
	width: 240px;
}

.mod_unsubscribe input.text {
	height : 20px;
}

.mod_unsubscribe input.submit {
	background-color: #4b2710;
	width: 91px;
	height: 19px;
	border: none;
	color: #8c7a6c;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	cursor: pointer;
	
}



*:first-child+html input.submit{
	text-align: left;
	font-size: 0;
	color: #4b2710;
	padding-left: 20px;
}

*:first-child+html .mod_subscribe {
	width: 400px;
}

/******** mod langue *********/

#menu_langues {
	float: right;
	margin: 5px 5px 0 0;
}

#menu_langues ul.level_1 li {
    float: left;
	margin-right: 5px;
	list-style-type: none;
}

.langFR #menu_langues ul.level_1 li.first a.first {
	background: url(../images/new/picto_fr-on.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}

.langEN #menu_langues ul.level_1 li.first a.first {
	background: url(../images/new/picto_fr-off.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}

#menu_langues ul.level_1 li.first p.active {
    background: url(../images/new/picto_fr-on.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}


.langEN #menu_langues ul.level_1 li.last a.last
 {
    background: url(../images/new/picto_en-on.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}

.langFR #menu_langues ul.level_1 li.last a.last
 {
    background: url(../images/new/picto_en-off.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}

#menu_langues ul.level_1 li.last p.active {
	background: url(../images/new/picto_en-on.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}

.langEN #menu_langues ul.level_1 li.first a:hover {
	  background: url(../images/new/picto_fr-on.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}

.langFR #menu_langues ul.level_1 li.last a:hover {
	background: url(../images/new/picto_en-on.png) no-repeat;
    text-indent: -9999px;
	width: 20px;
    height: 13px;
	overflow: hidden;
}


#menu_langues a, #menu_langues span {
	display: block;
}

/******  MENU  ******/


#menu {
	width: 960px;
	height: 39px;
	position: absolute;
	z-index: 100;
	top: 150px;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	background: url(../images/new/fond_menu.png) repeat-x;
	overflow: visible;
	text-align: center;
}

#menu ul.level_1 {

	margin: 0 auto;
	padding: 0;
	list-style: none;
	background: url(../images/new/fond_menu.png) repeat-x;
	display: inline-block;

}
*:first-child+html #menu ul.level_1 {
	margin: 0 25px 0 45px;
}

#menu ul.level_1 li.submenu {
	
	margin: 0;
	padding: 0;
	list-style: none;
	/*
display: table-cell;
*/
	position: relative;
	float: left;

}
#menu ul.level_1 li a.submenu {
	height: 39px;
	padding: 0 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	border-right: 1px solid #004e8c;
	border-left: 1px solid #002c4f;
	line-height: 39px;
	position: relative;
	
}
#menu ul.level_1 li.first {
	border-left: 1px solid #004e8c;
}

#menu ul.level_1 li.last {
	border-right: 1px solid #002c4f;
}

#menu ul.level_1 li.active, #menu ul.level_1 li.trail {
	background-color: #009cca;
}


#menu ul.level_1 li.submenu a:hover {
	background-color: #009cca;
	
}

/**********/

#menu ul.level_1 li.submenu ul.level_2 {
	width: 224px;
	position: absolute;
	z-index: 100;
	top: 39px;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	background: url(../images/new/sousMenu.png) no-repeat left bottom;
	padding: 3px 0 4px 0;
	display: none;
}
* html #menu ul.level_1 li.submenu ul.level_2 {
	background: url(../images/new/sousMenu.gif) no-repeat left bottom;
	
}

*:first-child+html #menu ul.level_1 li.submenu ul.level_2 {

}

#menu ul.level_1 li.submenu ul.level_2 li,
#menu ul.level_1 li.submenu ul.level_2 li.first {
	background-color: #33b0d5;
	width: auto;
	text-align: left;
	display: block;
	margin: 0 5px 2px 5px;
	border: none;
}

#menu ul.level_1 li.submenu ul.level_2 li.active {

}

#menu ul.level_1 li.submenu ul.level_2 li a {
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding: 3px 14px 3px 5px;
}

#menu ul.level_1 li.submenu ul.level_2 li a:hover,
#menu ul.level_1 li.submenu ul.level_2 li a.active {
	background: url(../images/new/puce_menu-haut.png) no-repeat 5px center #6ec7e1;
	padding: 3px 5px 3px 14px;
	
	
}



/************************
******  CONTAINER  ******
************************/

#container {
	width: 100%;
	position: relative;
	z-index: 10;
	
}

/************************
*******  FOOTER  ********
************************/

#footer {
	background: url(../images/new/footer.png) no-repeat;
	width: 960px;
	height: 62px;
	position: relative;
	
}

#footer .mod_customnav {
	width: auto;
	padding: 16px 0 0 213px;
	color: #646464;
}
	
#footer .mod_customnav a {
    text-decoration: underline;
    color: #646464;
	display: inline-block;
	font-size: 9px;
}

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