body, html, *{
	margin: 0;
	padding: 0;
}

body, html{
	height: 100%;
	font-family: Tahoma;
	background-color: #596e8f;
		background-image: url(images/ap.jpg);
	background-repeat: repeat-x;
}

img{
	border: 0px solid #000000;	
}

form{
	display: inline-block;
}

.clear{
	clear: both;
	display: inline-block;
	width: 0px;
	height: 0px;
}

.Doc{
	width: 135px;
	height: 168px;
	overflow: visible;
	background-image: url('images/apdoc.jpg');
	background-repeat: no-repeat;
	float: left;
	margin-left: 8px;
	margin-bottom: 70px;
	
}

.Doc .Part1{
	float: left;
	width: !87px;
	padding: 0px;
	padding-left: 8px;
	padding-top: 8px;
	
}

.Doc .Part1 img{
	margin-bottom: 8px;
}

.Doc .Part1 span a{
	font-size: 10px;
}

.Doc .Part1 span{
	display: block;
	width: 103px;
	padding: 4px;
	background-color: #e2e2e2;
	margin-left: -7px;
	text-align: center;
}

.Doc .Part1 span img{
	vertical-align: top;
	float: left;
}

.Doc .Part1 .Fin{
	display: block;
	width: 104px;
	background-color: transparent;
	height: 10px;
	background-image: url(images/pieddoc.jpg);
	background-repeat: no-repeat;
	margin-left: -8px;
}

.Doc .Part2, .Doc .Part2 a{
	width: 22px;
	height: 31px;
	display: block;
}

.Doc .Part2{
	float:left;
	margin-top: 15px;
	background-image: url('images/zoom.jpg');
}

.imgdetail{
	margin: 8px 0px 0px 0px;
}

.Label{
	color: #bf0000;;
	width: 100px;
	display: inline-block;
	margin-right: 4px;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

.photoarticle{
	float: left;
	margin-right: 12px;
	margin-left: 8px;
	margin-top: -2px;
}

.RedText{
	color: #bf0000;
	display: inline-block;
	margin: 8px 0px 2px 0px;
	text-decoration: underline;
	font-weight: bold;
}

input, textarea{
	font-size: 11px;
	font-family: Arial;
	margin-bottom: 2px;
}

.TextBox, .TextBoxArea{
	color: #000000;
	font-style: normal;
}

.bodypop .TextBox, .bodypop  .TextBoxArea{
	width: 300px;
	position: relative;
}

.TextBoxArea{
	height: 60px;
}

#ContactBloc, #page #contenu #ContactBloc{
    position: absolute;
    visibility: hidden;
    z-index: 40;
	width: 520px;
}

#page #contenu #ContactBloc{
	bottom: 70px;
	left: 50%;
	margin-left: -260px;
	margin-top: -334px;
	visibility: visible;
}

#poptitre
{
	font-size: 24px;
    color: #bf0000;
    display: block;
	margin-bottom: 20px;
	padding-top: 10px;
}

.toppop, .bodypop, .bottompop{
    display: block;
}

.toppop, .bottompop{
    height: 17px;
    width: 520px;
}

.toppop{
    background-image: url('images/pop1.png'); 
    margin: 0;
    padding: 0;
}

.bodypop{    
	background-image: url('images/pop2.png');
    min-height: 186px;
    padding-left: 14px;
    padding-right: 14px;
    width: 492px;
	text-align: center;
}

.bodypop input{    
	position: relative;
}

.bodypop a, .bodypop a:hover{
	font-size: 11px;
	font-weight: bold;
	position: relative;
}

.bodypop a{
	text-decoration: none;
	color: #bf0000;
}

.bodypop a:hover{
	text-decoration: underline;
	color: #FF9999;
}

.bottompop{
    background-image: url('images/pop3.png');
}

#hidder, #page #contenu #hidder{
	z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #B6B6B6;
    top: 0px;
    left: 0px;
    visibility: hidden;
    filter : alpha(opacity=60); 
    -moz-opacity : 0.6; 
    opacity : 0.6;
}

#page #contenu #hidder{
	visibility: visible;
}

#page, #pied{
	margin: auto;
}

#page{
	min-height: 100%;
	overflow: visible;
	background-color: #e9ecf1;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-y;
	width: 766px;
}
#page #entete{
	background-image: url(images/tete.jpg);
	background-repeat: no-repeat;
}

#page #lientop{
	padding-left: 596px;
	padding-top: 18px;
	color: #ffffff;
	font-size: 11px;
	margin-bottom: 13px;
}
#page #lientop a{
	color: #ffffff;
	text-decoration: none;
}

#page #drapeau{
	margin-left: 696px;
	width: 62px;
	height: 19px;
	padding: 0px 0px 0px 2px;
	background-image: url('images/fond.jpg');
	font-size: 8px;
	margin-bottom: 7px;
}

#page #lientop a:hover{
	text-decoration: underline;
}

#page #contenu{
	overflow: auto;
}

#page #contenu #menu{
	padding-top: 10px;
	width: 256px;
	float: left;
	overflow: auto;
	margin-bottom: 50px;
}

#page  #contenu #menu .VisibleBloc, #page  #contenu #menu .TitleMenu, #page  #contenu #menu .TitleMenuActif, #page  #contenu #menu .TitleMenuHover{
	margin-top: 5px;
	margin-bottom: 5px;
}


#page  #contenu #menu .HiddenBloc{
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

#page  #contenu #menu .VisibleBloc{
	height: auto;
	overflow: visible;
	visibility: visible;
}

#page  #contenu #menu .TitleMenu, #page  #contenu #menu .TitleMenuActif, #page  #contenu #menu .TitleMenuHover, #page  #contenu #menu .TitleMenu2, #page  #contenu #menu .TitleMenu2Actif, #page  #contenu #menu .TitleMenu2Hover,#page  #contenu #menu .TitleMenu3, #page  #contenu #menu .TitleMenu3Actif, #page  #contenu #menu .TitleMenu3Hover{
	height: 18px;
	display: inline-block;
	margin-bottom: 4px;
	visibility: visible;
}

#page  #contenu #menu .TitleMenu, #page  #contenu #menu .TitleMenuActif, #page  #contenu #menu .TitleMenuHover{
	padding-left: 30px;
	font-size: 14px;
	width: 217px;
	text-transform: uppercase;
}

#page  #contenu #menu .TitleMenu2, #page  #contenu #menu .TitleMenu2Actif, #page  #contenu #menu .TitleMenu2Hover{
	padding-left: 50px;
	font-size: 12px;
	width: 197px;
}

#page  #contenu #menu .TitleMenu3, #page  #contenu #menu .TitleMenu3Actif, #page  #contenu #menu .TitleMenu3Hover{
	padding-left: 70px;
	font-size: 11px;
	width: 177px;
}

#page  #contenu #menu .TitleMenu, #page  #contenu #menu .TitleMenu2, #page  #contenu #menu .TitleMenu3{
	background-image: none;
	cursor: default;
	background-color: transparent;
}

#page #contenu #menu .TitleMenuHover, #page #contenu #menu .TitleMenu2Hover, #page #contenu #menu .TitleMenu3Hover{
	cursor: pointer;
}

#page  #contenu #menu .TitleMenuActif{
	background-image: url(images/puce.jpg);
	background-repeat: no-repeat;
}

#page  #contenu #menu .TitleMenuHover, #page  #contenu #menu .TitleMenuActif{
	background-color: #e8e8e8;
}

#page  #contenu #menu .TitleMenuHover, .TitleMenuActif{
	background-image: url(images/puceh.jpg);
	background-repeat: no-repeat;
}

#page  #contenu #menu .TitleMenu2Actif, #page  #contenu #menu .TitleMenu2Hover{
	background-image: url(images/puceh.jpg);
	background-repeat: no-repeat;
	background-color: #dae4f3;
}

#page  #contenu #menu .TitleMenu3Actif, #page  #contenu #menu .TitleMenu3Hover{
	color: #728bb2;
}

#page #contenu #corps{
	float: left;
	overflow: auto;
	width: 500px;
	margin-left: 2px;
	margin-bottom: 60px;
}

#page #contenu #corps h1{
	font-size: 20px;
	margin-top: 10px;
	color: #767e86;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: normal;
}

#page #contenu #corps .pConctact{
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: Tahoma;
	color: #767e86;
	padding-right: 8px;
	line-height: 200%;
}

#page #contenu #corps #tetecorps , #page #contenu #corps #piedcorps{
	font-size: 4px;
}

#page #contenu #corps #tetecorps , #page #contenu #corps #piedcorps, #page #contenu #corps #bodycorps{
	margin-left: 5px;
}

#page #contenu #corps #tetecorps , #page #contenu #corps #piedcorps {
	width: 491px;
}

#page #contenu #corps #tetecorps {
	background-image: url(images/corpstete.jpg);
	height: 13px;
	margin-top: 10px;
}

#page #contenu #corps #bodycorps {
	background-image: url(images/corpscorps.jpg);
	padding-left: 4px;
	padding-right: 4px;
	width: 483px;
	overflow: auto;
}

#page #contenu #corps #bodycorps h1, #page #contenu #corps #bodycorps h2{
	color: #3a3a3a;
	font-family: Tahoma;
	font-weight: normal;
	text-align: center;
}

#page #contenu #corps #bodycorps h1{
	font-size: 18px;
	margin-top: 2px;
	text-transform: uppercase;
}
#page #contenu #corps #bodycorps h2{
	font-size: 17px;
	margin-top: 2px;
}

#page #contenu #corps #bodycorps p{
	padding: 2px 6px 4px 4px;
	text-align: justify;
}

#page #contenu #corps #bodycorps .product, #page #contenu #corps #bodycorps .product2{
	width: 159px;
	margin-top: 6px;
	margin-right: 4px;	
}

#page #contenu #corps #bodycorps .product{
	float: left;
}

#page #contenu #corps #bodycorps .product2{
	margin: auto;
}

#page #contenu #corps #bodycorps .par, #page #contenu #corps .par{
	font-size: 11px;
	font-family: Tahoma;
	line-height: 170%;
}

#page #contenu #corps .par{
	text-align: justify;
}

#page #contenu #corps #bodycorps #btn_contact{
	display: block;
	float: right;
	margin-right: 20px;
}

#page #contenu #corps #piedcorps {
	background-image: url(images/corpspied.jpg);
	height: 14px;
}

#page #contenu #corps .BlocConctactGris{
	background-color: #d8dde2;
	padding: 4px 0px 4px 4px;
	overflow: auto;	
	margin-top: 20px;
}

#page #contenu #corps .BlocConctactGris #FormContact{
	width: 228px;
	float: left;
	margin-top: 10px;
	margin-left: 1px;
	text-align: right;
}

#page #contenu #corps .BlocConctactGris #FormContact .TextBox, #page #contenu #corps .BlocConctactGris #FormContact .TextBoxArea{
	width: 100%;
	font-style: italic;
	color: #bbbbbb;
}

#page #contenu #corps .BlocConctactGris #FormContact .TextBoxArea{
	height: 100px;
}
#page #contenu #corps .BlocConctactGris #TelImg{
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#page #contenu #corps .product{
	width: 159px;
	margin-top: 10px;
	float: left;
	margin-left: 4px;
	margin-bottom: 10px;
}

#page #contenu #corps .product .imgproduct, #page #contenu #corps .product2 .imgproduct{
	background-image: url(images/appprod.jpg);
	padding-top: 8px;
	padding-bottom: 8px;
}

#page #contenu #corps .product .imgproduct img, #page #contenu #corps .product2 .imgproduct img{
	border: 1px solid #cccccc;
	width: 136px;
	display: block;
	margin: auto;
}

#page #contenu #corps .product .nameproduct, #page #contenu #corps .product2 .nameproduct{
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	background-image: url(images/appprodpied.jpg);
	height: 18px;
}

#pied{
	background-color: #757e84;
	height: 40px;
	margin-top: -50px;
	background-image: url(images/email.jpg);
	background-repeat: no-repeat;
	background-position: 35px 18px;
	padding-top: 10px;
	padding-left: 65px;
	width: 701px;
}

#pied a{
	color: #ffffff;
}

#pied #contact, #pied #copyright{
	float: left;
}

#pied #contact{
	width: 500px;
}

#pied #tel, #pied #email, #pied #adressmail, #pied #copyright{
	font-size: 11px;
	display: block;
}

#pied #tel{
	color: #d6dee2;
	margin-bottom: 4px;
}

#pied #email, #pied #adressmail{
	float: left;
	color: #bdc7cd;
}

#pied #email{
	margin-right: 4px;
	font-weight: bold;
}

#pied #adressmail{
	text-decoration: underline;
}

#pied #copyright{
	float: left;
	display: block;
	color: #d6dee2;
}