/****************************** MENUS DEROULANTS ***************************************/
/*STYLE PREMIER NIVEAU*/
ul.conteneur-menu{
	float:left;
	_width:1em;
}
li.mainmenuitem {
/*	position:relative;*/
	display:block;
	float:left;
	margin: 0 0 0 0; 
}
/*STYLE SECOND NIVEAU*/
ul.submenu {
	display:none;
	position:absolute;
	z-index:10;
	vertical-align:middle;
}
ul.submenu a {
	display:block;
	vertical-align:middle;
}
/*STYLE TROISIEME NIVEAU*/
ul.subsubmenu {
	display:none;
	position:absolute;
	z-index:10;
	vertical-align:middle;
}

/**************************/
/*PERSONNALISATION DU MENU*/
/**************************/
/*PREMIER NIVEAU*/
ul.conteneur-menu{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
li.inactive{
}
li.mainmenuitem div.commun1{
	height:20px;
	_height:29px;
	padding:6px 5px 0 15px;
	background:url(../images/picto_menu.gif) no-repeat 0 6px;
}
li.mainmenuitem div.commun1 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:bold;
	color:#FF3600;
	text-decoration:none;
}
li.mainmenuitem div.commun2{
	height:20px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun2 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#3e83be;
	text-decoration:underline;
}
li.mainmenuitem div.commun2 a:hover{
	color:#FF3600;
	text-decoration:none;
}
li.mainmenuitem div.commun3{
	height:20px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun3 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#a4a1a1;
	text-decoration:none;
}
li.mainmenuitem  a:hover{
	cursor:pointer;
}
/*SECOND NIVEAU*/
ul.submenu {
	margin:0 0 0 0;
	padding:16px 0 0 7px;
	list-style-type:none;
	border-bottom: #88b6dd 1px solid;
	border-right: #88b6dd 1px solid;
	background: url(../images/background_menu_01.gif) no-repeat;
	font-weight:normal;
}
ul.submenu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:14em;
	height: 16px;
	
	text-align: left;
	list-style:none;
}
ul.submenu li.first {
	margin:0 0 0 0;
}
ul.submenu a {
	padding:0.2em 0.7em 0.2em 0.6em;
	height:12px;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#6f6f6f !important;
	text-decoration:none;
}
ul.submenu a:hover {
	color:#3e83be !important;
	background-color:#cce5f7 !important
}
/*TROISIEME NIVEAU*/
ul.subsubmenu {
	margin:-20px 0 0 14em;
	padding:0 0 0 0;
	list-style-type:none;
	border: #88b6dd 1px solid;
	background: url(../images/background_menu_02.gif) no-repeat;
	font-weight:normal;
	width:14em;
}
ul.subsubmenu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:14em;
	
}
ul.subsubmenu li.first {
	margin:0 0 0 0;
	width:14em;
}

/****************************** STRUCTURE ***************************************/
* {padding:0; margin:0}

body
		{
		font-family: Arial, Helvetica, sans-serif;
		color: #716f6f;
        margin:0;
        padding:0;
        border:0;
        background: url(../images/background_top_01.gif) repeat-x;
		background-color:#187CBB;
        font-size:12px;
        text-align:center;
		SCROLLBAR-FACE-COLOR: #FFFFFF; 
		SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
		SCROLLBAR-SHADOW-COLOR: #cdcdcd; 
		SCROLLBAR-3DLIGHT-COLOR: #cdcdcd; 
		SCROLLBAR-ARROW-COLOR:  #000000; 
		SCROLLBAR-TRACK-COLOR: #eeeeeb; 
		SCROLLBAR-DARKSHADOW-COLOR: #DADADA;
        }
hr
		{
		clear:both;
		visibility: hidden;
		display:block;
		height: 1px;
		margin: 0 0 0 0;
		_margin: -7px 0;
		padding: 0; 
		border: 0;
		background-color:#993300;
		}
p 
		{
		text-align: justify;		
		}
form 
		{
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		}
table 
		{
		font-size:11px;
		}
ul
		{
		
		}
li
		{
		margin: 0 0 0 20px;
		list-style-type: square;
		}
/****************************** ACCUEIL ***************************************/
#ACCUEIL-footer
		{
		position: relative;
		width:772px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer_accueil.gif) no-repeat;
		}
#ACCUEIL-footer a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#ACCUEIL-footer a:hover
		{
		text-decoration: none;
		}		
/*** COLONNE DE GAUCHE ***/
#ACCUEIL-COLONNE-gauche
		{
		float:left;
		width:150px;
		min-height:550px;
		height:550px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background: url(../images/background_accueil_01.gif) repeat-x;
		}
html>body #ACCUEIL-COLONNE-gauche
		{ 
		height: auto !important;
		}		
/*  COLONNE DE DROITE */
#ACCUEIL-COLONNE-droite
		{
		float:right;
		width:650px;
		min-height:550px;
		height:550px;
		margin:0 0 0 0;
		padding: 0 0 0 0; 
		background: url(../images/background_accueil_02.gif) repeat-y;
		}	
html>body #ACCUEIL-COLONNE-droite
		{ 
		height: auto !important;
		}		
#ACCUEIL-contentflash
		{
		position:relative;
		background-color:#B4C6E0;
		height:142px;
		}
#ACCUEIL-contentmenu
		{
		position:relative;
		height:29px;
		background: url(../images/background_menu_right.gif) repeat-y right;
		}
#ACCUEIL-main
		{
		height: 360px;
		z-index:1;
		border-top: 1px solid #E9EFF8;
		background: url(../images/background_accueil_03.gif) no-repeat;
		padding: 0 20px 0 20px;
		}
#menu-haut
		{
		margin-left: 10px;
		}
		
.ACCUEIL-bloc-01
		{
		float:left;
		background: url(../images/titre_bloc_accueil_01.jpg) no-repeat;
		height: 118px;
		width:290px;
		margin: 20px 10px 10px 0;
		font-size:11px;
		text-align:left;
		}
.ACCUEIL-bloc-01-bas
		{
		background: url(../images/bloc_accueil_bas_bg_01.gif) no-repeat top right;
		}
.ACCUEIL-bloc-01 h1
		{
		color: #FFFFFF;
		font-size: 12px;
		padding: 2px 0 0 30px;
		background: url(../images/titre_bloc_accueil_01b.gif) no-repeat right bottom;
		height:16px;
		_height:18px;
		text-align:left;
		}
.ACCUEIL-bloc-02
		{
		background: url(../images/titre_bloc_accueil_02.jpg) no-repeat;
		height: 118px;
		margin: 20px 0 10px 0;
		text-align:left;
		font-size:11px;
		}
.ACCUEIL-bloc-02 h1
		{
		color: #FFFFFF;
		font-size: 12px;
		padding: 2px 0 0 30px;
		background: url(../images/titre_bloc_accueil_02b.gif) no-repeat right bottom;
		height:16px;
		_height:18px;
		text-align:left;
		}

.ACCUEIL-bloc-texte-imD {
		margin:10px 0 0 0;
		padding: 0 15px 0 30px;
		
		background: url(../images/bloc_accueil_right.gif) no-repeat right top;
		height: 86px;
		}
.ACCUEIL-bloc-texte-imD img {
		float: right;
		border:1px solid #98AECF;
		margin: 0 0 5px 10px;
		}
.ACCUEIL-bloc-texte-imG {
		margin:10px 0 0 0;
		padding: 0 15px 0 30px;
		background: url(../images/bloc_accueil_right.gif) no-repeat right top;
		height: 86px;
		}
.ACCUEIL-bloc-texte-imG img {
		float: left;
		margin: 0 10px 5px 0;
		}
.IMG-border-01 {
		border:1px solid #98AECF;
		}
/*************************** POPUP ***********************************/
#POPUP-BACKGROUND
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:500px;
		min-height:550x;
		max-width:994px !important;
		background: url(../images/background_bords_pop.gif) repeat-y;
		background-position: left top;
		}
html>body #POPUP-BACKGROUND
		{ 
		height: auto !important;
		}	
#POPUP-CONTAINER
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:100%;
		min-height:550px;
		height:550px;
		max-width:100% !important;
		
		background-position: left top;
		}
html>body #POPUP-CONTAINER
		{ 
		height: auto !important;
		}
#POPUP-HEADER
		{
		position:relative;
		background: url(../images/header_pop.gif) no-repeat;
		height:50px;
		text-align:right;
		color:#FFFFFF;
		padding: 3px 10px 0 0;
		}
#POPUP-HEADER a
		{
		color:#ffffff;
		font-weight:bold;
		font-size:11px;
		text-decoration:none;
		}
#POPUP-CONTENT
		{
		position:relative;
		margin: 0 auto;
		background: url(../images/background_bords_pop.gif) repeat-y;
		width:500px;
		min-height:550px;
		}
html>body #POPUP-CONTENT
		{ 
		height: auto !important;
		}
#POPUP-CONTENT h1
		{
		padding: 15px 0 0 0;
		font-size:24px;
		font-weight:normal;
		color:#3e83be;
		}
#POPUP-CONTENT h2
		{
		padding: 0 0 15px 0;
		font-size:16px;
		font-weight:normal;
		color:#3e83be;
		}
		
#POPUP-FOOTER
		{
		position: relative;
		width:500px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer_pop.gif) no-repeat;
		}

/*************************** PAGE 1 COLONNE ***********************************/	
#PAGE-CONTENT
		{
		position:relative;
		margin: 0 auto;
		background-color:#ffffff;
		width:760px;
		min-height:550px;
		}
html>body #PAGE-CONTENT
		{ 
		height: auto !important;
		}	
#PAGE-COLONNE
		{
		margin: 0 30px 0 30px;
		text-align:left;
		}
html>body #PAGE-COLONNE
		{ 
		height: auto !important;
		}
#PAGE-COLONNE h1
		{
		padding: 15px 0 0 0;
		font-size:24px;
		font-weight:normal;
		color:#3e83be;
		}
#PAGE-COLONNE h2
		{
		padding: 0 0 15px 0;
		font-size:16px;
		font-weight:normal;
		color:#3e83be;
		}

#PAGE-footer
		{
		position: relative;
		width:772px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer.gif) no-repeat;
		}
#PAGE-footer a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#PAGE-footer a:hover
		{
		text-decoration: none;
		}
/*************************** PAGE 2 COLONNES ***********************************/
/*** COLONNE DE GAUCHE ***/
#COLONNE-gauche {
		float:left;
		width:180px;
		min-height:380px;
		height:380px;
		margin:5px 0 0 0;
		padding:0 0 0 0;
		background: url(../images/bordure_colonne_gauche.gif) no-repeat right;
		}
html>body #COLONNE-gauche { 
		height: auto !important;
		}
/*  COLONNE DE DROITE */
#COLONNE-droite {
		float:left;
		width:510px;
		min-height:380px;
		height:380px;
		margin:0 0 0 10px;
		padding: 0 0 0 0;
		text-align:left; 
		}	
html>body #COLONNE-droite { 
		height: auto !important;
		}
/*************************** FICHE PRODUIT ***********************************/
#FICHE-CONTENT
		{
		position:relative;
		margin: 0 auto;
		background-color:#ffffff;
		width:760px;
		min-height:550px;
		background: url(../images/background_fiche_02.gif) repeat-y right;
		}
html>body #FICHE-CONTENT
		{ 
		height: auto !important;
		}
/*** COLONNE DE GAUCHE ***/
#FICHE-COLONNE-gauche
		{
		float:left;
		width:270px;
		min-height:408px;
		height:408px;
		margin:0 0 0 0;
		padding:15px 0 0 18px;
		text-align:left;
		}
html>body #FICHE-COLONNE-gauche
		{ 
		height: auto !important;
		}
#FICHE-COLONNE-gauche h1
		{
		font-size:24px;
		font-weight:normal;
		color:#3e83be;
		}
#FICHE-COLONNE-gauche h2
		{
		font-size:16px;
		font-weight:normal;
		color:#95accd;
		}		
		
/*  COLONNE ENGLOBANT LES COLONNES DE DROITE ET DU CENTRE*/
#FICHE-COLONNE-milieu
		{
		float:right;
		width:469px;
		min-height:407px;
		height:407px;
		text-align:left;
		}
html>body #FICHE-COLONNE-milieu
		{ 
		height: auto !important;
		}	
/*** COLONNE DU CENTRE ***/
#FICHE-COLONNE-centre
		{
		float:left;
		width:342px;
		min-height:407px;
		height:407px;
		text-align:left;
		padding: 5px 0 0 0;
		}
html>body #FICHE-COLONNE-centre
		{ 
		height: auto !important;
		}
/*** COLONNE DE DROITE ***/
#FICHE-COLONNE-droite
		{
		float:right;
		width:115px;
		min-height:407px;
		height:407px;
		}
html>body #FICHE-COLONNE-droite
		{ 
		height: auto !important;
		}
#FICHE-footer
		{
		position: relative;
		width:772px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer_fiche.gif) no-repeat;
		}
#FICHE-footer a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#FICHE-footer a:hover
		{
		text-decoration: none;
		}		
.liensZOOM
		{
		color: #3E83BE;
		font-size: 10px;
		text-decoration:none;
		}
a.liensZOOM:hover
		{
		color:#FF3600;
		}
/****************************** STRUCTURE COMMUNE ***************************************/
#BACKGROUND
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:994px;
		min-height:550x;
		max-width:994px !important;
		background: url(../images/background_bords.jpg) repeat-y;
		background-position: left top;
		}
html>body #BACKGROUND
		{ 
		height: auto !important;
		}
#CONTAINER
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:100%;
		min-height:550px;
		height:550px;
		max-width:100% !important;
		background: url(../images/background.jpg) no-repeat;
		background-position: left top;
		}
html>body #CONTAINER
		{ 
		height: auto !important;
		}
#CONTENT
		{
		position:relative;
		margin: 0 auto;
		background-color:#ffffff;
		width:760px;
		min-height:550px;
		}
html>body #CONTENT
		{ 
		height: auto !important;
		}
#HEADER
		{
		position:relative;
		background-color:#B4C6E0;
		height:87px;
		}
#ARIANE
		{
        padding:4px 0 2px 0;
		text-indent:20px;
		text-align:left;
        font-size:11px;
        color:#858585;
		font-weight:normal;
		background-color:#ffffff;
		border-top: 1px solid #E9EFF8;
		border-bottom: 1px solid #E9EFF8;
		height:25px;
		}
#ARIANE a
		{
		text-decoration: underline;
		color: #858585;
		}
#ARIANE a:hover
		{
		text-decoration: none;
		}
/****************************** CLASS COMMUNS ***************************************/		
.bold {
		font-weight:bold;
		}
.JUSTIFY 
		{
		text-align: justify;
		}
.ALIGN-droite {
		text-align:right;
		}
.ALIGN-gauche {
		text-align:left;
		}
.texte-PETIT {
		font-size: 11px;
		}
.BORDER-01 {
		border:1px solid #c8ced5;
		}
.background-COLOR-01 {
		background-color:#eaeff6;
		}
.background-COLOR-02 {
		background-color:#ffffff;
		}
.tr-SEPARATION-01 {
	border-top-color: #e3e6ea;
	border-top-style: solid;
	border-top-width: 1px;
}
.texte-01
		{
		color: #3e83be;
		}
.liensSOULIGNES {
		text-decoration: underline;
		}
a.liensSOULIGNES:hover {
		text-decoration: none;
		}
.liens01 {
		text-decoration: underline;
		color:#3e83be;
		}
a.liens01:hover {
		text-decoration: none;
		color:#FF3600;
		}
.liens02 {
		text-decoration: underline;
		color:#3e83be;
		font-weight:bold;
		font-size:11px;
		}
a.liens02:hover {
		text-decoration: none;
		color:#FF3600;
		}
.liens03 {
		text-decoration: underline;
		color:#FF3600;
		}
a.liens03:hover {
		text-decoration: none;
		}
.liens04 {
		text-decoration: underline;
		color:#FF3600;
		font-weight:bold;
		font-size:11px;
		}
a.liens04:hover {
		text-decoration: none;
		color:#3e83be;
		}
.liens05 {
		text-decoration: none;
		color:#716f6f;
		font-size:11px;
		}
a.liens05:hover {
		text-decoration: underline;
		color:#716f6f;
		}
.text-indent {
		text-indent:5px;
		}
.titre01 {
		color:#95ACCD;
		font-weight:bold;
		font-size:12px;
		}
.titre02 {
		color:#FF3600;
		font-weight:bold;
		font-size:12px;
		}
.titre03 {
		font-weight:bold;
		font-size:12px;
		padding:0 0 0 14px;
		height:25px;
		color:#3e83be;
		background:transparent url(../images/puce_h3.gif) no-repeat 0 4px;
		}
.titre04 {
		color:#3e83be;
		font-weight:bold;
		font-size:12px;
		}
/******************************  BLOCS CONTENUS ***************************************/
/* BLOCS COMMUNS A TOUS LES TYPES DE GABARITS */
.BLOC-titre 
		{
		text-align:left;
		margin:0 0 0 0;
		}
.BLOC-texte-seul
		{
		text-align:justify;
		text-align:left;
		margin: 7px 0 7px 0;
		}
.BLOC-image
		{
		text-align: center;
		margin: 7px 0 7px 0;
		}
.BLOC-image img {
		border:1px solid #98AECF;
		}
.BLOC-centrer
		{
		text-align: center;
		margin: 7px 0 7px 0;
		}

.BLOC-titre-texte {
		text-align:left;
		margin:0 0 25px 0;
		}
.BLOC-titre-texte0 {
		text-align:left;
		margin:0 0 5px 0;
		}
		
.BLOC-texte-imD {
		margin:0 0 25px 0;
		text-align:justify;
		}
.BLOC-texte-imD img {
		float: right;
		border:1px solid #98AECF;
		margin: 0 0 10px 10px;
		}
.BLOC-titre-texte-imG {
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imG img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-titre-texte-imD {
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imD img {
		float: right;
		border:1px solid #98AECF;
		margin: 0 0 10px 10px;
		}		
.BLOC-contours01 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
}	
.BLOC-liste-result {
		margin:0 10px 10px 0;
		padding: 5px 5px 5px 5px;
		width: 235px;
		height: 110px;
		float:left;
		background-color:#f2f6fb;
		font-size:11px;
		}

.BLOC-liste-panier {
		margin:0 10px 10px 0;
		padding: 5px 5px 5px 5px;
		width: 330px;
		height: 110px;
		float:left;
		background-color:#f2f6fb;
		font-size:11px;
		}
.BLOC-liste-panier img {
		border:1px solid #98AECF;
		}
		

.BLOC-news-01 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	height: 100px;
}
.BLOC-news-01 h3 {
	font-size: 13px;
	color:#ff3600;
	background-color:#fff1ed;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-news-01 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-news-01 a {
	font-size: 12px;
	color:#ff3600;
}
.BLOC-news-01 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}

.BLOC-news-02 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	height: 100px;
}
.BLOC-news-02 h3 {
	font-size: 13px;
	color:#1197a1;
	background-color:#f2fcfd;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-news-02 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-news-02 a {
	font-size: 12px;
	color:#1197a1;
}
.BLOC-news-02 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}

.BLOC-news-03 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	height: 100px;
}
.BLOC-news-03 h3 {
	font-size: 13px;
	color:#3e83be;
	background-color:#e8f3fd;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-news-03 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-news-03 a {
	font-size: 12px;
	color:#3e83be;
}
.BLOC-news-03 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}

.BLOC-contacts-01 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	
}
.BLOC-contacts-01 h3 {
	font-size: 13px;
	color:#3e83be;
	background-color:#e8f3fd;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-contacts-01 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-contacts-01 a {
	font-size: 12px;
	color:#3e83be;
}
.BLOC-contacts-01 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}
.BLOC-scroll-01 {
	height: _150px;
	width: 250px;
}
.BLOC-scroll-02 {
	height: 150px;
	width: 250px;
	background-color:#fafcfd;
	overflow:auto;
}
.BLOC-liste-scroll {
		margin:0 0 5px 5px;
		padding: 0 0 0 0;
		width: 220px;
		height: 100px;
		float:left;
		background-color:#f2f6fb;
		font-size:11px;
		}
.BLOC-liste-scroll img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 70px 0;
		}

/****************************** FORMULAIRES ***************************************/
.input-COMMUN {
		font-size: 11px;
		color: #3e83be;
		border: 1px solid #3e83be;
		font-family:Arial, Helvetica, sans-serif;
		padding: 0 0 0 3px;
		}
.input-FORM {
		font-size: 11px;
		color: #3e83be;
		border: 1px solid #FF3600;
		background-color:#FFFFFF;
		margin: 3px 3px 3px 3px;
		}
.select {
		font-size: 10px;
		color: #858585;
		background-color:#FFFFFF;
		margin: 3px 0 3px 0;
		}
.textarea {
		font-size: 11px;
		color: #3e83be;
		border: 1px solid #3e83be;
		font-family:Arial, Helvetica, sans-serif;
		padding: 0 0 0 3px;
		}

/****************************** PLAN DU SITE ***************************************/
.PLAN-SITE {
		float:left;
		width:160px;
		margin: 0 10px 0 0;
		}
.PLAN-SITE ul {
		list-style-type:none;
		}
.PLAN-SITE ul li {
		padding:7px 0 7px 16px;
		margin:0 0 0 0;
		text-align:left;
        font-size:14px;
		font-weight:bold;
        color:#ff3600;
		background:transparent url(../images/picto_menu.gif) no-repeat 0 6px;
		list-style-type:none;
		}
.PLAN-SITE ul li a {
		text-decoration: underline;
		color:#ff3600;
		}
.PLAN-SITE ul li a:hover {
		text-decoration: none;
		}
.PLAN-SITE ul li ul li {
		padding:3px 0 3px 12px;
		margin:0 0 0 0;
		text-align:left;
        font-size:12px;
		font-weight:normal;
        color:#3e83be;
		background:transparent url(/lpa/images/puceblanche.gif) no-repeat 0 7px;
		}
.PLAN-SITE ul li ul li a {
		text-decoration: underline;
		color:#3e83be;
		}
.PLAN-SITE ul li ul li a:hover {
		text-decoration: none;
		}
.PLAN-SITE ul li ul li ul li {
		padding:3px 0 0 10px;
		margin:0 0 0 0;
		text-align:left;
        font-size:11px;
		font-weight:normal;
        color:#000000;
		background:transparent url(/lpa/images/pucevide.gif) no-repeat 0 7px;
		}
.PLAN-SITE ul li ul li ul li a {
		text-decoration: underline;
		color:#858585;
		}
.PLAN-SITE ul li ul li ul li a:hover {
		text-decoration: none;
		}
/****************************** MENUS DEROULANTS ***************************************/
/*STYLE PREMIER NIVEAU*/
ul.conteneur-menu{
	float:left;
	_width:1em;
}
li.mainmenuitem {
/*	position:relative;*/
	display:block;
	float:left;
	margin: 0 0 0 0; 
}
/*STYLE SECOND NIVEAU*/
ul.submenu {
	display:none;
	position:absolute;
	z-index:10;
	vertical-align:middle;
}
ul.submenu a {
	display:block;
	vertical-align:middle;
}
/*STYLE TROISIEME NIVEAU*/
ul.subsubmenu {
	display:none;
	position:absolute;
	z-index:10;
	vertical-align:middle;
}

/**************************/
/*PERSONNALISATION DU MENU*/
/**************************/
/*PREMIER NIVEAU*/
ul.conteneur-menu{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
li.inactive{
}
li.mainmenuitem div.commun1{
	height:20px;
	_height:29px;
	padding:6px 5px 0 15px;
	background:url(../images/picto_menu.gif) no-repeat 0 6px;
}
li.mainmenuitem div.commun1 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:bold;
	color:#FF3600;
	text-decoration:none;
}
li.mainmenuitem div.commun2{
	height:20px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun2 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#3e83be;
	text-decoration:underline;
}
li.mainmenuitem div.commun2 a:hover{
	color:#FF3600;
	text-decoration:none;
}
li.mainmenuitem div.commun3{
	height:20px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun3 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#a4a1a1;
	text-decoration:none;
}
li.mainmenuitem  a:hover{
	cursor:pointer;
}
/*SECOND NIVEAU*/
ul.submenu {
	margin:0 0 0 0;
	padding:16px 0 0 7px;
	list-style-type:none;
	border-bottom: #88b6dd 1px solid;
	border-right: #88b6dd 1px solid;
	background: url(../images/background_menu_01.gif) no-repeat;
	font-weight:normal;
}
ul.submenu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:14em;
	height: 16px;
	
	text-align: left;
	list-style:none;
}
ul.submenu li.first {
	margin:0 0 0 0;
}
ul.submenu a {
	padding:0.2em 0.7em 0.2em 0.6em;
	height:12px;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#6f6f6f !important;
	text-decoration:none;
}
ul.submenu a:hover {
	color:#3e83be !important;
	background-color:#cce5f7 !important
}
/*TROISIEME NIVEAU*/
ul.subsubmenu {
	margin:-20px 0 0 14em;
	padding:0 0 0 0;
	list-style-type:none;
	border: #88b6dd 1px solid;
	background: url(../images/background_menu_02.gif) no-repeat;
	font-weight:normal;
	width:14em;
}
ul.subsubmenu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:14em;
	
}
ul.subsubmenu li.first {
	margin:0 0 0 0;
	width:14em;
}

/****************************** STRUCTURE ***************************************/
* {padding:0; margin:0}

.gpack 
		{
		font-family: Arial, Helvetica, sans-serif;
		color: #716f6f;
        margin:0;
        padding:0;
        border:0;
        background: url(../images/background_top_01.gif) repeat-x;
		background-color:#187CBB;
        font-size:12px;
        text-align:center;
		SCROLLBAR-FACE-COLOR: #FFFFFF; 
		SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
		SCROLLBAR-SHADOW-COLOR: #cdcdcd; 
		SCROLLBAR-3DLIGHT-COLOR: #cdcdcd; 
		SCROLLBAR-ARROW-COLOR:  #000000; 
		SCROLLBAR-TRACK-COLOR: #eeeeeb; 
		SCROLLBAR-DARKSHADOW-COLOR: #DADADA;
        }
hr
		{
		clear:both;
		visibility: hidden;
		display:block;
		height: 1px;
		margin: 0 0 0 0;
		_margin: -7px 0;
		padding: 0; 
		border: 0;
		background-color:#993300;
		}
p 
		{
		text-align: justify;		
		}
form 
		{
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		}
table 
		{
		font-size:11px;
		}
ul
		{
		
		}
li
		{
		margin: 0 0 0 20px;
		list-style-type: square;
		}
/****************************** ACCUEIL ***************************************/
#ACCUEIL-footer
		{
		position: relative;
		width:772px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer_accueil.gif) no-repeat;
		}
#ACCUEIL-footer a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#ACCUEIL-footer a:hover
		{
		text-decoration: none;
		}		
/*** COLONNE DE GAUCHE ***/
#ACCUEIL-COLONNE-gauche
		{
		float:left;
		width:110px;
		min-height:550px;
		height:550px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background: url(../images/background_accueil_01.gif) repeat-x;
		}
html>body #ACCUEIL-COLONNE-gauche
		{ 
		height: auto !important;
		}		
/*  COLONNE DE DROITE */
#ACCUEIL-COLONNE-droite
		{
		float:right;
		width:650px;
		min-height:550px;
		height:550px;
		margin:0 0 0 0;
		padding: 0 0 0 0; 
		background: url(../images/background_accueil_02.gif) repeat-y;
		}	
html>body #ACCUEIL-COLONNE-droite
		{ 
		height: auto !important;
		}		
#ACCUEIL-contentflash
		{
		position:relative;
		background-color:#B4C6E0;
		height:142px;
		}
#ACCUEIL-contentmenu
		{
		position:relative;
		height:29px;
		background: url(../images/background_menu_right.gif) repeat-y right;
		}
#ACCUEIL-main
		{
		height: 360px;
		z-index:1;
		border-top: 1px solid #E9EFF8;
		background: url(../images/background_accueil_03.gif) no-repeat;
		padding: 0 20px 0 20px;
		}
#menu-haut
		{
		margin-left: 10px;
		}
		
.ACCUEIL-bloc-01
		{
		float:left;
		background: url(../images/titre_bloc_accueil_01.jpg) no-repeat;
		height: 118px;
		width:290px;
		margin: 20px 10px 10px 0;
		font-size:11px;
		text-align:left;
		}
.ACCUEIL-bloc-01-bas
		{
		background: url(../images/bloc_accueil_bas_bg_01.gif) no-repeat top right;
		}
.ACCUEIL-bloc-01 h1
		{
		color: #FFFFFF;
		font-size: 12px;
		padding: 2px 0 0 30px;
		background: url(../images/titre_bloc_accueil_01b.gif) no-repeat right bottom;
		height:16px;
		_height:18px;
		text-align:left;
		}
.ACCUEIL-bloc-02
		{
		background: url(../images/titre_bloc_accueil_02.jpg) no-repeat;
		height: 118px;
		margin: 20px 0 10px 0;
		text-align:left;
		font-size:11px;
		}
.ACCUEIL-bloc-02 h1
		{
		color: #FFFFFF;
		font-size: 12px;
		padding: 2px 0 0 30px;
		background: url(../images/titre_bloc_accueil_02b.gif) no-repeat right bottom;
		height:16px;
		_height:18px;
		text-align:left;
		}

.ACCUEIL-bloc-texte-imD {
		margin:10px 0 0 0;
		padding: 0 15px 0 30px;
		
		background: url(../images/bloc_accueil_right.gif) no-repeat right top;
		height: 86px;
		}
.ACCUEIL-bloc-texte-imD img {
		float: right;
		border:1px solid #98AECF;
		margin: 0 0 5px 10px;
		}
.ACCUEIL-bloc-texte-imG {
		margin:10px 0 0 0;
		padding: 0 15px 0 30px;
		background: url(../images/bloc_accueil_right.gif) no-repeat right top;
		height: 86px;
		}
.ACCUEIL-bloc-texte-imG img {
		float: left;
		margin: 0 10px 5px 0;
		}
.IMG-border-01 {
		border:1px solid #98AECF;
		}
/*************************** POPUP ***********************************/
#POPUP-BACKGROUND
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:500px;
		min-height:550x;
		max-width:994px !important;
		background: url(../images/background_bords_pop.gif) repeat-y;
		background-position: left top;
		}
html>body #POPUP-BACKGROUND
		{ 
		height: auto !important;
		}	
#POPUP-CONTAINER
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:100%;
		min-height:550px;
		height:550px;
		max-width:100% !important;
		
		background-position: left top;
		}
html>body #POPUP-CONTAINER
		{ 
		height: auto !important;
		}
#POPUP-HEADER
		{
		position:relative;
		background: url(../images/header_pop.gif) no-repeat;
		height:50px;
		text-align:right;
		color:#FFFFFF;
		padding: 3px 10px 0 0;
		}
#POPUP-HEADER a
		{
		color:#ffffff;
		font-weight:bold;
		font-size:11px;
		text-decoration:none;
		}
#POPUP-CONTENT
		{
		position:relative;
		margin: 0 auto;
		background: url(../images/background_bords_pop.gif) repeat-y;
		width:500px;
		min-height:550px;
		}
html>body #POPUP-CONTENT
		{ 
		height: auto !important;
		}
#POPUP-CONTENT h1
		{
		padding: 15px 0 0 0;
		font-size:24px;
		font-weight:normal;
		color:#3e83be;
		}
#POPUP-CONTENT h2
		{
		padding: 0 0 15px 0;
		font-size:16px;
		font-weight:normal;
		color:#3e83be;
		}
		
#POPUP-FOOTER
		{
		position: relative;
		width:500px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer_pop.gif) no-repeat;
		}

/*************************** PAGE 1 COLONNE ***********************************/	
#PAGE-CONTENT
		{
		position:relative;
		margin: 0 auto;
		background-color:#ffffff;
		width:760px;
		min-height:550px;
		}
html>body #PAGE-CONTENT
		{ 
		height: auto !important;
		}	
#PAGE-COLONNE
		{
		margin: 0 30px 0 30px;
		text-align:left;
		}
html>body #PAGE-COLONNE
		{ 
		height: auto !important;
		}
#PAGE-COLONNE h1
		{
		padding: 15px 0 0 0;
		font-size:24px;
		font-weight:normal;
		color:#3e83be;
		}
#PAGE-COLONNE h2
		{
		padding: 0 0 15px 0;
		font-size:16px;
		font-weight:normal;
		color:#3e83be;
		}

#PAGE-footer
		{
		position: relative;
		width:772px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer.gif) no-repeat;
		}
#PAGE-footer a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#PAGE-footer a:hover
		{
		text-decoration: none;
		}
/*************************** PAGE 2 COLONNES ***********************************/
/*** COLONNE DE GAUCHE ***/
#COLONNE-gauche {
		float:left;
		width:180px;
		min-height:380px;
		height:380px;
		margin:5px 0 0 0;
		padding:0 0 0 0;
		background: url(../images/bordure_colonne_gauche.gif) no-repeat right;
		}
html>body #COLONNE-gauche { 
		height: auto !important;
		}
/*  COLONNE DE DROITE */
#COLONNE-droite {
		float:left;
		width:510px;
		min-height:380px;
		height:380px;
		margin:0 0 0 10px;
		padding: 0 0 0 0;
		text-align:left; 
		}	
html>body #COLONNE-droite { 
		height: auto !important;
		}
/*************************** FICHE PRODUIT ***********************************/
#FICHE-CONTENT
		{
		position:relative;
		margin: 0 auto;
		background-color:#ffffff;
		width:760px;
		min-height:550px;
		background: url(../images/background_fiche_02.gif) repeat-y right;
		}
html>body #FICHE-CONTENT
		{ 
		height: auto !important;
		}
/*** COLONNE DE GAUCHE ***/
#FICHE-COLONNE-gauche
		{
		float:left;
		width:270px;
		min-height:408px;
		height:408px;
		margin:0 0 0 0;
		padding:15px 0 0 18px;
		text-align:left;
		}
html>body #FICHE-COLONNE-gauche
		{ 
		height: auto !important;
		}
#FICHE-COLONNE-gauche h1
		{
		font-size:24px;
		font-weight:normal;
		color:#3e83be;
		}
#FICHE-COLONNE-gauche h2
		{
		font-size:16px;
		font-weight:normal;
		color:#95accd;
		}		
		
/*  COLONNE ENGLOBANT LES COLONNES DE DROITE ET DU CENTRE*/
#FICHE-COLONNE-milieu
		{
		float:right;
		width:469px;
		min-height:407px;
		height:407px;
		text-align:left;
		}
html>body #FICHE-COLONNE-milieu
		{ 
		height: auto !important;
		}	
/*** COLONNE DU CENTRE ***/
#FICHE-COLONNE-centre
		{
		float:left;
		width:342px;
		min-height:407px;
		height:407px;
		text-align:left;
		padding: 5px 0 0 0;
		}
html>body #FICHE-COLONNE-centre
		{ 
		height: auto !important;
		}
/*** COLONNE DE DROITE ***/
#FICHE-COLONNE-droite
		{
		float:right;
		width:115px;
		min-height:407px;
		height:407px;
		}
html>body #FICHE-COLONNE-droite
		{ 
		height: auto !important;
		}
#FICHE-footer
		{
		position: relative;
		width:772px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		background: url(../images/footer_fiche.gif) no-repeat;
		}
#FICHE-footer a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#FICHE-footer a:hover
		{
		text-decoration: none;
		}		
.liensZOOM
		{
		color: #3E83BE;
		font-size: 10px;
		text-decoration:none;
		}
a.liensZOOM:hover
		{
		color:#FF3600;
		}
/****************************** STRUCTURE COMMUNE ***************************************/
#BACKGROUND
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:994px;
		min-height:550x;
		max-width:994px !important;
		background: url(../images/background_bords.jpg) repeat-y;
		background-position: left top;
		}
html>body #BACKGROUND
		{ 
		height: auto !important;
		}
#CONTAINER
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:100%;
		min-height:550px;
		height:550px;
		max-width:100% !important;
		background: url(../images/background.jpg) no-repeat;
		background-position: left top;
		}
html>body #CONTAINER
		{ 
		height: auto !important;
		}
#CONTENT
		{
		position:relative;
		margin: 0 auto;
		background-color:#ffffff;
		width:760px;
		min-height:550px;
		}
html>body #CONTENT
		{ 
		height: auto !important;
		}
#HEADER
		{
		position:relative;
		background-color:#B4C6E0;
		height:87px;
		}
#ARIANE
		{
        padding:4px 0 2px 0;
		text-indent:20px;
		text-align:left;
        font-size:11px;
        color:#858585;
		font-weight:normal;
		background-color:#ffffff;
		border-top: 1px solid #E9EFF8;
		border-bottom: 1px solid #E9EFF8;
		height:25px;
		}
#ARIANE a
		{
		text-decoration: underline;
		color: #858585;
		}
#ARIANE a:hover
		{
		text-decoration: none;
		}
/****************************** CLASS COMMUNS ***************************************/		
.bold {
		font-weight:bold;
		}
.JUSTIFY 
		{
		text-align: justify;
		}
.ALIGN-droite {
		text-align:right;
		}
.ALIGN-gauche {
		text-align:left;
		}
.texte-PETIT {
		font-size: 11px;
		}
.BORDER-01 {
		border:1px solid #c8ced5;
		}
.background-COLOR-01 {
		background-color:#eaeff6;
		}
.background-COLOR-02 {
		background-color:#ffffff;
		}
.tr-SEPARATION-01 {
	border-top-color: #e3e6ea;
	border-top-style: solid;
	border-top-width: 1px;
}
.texte-01
		{
		color: #3e83be;
		}
.liensSOULIGNES {
		text-decoration: underline;
		}
a.liensSOULIGNES:hover {
		text-decoration: none;
		}
.liens01 {
		text-decoration: underline;
		color:#3e83be;
		}
a.liens01:hover {
		text-decoration: none;
		color:#FF3600;
		}
.liens02 {
		text-decoration: underline;
		color:#3e83be;
		font-weight:bold;
		font-size:11px;
		}
a.liens02:hover {
		text-decoration: none;
		color:#FF3600;
		}
.liens03 {
		text-decoration: underline;
		color:#FF3600;
		}
a.liens03:hover {
		text-decoration: none;
		}
.liens04 {
		text-decoration: underline;
		color:#FF3600;
		font-weight:bold;
		font-size:11px;
		}
a.liens04:hover {
		text-decoration: none;
		color:#3e83be;
		}
.liens05 {
		text-decoration: none;
		color:#716f6f;
		font-size:11px;
		}
a.liens05:hover {
		text-decoration: underline;
		color:#716f6f;
		}
.text-indent {
		text-indent:5px;
		}
.titre01 {
		color:#95ACCD;
		font-weight:bold;
		font-size:12px;
		}
.titre02 {
		color:#FF3600;
		font-weight:bold;
		font-size:12px;
		}
.titre03 {
		font-weight:bold;
		font-size:12px;
		padding:0 0 0 14px;
		height:25px;
		color:#3e83be;
		background:transparent url(../images/puce_h3.gif) no-repeat 0 4px;
		}
.titre04 {
		color:#3e83be;
		font-weight:bold;
		font-size:12px;
		}
/******************************  BLOCS CONTENUS ***************************************/
/* BLOCS COMMUNS A TOUS LES TYPES DE GABARITS */
.BLOC-titre 
		{
		text-align:left;
		margin:0 0 0 0;
		}
.BLOC-texte-seul
		{
		text-align:justify;
		text-align:left;
		margin: 7px 0 7px 0;
		}
.BLOC-image
		{
		text-align: center;
		margin: 7px 0 7px 0;
		}
.BLOC-image img {
		border:1px solid #98AECF;
		}
.BLOC-centrer
		{
		text-align: center;
		margin: 7px 0 7px 0;
		}

.BLOC-titre-texte {
		text-align:left;
		margin:0 0 25px 0;
		}
		
.BLOC-texte-imD {
		margin:0 0 25px 0;
		text-align:justify;
		}
.BLOC-texte-imD img {
		float: right;
		border:1px solid #98AECF;
		margin: 0 0 10px 10px;
		}
.BLOC-titre-texte-imG {
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imG img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-titre-texte-imD {
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imD img {
		float: right;
		border:1px solid #98AECF;
		margin: 0 0 10px 10px;
		}		
.BLOC-contours01 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
}	
.BLOC-liste-result {
		margin:0 10px 10px 0;
		padding: 5px 5px 5px 5px;
		width: 235px;
		height: 110px;
		float:left;
		background-color:#f2f6fb;
		font-size:11px;
		}
.BLOC-liste-result img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 70px 0;
		}	
.BLOC-liste-panier {
		margin:0 10px 10px 0;
		padding: 5px 5px 5px 5px;
		width: 330px;
		height: 110px;
		float:left;
		background-color:#f2f6fb;
		font-size:11px;
		}
.BLOC-liste-panier img {
		border:1px solid #98AECF;
		}
		

.BLOC-news-01 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	height: 100px;
}
.BLOC-news-01 h3 {
	font-size: 13px;
	color:#ff3600;
	background-color:#fff1ed;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-news-01 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-news-01 a {
	font-size: 12px;
	color:#ff3600;
}
.BLOC-news-01 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}

.BLOC-news-02 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	height: 100px;
}
.BLOC-news-02 h3 {
	font-size: 13px;
	color:#1197a1;
	background-color:#f2fcfd;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-news-02 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-news-02 a {
	font-size: 12px;
	color:#1197a1;
}
.BLOC-news-02 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}

.BLOC-news-03 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	height: 100px;
}
.BLOC-news-03 h3 {
	font-size: 13px;
	color:#3e83be;
	background-color:#e8f3fd;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-news-03 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-news-03 a {
	font-size: 12px;
	color:#3e83be;
}
.BLOC-news-03 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}

.BLOC-contacts-01 {
	border:1px solid #dbdbdb;
	padding: 5px 5px 5px 5px;
	margin:0 0 25px 0;
	
}
.BLOC-contacts-01 h3 {
	font-size: 13px;
	color:#3e83be;
	background-color:#e8f3fd;
	padding: 2px 2px 2px 2px;
	margin:0 0 5px 0;
}
.BLOC-contacts-01 img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 10px 0;
		}
.BLOC-contacts-01 a {
	font-size: 12px;
	color:#3e83be;
}
.BLOC-contacts-01 a:hover {
	font-size: 12px;
	color:#ff3600;
	text-decoration:none;
}
.BLOC-scroll-01 {
	height: _150px;
	width: 250px;
}
.BLOC-scroll-02 {
	height: 150px;
	width: 250px;
	background-color:#fafcfd;
	overflow:auto;
}
.BLOC-liste-scroll {
		margin:0 0 5px 5px;
		padding: 0 0 0 0;
		width: 220px;
		height: 100px;
		float:left;
		background-color:#f2f6fb;
		font-size:11px;
		}
.BLOC-liste-scroll img {
		float: left;
		border:1px solid #98AECF;
		margin: 0 10px 70px 0;
		}

/****************************** FORMULAIRES ***************************************/
.input-COMMUN {
		font-size: 11px;
		color: #3e83be;
		border: 1px solid #3e83be;
		font-family:Arial, Helvetica, sans-serif;
		padding: 0 0 0 3px;
		}
.input-FORM {
		font-size: 11px;
		color: #3e83be;
		border: 1px solid #FF3600;
		background-color:#FFFFFF;
		margin: 3px 3px 3px 3px;
		}
.select {
		font-size: 10px;
		color: #858585;
		background-color:#FFFFFF;
		margin: 3px 0 3px 0;
		}
.textarea {
		font-size: 11px;
		color: #3e83be;
		border: 1px solid #3e83be;
		font-family:Arial, Helvetica, sans-serif;
		padding: 0 0 0 3px;
		}

/****************************** PLAN DU SITE ***************************************/
.PLAN-SITE {
		float:left;
		width:160px;
		margin: 0 10px 0 0;
		}
.PLAN-SITE ul {
		list-style-type:none;
		}
.PLAN-SITE ul li {
		padding:7px 0 7px 16px;
		margin:0 0 0 0;
		text-align:left;
        font-size:14px;
		font-weight:bold;
        color:#ff3600;
		background:transparent url(../images/picto_menu.gif) no-repeat 0 6px;
		list-style-type:none;
		}
.PLAN-SITE ul li a {
		text-decoration: underline;
		color:#ff3600;
		}
.PLAN-SITE ul li a:hover {
		text-decoration: none;
		}
.PLAN-SITE ul li ul li {
		padding:3px 0 3px 12px;
		margin:0 0 0 0;
		text-align:left;
        font-size:12px;
		font-weight:normal;
        color:#3e83be;
		background:transparent url(/lpa/images/puceblanche.gif) no-repeat 0 7px;
		}
.PLAN-SITE ul li ul li a {
		text-decoration: underline;
		color:#3e83be;
		}
.PLAN-SITE ul li ul li a:hover {
		text-decoration: none;
		}
.PLAN-SITE ul li ul li ul li {
		padding:3px 0 0 10px;
		margin:0 0 0 0;
		text-align:left;
        font-size:11px;
		font-weight:normal;
        color:#000000;
		background:transparent url(/lpa/images/pucevide.gif) no-repeat 0 7px;
		}
.PLAN-SITE ul li ul li ul li a {
		text-decoration: underline;
		color:#858585;
		}
.PLAN-SITE ul li ul li ul li a:hover {
		text-decoration: none;
		}

		
		#NEWSLETTER-BACKGROUND
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:822px;
		min-height:550x;
		max-width:994px !important;
		/*background: url(http://www.gpack.fr/GPAck/Images/background_bords_newsletter.jpg) repeat-y;*/
		background: url(../CMS/images/newsletter/background_bords_newsletter.jpg) repeat-y;
		background-position: left top;
		}
html>body #NEWSLETTER-BACKGROUND
		{ 
		height: auto !important;
		}
#NEWSLETTER-CONTAINER
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:100%;
		min-height:550px;
		height:550px;
		max-width:100% !important;
		/*background: url(http://www.gpack.fr/GPAck/Images/background_newsletter.jpg) no-repeat;*/
		background: url(../cms/images/newsletter/background_newsletter.jpg) no-repeat;
		background-position: left top;
		}
html>body #NEWSLETTER-CONTAINER
		{ 
		height: auto !important;
		}
#NEWSLETTER-CONTENT
		{
		position:relative;
		margin: 0 auto;
		width:588px;
		min-height:550px;
		}
html>body #NEWSLETTER-CONTENT
		{ 
		height: auto !important;
		}
#NEWSLETTER-CONTENT H1
		{
		text-align:left;
		}
#NEWSLETTER-CONTENT H2
		{
		text-align:left;
		}
.newsletter-H1
		{
		font-weight:normal;
		color:#3e83be;
		font-size:24px;
		}
.newsletter-H2
		{
		font-size:16px;
		font-weight:normal;
		color:#3e83be;
		}
#newsletter-ENTETE {
		text-align:left;
		padding: 10px 0 0 20px;
		
		}
/*************************** HEADER & FOOTER ***********************************/		
#HEADER
		{
		position:relative;
		background-color:#B4C6E0;
		height:87px;
		}
		
#FOOTER
		{
		position: relative;
		width:600px;
		margin: 0 auto;
		padding: 15px 0 0 0;
		font-size:11px;
		color: #ffffff;
		/*background: url(http://www.gpack.fr/GPAck/Images/footer_newsletter.gif) no-repeat;*/
		background: url(../cms/images/newsletter/footer_newsletter.gif) no-repeat;
		}
#FOOTER a
		{
		text-decoration: underline;
		color: #ffffff;
		}
#FOOTER a:hover
		{
		text-decoration: none;
		}
		
.NEWSLETTER-BLOC-titre-texte {
		text-align:left;
		margin:0 0 25px 0;
		padding: 10px 0 0 20px;
		}
		
/*************************** PLAN du site (URL rewriting) ***********************************/				

.PLANSITE
{
	padding: 0 0 0 30px;
	position: relative;
	margin: 0 0 21px 0;
}

.PLANSITE-niv01 ul li
{
	padding: 0 0 0 0;
	margin: 7px 0 5px 5px;
	list-style-type: none;
	list-style-image: url(../images/puce-plansite-02.gif);
}
.PLANSITE-niv01 ul li a
{
	color: #858585;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}		
		
.left
{
	float:left;
	padding:0 4px 4px 4px;
	margin:4px 4px 4px 4px;
	border: #716F6F 1px dashed;
}