/* 

Feuille de style du site www.axloc.com
JANEIRO STUDIO
Auteur : Erick Loitiere
Copyright (c) Janeiro Studio
65, bis Avenue Voltaire 97300 CAYENNE - FRANCE

*/

/*<group=TRICKS>*/

/* Force IE to follow W3C ul rule */

ul 
	{
	padding-left: 2.5em;
	margin: 0px;
	}

/*<group=Force IE min-height>*/

.prop 
	{
	height: 50px;
	float: right;
	width: 1px;
	}

.clear 
	{
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
	}
	
	/*</group>*/

/*<group=Float trick>*/

/* The floating divs don't strech the container they are within. The trick is to use a blank div <div class="FloatTrick">&nbsp;</div> within the container containing the floatings divs and at the very bottom of the  floating divs*/

.FloatTrick 
	{
   clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	}

* html .FloatTrick 
	{
   clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	overflow: hidden;
	border-style: none;
	}
	
	/*</group>*/

/*<group=Images text wrapping>*/

.imgG 
	{
	margin: 0px 5px 3px 0px;
	float: left;
	}

.imgMG 
	{
	margin: 5px 5px 0px 0px;
	float: left;
	}

.imgD 
	{
	margin: 0px 0px 5px 5px;
	float: right;
	}

.imgMD 
	{
	margin: 5px 0px 0px 5px;
	float: right;
	}
	
	/*</group>*/

form, input 
	{
	display: inline;
	margin: 0px;
	padding: 1px;
	}

.ImagesCache
	{
	position: absolute;
	display: none;
	left: 0px;
	top: -20000px
	}
	
	/*</group>*/

* 
	{
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	list-style: none;
	text-decoration: none;
	}

body 
	{
	text-align: center;
	font: 11px Verdana;
	}

h1
	{
	margin-bottom: 15px;
	font-size: 16px;
	}

#Wrapper 
	{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 794px;
	padding: 0;
	}

#Header
	{
	background: url(../images/LogoAxloc.jpg) no-repeat left center;
	height: 60px;
	margin-bottom: 20px;
	color: #fc490e;
	padding: 10px 470px 10px 5px;
	}

#HeaderAd
	{
	width: 465px;
	height: 59px;
	background: url(../images/ThumbAd.jpg) no-repeat right top #ffffff;
	z-index: 2;
	position: absolute;
	left: 329px;
	top: 20px;
	color: #ffffff; 
	}

/*<group=ORANGE ACCOUNT FORM>*/

.AccountFormGreen
	{
	background: #c0e3e8 url(../images/AccountFormGreen.jpg) right bottom no-repeat;
	padding: 20px;
	border-top: 20px solid #99c1c1;
	width: 340px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	}

.AccountFormGreen p
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}

.AccountFormGreen label
	{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #0d666c;
	}
	
	/*</group>*/

/*<group=ORANGE ACCOUNT FORM>*/

.AccountFormOrange
	{
	background: #fec8b2 url(../images/AccountFormOrange.jpg) right bottom no-repeat;
	padding: 20px;
	border-top: 20px solid #fda27f;
	width: 340px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	}

.AccountFormOrange p
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}

.AccountFormOrange label
	{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #790004;
	}
	
	/*</group>*/

/*<group=HORIZONTAL MENU>*/

#HnavContainer
	{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 3px;
	width: 794px;
	}

#HnavContainer ul
	{
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
	}

#HnavContainer ul li
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}

#HnavContainer ul li a
	{
	text-decoration: none;
	margin: 0px;
	text-align: center;
	width: 119px;
	height: 27px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 27px;
	}

#HnavContainer ul li a:hover
	{
	background: no-repeat url(../images/HnavButtons.jpg) 0px -27px;
	}
	
	/*</group>*/

/*<group=SEARCH>*/

/*<group=ORANGE SEARCH MENU>*/

.HnavContainerSearchO
	{
	padding-bottom: 3px;
	width: 608px;
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	}

.HnavContainerSearchO ul
	{
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.HnavContainerSearchO ul li
	{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	}

.HnavContainerSearchO li a
	{
	text-decoration: none;
	margin: 0px;

	text-align: center;
	width: 119px;
	height: 27px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 27px;
	}

.HnavContainerSearchO ul li a:hover
	{
	background: no-repeat url(../images/HnavButtons.jpg) 0px -27px;
	}
	
	/*</group>*/

/*<group=ORANGE SEARCH FORM>*/

.SearchFormOrange
	{
	background: #fec8b2 url(../images/SearchFormOrange.jpg) right bottom no-repeat;
	padding: 20px;
	border-top: 20px solid #fda27f;
	margin-bottom: 15px;
	}

.SearchFormOrange p
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}

.SearchFormOrange label
	{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #790004;
	}
	
	/*</group>*/

/*<group=GREEN SEARCH MENU>*/

.HnavContainerSearch
	{
	padding-bottom: 3px;
	width: 608px;
	clear: both;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	}

.HnavContainerSearch ul
	{
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.HnavContainerSearch ul li
	{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	}

.HnavContainerSearch li a
	{
	text-decoration: none;
	margin: 0px;

	text-align: center;
	width: 119px;
	height: 27px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 27px;
	}

.HnavContainerSearch ul li a:hover
	{
background: no-repeat url(../images/HnavButtons.jpg);
	}
	
	/*</group>*/

/*<group=GREEN SEARCH FORM>*/

.SearchFormGreen
	{
	background: #c0e3e8 url(../images/SearchFormGreen.jpg) right bottom no-repeat;
	padding: 20px;
	border-top: 20px solid #99c1c1;
	margin-bottom: 15px;
	}

.SearchFormGreen p
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}

.SearchFormGreen label
	{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #0d666c;
	}
	
	/*</group>*/
	
	/*</group>*/

/*<group=VERTICAL MENU>*/

#VnavContainer
	{
	width: 176px;
	padding: 0;
	margin: 0;
	}

#VnavContainer ul
	{
	margin: 0;
	padding: 0;
	}

#VnavContainer ul li a
	{
	width: 161px;
	display: block;
	border-bottom: 1px solid #fff;
	color: #790004;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	}

#VnavContainer ul li a:hover
	{
	color: #fff;
	background: #0d666c;
	}
	
	
	/*</group>*/

#SubBanner
	{
	background: url(../images/SubBanner.jpg) no-repeat;
	width: 794px;
	height: 123px;
	clear: both;
	padding-left: 10px;
	margin-bottom: 20px;
	}

/*<group=BLANK BLOCKS>*/

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

div.GenericBlocText p
	{
	border-bottom: 1px solid #415a6b;
	margin: 0 0 10px;
	padding: 0 0 5px;
	}

div.GenericBlocText p.table
	{
	border-bottom: 0px;
	margin: 0 0 1px;
	padding: 0 0 1px;
      text-align:left;
	}

div.GenericBlocText a, div.GenericBlocText a:hover
	{
	text-decoration: underline;
	color: #fb490e;
	font-weight: bold;
	}
	/*</group>*/

/*<group=GREEN BLOCKS>*/

div.GreenBlocTitle
	{
	padding: 5px 5px 5px 10px;
	background: #0d666c;
	color: #fff;
	font-weight: bold;
	border-bottom: 15px solid #99c1c2;
	}

div.GreenBlocFooter
	{
	height: 20px;
	padding: 0;
	margin: 0 0 15px;
	}

div.GreenBlocText
	{
	padding: 5px;
	background: #c0e3e9;
	color: #000;
	font-size: 10px;
	margin-bottom: 15px;
	}

div.GreenBlocText p
	{
	border-bottom: 1px solid #415a6b;
	margin: 0 0 10px;
	padding: 0 0 5px;
	}

div.GreenBlocText a, div.GreenBlocText a:hover
	{
	text-decoration: underline;
	color: #fb490e;
	font-weight: bold;
	}
	/*</group>*/

/*<group=ORANGE BLOCKS>*/

div.OrangeBlocTitle
	{
	padding: 5px 5px 5px 10px;
	background: #fc490e;
	color: #fff;
	font-weight: bold;
	border-bottom: 15px solid #f9a486;
	}

div.OrangeBlocFooter
	{
	height: 20px;
	padding: 0;
	background: no-repeat url(../images/VnavFooter.jpg) #fec8b2 right;
	margin: 0 0 15px;
	}

div.OrangeBlocText
	{
	padding: 5px;
	background: #fec8b2;
	color: #5d0003;
	font-size: 10px;
	margin: 0;
	}

div.OrangeBlocText p
	{
	border-bottom: 1px solid #79514f;
	margin: 0 0 10px;
	padding: 0 0 5px;
	}

div.OrangeBlocText a, div.OrangeBlocText a:hover
	{
	text-decoration: underline;
	color: #09494e;
	font-weight: bold;
	}
	/*</group>*/

#LeftCol
	{
	width: 176px;
	float: left;
	background: url(../images/LeftColHeader.jpg) no-repeat;
	margin: 0;
	padding-top: 60px;
	}

div.LeftColBlocAd
	{
	padding: 0;
	margin: 0 0 15px;
	}

#CenterCol
	{
	width: 300px;
	margin-left: 8px;
	float: left;
	}

#WideRightCol
	{
	margin-left: 8px;
	padding: 0;
	width: 608px;
	float: right;
	}

#RightCol
	{
	width: 300px;
	margin-left: 8px;
	float: left;
	}

.RightColAd
	{
	width: 300px;
	margin-bottom: 15px;
	padding: 0;
	}

#WideBlocText
	{
	clear: both;
	margin-bottom: 15px;
	margin-top: 15px;
	background: #e7f5ff;
	width: 784px;
	padding: 5px;
	border-bottom: 1px solid #6c96b2;
	border-top: 1px solid #6c96b2;
	}

#Footer
	{
	color: #fff;
	width: 779px;
	height: 16px;
	background: url(../images/Footer.jpg) no-repeat;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 5px;
	clear: both;
	font-size: 10px;
	}

#Footer a, #Footer a:link, #Footer a:visited, #Footer a:hover
	{
	text-decoration: underline;
	color: #fff;
	}

#Copyright
	{
	padding: 5px;
	margin: 5px auto 20px;
	color: #7e7e7e;
	text-align: center;
	}

#Copyright a, #Copyright a:hover
	{
	text-decoration: none;
	color: #7e7e7e;
	}

#JaneiroStudioLogo
	{
	background: url(../images/JSCopyrightLogo.jpg) no-repeat 0px 3px;
	padding: 5px;
	}

#Axloclogo
	{
	background: url(../images/Icone_Axloc.jpg) no-repeat 0px 3px;
	padding: 5px;
	}