/*--------------------------*/
/*     FEUILLE GENERALE     */
/*--------------------------*/



/*------Les textes-----*/
main #contenu{
	margin:			     10px 60px 0 60px;
}

main #contenu img{
	border: 			none;
}

main #contenu li{
	list-style-image:	url(../decoupe_interieur/puce_liste.png);
	margin:			    10px 60px 0 60px;
}

/*------Réseau sociaux-----
main #contenu #reseausociaux{
	height:				    40px;
	width:				    260px;
    margin-top:             15px;
}
*/

/*------les textes du formulaire-----*/
main #contenu table tr th{
	text-align:				left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color:					#525051;
}

main #contenu table tr td{
    height:					25px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size: 				13px;
	color:					#525051;
}

input.bouton1{
	background-color:		#337e85;
	color:					#FFFFFF;
	font-weight:			bold;
	cursor:					pointer;
	font-size:				14px;
	border:					1px solid #337e85;
	width:					200px;
	height:					40px;
	margin-top:				8px;
}
input.bouton1 a:hover{
	text-decoration: 	    none;
	color: 				    #428f39;
}

/*------Div contenu : dl-----*/
main dl{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px bold;
	color:				#337e85;
	width:				840px;
	height:				auto;
	padding-bottom:     20px;
	border-bottom:		1px solid #337e85;
}
main dl dt{
	padding-top: 		10px;
}
main dl dd img{
	padding-top: 		10px;
	padding-right: 		10px;
	float:				left;
	border:				none;
}
main dl dd p{
	padding-top: 		10px;
}


/*--------------------------*/
/*     CROSS SELLING        */
/*--------------------------*/

#crossSelling{
	width:				100%;
	background-color:	#dedbdb;
    /*display:            inline-block;*/
}

#crossSelling h2 {
    padding:            15px 0;
    text-align:         center;
    width:              100%;
    display:            inline-block;
}

#crossSelling img{
	margin-top:			8px;
    border:				none;
}
#crossSelling p{
	margin-top:			8px;
    font-size:          13px;
    height:             auto;
}

#crossSelling #photos{
    width:              33%;
    height:             auto;
   /* margin-right: 159px; */
    display:            inline-block;
    padding:            15px 60px;
    box-sizing:         border-box;
    vertical-align:     top;
}

#crossSelling #photos h3{
    text-align:         center;
}

#crossSelling #photos a{
    /*display:            inline-block;*/
    text-decoration:    none;
}

#crossSelling #photos a img{
    width:              100%;
    text-decoration:    none;
    border:             none;
}

#crossSelling #photos a:hover{
	-moz-opacity:       0.5;
	opacity:            0.5;
	filter:             alpha(opacity=50);
}

#crossSelling #photos p.infos a{
	text-decoration:	none;
	color:				#337e85;
    font-weight:        bold;
    /*margin-left:        200px;*/
}

#crossSelling #photos p.infos a:hover{
	text-decoration:	underline;
}


/*--------------------------*/
/*   DIV PHOTO INTERIEUR    */
/*--------------------------*/

main #contenu #photoInterieur{
    width:              100%;
    display:            inline-block;
}

main #contenu #photoInterieur img {
    width:              24%;
    box-sizing:         border-box;
    padding:            0 10px;
}

main #contenu #photoInterieur h5 {
    text-align:         center;
    padding-bottom:     15px !important;
}

.librairie-photos a {
display:                inline-block;
background:             #337e85;
}

.librairie-photos a img {
    opacity :           1;
    transition:         all 0.25s;
}

.librairie-photos a img:hover {
    opacity :           0.25;
}


/*--------------------------*/
/*      MEDIA QUERIES       */
/*--------------------------*/

@media screen and (min-width: 620px) and (max-width:795px){

    #crossSelling #photos{
        width:              32%;
        padding:            15px 18px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px){
    
    main #contenu {
        margin:             10px 40px 0 40px;
    }
    
    main #contenu li {
        margin:             10px 40px 0 40px;
    }
    
    #crossSelling {
        display:            none;
    }
    
    main #contenu #photoInterieur img {
        width: 49%;
    }     
    
    
}