@font-face {
font-family: 'typewcond_regular';
src: url('../fonts/typewcond_regular.otf') format('truetype');
}


.medoc_conteneur{
	background-color:#FFFFFF;
	text-align:center;
	width:100%;
	color:#999999;
	height:100%;
}
.medoc_conteneur h2{
	padding-top:14px;
}
.medoc_wrapper_1{
	width:100%;
/*	background-color:#83B1D6;*/
	height:210px;
	display:block;
	text-align:center;
}
.medoc_gif{
	width:150px;
}
.medoc_box{
	display:inline-block;
	width:120px;
	margin:0 10px;
	padding:8px;
	vertical-align:top;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.medoc_box:hover{
	background-color:#eeeeee;
	color:#777777;
}
.medoc_img{
	border:#999999 1px solid;
}

.medoc_description{
	margin-top:6px;
	text-align:justify;
	font-size:18px;
    word-break:normal;
	line-height:16px;
/*	font-family:typewcond_regular, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;*/
	}

.medoc_description p{
	margin-bottom:0;
}
.medoc_des_participatif{
	margin-top:6px;
	text-align:center;
	font-size:14px;
    word-break:normal;
	}

.medoc_lien{
}

.medoc_wrapper_2{
	width:100%;
/*	background-color:#83B1D6;*/
	height:100px;
	margin-top:60px;
	display:block;
}


/*********************** effet etiquette *****************/

.medoc_box
{
  	position:relative;       
 /*   -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.1) inset;*/
}
.medoc_box:before, .medoc_box:after
{
	content:"";
    position:absolute; 
    z-index:-1;
/*    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);*/
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.medoc_box:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
/*********************** fin effet etiquette *****************/

@media screen and (max-height:800px), screen and (max-width:1400px) {
	.medoc_box{
	display:inline-block;
	width:100px;
	margin:0 4px;
	padding:4px;
	vertical-align:top;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	}
	.medoc_img{
		width:100px;
	}
	
	.medoc_wrapper_1{
	height:160px;
}
.medoc_wrapper_2{
	height:80px;
	margin-top:54px;
}
.medoc_conteneur h2{
	margin:0;
	padding:2px 0 0;
	font-size:14px;
}
.medoc_conteneur p{
	margin:0 0 4px;
}
.medoc_conteneur{
	margin-top:2px;
	letter-spacing:-1px;
	line-height:14px;
}
.medoc_description, .medoc_des_participatif{
	margin-top:2px;
	letter-spacing:-0.2px;
/*	font-size:15px;*/
	font-size:11px;
}
.medoc_gif{
	width:100px;
}


}