@charset "utf-8";
.images4 {
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	font-size: 13px;
	color: #00F;
	text-align: left;
	margin-right: 0px;
	background-image: url(../bann/images/mcm.png);
	background-repeat: no-repeat;
	height: 190px;
}

/* CSS Document */

.bann {
	width: 200px;
	float:right;
	margin-left: 0px;
	height: 600px;
	margin-top: -590px;
	background-color: transparent;
}
.images21 {
	margin-top: -180px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	font-size: 16px;
	margin-right: 0px;
}
.images2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	float: right;
	font-size: 16px;
	color: #CCC;
	text-align: right;
	margin-right: 0px;
}
.images3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	font-size: 12px;
	text-align: right;
	margin-right: 0px;
}
.images212 {
	margin-top: 0
.px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
	font-size: 14px;
	text-align: right;
	margin-right: 0px;
	margin-top: 0px;
	height: 190px;
}
.images213 {
	margin-top: 0
.px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
	font-size: 14px;
	text-align: left;
	margin-right: 0px;
	margin-top: 0px;
	height: 190px;
}
.titre {
	height: 190px;
	width: 354px;
	float: right;
	margin-bottom: 0px;
	background-color: transparent;
	margin-top: 0px;
}
.images211 {
	margin-top: 0
.px;
	margin-bottom: 0px;
	margin-left: 135px;
	float: right;
	font-size: 14px;
	text-align: right;
	margin-right: 0px;
	margin-top: -25px;
}
.images {
	margin-top: -25px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
	font-size: 14px;
	color: #FFF;
	text-align: right;
	margin-right: 0px;
}

.body {
	width: 1050px;
	margin-top: 0px;
	background-color: transparent;
	
	
}
.encart {
	margin-left: 0px;
	padding-left: 0px;
	height: 45px;
	color: #0FF;
	font-size: 12px;
	margin-bottom: 20px;
	padding-top: 20px;
}
.corpus {
	width: 1030px;
	float:left;
	margin-left: 10px;
}
body {

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
</style>
<STYLE>
.titre-anim {
	color:#999;
	font-weight:normal;
	width:700px;
	height:auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	width:700px;
	float:left;
	margin-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-top: 0px;
	margin-bottom: 5px;
}
.anim_vignet {
	width: 80px;
	height: 50px;
	float:left;
	margin-right: 15px;
	margin-top: 10 px;
	text-decoration: none;
}
.anim {
	width:700px;
	float: left;
	margin-left: 40px;
	height: 70px;
	height: 50px;
	margin-top: 7px;
}
a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }
.txt31 {
	float: left;
	height: 190px;
	width: 340px;
}
.txt2_com {
	margin-left: 0px;
	float: inherit;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 15px;
	background-color: #CCC;
	width: 430px;
	color: #000;
	padding-bottom: 5px;
	border-right-color: #5591FF;
	border-right-style: dotted;
	margin-top: 20px;
	text-align: right;
	margin-right: 0px;
	padding-right: 5px;
}
.txt2 {
	float: left;
	height: 190px;
	width: 733px;
	background-image: url(../bann/images/mbk_fond.jpg);
	background-repeat: repeat-x;
	color: #000;
}
.txt12 {
	float: left;
	height: 180px;
	font-size: 14px;
	width: 584px;
	padding-left: 15px;
	padding-top: 10px;
	background-color: #DAD5BF;
}
.txt13_com {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #CCC;
	margin-top: 20px;
	border-color: #5591FF;
	border-left: 1px;
	border-left-style: solid;
	border-left-width: thick;
	font-size: 13px;
	line-height: 20px;
	width: 200px;
	text-align: left;
	color: #000;
}
.trav3 {
	width: 733px;
	height: 190px;
	float: left;
	background-image: url(../bann/images/JB_fond.jpg);
}

.trav1 {
	background-color: #FFF;
	width: 733px;
	height: 190px;
	float: left;
}
.txt12_com {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #CCC;
	margin-top: 10px;
	border-color: #5591FF;
	border-left: 1px;
	border-left-style: solid;
	border-left-width: thick;
	font-size: 13px;
	line-height: 20px;
	width: 200px;
	text-align: left;
}
.trav4 {
	width: 733px;
	height: 190px;
	float: left;
	background-image: url(../images/cdl_dessins.jpg);
}
.txt_com {
	margin-left: 10px;
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #FFF;
	margin-top: 2px;
	font-size: 12px;
	line-height: 18px;
	width: 540px;
	border-left-color: #5591FF;
	border-left-style: solid;
	border-left-width: thick;
}
.trav2 {
	background-color: #FFF;
	width: 733px;
	height: 190px;
	float: left;
	margin-top: 0px;
	background-image: url(../bann/images/mcm.png);
	background-repeat: no-repeat;
}
.txt13 {
	margin-top: 10px;
	float: left;
	margin-left: 30px;
	width: 380px;
	margin-bottom: 5
.px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: justify;
	background-color: #F00;
	color: #FFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.trav2_ss-titre {
	font-size: 13px;
	float: inherit;
	width: 405px;


































	padding-top: 0
.px;
	padding-bottom: 10px;
	font-weight: 200;
	color: #6F6;
	margin-left: 5px;
	text-align: center;
	margin-top: 0px;
}
.txt {
	margin-top: -8px;
	float: right;
	margin-left: 15px;
	font-size: 14px;
	width: 450px;
	text-align: right;
}
.trav22_titre {
	font-size: 18px;
	margin-left: 105px;
	margin-top: 0px;
	color: #FFF;
	width: 260px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	border-bottom-color: #93F;
	text-align: center;
	background-color: #79378D;
	float: left;
	height: 190px;
}
.trav12_ss-titre {
	font-size: 12px;
	float: left;
	width: 400px;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: lighter;
}
.trav_img {
	width: 733px;
	height: 200px;
	float: left;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-color: #FFF;
}

.trav2_titre {
	font-size: 16px;
	font-weight: bolder;
	margin-left: 240px;
	margin-top: 0px;
	color: #009;
	width: 260px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom-color: #009;
	border-bottom-style: inset;
	text-align: center;
}
.trav1_ss-titre {
	font-size: 13px;
	float: left;
	width: 272px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: justify;
	margin-left: 20px;
}
.trav12_titre {
	font-size: 16px;
	font-weight: bolder;
	color: #000;
	float: left;
	padding-left: 30px;
	width: 400px;
	margin-top: -5px;
}
.trav13_titre {
	font-size: 16px;
	font-weight: bolder;
	margin-left: 0px;
	color: #000;
	float: left;
	padding-top: 0px;
	background-color: #CCC;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	outline-color: #00F;
	font-variant: small-caps;
	margin-top: 5px;
	text-align: center;
	width: 340px;
}


.trav1_titre {
	font-size: 15px;
	font-weight: bolder;
	margin-left: 0px;
	color: #000;
	width: 400px;
	float: left;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	letter-spacing: 1px;
	margin-top: -190px;
}