@charset "UTF-8";
/* CSS Document */

body {
	margin:0 0 0 0;
	background-image: url(../images/autre-interface/edc_motif-de-fond.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #a9a79b;
}

#container {
	width:960px;
	height:auto;
	margin:0 auto;
	background:#FFF;
	position:relative;
}

#top {
	width:100%;
	height:34px;
	margin:0px 0px 0px 0px;
	z-index:1000;
}

#nav {
	background:url(../images/nav_backgr.jpg) repeat-x;
	width:755px;
	height:33px;
	margin:10px 0px 0px 0px;
	z-index:500;
	float:left;
}

#sabbonner {
	width:189px;
	height:33px;
	margin:10px 0px 0px 0px;
	z-index:500;
	float:right;
}

#sabbonner a:link, #sabbonner a:visited {
	background:url(../images/buttons_sabonner.jpg) top left no-repeat;
	display:block;
}

#sabbonner a:hover {
	background:url(../images/buttons_sabonnerhover.jpg) top left no-repeat;
	display:block;
}

#home_button {
	width:30px;
	height:33px;
	margin:0 0 0 0;
}

#home_button a:link, #home_button a:visited {
		background:url(../images/buttons_home.jpg) top left no-repeat;
		display:block;
}

#home_button a:hover {
	background:url(../images/buttons_homehover.jpg) top left no-repeat;
	display:block;
}

#collection_button {
	width:113px;
	height:33px;
	margin:0 0 0 0;
}

#collection_button a:link, #collection_button a:visited {
	background:url(../images/buttons_collections.jpg) top left no-repeat;
	display:block;
}

#collection_button a:hover {
	background:url(../images/buttons_collectionshover.jpg) top left no-repeat;
	display:block;
}

#infos_button {
	width:112px;
	height:33px;
	margin:0 0 0 0;
}

#infos_button a:link, #infos_button a:visited {
	background:url(../images/buttons_info.jpg) top left no-repeat;
	display:block;
}

#infos_button a:hover {
	background:url(../images/buttons_infohover.jpg) top left no-repeat;
	display:block;
}

#envoyer_button {
	width:116px;
	height:33px;
	margin:0 0 0 0;
}

#envoyer_button a:link, #envoyer_button a:visited {
	background:url(../images/buttons_envoyer.jpg) top right no-repeat;
	display:block;
}

#envoyer_button a:hover {
	background:url(../images/buttons_envoyerhover.jpg) top right no-repeat;
	display:block;
}


.logo {
	width:253px;
	height:33px;
	margin:0 0 0 0;
}

#logo_accueil {
	background:url(../images/logo_accueil.jpg) top left no-repeat;
}
#logo_accueil_ecards {
	background:url(../images/logo_cards.jpg) top left no-repeat;
}

.buttons_top {
	margin:0 0 0 25px;
}

.buttons_top_box {
	padding:0px 0px 0px 0px;
}

.buttons_close {
	background:url(../images/buttons_closebackgr.png) top left no-repeat;
	width:117px;
	height:27px;
	text-align:center;
	padding:5px 0 0 0;
}

.buttons_blue {
	background:url(../images/buttons_bluebackgr.png) top center no-repeat;
	width:146px;
	height:18px;
	text-align:center;
	padding:2px 0 0 0;
}

.buttons_grey {
	background:url(../images/buttons_greybackgr.png) top center no-repeat;
	width:146px;
	height:18px;
	text-align:center;
	padding:2px 0 0 0;
}

#espacepanier_box {
	width:423px;
	height:auto;
	margin:0px 0px 0px 0px;
	background:#4c4c4e;
}

#espacepanier_box_right {
	background:url(../images/espace_right.jpg) top right no-repeat;
	width:99px;
	height:34px;
	margin:0 0 0 0;
}

#panier {
	background:url(../images/panier_backgr2.jpg) left top no-repeat;
	width:55px;
	height:34px;
}

.panier_puces {
	margin:10px 0 0 10px;
}

#login {
	background:url(../images/login_backgr.jpg) top left no-repeat;
	width:171px;
	height:34px;
}

#login table {
	margin:7px 0 0 0;
}

.login_input {
	border:none;
	background:#fff;
	color:#333;
	width:65px;
}

#login_button {
	padding:0 0 0 3px;
}

#login_connect {
	background:#FFF;
	border-top:1px #504447 solid;
	border-left:1px #504447 solid;
	border-right:1px #504447 solid;
	border-bottom:1px #B4ACAE solid;
	width:170px;
	color: #73686B;
	height:30px;
	overflow: hidden;
}

#menu {
	background:url(../images/nav_backgr.jpg) repeat-x;
	width:755px;
	height:35px;
}

#location_line {
	margin:2px 0px 2px 0px;
	padding-left:20px;
	width:auto;
	height:auto;
	font-size:9px;
	color:#999;
}

#location_line a:link, #location_line a:visited {
	color:#999;
	text-decoration:none;
}

#location_line a:hover {
	color:#09F;
	text-decoration:none;
	font-weight:bold;
}

#column_content {
	float:left;
	margin:0px 0px 0px 15px;
	width:745px;
	height:auto;
}

#column_right {
	width:189px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:right;
}

.column_content_boxes {
	margin: 0px;
}

.column_right table {
	width:175px;
	margin:0 auto;
}

.column_right_spacer {
	width:100%;
	height:10px;
}

.column_right_boxes {
	width:175px;
	height:auto;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#column_right_conseillertitle {
	background:url(../images/titles_conseiller.jpg) top center no-repeat;
	height: 19px;
}

#column_right_produittitle {
	background:url(../images/titles_prodassocies.jpg) top center no-repeat;
	height: 19px;
}

#column_right_boxblanktop {
	background:url(../images/titles_blank.jpg) top center no-repeat;
	height: 18px;
}

#column_right_boxfooter {
	background:url(../images/colrightbox_footer.jpg) top center no-repeat;
	height: 18px;
}

#column_right_boxcontent {
	width:175px;
	height:auto;
	background:#4b4b4d;
	text-align:center;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#column_right_boxcontent p {
	font-size:10px;
	margin:0 auto;
	width:135px;
	padding:0px 20px 15px 20px;
    margin: 0px 0px 0px 0px;
}

#column_right_boxcontent a:link, #column_right_boxcontent a:visited {
	color:#FFF;
	text-decoration:none;
}

#column_right_boxcontent a:hover {
	color:#09F;
	text-decoration:none;
	font-weight:bold;
}

.bulles_bleue {
	margin:5px 0  0;
}

.linespacer {
	background:url(../images/linespacer.jpg) repeat-x;
	width:100%;
	height:28px;
	text-align:right;
	margin:5px 0 0 0;
}

#footer {
	background:#333333;
	width:960px;
	margin:0 auto;
}

#footer_top {
	background:url(../images/footer_top.jpg) top center;
	width:960px;
	height:16px;
	margin:0 auto;
}

#footer_content {
	width:890px;
	margin:0 auto;
}

#footer p {
	margin:0px;
	width:100%;
	text-align:center;
	color:#A4A19E;
	padding:5px 0px 5px 0px;
	font-size: 10px;
}

.footer_box {
	width:210px;
	height:auto;
	margin:20px 0 0 10px;
	border-top:1px solid #B0AFB2;
	float:left;
}

#footer a:link, #footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#09F;
	text-decoration:none;
	font-weight:bold;
}
#footer_content a:link, #footer a:visited {
	color:#B0AFB2;
	text-decoration:none;
}

#footer_content a:hover {
	color:#09F;
	text-decoration:none;
	font-weight:bold;
}

.footer_box ul li {
	list-style:none;
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px -40px;
	color:#B0AFB2;
}

.bigbox {
	width:741px;
	height:auto;
	background:url(../images/bigbox-backgr.jpg) repeat-y;
	margin:0 auto;
	text-align:justify;
	padding:5px;
}

.bigbox ul li {
	list-style:square;
	padding:5px 0 0 0;
}

.bigbox_top {
	background:url(../images/bigbox_top.jpg) top center no-repeat;
	width:741px;
	height:28px;
}

.bigbox_bottom {
	background:url(../images/bigbox_footer.jpg) top center no-repeat;
	width:741px;
	height:28px;
}

.bigbox_title {
	font-size:12px;
	color:#09F;
	margin:0 0 2px 5px;
}


#petitslogos {
	width:100%;
	height:auto;
	margin:5px auto;
	text-align:center;
}

#petitslogos table {
	margin:0 auto;
}

/* texte */

.grey {
	color:#999;
}

.grey a:link, .grey a:visited {
	color:#999;
	text-decoration:none;
}

.grey a:hover {
	color:#09F;
	text-decoration:none;
	font-weight:bold;
}

.grey-dark {
	color:#333;
}

.grey-dark a:link, .grey-dark a:visited  {
	color:#333;
	text-decoration:none;
}

.grey-dark a:hover  {
	color:#000;
	text-decoration:none;
}

.black {
	color:#000;
}

.black a:link, .grey a:visited {
	color:#000;
	text-decoration:none;
}

.black a:hover {
	color:#09F;
	text-decoration:none;
	font-weight:bold;
}

.bleu {
	color:#09F;
}

.black a:link, .grey a:visited {
	color:#09F;
	text-decoration:none;
}

.black a:hover {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.white {
	color:#fff;
}

.white a:link, .white a:visited  {
	color:#fff;
	text-decoration:none;
}

.white a:hover  {
	color:#ACD6FE;
	text-decoration:none;
}

.small {
	font-size:10px;
}

.ultrasmall {
	font-size:8px;
}

.champs {
	border:1px solid #CCC;
	background:#f1f1f1;
	color:#333;
	float:right;
}

/* hacks */

.clear {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.spacer {
	width:auto;
	height:10px;
}

/* end hacks */

.zoom_carre {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

/* menu derulant */
.deroulant {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 12px 5px 12px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant-2 {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
	margin:0px 0px 0px 0px;
	padding:0px 12px 5px 12px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant_linebreak {
	width:100%;
	margin:0px 0px 0px 0px;
	background-color: #857D82;
	height:1px;
}


/* survol espace */
.deroulant_espace {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant_espace ul li {
	list-style:url(../images/arrow_ulli.gif);
	padding:0px;
	margin:10px 0px 5px -15px;
}

.deroulant_espace ul li ul li {
	list-style:none;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.deroulant_espace a:link, .deroulant_espace a:visited {
	color:#666;
	text-decoration:none;
}

.deroulant_espace a:hover {
	color:#09F;
	text-decoration:none;
}

#menu_espace {
    position:absolute;
	margin:35px 0px 0px 519px;
	z-index:100000;
	width:250px;
}
/* fin survol espace */

/* survol panier */
.deroulant_panier {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant_panier ul li {
	list-style:url(../images/arrow_ulli.gif);
	padding:0px;
	margin:10px 0px 5px -15px;
}

.deroulant_panier ul li ul li {
	list-style:none;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.deroulant_panier a:link, .deroulant_panier a:visited {
	color:#666;
	text-decoration:none;
}

.deroulant_panier a:hover {
	color:#09F;
	text-decoration:none;
}

#menu_panier {
	position:absolute;
	margin:35px 0px 0px 660px;
	z-index:100000;
	width:250px;
}
/* fin survol panier */

/* survol collection */
.deroulant_collection {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant_collection ul li {
	list-style:url(../images/arrow_ulli.gif);
	padding:0px;
	margin:10px 0px 5px -15px;
}

.deroulant_collection ul li ul li {
	list-style:none;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.deroulant_collection a:link, .deroulant_collection a:visited {
	color:#666;
	text-decoration:none;
}

.deroulant_collection a:hover {
	color:#09F;
	text-decoration:none;
}

#menu_collection {
    position:absolute;
	margin:77px 0px 0px 28px;
	padding:10px 10px 0px 0px;
	z-index:100000;
}
/* fin survol collection */

/* survol infos */
.deroulant_infos {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant_infos ul li {
	list-style:url(../images/arrow_ulli.gif);
	padding:0px;
	margin:10px 0px 5px -15px;
}

.deroulant_infos ul li ul li {
	list-style:none;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.deroulant_infos a:link, .deroulant_infos a:visited {
	color:#666;
	text-decoration:none;
}

.deroulant_infos a:hover {
	color:#09F;
	text-decoration:none;
}

#menu_infos {
    position:absolute;
	margin:77px 0px 0px 142px;
	padding:10px 10px 0px 0px;
	z-index:100000;
}
/* fin survol infos */

/* survol envoyer */
.deroulant_envoyer {
	background:url(../images/deroulants_backgr.jpg) top right repeat-y #fff;;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display: none;
}

.deroulant_envoyer ul li {
	list-style:url(../images/arrow_ulli.gif);
	padding:0px;
	margin:10px 0px 5px -15px;
}

.deroulant_envoyer ul li ul li {
	list-style:none;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.deroulant_envoyer a:link, .deroulant_envoyer a:visited {
	color:#666;
	text-decoration:none;
}

.deroulant_envoyer a:hover {
	color:#09F;
	text-decoration:none;
}

#menu_envoyer {
    position:absolute;
	margin:77px 0px 0px 520px;
	padding:10px 10px 0px 0px;
	z-index:100000;
}
/* fin survol envoyer */

#cache_tout {
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #111111;
    opacity: 0.75;
    filter:alpha(opacity=75);
	z-index: 100001;
}

#message_alerte {
	width:325px;
	/*min-height: 50px;*/
	height:auto;
	overflow:visible;
	margin:100px auto;
	margin-left: -165px;
	margin-top: -150px;
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 100002;
	padding:0px 0px 0px 0px;
	color: #666;
}
#message_alerte_top {
	background:url(../images/message_alerte_top.png) top left no-repeat;
	height:50px;
}
#message_alerte_top_title {
	margin:0 0 0 0;
}


/*.tab_message_alerte {
    margin:5px 0px 0px 0px;
}*/

#overlay
{
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #111111;
    opacity: 0.75;
    filter:alpha(opacity=75);
	z-index: 100001;
  /*position: fixed !important;
  position:absolute;
  z-index: 999;
  width:100%;
  height: 100%;
  border: 0px none;
  top:0px;*/
  /*opacity: 0.7;*/
  /*background-color: #000;*/
  display: none;
}
#overlay_content
{
  /*width:700px;
  height:700px;
  margin:80px auto 0px auto;*/
  position: absolute;
  z-index: 100002;
  left: 50%;
  top: 5%;
  margin-left: -370px;

  /*background-color: #fff;*/
  display:none;
}

#lightwindow {
	width:738px;
	height:auto;
	position:absolute;
	margin:10px 0 0 100px;
	background:#FFF;
}

#lightwindow_top {
	background:url(../images/lightwindow_top.png) top left no-repeat;
	height:50px;
}

#lightwindow_top_title {
	margin:0 0 0 0;
}

#lightwindow_photo {
	/*background:#999;*/
	width:430px;
	height:430px;
}

#lightwindow_photo2 {
	/*background:#999;*/
	width:680px;
	height:320px;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

#greyboxall_blue-50acces {
	background:url(../images/bluebackgr_50access.png) bottom left no-repeat #fff;
	background-position:100% 0%;
	height:146px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#greyboxall_blue-100acces {
	background:url(../images/bluebackgr_100access.png) bottom left no-repeat #fff;
	background-position:100% 0%;
	height:146px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#webecolo_box {
	width:698px;
	margin:20px auto;
}

#webecolo_box-content {
	background:url(../images/web_ecolo-backgr.png) top left no-repeat;
	width:698px;
	height:450px;
}

#webecolo_box-top, #webecolo_box-bottom {
	height:14px;
}

#webecolo_box-content-content {
	width:90%;
	margin:0 auto;
	padding:10px 0 0 0;
}


#webecolo_box-numerone {
	background:url(../images/web_ecolo-numberone.png) bottom left no-repeat;
	height:110px;
}

#webecolo_box-numertwo {
	background:url(../images/web_ecolo-numbertwo.png) bottom left no-repeat;
	height:110px;

}

#webecolo_box-numerthree {
	background:url(../images/web_ecolo-numberthree.png) bottom left no-repeat;
	height:110px;
}

.webecolo_boxnumber-content {
	width:400px;
	margin:0 0 0 130px;
	padding:0px;
}

.webecolo_boxnumber-content-title {
	margin:0 0 5px 0;
}

.webecolo_boxnumber-content-text {
	padding:20px 0 0 0;
}
.green-light {
	color:#c4d540;
}


/* perso */

h1 {
	font-size: 16px;
	color: #58585A;
	font-weight: lighter;
}

h2 {
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:15px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
h5 {
	font-size:21px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}



#baseline {
	clear: both;
	text-align: justify;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #999;
	padding-top: 15px;
	padding-bottom: 15px;
}
#baseline a:link, #baseline a:visited {
	color: #999;
	text-decoration: none;
}

/* perso accueil */
#top-accueil {
	width:957px;
	height:200px;
	margin:0;
	z-index:1000;
	background-image: url(../images/acceuil-ecards-entreprise.jpg);
	background-repeat: no-repeat;
}

#top-accueil   h1
 {
	color: #666666;
	padding-top: 150px;
	font-size: 22px;
	line-height: 30px;
	font-weight: lighter;
	letter-spacing: 1.8px;
}
.corps h2 {
	color: #666666;
	font-size: 19px;
	font-weight: lighter;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 20px;
}
.corps h3 {
	color: #666666;
	font-size: 19px;
	font-weight: lighter;
	margin-bottom: 20px;
}
.justifier {
	text-align: justify;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;	
}
	
.emphase_couleur {
	color: #3399FF;
	font-weight: bolder;
}
.justifier {
	text-align: justify;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;	
}
.corps {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	z-index:1000;
}
.corps a:link, .corps a:visited {
	color:#3399FF;
	text-decoration:none;
}