/*********/
/*general*/
/*********/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-decoration: none;
color: #000000;

}


 @font-face { font-family : 'DejaVuBold';
	src: url('/font/dejavusanscondensed-bold.eot');
	src: url('/font/dejavusanscondensed-bold.eot?#iefix') format('embedded-opentype'),
    url('/font/dejavusanscondensed-bold.ttf') format('truetype')
 }
 
  @font-face { font-family : 'DejaVuCond';
	src: url('/font/dejavusanscondensed.eot');
	src: url('/font/dejavusanscondensed.eot?#iefix') format('embedded-opentype'),
    url('/font/dejavusanscondensed.ttf') format('truetype')
 }
 
   @font-face { font-family : 'DejaVuItalique';
	src: url('/font/dejavusanscondensed-oblique.eot');
	src: url('/font/dejavusanscondensed-oblique.eot?#iefix') format('embedded-opentype'),
    url('/font/dejavusanscondensed-oblique.ttf') format('truetype')
 }
 
    @font-face { font-family : 'DejaVuItaliqueBold';
	src: url('/font/dejavusanscondensed-boldoblique.eot');
	src: url('/font/dejavusanscondensed-boldoblique.eot?#iefix') format('embedded-opentype'),
    url('/font/dejavusanscondensed-boldoblique.ttf') format('truetype')
 }



.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}

img.right {
	padding-left:15px;
}

img.left {
	padding-right:15px;
}

.center {
	text-align:center;
}

.texte .alerte {
	font-weight:bold;
	color:#F00;
	font-size:14px;
}

.texte .rouge {
	color:#d20422;
	font-size:13px;
	
}

.texte 	a.rouge {
	font-weight:normal;
	text-decoration:none;
	
}



body {
	background-color: #fff;
	margin: 0 0 0 0;
	text-align: center;
	}
#flash {
	position: absolute;
	top: 100px;
	left: 50px;
	z-index: 100;
	
	}
#general {
	position: relative;
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

	}
#bandeau.grand {
	width:1004px;
	height:501px;
	position:relative;
	max-width:1004px;
	max-height:501px;
	}

#bandeau.petit {
	width:1004px;
	height:226px;
	position:relative;
}

#bandeau #trophee {
	position:absolute;
	right:200px;
	top:10px;
	z-index:15;
}


#bandeau #logo {
	position:absolute;
	right:0px;
	top:0px;
	z-index:15;
}

#bandeau #bandeau_mobile {
	display:none;
}

	
	
#bandeau #bandeau-milieu {
	background-image:url(/web/img/bandeau_visite.jpg);
	background-repeat:no-repeat;
	width:1004px;
	height:226px;
}
	
#bandeau #bandeau-bas {	
	background-image:url(/layout/img/vague_bas.png);
	background-repeat:no-repeat;
	width:1004px;
	height:74px;
	position:absolute;
	bottom:0px;
	z-index:10;
}

#bandeau #bandeau-bas.petit {	
	height:74px;
}
	
#bandeau #bandeau-haut {	
	background-image:url(/layout/img/vague_haut.png);
	background-repeat:no-repeat;
	width:1004px;
	height:83px;
	position:absolute;
	top:0px;
	z-index:10;
}

/*menu*/

#menu {
	height:30px;
	margin-top:12px;
	margin-bottom:13px;
	position:relative;
}

#menu div.item {
	line-height:30px;
	vertical-align:middle;
	float:left;
	background-image:url(/layout/img/separation_menu.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-left:3px;
	padding-right:4px;

}
#menu a {
	display:block;
	font-family:DejaVuCond,arial,sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#444549;
	height:30px;
	padding-left:8px;
	padding-right:8px;
}





#menu a:hover {
	background-color:#d20422;	
	color:#ffffff;
}

#menu  a#maison:hover {
	background-color:#ffffff;
}

#menu  a#maison img {
	margin-top:5px;
}





#menu  a#maison:hover {
	
}

#menu #dernier {
	background-image:none;
	padding-right:0px;
}


#menu img {
	padding-top:3px;
}

#menu #langue {
	float:right;
	width:41px;
	height:22px;
	background-image:url(/layout/img/fond-choix-langue.gif);
	background-repeat:no-repeat;
	margin-right:15px;
}

#menu #langue #listeLangue {
	position:absolute;
	top:24px;
	display:none;
	background-color:#ededed;
	width:35px;
	border:1px solid #bfc0c5;
	margin-left:3px;
	text-align:center;
	
}

#menu #langue #listeLangue img {
	padding:0px;

}


#menu #langue a:hover {
	background-image:url(/layout/img/fond-choix-langue.gif);
	background-repeat:no-repeat;
	background-color:transparent;
}

#menu #langue #listeLangue a:hover {
	background-color:#FFF;
	background-image:none;

}
#menu #langue #listeLangue a {
	padding-top:3px;
	padding-bottom:3px;
}

#menu #langue a {
	padding:0;
	display:block;
	height:22px;
}

#menu #langue #listeLangue a {
	height:12px;
}

#menu #langue img {
	padding-left:4px;
	padding-top:5px;
}

#menu  .sous_menu#sous_menu_1 {
  	position: absolute;
	left:194px;
	top:30px;
	z-index: 10000;
  }
  
 #menu  .uk#sous_menu_1 { 
 	left:209px;
	width:212px;
 }
  
#menu  .sous_menu#sous_menu_2 {
  	position: absolute;
	left:40px;
	top:30px;
	z-index: 10000;
	width: 150px;
  } 
  
  
 #menu  .uk#sous_menu_2 { 
 	left:40px;
	width:167px;
 }
  
#menu  .sous_menu#sous_menu_3 {
  	position: absolute;
	left:726px;
	top:30px;
	z-index: 10000;
	width:80px;
  } 
  
  #menu  .uk#sous_menu_3 { 
 	left:627px;
 } 
  
  #menu  .sous_menu#sous_menu_4 {
  	position: absolute;
	left:563px;
	top:30px;
	z-index: 10000;
  } 
  
    #menu  .uk#sous_menu_4 { 
 	left:487px;
 } 
 
 
  #menu  .sous_menu#sous_menu_5 {
  	position: absolute;
	left:314px;
	top:30px;
	z-index: 10000;
	width:114px;
  }  
  
   #menu  .uk#sous_menu_5 {
   	left:255px;		
   }
  
  
#menu  .sous_menu{
	display: none; 
	margin: 0px;
	padding:0px;
	z-index: 10000;
}

#menu  .sous_menu ul {
	border:1px solid #d20422;
}

#menu a.on {
	background-color:#d20422;	
	color:#ffffff;
}

#menu  .sous_menu ul li {
	list-style-type:none;
	background-image:url(/layout/img/fond-item.gif);
	background-repeat:repeat-x;
	height:35px;
	line-height:35px;
	vertical-align:middle;
}

#menu .sous_menu ul li a {
	font-family:DejaVuCond,arial,sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#444549;
	padding:0;
	display:block;
	padding-left:10px;
	padding-right:10px;
	height:35px;
}

#menu .sous_menu ul li:hover {
	background-color:#d20422;	
	color:#ffffff;
}

#menu .sous_menu ul li:hover a {
	color:#FFF;
}

div#menu .item#maison_mobile{
	display:none;
}

div#haut_menu {
	display:none;
}

.texte {
	background-image:url(/web/img/ligne-grise.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:5px;
	margin-bottom:20px;
	
}


.texte #colonnes {
	background-image:url(/web/img/fond-virtuelle.gif);
	background-repeat:repeat-y;
	width:1004px;
}

.texte .colonne {
	float:left;
	width:485px;
}

.texte .colonne#gauche {
	margin-right:40px;
	width:453px;
}

.texte .colonne#photos {
	text-align:center;
}

.texte .colonne#photos img {
	margin-bottom:27px;
	text-align:center;
}

.texte .colonne#photos p {
	padding-bottom:5px;
}

.photos {
	margin-top:15px;
}

.texte h1 {
	font-family:DejaVuBold,arial,sans-serif;
	font-size:24px;
	color:#d20422;
	font-weight:lighter;
	padding:20px 0px 20px 21px;
}

.texte h1 span {
	font-family:DejaVuCond,arial,sans-serif;
	font-size:24px;
	color:#d20422;
}

.texte h2 {
	font-family:DejaVuBold,arial,sans-serif;
	font-size:18px;
	color:#434343;
	font-weight:lighter;
	background-image:url("/web/img/puce-fleche.gif");
	background-repeat:no-repeat;
	background-position:6px 30px;
	padding:20px 0px 18px 21px;
}
.texte h2 span{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color:#434343;
	font-weight:400;
	line-height: 26px;
}

.texte h2 a {
	font-family:DejaVuBold,arial,sans-serif;
	font-size:18px;
	color:#434343;
	font-weight:lighter;
	text-decoration:none;
}

.texte p b {
	color:#58595b;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
}

.texte p {
	color:#58595b;
	font-size:13px;
	line-height:19px;
	padding-right:20px;
	padding-left:15px;
}

.texte sup {
	color:#58595b;
	font-size:11px;
}
.texte h3 sup {
	color:#D20422;
}



.texte ul {
	margin-left:15px;
	padding: 5px 0;
}

.texte li {
	color:#58595b;
	font-size:13px;
	line-height:20px;
	vertical-align: middle;
	padding-right:20px;
	margin-left:15px;
	padding-left: 25px;
	background-image:url(/web/img/puce-rouge.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	background-position:10px center;
}

.texte li img {
	padding-left:15px;
}


.texte h3 {
	color:#d20422;
	font-size:15px;
	font-weight:bold;
	padding:20px 0px 20px 15px;

}

.texte a  {
	color:#d20422;
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
}


.texte .colonne .grasIt  {
	font-size:13px;
	font-style:italic;
	padding-bottom:20px;
	font-weight:bold;
}

#encarts {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	padding-top:31px;
}

#encarts .encart {
	width:300px;
	height:305px;
	float:left;
}

#encarts .encart h2 {
	text-align:center;
	font-family:DejaVuCond,arial,sans-serif;
	font-size:17px;
	color:#6d6e71;
	font-weight:lighter;
	text-transform:uppercase;
	line-height:21px;
	padding-top:8px;
	padding-left:0;
}




#encarts .encart h2 span {
	text-align:center;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:17px;
	color:#6d6e71;
	font-weight:lighter;
	text-transform:uppercase;
}

#encarts .encart h2 span.rouge {
	color:#d7172f;
}

#encarts .encart h2 span.date {
	text-align:center;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:11px;
	color:#d7172f;
	font-weight:lighter;
	text-transform:none;
}

#encarts .encart p {
	color:#58595b;
	padding:13px 16px 0px 16px;
	line-height:19px;
}

#encarts .encart p a {
	color:#d7172f;
	text-decoration:none;
}
	
#encarts .encart#encart-gauche {
	background-image:url(/web/img/encart-gauche.gif);
	background-repeat:no-repeat;
	position:relative;
	width:300px;
	border-right:1px solid #e9e9ea;
	margin-right:17px;
	padding-right:17px;

}

#encarts .encart#encart-gauche #encart-gauche-haut {
	background-image:url(/web/img/bloc_gauche.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:29px;
	width:300px;
}

#encarts .encart#encart-milieu {
	background-image:url(/web/img/encart-milieu.gif);
	background-repeat:no-repeat;
	position:relative;
	width:300px;
	border-right:1px solid #e9e9ea;
	padding-right:17px;
	margin-right:17px;
}

#encarts .encart#encart-milieu #encart-milieu-haut {
	background-image:url(/web/img/bloc_milieu.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:29px;
	width:300px;
}

#encarts .encart#encart-droite {
	background-image:url(/web/img/encart-droit.gif);
	background-repeat:no-repeat;
	position:relative;
}

#encarts .encart#encart-droite #encart-droite-haut {
	background-image:url(/web/img/bloc_droit.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:29px;
	width:300px;
}


/**** ACCUEIL ****/

#accueil.texte h2 {
	background-image:none;
	padding-bottom:0px;
}


#bas #bas-haut #icones_liens .marge {
   margin-left: 5px;
   margin-top: 4px;
}

/**** VISITE ****/


#visite.texte .colonne p {
	font-size:13px;
	line-height:19px;
	padding:0px 30px 5px 15px;
}

#visite.texte #coordonnees {
	margin-top:35px;
}

#visite.texte #coordonnees p {
	padding-bottom:12px;
}


#visite.texte #carte {
	background-color:#e8eaef;
	width:431px;
	margin-left:24px;
	margin-top:40px;
	margin-bottom:40px;
}

#visite.texte #carte.avoir {
	width:450px;
}



#visite.texte #carte p {
	padding:0;
	color:#d20422;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
}

#visite.texte #carte p a {
	color:#d20422;
	text-decoration:underline;
}

#visite.texte img#plaquette {
	margin-left:30px;
}
/**** BOUTIQUE ****/

#boutique.texte div.marge {
	margin: 0 0 20px 21px;
}

/**** HISTOIRE ****/



#visite_virtuelle.texte .video {
	margin-bottom:20px;
	margin-left:110px;
	width:320px;
	height:255px;
	
}

#visite_virtuelle.texte #carte {	
	background-color:#E8EAEF;
	width:320px;
	margin-left:0px;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:110px;
}



#visite_virtuelle.texte #carte p {
	padding:0;
	color:#d20422;
	padding-left:5px;
}

#visite_virtuelle.texte #carte p a {
	color:#d20422;
	text-decoration:underline;
}


/**** RESTAURATION ****/

#restauration.texte p {
	padding-bottom:20px;
}

#restauration.texte #suivi_restauration {
	background-color:#c0c2c1;
	height:53px;
	width:390px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:150px;
}

#restauration.texte #suivi_restauration p {
	padding-top:5px;
	font-weight:bold;
	color:#242425;
}

#restauration.texte #suivi_restauration p#avancement{
	background-color:#d20422;
	width:254px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	height:20px;
	padding:0;
}

#restauration.texte #suivi_restauration p#avancement a{
	color:#FFF;
	line-height:20px;
	vertical-align:middle;
	text-decoration:none;
}



/**** SERVICE EDUCATIF ****/
#education.texte #icones {
	margin-left:15px;
	margin-top:20px;
}


#education.texte #icones div.icone {
	float:left;
}

#education.texte #icones div.icone img {
	margin-right:7px;
	margin-bottom:7px;
}


#education.texte #icones div.icone p {
	text-align:center;
	padding:0;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:13px;
	font-weight:lighter;
	color:#7c7c7c;
	text-transform:uppercase;
	line-height:16px;
}

#education.texte #icones div.icone p a {
	font-family:DejaVuBold,arial,sans-serif;
	font-size:13px;
	color:#7c7c7c;
	display:block;
	text-decoration:none;
}

#education.texte p#prereservation {
	background-color:#d20422;
	padding:5px;
	width:247px;
	margin: 40px auto;
	text-align:center;
	color:#FFF;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:14px;
	font-weight:lighter;
}

#education.texte p#prereservation a {
	color:#FFF;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:14px;
	font-weight:lighter;
	display:block;
	text-decoration:none;
}

#education.texte #infoLivre {
	padding-left:82px;
}

#education.texte #infoLivre p {
	font-size:11px;
	font-style:italic;
}

#education.texte #infoLivre p b {
	font-size:11px;
	font-weight:bold;
}

#documentation.texte li {
	padding-bottom:0px;
}

/**** PRESSE ****/
#presse.texte .bt_telecharger {
	color:#FFF;
	background-color:#d20422;
	width:329px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:5px 0px 5px 0px;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:16px;
	font-weight:lighter;
}

#presse.texte .bt_telecharger a {
	font-family:DejaVuBold,arial,sans-serif;
	font-size:16px;
	font-weight:lighter;
	color:#FFF;
	text-decoration:none;
}

#presse.texte #revues {
	margin-left:17px;
}

#presse.texte .revue {
	float:left;
	margin-left:17px;
	margin-right:17px;
	margin-bottom:47px;
}


#presse.texte .revue p {
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding:0;
}

#presse.texte .revue img {
	border:1px solid #a5a5a5;
	height:283px;
	margin-bottom:10px;
}

#presse.texte .revue a {
	color:#626665;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	
}


/**** LIENS ****/
#lien {
	width:100%;
}

#lien.texte h2 {
	background-image:url(/web/img/puce-fleche-rouge.gif);
	
}

#lien.texte #liens {
	border-bottom:1px solid #c6c6c6;
	width:1004px;

}

#lien.texte #liens.dernier {
	border-bottom:none;
}

#lien.texte .lien {
	float:left;
	width:150px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:30px;
}

#lien.texte .lien#mont-saint-michel {
	width:430px;
}

#lien.texte .lien#mont-saint-michel img {
	margin-right:20px;
}


#lien.texte .lien#mont-saint-michel p {
	text-align:left;
}

#lien.texte .lien img {
	margin-bottom:5px;
}

#lien.texte .lien p{
	padding:0;
	text-align:center;
}

#lien.texte .lien a {
	color:#626665;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}

/**** ARCHIVES ****/

#archives.texte li {
	padding-bottom:0;
}

/**** GALERIE ****/

#galerie #video {
	margin-top:20px;
}

div#galerie.texte #video {
	display:block;
}


/**** CONTACT ****/

.texte#contact .colonne#gauche  p {
	margin-left:20px;
}

.texte#contact form p {
	padding:0px 0px 11px 0px;
}

#contact label {
	float:left;
	width:140px;
	text-align:right;
	margin-right:10px;
	color:#58595b;
	font-size:13px;
	line-height:28px;	
}

#contact label.l2 {
	line-height:15px;
}

#contact label.l3 {
	line-height:19px;
}

#contact .select {
	float:left;
	width:248px;
	height:28px;
	border:1px solid #c7c8ca;
}

#contact label.check {
	line-height:15px;
}


#contact select {
	padding:2px 0px 2px 0px;
	width:244px;
	margin-top:4px;
	margin-right:2px;
}

#contact textarea {
	border:1px solid #c7c8ca;
	padding:2px 0px 2px 0px;
	width:412px;
	height:120px;
	resize:none;
}

#contact textarea#f_pre {
	margin-left:15px;
}


#contact input {
	border:1px solid #c7c8ca;
	height:28px;
	width:248px;
}

.texte#contact input.bouton {
	background-color:#d20422;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#ffffff;
	border:none;
	margin-left:380px;
	margin-top:30px;
	cursor:pointer;
}

#contact input.checkbox {
	width:20px;
	margin-left:15px;
	height:18px;
	vertical-align:middle;
}

/**** BAS ****/

#bas {
	background-image:url(/layout/img/fond-bas.gif);
	background-repeat:repeat-x;
	height:271px;
	border-top:1px solid #b6b6b8;
}




#bas p {
	color:#7b7d80;
}


#bas p a {
	color:#7b7d80;
	
}


#bas #bas-haut {
	background-image:url(/layout/img/bas-liens.gif);
	background-repeat:no-repeat;
	height:84px;
	background-position:center;
	width:1005px;
	margin-left:auto;
	margin-right:auto;
}

#bas #bas-haut #f_langue {
	background-image:url(/layout/img/langage.png);
	background-repeat:no-repeat;
	width:203px;
	height:84px;
	text-align:right;
	width:188px;
}

#bas #bas-haut #f_langue select {
	border:1px solid #b6b6b8;
	width:120px;
	margin-top:30px;
	color:#6d6e71;
}

#bas #bas-haut #icones_liens  div {
	float:left;
	width:246px;
}

#bas #bas-haut div#bhoraire{
	background-image:url(/layout/img/horaires.png);
	background-repeat:no-repeat;
}
#bas #bas-haut div#binfos{
	background-image:url(/layout/img/info-pratiques.png);
	background-repeat:no-repeat;
}
#bas #bas-haut div#binfos.uk{
	background-image:url(/layout/img/useful-information.png);
	background-repeat:no-repeat;
}
#bas #bas-haut div#bservice{
	background-image:url(/layout/img/service-pedagogique.png);
	background-repeat:no-repeat;
}
#bas #bas-haut div#bservice.uk{
	background-image:url(/layout/img/educational-departement.png);
	background-repeat:no-repeat;
}
#bas #bas-haut div#banimation{
	background-image:url(/layout/img/animations.png);
	background-repeat:no-repeat;
}
#bas #bas-haut div#banimation.uk{
	background-image:url(/layout/img/events.png);
	background-repeat:no-repeat;
}

#bas #bas-haut div#bhoraire.uk {
	background-image:url(/layout/img/horaires_uk.png);
	background-repeat:no-repeat;
}

#bas #bas-haut div#bacces{
	background-image:url(/layout/img/acces.png);
	background-repeat:no-repeat;
}

#bas #bas-haut div#bacces.uk {
	background-image:url(/layout/img/acces_uk.png);
	background-repeat:no-repeat;
}


#bas #bas-haut div#btarifs{
	background-image:url(/layout/img/tarifs.png);
	background-repeat:no-repeat;
}

#bas #bas-haut div#btarifs.uk {
	background-image:url(/layout/img/tarifs_uk.png);
	background-repeat:no-repeat;
}

#bas #bas-haut div#bcontact{
	background-image:url(/layout/img/contact.png);
	background-repeat:no-repeat;
}

#bas #bas-haut div#bcontact.uk {
	background-image:url(/layout/img/contact_uk.png);
	background-repeat:no-repeat;
}


#bas #bloc_liens {
	width:1004px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/layout/img/ligne-grise.png);
	background-position:top center;
	background-repeat:no-repeat;
	border-bottom:1px solid #bfbfc1;
	margin-bottom:16px;
}

#bas .bloc {
	float:left;
	margin-top:26px;
}
#bas .bloc.trip {
	margin-top:0;
}
#bas .bloc p {
	text-align:left;
	padding-right:29px;
	font-size:13px;
	font-family:DejaVuCond,arial,sans-serif
}

#bas .bloc#b_menu p {
	padding-left:16px;
	font-weight:lighter;
	font-family:DejaVuBold,arial,sans-serif

}

#bas .bloc#b_menu p a {
	font-weight:lighter;
	font-family:DejaVuBold,arial,sans-serif
}

#bas .bloc p a {
	font-size:13px;
	color:#7b7d80;
	font-family:DejaVuCond,arial,sans-serif
}

#bas .bloc p a b {
	font-weight:lighter;
	font-family:DejaVuBold,arial,sans-serif;
	color:#7b7d80;
	font-size:13px;
}

#bas .bloc p b {
	font-weight:lighter;
	font-family:DejaVuBold,arial,sans-serif;
	color:#7b7d80;
	font-size:13px;
}

#bas span.bcreation {
	color:#7b7d80;
}

#menu_mobile { 
	display:none;
}

div#bas #bas-haut a#ancre_langue{
	display:none;
}

#histoire > img#border {
    border: 1px solid #D20422;
}
/*animation*/
.texte#animations p {
	padding-top: 10px;
	}
/*service educatif*/

.texte#education ul.cadre {
		width: 70%;
		display: block;
		border: 1px solid #b4b8ae;
		border-radius: 5px;
		margin: 20px auto 0 auto;
		padding: 0 0 0 0;
		}
.texte#education ul.cadre li{
		list-style: none;
		background-image: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: block;
		float: left;
		height: 150px;
		}
.texte#education ul.cadre li img{
		width: 100%;
		height: 100%;
		padding: 0 0 0 0;
		}
.texte#education ul.cadre li.photo{
		width: 75%;
		}
.texte#education ul.cadre li.txt{
		width: 25%;
		text-align: center;
		color: #d20523;
		font-size: 18px;
		text-transform: uppercase;
		background:url("/web/img/education/fleche_rouge.png") no-repeat center 110px;
		font-family:DejaVuCond,arial,sans-serif;
		}
.texte#education ul.cadre li.txt a{
		display:block;
		background-color:#fff;
		text-align: center;
		color: #d20523;
		font-size: 18px;
		text-transform: uppercase;
		background:url("/web/img/education/fleche_rouge.png") no-repeat center 110px;
		font-family:DejaVuCond,arial,sans-serif;
		text-decoration:none;
		padding-top: 60px;
		height: 90px;
		font-weight: 400;
		}
.texte#education ul.cadre li.txt a span{
		font-size: 16px;
		text-transform:none;
		font-family:DejaVuCond,arial,sans-serif;
		text-decoration:none;
		color: #d20523;
		font-weight: 400;
		}
.texte#education ul.cadre li.txt a:hover span{
		color: #fff;
		}
.texte#education ul.cadre li.txt a:hover{
		color: #fff;
		background:url("/web/img/education/fleche_blanche.png") #d20422 no-repeat center 110px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		}
.texte#education ul.cadre li.both{
		width: 100%;
		float: none;
		clear: both;
		height: 0px;
		}

/*** VERSION PORTABLE ***/

@media screen and (max-width:480px) {
	
#general {
	position: relative;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	
	
/**** BANDEAU ****/

#bandeau.grand {
	width: 100%;
	max-height:290px;
	margin-top:52px;
	height:100%;
}

#bandeau.grand img {
	max-width:100%;
	height: auto;
	width: auto;
	box-sizing: border-box ;
}
	


#bandeau.petit img {
	max-width:100%;
	height: auto;
	width: auto;
	box-sizing: border-box ;
}
#bandeau #trophee {
    right: 117px;
    top: -48px;
}
#bandeau #trophee img {
    max-width:80%;
}



#bandeau #bandeau_gd {
	display:none;
}

#bandeau #bandeau_mobile {
	display:block;
}

#bandeau.petit {
	width: 100%;
	max-height:135px;
	margin-top:52px;
	height:100%;
}

#bandeau.petit #bandeau-bas {
	background-image:none;
}
#bandeau.petit #bandeau-haut {
	background-image:none;
}
	
#bandeau #bandeau-bas {	
	width:100%;
	max-height:74px;
	display:none;
}

#bandeau #bandeau-haut {	
	width:100%;
	max-height:83px;
	display:none;
}

#bandeau #logo {
	top:-49px;
	width:125px;
	height:138px;
}



/**** MENU ****/

div#haut_menu {
	width:320px;
	height:17px;
	background-image:url(/web/img/mobile/haut-ss-menu.png);
	background-repeat:no-repeat;
	display:block;
	z-index:10000;
}

div#menu {
	display:none;
	position:absolute;
	left:0px;
	top:-20px;
	z-index:10000;
}

div#menu #contenu_menu {
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	background-color:#e8e8e8;
}


div#menu .item {
	float:none;
	padding:0;
	margin:0;
	border:none;
	border-bottom:1px solid #bcbcbc;
	margin-left:5px;
	margin-right:5px;
	background-image:none;

}

div#menu a:hover {
	background-color:#e8e8e8;	
	color:#444549;
}

#menu  a#maison:hover {
	background-color:#e8e8e8;
}


div#menu .sous_menu ul li {

	background-image:none;
	line-height:30px;
	
}

div#menu .sous_menu ul li a {
	color:#FFF;
	font-family:DejaVuBold,arial,sans-serif;
	font-size:13px;
	background-image:url(/web/img/mobile/puce-grise.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:17px 13px;	
	font-weight:lighter;
}

div#menu .sous_menu ul li a:hover {
	background-color:#d20422;
}


div#menu  .sous_menu ul{
	border:none;
	background-color:#d20422;
	margin-left:5px;
	margin-right:5px;
}

div#menu .item#dernier {
	border:none;
}

div#menu .item a {
	padding:0;
	margin:0;
	padding-left:30px;
	background-image:url(/web/img/mobile/puce-rouge.gif);
	background-repeat:no-repeat;
	background-position:16px 13px;

}

div#menu .item #maison_img{
	display:none;
}

div#menu #langue {
	display:none;
}

#menu_mobile p {
	line-height:38px;
	vertical-align:middle;
	text-align:center;
}

div#menu_mobile div.mitem{
	float:left;
}

div#menu_mobile div.mitem#mmaison{
	width:37px;
	margin-top:12px;
}

div#menu_mobile div.mitem#mmenu{
	width:88px;
}

div#menu_mobile div.mitem#mmenu p{
	text-transform:uppercase;
	font-family:DejaVuCond,arial,sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#5c5c5b;
}

div#menu_mobile div.mitem#mlangue{
	width:50px;
	/*background-image:url(/web/img/mobile/fleche-grise.png);
	background-repeat:no-repeat;
	background-position:34px 17px;*/
	cursor:pointer;
}

div#menu_mobile div.mitem#mlangue p{ 
	text-align:left;
}

div#menu_mobile div.mitem#mlangue p img{ 
	margin-left:10px;
}

div#menu .item#maison_img{
	display:none;
}

div#menu .item#maison_mobile{
	display:block;
}

div#menu  .sous_menu#sous_menu_1 {
  	position: relative;
	top:0;
	left:0;
  }
  
div#menu  .sous_menu#sous_menu_2 {
  	position: relative;
	top:0;
	left:0;
  } 
 
div#menu  .sous_menu#sous_menu_3 {
  	position: relative;
	top:0;
	left:0;
	width:100%;
  } 
  
div#menu  .sous_menu#sous_menu_4 {
  position: relative;
  top:0;
  left:0;
} 

div#menu a.on {
	background-color:#e8e8e8;	
	color:#444549;
}

div#menu_mobile #mlangue {
	position:relative;
	margin-top:12px;
}

div#menu_mobile #mlangue #mlisteLangue {
	position:absolute;
	top:20px;
	left:0px;
	display:none;
	background-color:#ededed;
	width:35px;
	border:1px solid #bfc0c5;
	margin-left:3px;
	text-align:center;
	z-index:1000000000;
}

div#menu_mobile #mlangue  p{
	line-height:10px;
}

div#menu_mobile #mlangue #mlisteLangue a:hover {
	background-color:#FFF;
	background-image:none;

}
div#menu_mobile #mlangue #mlisteLangue a {
	padding-top:3px;
	padding-bottom:3px;
	display:block;
}

div#menu_mobile {
	position:absolute;
	top:-45px;
	left:14px;
	display:block;
	z-index:1000;
	width:176px;
	height:38px;
	background-image:url(/layout/img/fond-menu-mobile_2.png);
	background-repeat:no-repeat;

}


/**** ACCUEIL ****/
	
	
div#encarts {
	margin-left: auto;
	margin-right: auto;
	max-width:300px;
}
	
div#encarts .encart {
	float: none;
	margin-top:16px;
}

div.texte div#encarts .encart img {
	max-width:100%;
	padding-left:0;
}
	
div#encarts #encart-gauche.encart {
	border-right:none;
	margin-top:0px;
	margin-right:0;
	padding-right:0;
}
	
div#encarts #encart-milieu.encart {
	border-right:none;
	margin-right:0;
	padding-right:0;
}

div.slideshow {
	display:none;
}

/**** TEXTE ****/
	
div.texte {
	width:100%;
	margin-left:0px;
}

div.texte img {
	max-width:90%;
	height: auto;
	width: auto;
	box-sizing: border-box ;
	margin-left:auto;
	margin-right:auto;
	padding-left:14px;
}

div.texte #gauche.colonne {
    max-width:100%;
	margin-right:0;
}

div#contenu {
	width:100%;
}

div.texte .colonne {
	max-width:100%;
}

div.texte #colonnes {
	width:100%;
}




/**** BAS ****/

div#bloc_liens {
	display:none;
}

div#bas #bas-haut {
	width:100%;
	height:72px;
}

div#bas {
	height:113px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

div#bas {
	background-image: url("/layout/img/fond-bas_pt.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #B6B6B8;
}

div#bas #bas-haut #icones_liens  {
	width:100%;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div#bas #bas-haut #blangue {
	display:none;
}

div#bas #bas-haut div img {
	height:72px;
	width:66px;
}

div#bas #bas-haut div#bhoraire{
	background-image:url(/layout/img/horaires_pt.png);
	width:60px;
	height:72px;
	background-position:center;
	background-repeat:no-repeat;
}

div#bas #bas-haut div#bacces{
	background-image:url(/layout/img/acces_pt.png);
	width:60px;
	height:72px;
	background-position:center;
	background-repeat:no-repeat;
}


div#bas #bas-haut div#btarifs{
	background-image:url(/layout/img/tarifs_pt.png);
	width:60px;
	height:72px;
	background-position:center;
	background-repeat:no-repeat;
}

div#bas #bas-haut div#f_langue{
	background-image:url(/layout/img/langage_pt.png);
	width:60px;
	height:72px;
	background-position:center;
	background-repeat:no-repeat;
}

div#bas #bas-haut div#bcontact{
	background-image:url(/layout/img/contact_pt.png);
	width:60px;
	height:72px;
	background-position:center;
	background-repeat:no-repeat;
}



div#bas #blexique {
	display:none;	
}
	
div#bas .bcreation {
	display:none;	
}
	
div#bas p {
	line-height:40px;
}

div#bas p a {
	text-decoration:underline;
}

div#bas #bas-haut a#ancre_langue{
	display:block;
}
	

/**** CONTACT ****/

div#contact.texte input.bouton {
	margin-left:40px;
}

div#contact label {
	text-align:left;
}


div#contact textarea {
	width:90%;
}
	
/**** VISITE ****/

div#visite.texte #carte {
	max-width:100%;
	margin:0;
	background-color:#FFF;
}

div#visite.texte #carte img {
	margin-left:15px;
}

div#visite.texte img#plaquette {
	margin-right:10px;
}

div#visite.texte iframe {
	max-width:100%;
	height: auto;
	width: auto;
	box-sizing: border-box ;
	max-height:100%;
}

div#visite.texte #carte.avoir {
   max-width:100%;
   margin-left:10px;
}
/**** NOS LIENS ****/ 
  
div#lien.texte .lien {
	margin-left:5px;
	margin-right:5px;
}

#lien.texte #mont-saint-michel.lien {
    width:90%;
}


#lien.texte #mont-saint-michel.lien img {
    margin-right: 10px;
}

/**** RESTAURATION ***/

div#restauration.texte #FlashID {
	display:none;
}


div#restauration.texte #suivi_restauration {
	width:100%;
	height:100%;
	padding-bottom:10px;
	margin-bottom:20px;
}

/**** VISITE VIRTUELLE ****/

div#visite_virtuelle.texte #carte {
	margin-left:0px;
	margin-left: auto;
    margin-right: auto;
}

div#visite_virtuelle.texte .video {
	display:none;
}


/**** GALERIE ****/

div#galerie.texte #video {
	display:none;
}

/*service educatif*/

.texte#education ul.cadre {
		width: 90%;

		}
.texte#education ul.cadre li{
		height: 100px;
		}
.texte#education ul.cadre li img{
		max-width:100%;
		}
.texte#education ul.cadre li.txt a{
		background:url("/web/img/education/fleche_rouge.png") no-repeat center 75px;
		padding-top: 15px;
		height: 80px;
		font-size: 16px;
		}
.texte#education ul.cadre li.txt a:hover{
		background:url("/web/img/education/fleche_blanche.png") #d20422 no-repeat center 75px;
		}
.texte#education ul.cadre li.txt a span{
		display: none;
		}
}

div.bcsscadre2col.c1{
	width: 48%;
	float: left;
	}
div.bcsscadre2col.c2{
	width: 48%;
	float: right;

	}
div.bcssmenugauche2col.c1{
	width: 25%;
	float: left;
	}
div.bcssmenugauche2col.c2{
	width: 75%;
	float: left;
	}
div.bcsscadre2col img, div.bcssmenugauche2col img{
	width: 100%;
	height: 100%;
	}
@media screen and (max-width:480px) {
div.bcsscadre2col.c1, div.bcssmenugauche2col.c1{
	width: 100%;
	float: none;
	margin-bottom: 20px;
	}
div.bcsscadre2col.c2, div.bcssmenugauche2col.c2{
	width: 100%;
	float: none;

	}
}