/* Basic CSS */

body,html {
        background-image: url(img/back1.gif);
	background-color: #C9C7BB;
	background-repeat: no-repeat;
        background-position: top center;
	float: left;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        height: 100%;
        width: 100%;
        margin: 0px;
        min-height: 100%;
        text-align: center;
        z-index: 1;
	/* color: #FCF5E4; */
	color: 365b16;
	}


a {
	/* color: #B4E8FC; */
	color: #cb0f0f;
	text-decoration: none;
	}

a:hover  {
	color: #FFF793;
	text-decoration: underline;
	}

p {
	margin: 0px;
	}

h1 {
	font-size: 13px;
	margin: 0px;
	}

h2 {
	font-size: 11px;
	margin: 0px;
	}


	.promo {
		background-image: url(img/promo_tarif.gif);
		background-repeat: repeat;
		background-position: bottom right;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/promo_tarif.gif',sizingMethod='scale');
		right: 0px;
		bottom: -1px;
		width: 207px;		
		height: 192px;		
		position: absolute;
		z-index: 999;
		}	


	.copy-box {
		width: 100%;
		margin-top: 15px;
		text-align:center;
		z-index: 1;
		float:left;
		font-size: 11px;
		color: FFFFFF;
		}


	.blanc  {
		color: #FFF;
		}


	.navigation {
		margin: 0px;
		height: 30px;
		min-height: 30px;
		margin-top: 10px;
		width: 720px;
		position: relative;
		z-index: 999;
		}


	.menu-item{
		background-image: url(img/menu.gif);
		background-repeat: repeat-x;
		background-position: top left;
		margin-top: 0px;
		height: 30px;
		min-height: 30px;
		margin-right: 1px;
		text-align: left;
		width: 119px;
		float:left;
		z-index: 1;
		}


	.pad-centre{
		background: none;
		font-weight: bold;
		margin-top: 2px;
		text-align: center;
		position:relative;
		width: 100%;
		z-index: 1;
		}


	.pad-menu{
		font-size: 11px;
		font-weight: bold;
		margin-top: 10px;
		text-align: center;
		width: 119px;
		position:relative;
		z-index: 100;
		}


	.nm  {
		color: #FFF793;
		}


/* Style CSS */	


	.nav-top {
		background-repeat: repeat;
		background-position: top left;
		margin-left: auto;
		margin-right: auto;
		height: 70px;
		min-height: 70px;
		margin-top: 0px;
		text-align: left;
		position: relative;
		width: 720px;
		z-index: 100;
		background-image: url(img/haut_menu.gif);
		}
	

	.lang {
		background-repeat: repeat;
		background-position: top left;
		left: 390px;
		top: 0px;
		height: 26px;
		position: absolute;
		width: 146px;
		z-index: 999;
		border-style: double;
		border-color: #006633;
		background-image: url(img/shade.png);
		}	


	.logo {
		background-image: url(img/logo.png);
		background-repeat: no-repeat;
		background-position: top left;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='crop');
		margin-left: 35px;
		height: 35px;
		position: relative;
		width: 261px;
		z-index: 1;
		margin-top: 10px;
		}


	.media {	
		margin-top: 0px;
		text-align: left;
		position: relative;
		_height: 475px;
		min-height: 475px;
		width: 100%;
		z-index: 2;
		}


	.wraper {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		text-align: left;
		position: relative;
		width: 720px;
		z-index: 1;
		}


	.media-side {	
		background-image: url(img/shade.png);
		background-repeat: repeat;
		background-position: top left;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/shade.png',sizingMethod='scale');
		margin-top: -475px;
		margin-left: 0px;
		_height: 475px;
		min-height: 475px;
		text-align: left;
		position: relative;
		width: 240px;
		z-index: 8;
		}


	.pad-intro{
		color: #FFF;
		filter: DropShadow(color=#333333, offx=1, offy=1);
		font-size: 13px;
		font-weight: normal;
		text-align:left;
		line-height: 20px;
		padding-top: 5px;
		margin-left: 15px;
		width: 210px;
		position: relative;
		z-index: 999;
		}


	.title  {
		color:#FFF;
		filter: DropShadow(color=#333333, offx=1, offy=1);
		font-weight: bold;
		padding-top: 5px;
		margin-left: 15px;
		font-size: 13px;
		width: 210px;
		position: relative;
		}


	.media-shade {	
		background-image: url(img/shade.png);
		background-repeat: repeat;
        	background-position: top left;
        	_background: none;
        	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/shade.png',sizingMethod='scale');
		margin-top: 160px;
	    	_height: 35px;
		min-height: 35px;
        	text-align: left;
		float:left;
        	width: 100%;
        	z-index: 8;
    		}	


	.smedia-border {
		margin-top: -300px;
		_height: 300px;
		min-height: 300px;
        	text-align: left;
		position: relative;
        	width: 100%;
        	z-index: 4;
    		}


	.pad-titre{
		color: #FFF;
		font-size: 2.0em;
		filter: DropShadow(color=#000000, offx=1, offy=1);
		font-weight: normal;
		margin-top: 5px;
		padding-bottom: 5px;
		text-align: right;
		position:relative;
		width: 95%;
		z-index: 1;
		}


	.content {
		margin-left: auto;
		margin-right: auto;
		_height: 170px;
		min-height: 170px;
		margin-top: 0px;
		text-align: left;
		position: relative;
		width: 720px;
		z-index: 100;
    		}

	.detail-text {
		font-weight: normal;
		font-size: 12px;
		filter: DropShadow(color=#95ea4c, offx=1, offy=1);
		text-align: left;
		margin-top: 5px;
		position:relative;
        	width: 100%;
		clear: all;
        	z-index: 1;
    		}


	.detail-text-small {
		font-weight: normal;
		font-size: 12px;
		text-align: left;
		margin-top: 5px;
		position:relative;
        	width: 100%;
		clear: all;
        	z-index: 1;
    		}


	.lright-content {
		margin-top: 10px;
		_height: 140px;
		min-height: 140px;
        	text-align: left;
		float:left;
        	width: 420px;
        	z-index: 3;
    		}
	

	.lleft-content {	
		margin-top: 10px;
		_height: 140px;
		min-height: 140px;
        	text-align: left;
		float:left;
        	width: 270px;
        	z-index: 3;
		}


	.spict {
		margin-top: 5px;
		margin-right: 5px;
		width: 84px;
		height: 63px;
		z-index: 1;
		float:left;
		}


	.close-w {	
		background-image: url(img/menu.gif);
        	background-repeat: repeat-x;
        	background-position: top left;
		margin-top: 0px;
        	text-align: center;
        	position: relative;
		_height: 20px;
		min-height: 20px;
        	width: 100%;
        	z-index: 2;
    		}

	.Ref{
		display : none;
		}	


	.copy-box {
		width: 100%;
		margin-top: 15px;
		text-align:center;
		z-index: 1;
		float:left;
		font-size: 11px;
		color: FFFFFF;
		}