/*---------------------------------------vignette--------------------------------------------*/

.backgroundcata{
	padding: 0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	height:100%;
	
	width:auto;
	position:relative;
	z-index:100;
	background:#fff;	
	
}
/*------------------defil---------------*/

.defil{
	border:0px solid green; 
	width:700px; 
	height:72px; 
	position:absolute; 
	overflow:hidden; 
	margin-left:10px;
	top:100px;
	top:0;

}/**/

.defilScroll{
	border:0px solid green; 
	width:700px; 
	height:72px; 
	position:absolute; 
	overflow:hidden; 
	margin-left:10px;
	top:100px;
	top:0;	
	
	height:100px;/*(+28pour la barre de scroll)*/

	overflow-x:auto;
	-ms-overflow-style: none;

	/*-ms-overflow-style:-ms-autohiding-scrollbar;*/
	
}


.timer{
	overflow-x:hidden;
	overflow-y:hidden;
	height:72px;
	left:425px;	
	text-align:center;
	display:none;
		
}

.flecheleft{
	border:0px solid blue; 
	width:17px; 
	height:72px; 
	position:absolute;
	top:0px; 
	left:0px; 
	left:435px;
	z-index:5;
	-ms-touch-action: none; /* Disable touch behaviors, like pan and zoom */
	-ms-user-select: none;
	/*-webkit-user-select: none;
	-moz-user-select: -moz-none;*/
	display:none;
	
}
.flecheright{
	border:0px solid red; 
	width:17px; 
	height:72px; 
	position:absolute; 
	top:0px; 
	right:0px; 
	right:20px;
	z-index:8;
	-ms-touch-action:none; /* Disable touch behaviors, like pan and zoom */
	display:none;
}

/**/
#imgFleche_right, #imgFleche_left{
	border:none;
	-ms-touch-action:none;
	
}

.bigdivImgBW{
	height:120px;
	margin:0px 0px 0px 0px;
	border:0px solid pink; 
	width:100%; 
	height:72px; 
	position:absolute; 
	left:0px; 
	right:0px;
	overflow:hidden;
}
.bigdivImgBW img{
	padding-right:3px;
}
.bigdivImgBW a img{	
	cursor: url(../img/loupe.cur), pointer;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
}

.divImgBW{
	float:left;
	margin-right:5px;
}

.maclass {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/*---------------findefil--------------*/
.divTitre{
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin:0px 0px 5px 0px;
	padding:0px 20px 0px 2px;
	/padding:0px 20px 0px 0px;
	-padding:0px 20px 0px 0px;
	width:auto;
	max-width:550px;
	-width:expression(document.body.clientWidth > 992? "550px" : "auto");
}
.divTitre p{
	margin:0;
}
.divTitre span{
	padding-left:0;
}
.divText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	text-align:justify;
	width:auto;
	max-width:550px;
	-width:expression(document.body.clientWidth > 992? "550px" : "auto");
}

.divText a{
	color:#5074B6;
	text-decoration:none;
}
.divText a:hover{
	color:#244278;
}

.divText p{
}
.contentText{
	position:relative;
	top:0;
	left:0px;
	margin:0;
	padding:0px 20px 0px 2px;
	/padding:0px 20px 0px 0px;
	-padding:0px 20px 0px 0px;
	overflow:auto; 
}	

/*---------------------------------------conteneur left--------------------------------------------*/
.conteneur {
	width: 425px;		
	height: 100%;
	float:left;
	margin:0px 5px 0px 5px;
	overflow:auto;
	overflow-x:hidden;
	padding-right:0;
	text-align:right;
	-margin:0px 3px 0px 3px;
}
/*---------------------------------------image left--------------------------------------------*/

.divphotoleft1 {
	margin:0;
	vertical-align: top;
}

.divphoto{
	margin:3px 5px 0px 5px;
	-margin:3px 5px 0px 0px;
	position:absolute;
	left:0px;
	text-align: right;
	width:426px;
	-width:433px;	
	background:#ffffff;
	z-index:12;
	overflow:hidden;	
	top:0;
	margin-top:0;
}
.photo{
	background:url(../img/loading.gif) no-repeat #FFFFFF 320px 10px ;
	left:0;
	top:0;
}
.divphotoleft1 a, .photo a {
	cursor: url(../img/loupe.cur), pointer;
}
.photoLoaded{	
	left:0;
	top:0;
}
.divphotoleft1 * {
	vertical-align: top;
}

.divphotoleft1 {
	display: block;
}

.divphotoleft1 span {
	display: inline-block;
	width: 1px;
}

.content .divtextleft{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 2px 0px 33px;
	padding:0;
	/width:366px;
	-width:366px;
}
.divleft{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 33px;
	padding:0;
	/width:366px;
	-width:366px;
}
.titretextleft, .titreleft{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5074B6;
}

.titretextleft a, .titreleft a{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	color: #5074B6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}

.titretextleft a:hover , .titreleft a:hover{
	color: #244278;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}

/*---------------------------------------infos pratiques--------------------------------------------*/
.contentinfopratiques{
	overflow:hidden;
	background-color:#ffffff;
}
.infospratiques{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	/padding:5px 5px 0px 5px;
	-padding:5px 5px 0px 5px;	
	overflow:hidden;
	width:386px;
	margin:0px 0px 0px 13px;
}

.infospratiques a{
	text-decoration:none;
	color:#5074B6;
}
.infospratiques a:hover{
	text-decoration:underline;
	color:#13469F;
}
.infospratiques p{
	margin:0;
}
.titleinfospratiques{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	height:15px;
	vertical-align:bottom;
	width:386px;
	margin:0px 0px 0px 13px;
	background-color:#FFFFFF;
}

.header {
	height:auto;
	overflow:hidden;
}

.content {
	margin: 0;
	height:auto;
	padding-bottom:5px;
	float:right;
	width:410px;
}
.footer{
	z-index:10;
	background-color:#ffffff;
	text-align:left	;
	width:426px;
	position:absolute;
	bottom:0;
	left:0;
}

/*---------------------------------------navigation--------------------------------------------*/

.navigation{
	position:absolute;
	padding:0;
	overflow:none;
	margin:0;	
	height:22px;
	text-align:right;
	width:200px;
	/right:0;
    right:24px;
}

.blocright1{	
	font-size:12px;
	color:#666666;
	width:auto;
	height:18px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	position:absolute;
	top:2px;
	right:0px;
	height:18px;
}

.blocright1img{
	float:left;
	padding:3px 0px 0px 0px;
}

.blocright1txt{	
	float:left;
	width:auto;
	padding:2px 5px 0px 5px;
	letter-spacing:2px;
}

.blocright1txt a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

.blocright1txt a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	text-decoration:none;
}


.blocright1_manifestation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#FFE2C6; /* couleur nav */
	width:250px;
	height:18px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	position:absolute;
	top:2px;
	right:5px;
}

.blocright2_manifestation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#FFE2C6; /* couleur nav */
	width:50px;
	height:16px;
	padding:2px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	position:absolute;
	top:2px;
	right:260px;
	text-align:center;
}

.blocright3_manifestation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#FFE2C6; /* couleur nav */
	width:130px;
	height:16px;
	padding:2px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	text-align:center;
	position:absolute;
	top:2px;
	right:315px;
}

.blocright4_manifestation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#FFE2C6;
	width:130px;
	height:16px;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	text-align:center;
	position:absolute;
	top:2px;
	right:269px;
	right:expression("255px");
	height:18px;
}

.blocright1txt_manifestation{
	float:left;
	width:176px;
	padding:2px 10px 0px 10px;
	letter-spacing:2px;
}

.blocright1txt_manifestation a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

.blocright1txt_manifestation a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	text-decoration:none;
}

/*---------------linkright--------------*/
.divLink{
	position:relative;
	top:0;
	width:140px;
	right:0px;	
	padding:0px 14px 0px 10px;	
	float:left;
	overflow:auto;
	overflow-x:hidden;	
}

.divTitleLink{
	width:120px;
	/width:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px 0 0px 5px;
	padding:0px 0px 5px 0px;
}

.divlink1{
	margin:0px 0 0px 5px;
	padding:5px 0px 5px 0px;
	border-top:2px solid #751417;
	
}
.divlink1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#751417;
	text-decoration:none;
	display:block;
	background-image:url(../img/sep_menu_fondation.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}
.divlink1 a:hover{
	color:#BF6B6E;
}
.divlink2 {
	margin:0px 0 0px 5px;
	padding:5px 0px 5px 0px;
	border-top:2px solid #3B7F59;
}
.divlink2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B7F59;
	text-decoration:none;
	display:block;
	background-image:url(../img/sep_menu_biographie.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}
.divlink2 a:hover{
	color:#6DAF8A;
}
.divlink3{
	margin:0px 0 0px 5px;
	padding:5px 0px 5px 0px;
	border-top:2px solid #C05A35;
}
.divlink3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C05A35;
	text-decoration:none;
	display:block;
	background-image:url(../img/sep_menu_oeuvre.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}
.divlink3 a:hover{
	color:#DFAB99;
}
.divlink4{
	margin:0px 0 0px 5px;
	padding:5px 0px 5px 0px;
	border-top:2px solid #836B58;
}
.divlink4 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#836B58;
	text-decoration:none;
	display:block;
	background-image:url(../img/sep_menu_archive.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}
.divlink4 a:hover{
	color:#BFAB9B;
}
.divlink5{	
	margin:0px 0 0px 5px;
	padding:5px 0px 5px 0px;
	border-top:2px solid #4D72B5;
}
.divlink5 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D72B5;
	text-decoration:none;
	display:block;
	background-image:url(../img/sep_menu_manifestation.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}
.divlink5 a:hover{
	color:#A7BBDF;
}
/*unesco*/
.divText_unesco{
    max-width:none;
    width:100%;
    float:left;
}
.divText_left{
    max-width:550px;
    float:left;
    margin-right:20px;
}
.divText_right{
    width:calc(100% - 600px);
    min-width:450px;
    float:left;
}
a.imgDescript{
    margin-right:10px;
    margin-bottom:10px;
    height:100%; 
    display:inline-block;
    font-size:0;
}
a.imgDescript img{
    height:100px; 
}
@media (max-width: 1500px) {
    .divText_right{
        min-width: 100%;
        width:100%;
        margin-top:20px;
    }
}