@font-face {
    font-family: 'microsoft_yi_baitiregular';
    src: url('../fonts/msyi.eot');
    src: url('../fonts/msyi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/msyi.woff') format('woff'),
         url('../fonts/msyi.ttf') format('truetype'),
         url('../fonts/msyi.svg#microsoft_yi_baitiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 24, 2013 */

@font-face {
    font-family: 'walkway_condensed_boldregular';
    src: url('../fonts/walkway_condensed_bold.eot');
    src: url('../fonts/walkway_condensed_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_condensed_bold.woff') format('woff'),
         url('../fonts/walkway_condensed_bold.ttf') format('truetype'),
         url('../fonts/walkway_condensed_bold.svg#walkway_condensed_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'walkway_condensed_semiboldRg';
    src: url('../fonts/walkway_condensed_semibold.eot');
    src: url('../fonts/walkway_condensed_semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_condensed_semibold.woff') format('woff'),
         url('../fonts/walkway_condensed_semibold.ttf') format('truetype'),
         url('../fonts/walkway_condensed_semibold.svg#walkway_condensed_semiboldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'walkway_condensedregular';
    src: url('../fonts/walkway_condensed.eot');
    src: url('../fonts/walkway_condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_condensed.woff') format('woff'),
         url('../fonts/walkway_condensed.ttf') format('truetype'),
         url('../fonts/walkway_condensed.svg#walkway_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'walkway_ultracondensed_boldRg';
    src: url('../fonts/walkway_ultracondensed_bold.eot');
    src: url('../fonts/walkway_ultracondensed_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_ultracondensed_bold.woff') format('woff'),
         url('../fonts/walkway_ultracondensed_bold.ttf') format('truetype'),
         url('../fonts/walkway_ultracondensed_bold.svg#walkway_ultracondensed_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'walkway_ultracondensed_semiRg';
    src: url('../fonts/walkway_ultracondensed_semi.eot');
    src: url('../fonts/walkway_ultracondensed_semi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_ultracondensed_semi.woff') format('woff'),
         url('../fonts/walkway_ultracondensed_semi.ttf') format('truetype'),
         url('../fonts/walkway_ultracondensed_semi.svg#walkway_ultracondensed_semiRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'walkway_ultracondensedregular';
    src: url('../fonts/walkway_ultracondensed.eot');
    src: url('../fonts/walkway_ultracondensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_ultracondensed.woff') format('woff'),
         url('../fonts/walkway_ultracondensed.ttf') format('truetype'),
         url('../fonts/walkway_ultracondensed.svg#walkway_ultracondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'walkway_semiboldregular';
    src: url('../fonts/walkway_semibold.eot');
    src: url('../fonts/walkway_semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_semibold.woff') format('woff'),
         url('../fonts/walkway_semibold.ttf') format('truetype'),
         url('../fonts/walkway_semibold.svg#walkway_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* fin typo ----------------------------------------------------- */
/*styles des éléments de base*/
h1{
	margin: 16px ;	
	font-family: 'walkway_semiboldregular';
	color : #f98800;
		letter-spacing : 2px;
}

h2.leader{
	clear : left;
	margin: 5px 14px 7px 14px ;	
	font-family: 'walkway_semiboldregular';
	color : #f98800;
	font-size : 22px;
	line-height : 26px;
	padding :0
}


h2{
	clear : left;
	margin: 14px 14px 0 14px ;	
	font-family: 'walkway_semiboldregular';
	color : #f98800;
	font-size : 22px;
	line-height : 26px;
}

h2.admin{
		color :#336699;
		margin-bottom : 7px
}

h3{
    font-family: 'walkway_semiboldregular';
    margin : 14px 7px 7px 14px
}

h4,
h5{
	letter-spacing : 2px;
	font-family: 'walkway_condensed_boldregular';
	margin: 14px ;
	clear : left
}


h4.ml_cgv{
	margin : 14px 14px 0 14px;
	padding:0;
	
}


a{
	text-decoration : none
}

a,
li,
p{
    font-family : 'lucida-grande', arial, 'sans-serif';
    font-size : 11px
}/*styles des éléments de base*/

.titre_produit{
	    font-family : 'lucida-grande', arial, 'sans-serif';
}

/* les éléments de l'en-tête*/
#header_logo{
	width : 660px;
	height : 110px;
	float :left
}

#header_bloc2{
	width : 330px;
	height : 110px;
	float :left	
}
#bloc_connect_deco,
#bloc_connect_insc{
		height : 50px;
		width : 316px;

}
#bloc_connect_deco{

}

#bloc_connect_insc{
		background-color : rgba(20,20,20,0.3)
}



    
img{
	margin : 0;
    padding:0 ;
}

img.photo_recap{
	width : 100px;
	height : 100px
}


#bloc_intro img{
	margin-left : 14px;
    padding:0 ;
}

#resultat_recherche{
	clear :left
}
#newsletter,
#detail_produit{
	width : 630px;
	margin : 14px 0 0 14px;
	background-color:#fff;
	border : dotted 1px #fdd9AB ;
	min-height :450px
}

.detail_profil{
	width : 630px;
	min-height : 150px;
	margin : 14px 0 0 14px;
	background-color:#f5f5f5;
}

div.recap_achat{
	width : 630px;
	min-height : 440px;
	height : auto;
	margin : 14px 0 14px 14px;
	background-color:#f8f8f8;
}

.icon{
	width : 26 px;
	height : 26 px;
	background-color : #f98800
}

/* page de détails du produit */

#detail_produit_g{
	width : 300px;
	margin : 0 7px 0 7px;
	border-right : 1px lightgrey solid;
	float : left;
		background-color : /*#fdd9AB*/ ;
}

#detail_produit_d{
		margin : 0 7px 0 7px;
	width : 300px;
	float : left;
			background-color :  ;
}

p.detail_produit{
	margin-left : 7px;
	margin-right : 7px;
	color : #aaa;
	font-family: 'walkway_semiboldregular';
	font-size : 15px;
	line-height : 19px
}

#detail_produit img{
	margin-left : 7px;
	width : 275px
}


/* style de la phrase : "exprimez-vous ici"*/
.express_orange,
.express{
	margin : 4px 0 0 14px;
	font-family : georgia;
	font-size : 24px;
	color : #336699;
	font-style : italic;
	font-weight : normal;
}/* style de la phrase : "exprimez-vous ici"*/

.express_orange{
		color : #f98800;
}



p.margem{
	margin: 7px 7px 7px 14px;
	line-height : 18px
}
p.liaison{
	float:left
}

p.date{ /* le block inclus de la date */
	font-size  :14px;
	color : #f98800;
		margin: 14px 7px 0 14px;
}

p.infos_mini{   /* les infos sous le pieds de page*/
	clear : left;
	font-size : 10px;
	text-align : center;
	color : #efefef;
	height : 18px;
	line-height : 18px;
	vertical-align : middle
} /* les infos sous le pieds de page*/


input.ha,
a:link.bouton{
    font-family: 'walkway_condensed_boldregular';
	display : block;
	float:left;
	color : #f5f5f5 ;
	width : 130px;
	height : 25px;
	line-height : 25px;
	text-align : center;
	font-size  : 15px;
	margin : 7px 10px 14px 10px;
	background-color : #f9b767 
}

a:hover.bouton{
color : #f98800
}
li{
	list-style : none
}



/* les messages */
.erreur,
.validation{
	font-family: 'walkway_semiboldregular';
	color : red ;
	background-color :#fff;
	font-size : 16px;
	margin: 21px 14px 21px 7px ;
	line-height : 20px;
	clear : left;
	letter-spacing : 1px
}
.validation{
	color : grey ;
}
/* fin des messages */

/* tableaux */
table{
	width : 95%;
	margin-left : 14px;
	margin-top : 14px;
	    font-family : 'lucida-grande', arial, 'sans-serif';
	    font-size : 11px
}
td,
th{	
	padding : 3px 6px 3px 6px;
	border-bottom : 1px #aaa solid
}

th{
	background-color : #c2c2c2
}
/* fin des propriétés des tableaux*/

table.recap_commandes{
	width : 280px;
	background-color : #fff;
	float : left
}



input.box{
width : 10px;
height:10px;
float : left
}

div#conditions p{
	margin : 7px 21px 7px 21px;
	text-align : justify
}


div#panier{
	width : 650px;
	height : auto;
	margin : 7px 0 7px 0
}

p.presentation{
	size : 22px;
	letter-spacing : 1px;
	    font-family: 'walkway_semiboldregular';
	    color : #b2b2b2;
	    
}
div.co_insc{
	clear : left;
	height : 30px
}
div#cgvscroll{
	width : 400px;
}


div#contenu-mail{
	width : 600px;
		height : 800px;
		border : 1px solid grey;
		clear : left;
		margin : auto
}
ul.map li,
ul.map{
    margin : 0;
    padding : 0
}


ul.map a{
    margin : 14px;
    padding : 0;
    color : #c2c2c2;
    line-height : 24px;
    font-size : 18px;
    font-family: 'walkway_semiboldregular';
}



#contenu_news{
	clear : both;
	width : 800px;
	height : 400px;
	border : #000 1px solid
}
