/* dfreeze */
html {
}
body {
	margin : 0;
	padding : 0;
	font-family: arial;
	font-size: 13px;
	background: #E2E7EA url(images/bg.jpg) top center no-repeat ;
	padding-bottom : 10px;
}
p, h1, h2 {
	margin : 0;
	padding-bottom: 0;
	padding-top: 0;
}

A img { border: none; }


A {color: #FF8000; text-decoration: none; font-weight: bold;}

A:hover,A:active {color: #303741; text-decoration: underline; }

#boiteblanc { /* ----------------------------------------------------------------------------------------*/
	width: 980px;
	margin: 0 auto;
	padding-top: 20px; 
	background: #FFFFFF;
}

#boiteglobale { /* ----------------------------------------------------------------------------------------*/
	width: 980px;
	margin: 0 auto;
}

#enteta { /* ------------------------------------------------------------*/
	width: 980px;
	height: 80px;
	vertical-align : top;
	background: url(images/barre-ronde-verte.png) bottom center no-repeat ;
	margin-bottom: 3px;
}

div.flotte_menu_horiz_haut { /* ---------------------------*/
	float: right;
	height: 40px;
	width: 730px;
	vertical-align: top;
	font-size : 12px;
	background: transparent;
}

div.flotte_menu_horiz_bas { /* ---------------------------*/
	float: right;
	height: 40px;
}

.bordonglet {
	float: right;
	height: 40px;
	width: 2px;
	background: url(images/bordongletav.png) top left no-repeat ;
	margin-top: 0px;
}

.bordongletrond {
	float: right;
	height: 40px;
	width: 10px;
	background: url(images/bordongletrondav.png) top right no-repeat ;
	margin-top: 0px;
}

.bordongletronddr {
	float: right;
	height: 40px;
	width: 8px;
	background: url(images/bordongletronddrav.png) top right no-repeat ;
	margin-top: 0px;
}

a.menu {  /* ------------------------------------------------------------*/
	display: block; /* Pour utiliser la balise A comme un block donc pouvoir lui imposer une hauteur */
	background: url(images/fd-menuext-a.png) top center repeat-x ;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	float: right;
	
	color: #000000 ;
	font-size: 16px ;
	font-weight: bold ;
}

a.menu#panier {
	background: url(images/Panier-tr-bh5.png) top right no-repeat;
	padding-right: 25px;
	padding-top: 8px;
	color: #000000;
	font-size : 12px;
}

a.menu:hover  { color: #FFFFFF ; text-decoration: none;}

a.menu#no_trait_verti {
	background: transparent;
	padding-top: 8px;
	color: #000000;
	font-size : 12px;
}

a.menu#panier:hover,  a.menu#no_trait_verti:hover{
	color: #acaeb0;
}

#menuA, #menuB, #menuC, #menuD, #menuE {
	background: #FF9E00 url(images/topmenu-bg.png) top left repeat-x ;
}

#menuA:hover, #menuB:hover, #menuC:hover, #menuD:hover, #menuE:hover {
	background: #303741 ;
}

#menuA_Active, #menuB_Active, #menuC_Active, #menuD_Active, #menuE_Active  {
	background: #303741 ;
	color: #FFFFFF;
}

#tradmrk {
	margin-top: 9px;
	float: right;
	margin-right: 100px;
	color: grey;
	font-size : 11px;
}

#chapitre.invisible {
	display: none;
}
	
#boitecorps {  /* utilisé en construction des .txt */
	width: 930px;
	padding: 0px 15px 0px 15px ; 
}

#talon {  /* ----------------------------------------------------------- -*/
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-bottom: 0px;
	padding-top: 5px;
	text-align: center;
	border-top: 1px solid #DFE0E1;
	font-size : 11px;
	color : #7A828B;
}

#xiti  {
	float: left;
	vertical-align : bottom;
	padding-left : 0px;
	padding-right : 30px;
}

#chapitreh {
	margin-top : 5px;
	background: transparent url(images/bordgris-haut.png) top left no-repeat ;
	width: 960px;
	height: 4px;
	margin-left: 15px;
}
#chapitrem {
	background: transparent url(images/bordgris-bord.png) top left repeat-y ;
	width: 960px;
	padding-left: 20px;
	margin-left: 15px;
}

#chapitreb {
	background: transparent url(images/bordgris-bas.png) top left no-repeat ;
	width: 960px;
	height: 4px;
	margin-left: 15px;
	margin-bottom : 10px;
}

a#entreprise {
	margin-left: -5px;
	display: block; /* Pour utiliser la balise A comme un block donc pouvoir lui imposer une hauteur */
	width: 960px;
	height: 487px;
	background: transparent url(images/securite-pour-les-entreprises.png) top left no-repeat ;
}


#blocsabc {
	height: 300px; /* hauteur de bloca +  margin-top */
}

a#bloca {
	display: block; /* Pour utiliser la balise A comme un block donc pouvoir lui imposer une hauteur */
	margin-top : 5px;
	width: 311px;
	height: 255px;
	background: transparent url(images/block1pom.png) top left no-repeat ;
	float: left;
	color: black; 
	margin-left: 3px;
	margin-right: 4px;
}

h1 {
	margin-top: 0px;
	padding-top: 0px;
	color: #7A828B;
	font-weight: bold;
	font-size: 18px;
}

.clear {
	clear: both; /* pour mettre ligne basse en bas de tous les blocs */
	height: 0px; /* sinon hauteur 1px */
}

/*  end  of tabs - bottom corners  */
DIV#tabs-navigation-end {
	background-color: #fff ; /* */
	margin: 0px 10px 0px;
	padding: 0px;
	height: 10px;
	position: relative;
	}

#tabs-navigation-end   SPAN {
	position: absolute;
	display: block;
	top: 0px;
	width: 10px;
	height: 10px;
	}	
	
#tabs-navigation-end   SPAN.tabnav-end-left {
	left: -10px;
	background: transparent url(images/tabnav-end.png) left top no-repeat;
	}
#tabs-navigation-end SPAN.tabnav-end-right {
	right: -10px;
	background: transparent url(images/tabnav-end.png) right top no-repeat;
	}