
#m1mn1popup{text-align:left;}/*for js menu*/
#m1mn2popup{text-align:left;width:150px;}/*for js menu*/
#m1mn3popup{text-align:left;}/*for js menu*/
#m1mn4popup{text-align:left;}/*for js menu*/
#m1mn5popup{text-align:left;}/*for js menu*/
#m1mn6popup{text-align:left;}/*for js menu*/



/*begin main website description*/
body {
	margin:0;
	padding:0;
	text-align:center;/* hack for ie5/win */
	}

form{
	margin:0;
	padding:0;
	}

#principal{
	font-family: 'trebuchet ms',verdana,verdana,sans-serif;
	font-size:10px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;/* hack for ie5/win */
	background-image: url(../images/test_antoine/carre_gris.jpg);
	background-repeat : yes
	color:yellow;
	}

#content{
	/*background-color:white; */  /*hack for ie5/win - otherwise extra width between columns and footer*/
	background-image: url(../images/test_antoine/carre_gris.jpg);
	background-repeat : yes
	
	}

#maincenter{
	/*background-color:blue;*/
	clear:both;
	}


a, a span {
	text-decoration: none;
	}

a:hover, a:hover span {
	text-decoration: underline;
	color: black;
	}

a:hover div{
	text-decoration: none;
	}

.pagecenter_template2{
	width:671px;
	float:left;
	margin-left:164px;
	display:inline;
	}

.smallcentertop{
	width:671px;
	background-image: url(../images/small_bleue_box_top.gif);
	background-repeat: no-repeat;
	float:left;
}
.smallcentermid{
	width:671px;
	background-image: url(../images/small_bleue_box_center.gif);
	background-repeat: repeat-y;
	float:left;
	}

.smallcenterbot{
	width:671px;
	background-image: url(../images/small_bleue_box_footer.gif);
	background-repeat: no-repeat;
	height:21px;
	float:left;
	font-size:0px;/*needed for ie*/
	}

.smallcentergreypage{
	margin-left:162px;
	display:inline;
	width:676px;
	float:left;
	}

.smallcentergreytop{
	width:676px;
	background-image: url(../images/large_bleue_box_top2.gif);
	background-repeat: no-repeat;
	float:left;
	height:70px;
	}

.smallcentergreymid{
	width:676px;
	background-image: url(../images/large_bleue_box_center.gif);
	background-repeat: repeat-y;
	float:left;
	}

.smallcentergreybot{
	width:676px;
	background-image: url(../images/large_bleue_box_footer1.gif);
	background-repeat: no-repeat;
	height:15px;
	float:left;
	font-size:1px; /*needed for ie*/
	}

.largepagecenter{
	width:676px;
	float:left;
	clear:both;
	margin-top:0px;
	display:inline;
	}

.largecentertop{
	width:676px;
	background-image: url(../images/large_bleue_box_top.gif);
	background-repeat: no-repeat;
	float:left;
	height:8px;
	font-size:0px;
	padding:0px;
	margin:0px;
	}

.largecentermid{
	height: 255px;
	width:676px;
	background-image: url(../images/large_bleue_box_center.gif);
	background-repeat: repeat-y;
	float:left;
	}

.largecenterbot{
	width:676px;
	background-image: url(../images/large_bleue_box_footer.gif);
	background-repeat: no-repeat;
	height:27px;
	float:left;
	display:inline;
	height:36px;
	text-align:right;
	}

.largecentertop1{
	width:676px;
	background-image: url(../images/large_bleue_box_top1.gif);
	background-repeat: no-repeat;
	float:left;
	height:33px;
	}

.largecentertop1 a:hover{
	background:transparent;/*bug for ie6*/
}
.largecentermid1{
	width:676px;
	background-image: url(../images/large_bleue_box_center1.gif);
	background-repeat: repeat-y;
	float:left;
	}

.largecenterbot1{
	width:676px;
	background-image: url(../images/large_bleue_box_footer1.gif);
	background-repeat: no-repeat;
	height:27px;
	float:left;
	display:inline;
	height:12px;
	}


.centertop_title_small{
	margin-left: 40px;
	margin-top: 15px;
	font-size: 35px;
	font-weight: bold;
	color: #26adce;
	height:50px;
	}

.centertop_title_large{
	width:500px;
	font-size: 16px;
	font-weight: bold;
	color: red;
	text-align:center;
	margin-left:88px;
	height:50px;
	}

.centermid_subtitle_img{
	margin-left:25px;
	font-size:0px;
	width:15px;
	margin-top: 22px;
	font-weight: bold;
	height:15px;
	float:left;
	display:inline;
	background-image:url(../image/logoo_album-photo.gif);
	background-repeat: no-repeat;
	}

.centermid_subtitle_txt{
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
	float:left;
	display:inline;
	}

.centermid_subtitle_desc{
	margin-left:40px;
	margin-right:30px;
	margin-top: 5px;
	font-size: 12px;
	text-align:justify;
	}

.centertop_title_grey{
	margin-left: 70px;
	margin-top: 20px;
	font-size: 35px;
	font-weight: bold;
	color: #91c437;
	height:50px;
	}

.centermid_subtitle_grey_img{
	margin-left:25px;
	font-size:0px;
	width:15px;
	margin-top: 22px;
	font-weight: bold;
	color: black;
	height:15px;
	float:left;
	display:inline;
	background-image:url(../image/logoo_album-photo.gif);
	background-repeat: no-repeat;
	}

.centermid_subtitle_grey_txt{
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #707070;
	float:left;
	display:inline;
	}

.centermid_subtitle_grey_desc{
	margin-left:40px;
	margin-right:30px;
	margin-top: 5px;
	font-size: 12px;
	color: #707070;
	text-align:justify;}

.validation_grey{
	margin-left:40px;
	margin-right:10px;
	margin-top:5px;
	font-size: 12px;
	color: #707070;
	font-weight: bold;
	float:left;
	display:inline;
	}

.validation_grey_button1{
	float:left;
	display:inline;
	width:300px;
	}

.validation_grey_button2{
	margin-left:40px;
	}

.validationbutton{}

.teaser{
	margin:10px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	color: #f63e7b;
	}

.download_teaser_text, .download_teaser_text a, .download_teaser_text a:hover{
	margin-top:30px;
	margin-bottom:15px;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	color: #f63e7b;
	}

.spacer{
	clear:both;
	font-size:0px;
	height:0px;
	visibility:hidden;
	}

/*end main website description*/

/*begin header*/
#header {
	width: 100%;
	height:130px;
	float: left;
	background-image: url('../images/home_header.jpg');
	background-repeat: no-repeat;
}

#header_left {
	width: 755px;
	float: left;
}

#header_right {
	float: left;
}

#menutop{
	margin-left:300px;
}

.lientop, a .lientop{
	text-decoration:none;
	color:white;
	margin-left:0px;
	font-size:10px;
}


a:hover .lientop{
	color:#ff9933;
	text-decoration:none;
	font-size:10px;
}

.lientop2, a .lientop2{
	text-decoration:none;
	color:#91c437;
	font-size:10px;
}

.lientop3, a .lientop3{
	text-decoration:none;
	color:white;
	font-size:10px;
	background-color:red;
}

a:hover .lientop3{color:black;text-decoration:none;}

a:hover .lientop2{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
}

#slogan {
	height: 80px;
	width: 445px;
	margin-left: 245px;
	margin-top: 12px;
	font-size: 30px;
	color: white;
	text-align:center;
	font-style:italic;
}

#customer_login {
	margin-left: 15px;
	margin-top: 15px;
	font-size: 20px;
	color: white;
}

.login1 {
	font-size: 15px;
	color: white;
}

.login2 {
	font-size: 12px;
	color: white;
}

#login_submit_link, a #login_submit_link {
	font-weight: bold;
	color:#91c437;
	text-decoration: underline;
}
a:hover #login_submit_link {color:white;text-decoration: underline;}

#login_submit_link1,  a #login_submit_link1{
	font-weight: bold;
	text-decoration: none;
}


/*end header*/


/*begin menu*/
#horizontal_menu {
	width: 1000px;
	clear:both;
	padding-top:30px
}

/*
#horizontal_menu a:hover {
	background:transparent; /*bug for ie6 to set menu after mouse away from menu
}
*/
.mainmenu {
	float:left;
	display:inline;	
	margin-left:44px;
	margin-right:2px;
	font-size:16px;
	
}

#mainmenu10{
	float:left;
	color:white;
	width:132px;
	height:30px;
	background-image:url('../images/onglet-notselected.jpg');
	background-repeat: no-repeat;
	text-align:center;
	/*padding-top:10px;*/
	}

a:hover #mainmenu10{
	width:132px;
	height:30px;
	color:#91c437;
	background-image:url('../images/onglet-hover.jpg');
	background-repeat: no-repeat;
	
	}

#mainmenu11{float:left;color:white;width:132px;height:30px;background-image:url('../images/onglet-notselected.jpg');background-repeat: no-repeat;text-align:center;}
a:hover #mainmenu11{color:#91c437;background-image:url('../images/onglet-hover.jpg');background-repeat: no-repeat;}

#mainmenu12{float:left;color:white;width:132px;height:30px;background-image:url('../images/onglet-notselected.jpg');background-repeat: no-repeat;text-align:center;}
a:hover #mainmenu12{color:#91c437;background-image:url('../images/onglet-hover.jpg');background-repeat: no-repeat;}

#mainmenu13{float:left;color:white;width:132px;height:30px;background-image:url('../images/onglet-notselected.jpg');background-repeat: no-repeat;text-align:center;}
a:hover #mainmenu13{color:#91c437;background-image:url('../images/onglet-hover.jpg');background-repeat: no-repeat;}

#mainmenu14{float:left;color:white;width:132px;height:30px;background-image:url('../images/onglet-notselected.jpg');background-repeat: no-repeat;text-align:center;}
a:hover #mainmenu14{color:#91c437;background-image:url('../images/onglet-hover.jpg');background-repeat: no-repeat;}

.menutopwhitegreen{color:white;}
a:hover .menutopwhitegreen{color:#91c437;text-decoration:none}

.menusp{width:1px;float:left;}
.menulink{width:160px;}

.deltamenu{height:3px;font-size:0px;}
.menulargemax{width:120px;margin-left:20px;display:inline;float:left;}
.menu_delta{background-color:white;}

/*end menu*/



/*begin footer*/
#footer{
	text-decoration:none;
	clear:both;
	color:white;
	text-align:center;
	height:30px;
}



/*end footer*/

.colgbox{margin-top:0px;width:186px;margin-left:3px;margin-right:3px;text-align:center;color:white;background-color:#02161d;font-size:12px;}
.colgboxtop{background-image:url('../images/test_antoine/carre_noir.jpg');height:10px;}
.colgboxtcenter{background-image:url('../images/test_antoine/carre_noir.jpg');padding-left:10px;padding-right:10px;font-size:14px;}
.colgboxtcenterbold{font-weight:bold;font-size:14px;color:#ff9933;}
.colgboxtcenterboldblanc{font-weight:bold;font-size:14px;color:white;}
.colgboxtcenterphone{color:#91c437;font-size:18px;font-weight:bold;}
.colgboxtspacer{width:120px;height:1px;font-size:0px;background-color:#91c437;}
.colgboxtrond{background-image:url('../images/rond.gif');height:24px;padding-top:4px;}
.colgboxtrond a{font-weight:bold;color:#02161d;font-size:14px;}
.colgboxtrond a:hover{color:white;text-decoration:none;}
.colgboxtbas{background-image:url('../images/test_antoine/carre_noir.jpg');height:15px;font-size:0px;}


/*begin col gauche*/
#footer{
	clear:both;
	color:white;
	text-align:center;
	height:30px;
}

/*end footer*/

/*begin teaser top*/
#teaser {
	width: 970px;
	height: 25px;
 	margin-top: 20px;
 	float: left;
	text-align: center;
 	margin-bottom:10px;
}

.teaser_text {
	font-size: 25px;
	font-weight: bold;
	color: #f63e7b;
}

.teaser_products_text {
	font-size: 23px;
	font-weight: bold;
	color: black;
}
/*end teaser top*/

.mycolor1{color:#91c437;}
.mycolor2{color:#ffffff;}
.mycolor3{color:black;}

#mycolonne1{width:676px;margin-top:0px;margin-left:40px;display:inline;float:left;}
#mycolonne2{width:192px;background-color:#91c437;float:left;margin-left:45px;display:inline;padding-top:0px;margin-top:0px;padding-bottom:3px;}
.productmask{margin-left:20px;background-image:url('../images/cadre.gif');width:199px;height:154px;float:left;display:inline;}

.productmasktitle{float:left;display:inline;text-align:center;margin-top:7px;width:199px;font-weight:bold;font-size:14px;color:white;text-decoration:none;}
a .productmasktitle{color:white;text-decoration:none;}
a:hover .productmasktitle {color:#ff9933;text-decoration:none;font-weight:bold}

.productmaskimg{float:left;display:inline;text-align:center;width:199px;margin-top:5px;}

.largecenterbottext, .largecenterbottext a{color:black;font-size:14px;font-weight:bold;width:150px;float:right;margin-top:3px;display:inline;text-align:center;}
.largecenterbottext a:hover{color:white;}

.largecenterbottext1{
	width:170px;
	float:left;
	color:black;
	font-weight:bold;
	font-size:14px;
	height:33px;
	background-image:url('../images/cadreh.gif');
	background-repeat:no-repeat;
	text-align:center;
	padding-top:7px;
	padding-right:10px;/*with the margin-left=10 of then container*/
	margin-left:10px;
	display:inline;
	background-position: top right;
	}

a:hover .largecenterbottext1 {color:black;}

.temb{margin-left:20px;color:black;}

.temlist {	
	color: black;
	list-style-type:disc;
	font-size:12px;
	margin-left:20px;
	width:596px;
	text-align:justify;
}

.desctext{width:596px;margin-left:40px;color:black;text-align:justify;margin-top:0px;margin-bottom:20px;font-size:12px;}


.productwel{font-size:20;text-align:center;color:black;width:676px;height:64px;background-image:url('../images/ay.gif');background-repeat:no-repeat;padding-top:5px;margin-top:20px;}

.productmastteaser{color:black;font-size:20px; width:100%;text-align:center;}

.productmast{
	margin-top:20px;
	float:left;
	margin-left:20px;
	color:black;
	display:inline;
	}

.productdetail{float:left;width:172px;font-size:16px;font-weight:bold;}
.productdetaildesc{font-size:12px;font-weight:normal;}
.productimg{padding-top:5px;height:128px;float:left;width:199px;text-align:center;background-image:url('../images/cadreproduct.gif');background-repeat:no-repeat;}
.productdesc{color:black;float:left;width:245px;margin-left:10px;display:inline;}
.buttonorder{font-size:14;font-weight:bold;color:white;background-position:0px 0px;text-align:center;width:216px;margin-left:382px;margin-top:-39px;background-image:url('../images/az.gif');height:30px;padding-top:6px;background-repeat:no-repeat;}
.buttonorder a:link{color:white;}
.buttonorder a:hover{color:red;}

.tarifetprix{color:#91c437;font-size:12px;text-decoration:underline;}
a:link .tarifetprix{text-decoration:underline;}
a:hover .tarifetprix{color:black;text-decoration:underline;}
.tarifprix a:hover{color:red;text-decoration:underline;}
.productprice{color:red;font-size:12px;margin-bottom:10px;}



.e_productmastteaser{color:black;font-size:12px;margin-left:24px;margin-top:24px;width:628px;text-align:justify;}
.e_detail_mast{margin-top:20px;margin-left:24px;width:636px;color:red;}
.e_detail_col1{float:left;height:221px;width:199px;background-image:url('../images/boxbkd.gif');background-repeat:no-repeat;text-align:center;padding-top:10px;}
.e_productdetaildesc{}
.e_detail_col2{float:left;margin-left:5px;display:inline;width:432px;}
.e_detail_imgs{margin-left:10px;}
#e_detail_img1{float:left;}
#e_detail_img2{float:left;}
#e_detail_img3{float:left;}
#e_detail_img4{float:left;}
#e_detail_img5{float:left;}
.e_detail_avantages{color:black;font-size:12px;}
.e_detail_buttonorder{margin-left:350px;margin-top:-40px;background-image: url(../images/az.gif);background-repeat:no-repeat;width:216px;height:30px;padding-top:6px;text-align:center;font-size:14px;font-weight:bold;color:white;}





.detail_d_main{margin-left:22px;}
.detail_d_mid_title{width:100%;text-align:center;font-size:16px;font-weight:bold;margin-bottom:10px;}
.detail_d_top{width:637px;height:21px;background-image:url('../images/ccctop.gif');background-repeat:no-repeat;}
.detail_d_mid{width:637px;background-image:url('../images/cccmid.gif');color:black;}
.detail_d_bot{width:637px;height:16px;background-image:url('../images/cccbot.gif');background-repeat:no-repeat;}

.detail_d1_main{margin-left:10px;float:left;display:inline;}
.detail_d1_top{width:299px;height:17px;background-image:url('../images/aatop.gif');background-repeat:no-repeat;}
.detail_d1_mid{width:299px;background-image:url('../images/aamid.gif');background-repeat:repeat-y;}
.detail_d1_bot{width:299px;height:15px;background-image:url('../images/aabot.gif');background-repeat:no-repeat;}

.detail_d1_mask{clear:both;width:279px;margin-left:10px;margin-top:10px;}
.detail_d1_maintitle{width:100%;text-align:center;font-size:16px;font-weight:bold;}
.detail_d1_title{float:left;width:158px;}
.detail_d1_img{float:left;margin-left:5px;display:inline;width:116px;height:83px;text-align:center;padding-top:5px;background-image:url('../images/boxptbk.gif');background-repeat:no-repeat;}

.e_detail_d1_list li{margin-left:-20px;}
.e_detail_d1_list{margin-top:0px;}
.detail_d1_titre{color:#91c437;font-weight:bold;font-size:14px;}

.productdetailorder{color:white;font-size:14px;font-weight:bold;}
a:hover .productdetailorder{color:black;}

.reliurepricetitle{margin-left:53px;font-size:14px;margin-top:30px;text-decoration:underline;}

.dlbutton{text-align:center;}

#new_client_page_center{background-color:white;}

.new_client_page_center_page{background-color:white;width:920;margin-left:40px;}
.new_client_page_center_top{background-color:white;background-image:url('../images/large_top.gif');background-repeat:no-repeat;}
.new_client_page_center_mid{color:red;background-image:url('../images/large_mid.gif');width:100%;}
.new_client_page_center_bot{background-image:url('../images/large_bot.gif');background-repeat:no-repeat;height:36px;width:100%;}
.new_client_page_center_title{float:left;display:inline;color:red;margin-left: 71px;font-size: 35px;font-weight: bold;color: #91c437;margin-top:20px;}

.freereg_teaser{font-size:12px;color:black;margin-left:20px;display:inline;}
#freereg_col1{float:left;display:inline;margin-left:20px;width:424px;color:red;}
#freereg_col2{float:left;display:inline;margin-left:20px;width:400px;}
.freereg_col2_text{color:black;font-size:12px;border-left:solid 4px #000000;padding-left:5px;}
.freereg_col2_empty{width:100%;height:30px;}
#lblmandatory{font-size:12px;color:black;margin-left:20px;display:inline;margin-top:20px;}
.freereg_mytable td{color:black;font-size:12px;padding-right:5px;}

.startnow{text-decoration:none;font-size:14px;background-image: url('../images/az.gif');background-repeat: no-repeat;background-position:50% 50%;text-align:center;height:30px;padding-top:5px;color:white;font-weight:bold;}
a .startnow {color:white;text-decoration:none;}
a:hover .startnow {color:black;text-decoration:none;}

/* le 15 mai 2008 ajout de styles css pour les tarifs dupliqué sur detail_d_mid_title afin de rendre
cette police rouge*/ 

.detail_d_mid_title_red{width:100%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;color:red;}

/* le 15 mai 2008 ajout de styles css pour les tarifs dupliqué sur detail_title afin de centrer la fenêtre*/ 

.detail_d1_title_center{float:left;width:158px;align:center;}





/*menu loggin starting*/
body {behavior: url(csshover.htc);margin:0;padding:0;}
#menu{font-size:14px;height:35px;background-color:#92c949;;width:1000px;color:red;border-top:solid gray 1px;border-bottom:solid gray 1px;border-right:solid gray 1px;}
#menu ul li {list-style: none;}
.niveau1 li{height:32px;}
#menu ul {padding:0;margin:0;}
#menu li a {
	text-decoration: none;
	padding-left:22px;
	padding-right:21px;	
	background-color:#d0dcec;
	background-color:#92c949;


	margin-right:0px;
	padding-top:9px;
	padding-bottom:9px;
	float:left;
	display:inline;
	}

div#menu ul.niveau1 li{
	float:left;
	}

div#menu ul li { 
	position:relative; 
	list-style: none;
	top:0px;
	}

div#menu ul ul.niveau2a {position: absolute;display:none;left:-20px;top:35px;}
div#menu ul ul.niveau2b {position: absolute;display:none;left:-30px;top:35px;}
div#menu ul ul.niveau2c {position: absolute;display:none;left:-100px;top:35px;}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2a {display:block;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2b {display:block;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2c {display:block;}

div#menu a {color:black;border-left:solid gray 1px;}


div#menu li a:hover {background: #ffcc0a;text-decoration:underline;}
div#menu li a:hover {background: #8bba48;text-decoration:underline;}

div#menu li.sousmenu a {background: #aec6e6;}
div#menu li.sousmenu a {background: #86b845;}


div#menu li.sousmenu a:hover { background: #ffcc0a;}
div#menu li.sousmenu a:hover { background: #8bba48;}


div#menu li.sousmenu ul.niveau2a li {clear:both;}/*needed for ie*/
div#menu li.sousmenu ul.niveau2b li {clear:both;}/*needed for ie*/
div#menu li.sousmenu ul.niveau2c li {clear:both;}/*needed for ie*/

div#menu ul.niveau2a li a {display:block;width:210px;background-color:#d0dcec;border:solid gray 1px;}
div#menu ul.niveau2b li a {display:block;width:180px;background-color:#d0dcec;border:solid gray 1px;}
div#menu ul.niveau2c li a {display:block;width:250px;background-color:#d0dcec;border:solid gray 1px;}

div#menu ul.niveau2a li a {display:block;width:210px;background-color:#92c949;border:solid gray 1px;}
div#menu ul.niveau2b li a {display:block;width:180px;background-color:#92c949;border:solid gray 1px;}
div#menu ul.niveau2c li a {display:block;width:250px;background-color:#92c949;border:solid gray 1px;}

/*menu loggin finishing*/
/*ajout le 20/05/08 */
.grassouligne{
	width:596px;
	margin-left:40px;
	color:black;
	text-align:justify;
	text-decoration:underline;
	margin-top:0px;
	margin-bottom:20px;
	font-size:12px;
	font-weight:bold
}

/*ajout le 21/05/08 */
.desctextline
{
	text-decoration:underline;
	margin-left:40px;
	color: black;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 12px;
}

.desctextnrm
{
	width: 510px;
	margin-left: 2px;
	color: black;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 12px;
}
/*ajout du 11/06/08*/
.downalod_img_top
{
	display:none;
	visibility:hidden;
}

.test_antoine{
width:192px;
height:4px;
background-repeat:no-repeat;
margin-top:0px;
display:inline
}
.texte_orange
{
	background-image:url('../images/test_antoine/carre_noir.jpg');
	text-align:center;
	color:#ff9933;
	font-size:16px;
}
.texte_orange a
{
	color:#ff9933;
	font-size:16px;
}
.texte_orange a:hover
{
	color:#ff9933;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}
