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

  
.mdp  {
margin-left: auto;
    margin-right: auto;
    background-color: red;
    width: 50px;}

.livret {
	width:260px;
	height:300px;
	border: solid #f19008 2px;
	moz-box-shadow: 8px 8px 12px #aaa;
	box-shadow: 8px 8px 12px #aaa;
	-webkit-box-shadow: 8px 8px 12px #aaa;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;
	/*color:#008080;*/
	font-weight:bolder;
	text-align:center;
	}

th {
	font-size:20px;
	font-style:italic;
	color:#008080;
	margin-left:0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	height:100px;
	text-align:center;
	}
.img-livret {
	width:244px;
	height:257px;
	}
.lig-inter {
height:30px;}

.col-inter {
	width:20px;}
	
.texte-form {
	height:60px;
	text-align:center;
	}
	
@media (min-width: 320px) and (max-width: 768px) {

.livret {
	width:180px;
	height:180px;
	border: solid #f19008 2px;
	moz-box-shadow: 8px 8px 12px #aaa;
	box-shadow: 8px 8px 12px #aaa;
	-webkit-box-shadow: 8px 8px 12px #aaa;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10px;
	/*color:#008080;*/
	font-weight:bolder;
	text-align:center;
	}

th {
	font-size:10px;
	font-style:italic;
	color:#008080;
	margin-left:0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	height:60px;
	
}

.img-livret {
	width:120px;
	height:130px;
	
	}

	
.texte-form {
	height:30px;
	text-align:center;
	font-size:10px;
	}