/* STENO DEFINITION
Lien avec puce=lien_puce
Titre léger=light
Coordonnée=mail
*/

/* Style steno */
a.lien_puce
{
	padding-right:16px;
	background:url(../img/global/gp/bullet-evenement.gif) no-repeat right 3px;
}

a.lien_puce_left
{
	display: block;
	padding: 0 0 0 17px;
	background: url(../img/global/gp/bullet-evenement.gif) no-repeat left 3px;
}
/* Fin style steno */

/* RESET CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	behavior: url(iepngfix.htc);
}

em {
	font-style: italic;
}

a img, :link img, :visited img, a, a:hover, a:link, a:active {
	border: 0;
	text-decoration: none;
	color:#00adef;

}

ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.6em;
	background-repeat: repeat-x;

}

div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, blockquote, hr, pre, button {
	border: 0;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	top: 0;
}

small {
	font-size: 0.6em;
	font-weight: normal;
}

/* PRATIQUES */

.fl {
	float: left;
}

.fr {
	float:right;
}

.cb {
	clear: both;
}

.db {
	display: block;
}

.header_print {
	display: none;
}

.spacer {
	clear: both;
	line-height: 0;
	font-size: 0;
	height:0;
}

/* TITRES */

h1 {
	font-size: 1.6em;
	font-weight: bold;
}

h2 {
	font-size: 1.1em;
	line-height:1.2em;
}
h4{
	font-size:2.1em;
	color:#00adef;
	float:left;
}

/* IMAGE */

.imageright {
	margin: 10px 0;
	float: right;
}

.imageleft {
	margin: 10px 0;
	float: left;
}

/* LIENS */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* LISTES */

.paragraph ul {
	margin: 15px 0;
	list-style-position: inside;
	list-style-type: square;
}

.paragraph li {
	padding-left: 10px;
}

/* FORMULAIRES */
.inputfield {}
.selectfield {}


/*-------------------------------------------
GLOBAL
-------------------------------------------*/

body {
	background-color: #01202d;
	background-image: url(../img/global/gp/gp_bkgd.gif);
}

.canvas {
	margin: 0 auto;
	width: 860px;
	height: 100%;
	clear: both;
}

		/*-------------------------------------------
		HEADER
		-------------------------------------------*/

		.header {
			width:860px;
			height:341px;
			margin-top: 21px;
		}

		.banniere{
			width:860px;
			height:300px;
			background:#FFF;


		}
		.banniere-flash{
			width:835px;
			height:212px;
			margin:12px 0 0 12px;
			-margin:12px 0 0 6px;
			float:left;
		}
		.logo{
			width:155px;
			height:120px;
			position:absolute;
			cursor:pointer;
			z-index:99;
		}
		.top-menu{
			width:860px;
			height:45px;
			position:relative;
			z-index:55;
		}
		.top-menu ul{
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		}

		.top-menu li {
		display: block;
		float: left;
		list-style-image: none;

		}

		/*-------------------------------------------
		MAIN MENU HEADER
		-------------------------------------------*/
		.main-menu {
			width:835px;
			height:63px;
			background-image: url(../img/global/gp/gp_mainmenu_bkgd.jpg);
			background-repeat:repeat-x;
			-background-color:none;
			margin-left:12px;
			clear: both;
			float: left;
			display: inline;
			position:relative;
			z-index:0;
		}

		.main-menu ul {
			float: right;
			padding:0;
		}

		.main-menu li{
			float: left;
			display: inline;
			height: 63px;
			font-size:1.1em;
			font-weight:100;
		}

		.main-menu li.sep{
			padding: 8px 0 0 0;
		}

		.main-menu a{
			float: left;
			height: 34px;
			padding : 25px 20px 0 20px;
			color: #fff;
			display: block;
			background: url(../img/global/gp/pro_mainmenu_arrow.gif) no-repeat 20px 50px;
		}

		.main-menu a:hover{
			color: #fff;
			text-decoration: none;
			height: 44px;
			padding : 13px 20px 0 20px;
			background-position: 20px 50px;
		}

		.main-menu .mainmenuover{
			color: #fff;
			text-decoration: none;
			height: 44px;
			padding : 13px 20px 0 18px;
			background-position: 20px 50px;
		}

		/*--------------------------------------
		MENU HEADER DRAPEAUX
		--------------------------------------*/

		.recherche_input {
			display:inline;
			right: 62px;
			position: absolute;
		}
				
		.recherche_input input.champ_text{
			width:126px;
			height:15px;
			float:left;
			margin:10px 0 0 103px;
			*margin:10px 0 0 103px;
			-margin:11px 0 0 103px;
			border:none;
			background:url(../img/global/gp/gp_fond_input_header.jpg);
			font-size:11px;
			padding-left:2px;
		}

		.recherche_input input.submit{
			width:26px;
			height:17px;
			*height:17px;
			float:left;
			*float:none;
			margin:10px 0 0 0;
			*margin:10px 0 0 0px;
			-margin:11px 0 0 -5px;
			border:none;
			background:url(../img/global/gp/gp_fond_submit_recherche.gif) no-repeat;
			font-size:11px;
			cursor:pointer;

		}
		.recherche_drapeaux select.select_frapeaux{
			width:50px;
			height:17px;
			float:right;
			border:none;
			margin:10px 0 0 0px;
			*margin:-18px 0 0 0px;
			-margin:-18px 0 0 0px;
			background:#069;
			*font-size:12px;
			-font-size:9px;
			}
		#drapeaux{
			width: 53px;
			height: 17px;
			overflow: hidden;
			position:absolute;
			z-index:99;
			top:10px;
			right:0;
		}
		#drapeaux ul{
			width: 35px;
			height:auto;
			position:relative;
			z-index:99;
			float:right;
			margin:0px;
			background:#015f83;

		}
		#drapeaux ul li{
			padding:2px 6px 2px 7px;
		}
		#drapeaux ul li img{
			border:1px solid #fff;
		}
		.bouton_drapeau{
			width:17px;
			height:17px;
			float:right;
			cursor:pointer;
		}

		.text_header_numero{
			position:absolute;
			top: 31px;
			left: 647px;
			color:#69C;
			width:120px;
			z-index:99;
		}
		.text_header_numero a{
			color:#69C;
		}
		.text_header_numero a:hover{
			color:#3CF;
		}
		.titre_recherche{
			width:159px;
			height:18px;
			float:left;
			background:url(../img/global/gp/gp_titre_recherche_10.jpg);
			margin:10px 0 0 11px;
			-margin:10px 0 0 9px;
		}

	.select_recherche input.champ_recherche{
		width:188px;
		height:15px;
		*height:16px;
		margin:30px 0 0 -156px;
		float:left;
		border:none;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#CCC;
		padding-left:5px;
		padding-top:5px;
		*padding-top:3px;
		font-weight:100;
		color:#036;
	}

	.select_recherche input.submit{
		width:26px;
		height:21px;
		*height:20px;
		float:left;
		margin:30px 0 0 0;
		-margin:30px 0 0 0px;
		border:none;
		background:url(../img/global/gp/gp_fond_submit_recherche2.gif) no-repeat ;
		font-size:11px;
		padding-bottom:2px;
		*padding-bottom:0px;
		color:#036;
		cursor:pointer;
	}
/*--------------------------------------
FIN MENU HEADER AUTRES
--------------------------------------*/
/* HEADER*/

.search {
	float: left;
	width: 130px;
	height: 35px;
}

.s-title{
	margin-left: 71px;
}

.search-input {
	float: left;
	background-repeat: no-repeat;
	background-position: 11px 9px;
	width: 112px;
	height: 17px;
	padding: 7px 0 0 12px;
}

.search-input input{
	float:left;
	margin: 3px 0 0 3px;
	width: 80px;
	height: 11px;
	color: #000;
	border: none;
	font-size: 10px;
	line-height: 11px;
}

.si-ok{

	margin : 7px 0 0 4px;
}

.main-menu li{
	float: left;
	display: inline;
	height: 63px;
}

.main-menu li.sep{
	padding: 8px 0 0 0;
}

.main-menu a{
	float: left;
	height: 34px;
	padding : 25px 20px 0 20px;
	color: #fff;
	display: block;
	background-image: url(../img/global/gp/pro_mainmenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 50px;
}

.main-menu a:hover{
	color: #fff;
	text-decoration: none;
	height: 44px;
	padding : 13px 20px 0 20px;
	background-position: 15px 40px;
}

.main-menu .mainmenuover{
	color: #fff;
	text-decoration: none;
	height: 44px;
	padding : 13px 20px 0 20px;
	background-position: 15px 40px;
}

/*-------------------------------
MENU PRINCIPAL
---------------------------*/
.main-smenu {
	position:absolute;
	margin:12px 0 0 1px;
	width: 180px;
	height: 212px;
	float:left;
	display: none;
}

	.main-smenu ul{
		position: absolute;
		left: 0;
		bottom: 0px;
		padding: 0;
		margin: 0 ;
		list-style-type: none;
		width:180px;
		cursor:pointer;
	}
	
	.main-smenu ul, 
	.main-smenu ul li{
		z-index:99;
		cursor:pointer;
	}
		.main-smenu li
		{
			padding-left: 10px;
			background:url("../img/global/puce-smenu.gif") no-repeat 10px center;
		}
			.main-smenu li a{
				margin: 0 0 0 0;
				padding: 2px 0 2px 10px;
				color: #fff;
				display: block;
				line-height:1.3em;
				font-size:12px;
				font-size:1.1em;
				cursor:pointer;
				z-index:99;
			}
			.main-smenu li a:hover{
				color: #000;
				display: block;
				cursor:pointer;
				z-index:99;
			}

.bulle-menu {
	position: absolute;
	z-index:99;
	top: 212px;
	left: 14px;
}

.bkgrd_opacity{
	background-color:#000;
	opacity:.5;
	moz-opacity:.5;
	filter : alpha(opacity=50);
	width: 180px;
	height: 212px;
	z-index:0;
}

#menu1, #menu2, #menu3, #menu4, #menu5{
	cursor:pointer;
}

.puce_menu{
	padding:0 5px 0 3px;	
	margin-left:5px;
	float:left;
}
.puce_smenu{
	padding:0px 5px 0px 0;
}

a#bt_menuD{
	height:39px;
	float:left;
}

/* BROCHURE */

.brochure {
	clear: both;
	width: 836px;
	height: 665px;
}

/* PAGE */

.page-bkgd {
	width: 860px;
	margin: 16px 0 20px 0px ;
	*margin: 16px 0 20px 0px ;
	min-height: 400px;
	float:left;
	*float:none;
}

.page {
	width: 860px;
	background-repeat: no-repeat;
}

/* FIL D'ARIANE */
.ariane {
	height: 21px;
	-height: 16px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.ariane div a:hover{
	text-decoration: overline;
}

/* TOOLS */

.tools {
	height: 16px;
	padding-top:5px;	
}

.tools span {
	float: left;
	padding-left: 3px;
	padding-right: 5px;
	height: 16px;	
}

.tools span a {
	float: left;
	height: 16px;
}

.tools span a img {
	display: block;
}

.tools span a:hover {
	
}

.tools span.sep {
	background-repeat: no-repeat;
	height: 11px;
}

/* LINK */

.link{
	padding: 0 18px 0 0;
	background:url(../img/global/gp/pro_green-arrow.gif) no-repeat 100% 5px;
}

/* FOOTER */

.footer {
	height: 81px;
	width: 835px;
	-width: 831px;
	margin : 0 0px 12px 12px;
	float:left;
	*float:none;
}

.footer-interieur {
	height: 81px;
	width: 835px;
}

.logo-ht-normandie {
	margin: 12px 0 0 19px;
}

.logo-bs-normandie {
	margin: 17px 0 0 31px;
}

.footer-menu {
	float: right;
	margin: 15px 15px 0 0;
	display: inline;
}

.footer-menu a{
	margin: 0 0 0 13px;
}

.copyright {
	position:absolute;
	top: 38px;
	right: 10px;
	font-size: 0.9em;
	color:#FFF;
	float:right;
}
.copyright p{
	float:right;
}
.copyright .black{
	margin-left:5px;
	color:#000;

}
/*-------------------------------
menu deroulant footer
---------------------------------*/
#footer_list{
	width: auto;
	-width: auto;
	height: 20px;
	overflow: hidden;
	position:relative;
	z-index:99;
	margin:0;
	float:right;
}
#footer_list ul{
	width: auto;
	*width: auto;
	-width: 198px;
	height:auto;
	position:relative;
	z-index:1;
	margin:0;
	background:#FFF;
	float:left;
}
#footer_list ul li{
	width: auto;
	*width: 100%;
	-width: auto;
	margin:0;
	font-size:1.1em;
	color:#000;

}
#footer_list ul li.titre_selection{
	width: auto;
	*min-width:190px;
	-width:auto;
	color:#000;
	display:block;
	height: 18px;
	line-height:18px;
	padding:1px 4px 3px 4px;
	font-weight:bold;
	background:none;

}
#footer_list ul li a{
	width: auto;
	*min-width: 190px;
	-width: 190px;
	color:#000;
	display:block;
	height: 18px;
	line-height:18px;
	padding:1px 4px 3px 4px;
}
#footer_list ul li a:hover{
	background-color:#cde8f2;
	*width:100%;
	-width:190px;
}
.bouton_footer_list{
	width:21px;
	height:20px;
	float:none;
	*float:left;
	margin:0 1px 0 0px;
	padding:0;
	cursor:pointer;
	z-index:99;
}
.bouton_footer_list img{
	margin:0;
}
.footer_list_contact{
	width:auto;
	-width:150px;
	margin-right:0px;
		height:20px;
	line-height:20px;
	font-size:1.1em;
	-font-size:0.9em;
}


/* HAUT DE PAGE BTN */

.top-page {
	float:left;
	margin : -15px 0 0 197px;
}

/* ZOOM IMAGE */
.agrandir {
	width: 50px;
	height: 10px;
	padding: 0 0 0 4px;
	margin: 4px 0 0 0;
	line-height: 10px;
}


/* COULEUR GRISE */

.color-grey {
	color: #d1ceda;
}

/* ENCADRE */

.encadre {
	padding: 10px;
	border: 1px solid #a5c245;
}

.titreImg {
    font-size:25px;
    font-family:"Times New Roman",Times,serif;}

/* TABLE */

table {
	border-top:#999 solid 1px;
	border-left: #999 solid 1px;
	empty-cells: show;
	border-collapse:collapse
}

#menu_tweentab_header{
	float:left;
	width:190px;
}

#myOtherElement{
	width: 190px;
	height: 21px;
	overflow: hidden;
	position:absolute;
	*position:absolute;
	-position:absolute;
	z-index:99;
	margin-top:7px;
	float:left;
}

#myOtherElement span.bouton{
  padding-top:4px;
  margin-left: 5px;
  display:block;
}

  #myOtherElement span.bouton a{
    display:block;
    width: 126px;
    height:11px;
  }

#menu_tweentab_header .fleche{
	margin:13px 0px 0 130px;
	width:10px;
	height:5px;
	float:left;
}
 
 .main-smenu-theme{
	padding:0 0 0 0px;
	float:left;
}
	.main-smenu-theme ul{		
		opacity:.8;
		moz-opacity:.8;
		filter : alpha(opacity=80);
		height:220px;
		float:left;
		padding:0;
	}
	.main-smenu-theme ul li{
		display:block;
		width:180px;
		height:18px;
		line-height:18px;
		padding-left: 10px;
		background:url("../img/global/puce-smenu.gif") no-repeat 10px center;
	}
		.main-smenu-theme ul li a{
			font-size:1.1em;
			width:100%;
			height:18px;
			line-height:18px;
			display:block;
			margin-left: 10px;
		}
		
		
.bulle-menu-theme {
	width:100%;
	height:4px;
	margin-top:31px;	
	margin-left:10px;
	float:left;
}

/*----------------------------
----------------------------*/
.pagecontent{
	float: left;
	padding: 0 0 0 12px;
}