/* CSS Document */

/***********************************************/
/* HTML */
/***********************************************/


@font-face {
	font-family: 'Futur';
	src: url('biblio/fonts/futr-webfont.eot');
	src: url('biblio/fonts/futr-webfont.woff') format('woff'), url('biblio/fonts/futr-webfont.ttf') format('truetype'), url('biblio/fonts/futr-webfont.svg#webfontglZ9cwkq') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body {
	/*scrollbar-face-color:#42360F;
  	scrollbar-arrow-color:#FFFFCC;
  	scrollbar-track-color:#F3F2DC;
  	scrollbar-shadow-color:#473D2E;
  	scrollbar-highlight-color:#80591C;
  	scrollbar-3dlight-color:#FFFFCC;
  	scrollbar-darkshadow-Color:#846D50;*/
}

html, body, form, div{
	border: 0px solid;
	margin: auto;
	padding: 0px;
	vertical-align: top;
}

body{
	background-color: #FFF0C5;
	overflow: auto;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	margin-left: 0px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background: url(biblio/images/fond.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;*/
	
}

li {
list-style-type:none;
}

.ref  { 
display: none; 
}

.espace_mini {
	display:block;
	border: 0;
	height: 2px;
	font-size:2px;
	overflow: hidden;
}

.espace_pt {
	display:block;
	border: 0;
	height: 5px;
	font-size:5px;
	overflow: hidden;
}

.espace_moyen {
	display:block;
	border: 0;
	height: 10px;
	font-size:10px;
	overflow: hidden;
}

.espace_gd {
	display:block;
	border: 0;
	height: 20px;
	font-size:20px;
	overflow: hidden;
}

/***********************************************/
/* CADRES */
/***********************************************/

#Container {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	height: auto;
	width: 700px;
}

#Header {
	margin: 0px auto;
	padding: 0px;
	width: 700px;
	height: auto;
	/*background-image:url(header.gif);
	background-repeat:repeat-y;	*/
}

#menu_haut {
	/*background-color: #FFF0C5;*/
	float: right;
	height:50px;
	width: 700px;
}

#menu_bas {
	text-align:right;
	margin-top: 5px;
	width:auto;
}

#contenu_home {
	/*background-color: #FFF0C5;*/
	float: right;
	padding: 0px 0px 0px 12px;
	width: 468px;
	height:auto;
	vertical-align:top;
}

#contenu {
	/*background-color: #FFF0C5;*/
	float: left;
	padding: 0px 0px 0px 12px;
	width: 524px;
	height:auto;
	vertical-align:top;
}

#Lefter_home {
	/*background-position: 0 0;
	background-repeat: repeat-y;
	background-color:#FFF0C5;*/
	float: left;
	width: 220px;
	/*background-image: url(fond_lefter.jpg);*/
}

#Lefter {
	/*background-position: 0 0;
	background-repeat: repeat-y;
	background-color:#FFF0C5;*/
	float: left;
	width: 142px;
	/*background-image: url(fond_lefter.jpg);*/
}

#Footer {	
	clear: both;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	width: 700px;
}

#bas_page {	
	/*background-position: 0 0;
	background-image: url(bas_site.jpg);
	background-repeat: no-repeat;*/
	width: 700px;
	height: 142px;
	margin: 0px auto;
	padding: 0px;
}

#vide_bas {	
	border: 0;
	height: 30px;
	overflow: hidden;
	width: 700px;
}

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.espace_pt {
	border: 0;
	height: 8px;
	overflow: hidden;
}

.espace_gd {
	display:block;
	border: 0;
	height: 20px;
	font-size:20px;
	overflow: hidden;
}

/***********************************************/
/* BOUTONS */
/***********************************************/

a.case_roll {
	display: block;
	height: 20px;
	margin: 0px 1px;
	padding: 5px 0px 0px 28px;
	background-position: 8px 0px;
	background-repeat: no-repeat;
	background-image: url(images_demo/btn_sous_famille.gif);
	text-decoration: none;
	font-size:11px;
	color:#3333CC;
}

a.case_roll:hover {
	background-image: url(images_demo/btn_sous_famille_on.gif);
	text-decoration: none;
	color:#66CC33;
}

a.lien {
	text-decoration: none;
}

a.lien:hover{
	text-decoration: underline;
	/*background-image: url(off.gif);*/
}

/***********************************************/
/* BLOCS */
/***********************************************/

.bloc_info_home {
	/* top - right - bottom - left */
	padding: 0px 0px 0px 12px;
	width: 208px;
}

.bloc_promo_home {
	/* top - right - bottom - left */
	padding: 0px 0px 0px 10px;
	width: 195px;
}

.bloc_info {
	/* top - right - bottom - left */
	padding: 0px 2px 0px 4px;
	width: 136px;
}

.bloc_info_haut {
	background-position: 0 0;
	background-image: url(images_demo/bordure_haut_cadre_gauche_b.gif);
	background-repeat: no-repeat;
	font-size: 0px;
	height: 32px;
	margin: 0px;
	padding: 0px;
}

.bloc_info_center {
	background-repeat: repeat-y;
	background-image: url(images_demo/fond_centre_cadre_g.gif);
	color: #00267F;
}

.bloc_info_bas {
	background-position: 0 0;
	background-image: url(images_demo/bas_cadre_gauche.gif);
	background-repeat: no-repeat;
	font-size: 0px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}


/***********************************************/
/* COMPOSANTS */
/***********************************************/

.center {
text-align:center;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.just {
text-align:justify;
}

/***********************************************/
/* TEXTES */
/***********************************************/

.rouge {
color:#BD1700;
}

.orange {
color:#FF9500
}

.brun {
color:#9B5917;
}

/* */
.txt_menu_bas {
font-family:Verdana, Arial;
text-align:right;
font-size:10px;
}
/* */

.txt_contenu {
color:#AC681A;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.txt_contenu:hover {
color:#00CC33;
}

/* */

/* */

.zone_txt {
	height: auto;
	padding: 0px 15px;
	text-align: left;
}

.txt_bloc_info {
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

/**********************************/



#e_card { margin-top:20px; height:270px; }
#e_card menu { list-style:none; }
#e_card menu li { float:left; }

#tab_pics { display:block; float:left;  padding-left:2px; padding-top:2px; margin-top:12px; width:203px; height:auto;padding-bottom:16px;/*height:208px;*/ background-color:#FFFFFF; margin-right:30px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -khtml-transform: rotate(-3deg); }
#tab_pics img { display:block; width:57px; height:54px; border:solid 5px #FFFFFF; }
#tab_pics img:hover { opacity:0.5; cursor:pointer; }

#gd_pic_e-card { display:block; float:right; width:415px; height:230px; border:solid 5px #FFFFFF; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -khtml-transform: rotate(3deg); overflow:hidden;cursor:pointer; }

#gd_pic_e-card .gd_pic_info { position:absolute; display:block; visibility:hidden; margin:0 auto; margin-top:200px; width:415px; height:30px; background-color:#FFFFFF; text-align:right; font-family:Verdana; font-size:9px; color:#990000; }

#form_ecard { position:absolute; display:block; background:url(biblio/images/dos_ecard.png); width:391px/*411*/; height:176px/*256*/;visibility:hidden;z-index:400;padding-top:80px;padding-left:20px; }

.ombre_cadre { box-shadow: 1px 1px 5px #000000; -moz-box-shadow: 1px 1px 5px #000000; -webkit-box-shadow: 1px 1px 5px #000000; -khtml-box-shadow: 1px 1px 5px #000000; }


#form_ecard label { font-family:Futur,Verdana, Arial, Helvetica, sans-serif; font-size:9px; height:9px; color:#844b08;display:block; margin-bottom:2px;  }


#form_ecard input {	margin-bottom:5px; border:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 1px 3px #000;  -webkit-box-shadow: 0 1px 3px #000;  -khtml-box-shadow: 0 1px 3px #000;  box-shadow: 0 1px 3px #000;  }

#form_ecard input[type="button"], #form_ecard input[type="submit"] { color:#fff; background:#dd9946;cursor:pointer; font-size:10px; width:63px; height:18px; margin-top:6px;opacity:1; }

#form_ecard input[type="text"] { color:#000; width:135px; background:#feefd0; font-size:9px; height:12px; /border:solid 1px #CC9966; /height:10px;} /* / pour parler a ie*/ 

#form_ecard input.input_lecture { background:none; background-color:none; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; }

#texte_retour_send_form { text-align:left;}

#form_ecard textarea { background:none; font-size:11px;line-height:21px; border:0; width:210px; height:105px;margin-top:20px; }

#retour_send_form { display:block;position:relative;padding:70px 50px;  width:291px; left:-10px; height:96px; top:-232px; background-color: rgba(255, 255, 255, 0.8); /background-color:#fff;  /*opacity:0.8;*/ visibility:hidden; color:#000;font-size:14px; text-align:center;} 

.col_gauche_form_ecard { float:left;margin-right:23px; /margin-right : 10px ;  }