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

body {
	margin:0;
	padding:0;
	background:url(../images/bg-body.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

@font-face {
    font-family: 'FontasiqueFontasique';
    src: url('../polices/fontasique-webfont.eot');
    src: url('../polices/fontasique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/fontasique-webfont.woff') format('woff'),
         url('../polices/fontasique-webfont.ttf') format('truetype'),
         url('../polices/fontasique-webfont.svg#FontasiqueFontasique') format('svg');
    font-weight: normal;
    font-style: normal;

}

#page {
	width:980px;
	margin:auto;
	padding:0 15px 0 16px;
	background:url(../images/bg-page.jpg) repeat-y;
}

/** ENTETE **/

#page #entete-menu {
	width:980px;
	height:20px;
	background:url(../images/bg-entete-menu.jpg) no-repeat;
}

#page #entete-menu #navigation {
	width:440px;
	float:left;
}

#page #entete-menu #navigation p {
	margin:0 15px 0 10px;
	line-height:20px;
	float:left;
}

#page #entete-menu #langues {
	width:440px;
	float:right;
}

#page #entete-menu #langues p {
	margin:4px 5px 5px 5px;
	float:right;
}

#page #entete-menu a {
	font-size:11px;
	color:#fff;
}

#page #entete {
	width:980px;
	height:140px;
}

#page #menu {
	width:980px;
	height:40px;
	background:url(../images/menu.png) no-repeat;
}

#page #menu .liens {	
	width:196px;
	height:40px;
	float:left;
}

#page #menu .liens:hover {
	background:url(../images/menu-hover.png) no-repeat;
}

#page #menu .liens p {
	margin:0;
	line-height:32px;
	text-align:center;
}

#page #menu .liens a {
	font-size:14px;
	color:#fff;
}

/****************************************************/
/********************* 2020 *************************/
/****************************************************/

/* Etoile dand titre*/
.etoiles{
	font-size:14px;
}

/* Titre */
.titre-ligne-2020{
	font-size:22px;
	font-weight:700;
	float:left;
	width:100%;
	margin-bottom:10px;
	color:#253871;
}

.adresse-2020{
	margin-bottom:10px !important;
	font-size:16px;
	line-height:25px;
}

.commentaire-2020
{
	width:100%;
	margin:0 10px 0 0;
	float:left;
}
.commentaire-2020 p {
    font-size: 16px;
    line-height: 25px;
}
.liste-img-2020{
	width:100%;
	margin:0 10px 0 0;
	float:left;
}


.liste-img-2020 img.imgheb{
	float:left;
	width:100%;
}

.liste-img-2020 img.imgheb2{
	margin-top:5px;
	float:left;
	width:100%;
}

.liste-img-2020 .contact{
	width:60%;
	float:left;
	font-size:16px;
	line-height:20px;
	line-height:25px;
}

.imageg{
	width:30%;
	float:left;
}
.imageg .pictoweb{
	float:left;
	margin:5px 0 10px 0;
}

.contact{
padding:0 10px 10px 10px;}

.contact-titre {
    border-bottom: 1px solid currentColor;
    color: #253871;
    padding-bottom: .1em;
    margin-top: 0;
	margin-bottom:5px;
    font-size: 140%;
	font-weight:700;
    width: 100%;
    float: left;
}

.carteframe{
	background:grey;
	border:1px grey solid;
}
.plan{
width:100%;
float:left;
margin-top:10px;
}

.plan iframe{
height:350px;

}

@media only screen and (max-width:600px) {
 .imageg{
	width:100%;
	float:left;
}
.liste-img-2020 .contact{
	width:100%;

}

}

/****************************************************/
/****************************************************/
/****************************************************/

/** CORPS **/

#page #corps {
	width:980px;
	background:url(../images/bg-corps.jpg) no-repeat #fff;
	padding:30px 0 0 0;
}

#page #contenu {
	width:710px;
	margin:0 10px 0 10px;
	float:left;
}

#page #contenu-question {
	width:940px;
	padding:20px;
}

#page #menu-droite {
	width:225px;
	margin:0 15px 0 10px;
	float:right;
}

#page #menu-droite #motscles {
	width:160px;
	height:38px;
	border:none;
	color:#c0c0c0;
	padding:0 10px 0 10px;
	background:url(../images/champs-rec.jpg) top left;
	float:left;
}

#page #menu-droite #btnrecherche {
	width:45px;
	height:38px;
	border:none;
	background:url(../images/btn-rec.jpg);
	cursor:pointer;
}

#page #menu-droite #localisation {
	width:225px;
	height:152px;
	margin:20px 0 0 0;
	clear:both;
}

#page #menu-droite #animation-mois {
	width:215px;
	height:70px;
	margin:20px 0 0 0;
	padding:10px 0 0 10px;
	background:url(../images/bg-animation-mois.jpg) no-repeat;
}

#page #menu-droite #satisfaction {
	width:215px;
	height:70px;
	margin:10px 0 0 0;
	padding:10px 0 10px 0px;
}

#page #menu-droite #animation-mois p {
	margin:0;
}

#page #menu-droite #animation-mois .titre {
	font-family: 'FontasiqueFontasique';
	font-size:21px;
	color:#95620c;
}

#page #menu-droite #animation-mois a {
	font-size:10px;
	color:#000;
}

#page #menu-droite #calendrier {
	width:225px;
	height:249px;
	margin:20px 0 0 0;
}


#page #menu-droite #calendrier .titre {
	font-size:18px;
	color:#696969;
	margin:0 0 10px 0;
}

#page #menu-droite #calendrier .date {
	font-size:11px;
	color:#858585;
	margin:0;
}
#page #menu-droite #horaires {
	width:225px;
	height:115px;
	margin:20px 0 20px 0;
	padding:5px 0 0 0;
	background:#EEEEEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#page #menu-droite #horaires .titre {
	font-family: 'FontasiqueFontasique';
	font-size:21px;
	color:#95620c;
	margin:0;
}

#page #menu-droite #horaires .ouverture {
	font-size:11px;
	color:#858585;
	margin:0;
	padding:5px;
	text-align:center;
}

#page #menu-droite #calendrier .libelle {
	margin:0;
}

#page #menu-droite #calendrier .libelle a {
	font-size:15px;
	font-weight:bold;
	color:#f5a31f;
}

#page #menu-droite #calendrier .categorie {
	color:#c1c1c1;
	margin:0;
}

#page #menu-droite #calendrier .filet {
	width:100%;
	height:1px;
	background:url(../images/pointille.png) repeat-x;
	margin:5px 0 5px 0;
}	

#page #menu-droite #calendrier a {
	font-size:10px;
	color:#000;
}

#page #menu-droite #telechargements {
	width:180px;
	height:165px;
	margin:20px 0 0 0;
	padding:15px 25px 0 20px;
	background:url(../images/bg-telechargements.jpg) no-repeat;
}

#page #menu-droite #telechargements .titre {
	font-size:18px;
	color:#696969;
	margin:0 0 10px 0;
}

#page #menu-droite #telechargements ul {
	list-style-image:url(../images/puce-orange.png);
	list-style-position:outside;
	margin:0;
	padding:0 0 0 20px;
}

#page #menu-droite #telechargements li {
	line-height:25px;
}

#page #menu-droite #telechargements a {
	color:#949494;
}

/** PIED DE PAGE **/

#page #partenaires {
	width:960px;
	padding:0 10px 0 10px;
}

#page #partenaires .titre {
	font-weight:bold;
	color:#a9a9a9;
	line-height:25px;
	border-bottom:1px solid #a9a9a9;
	margin:0;
}

#page #partenaires .case-part {
	width:320px;
	height:50px;
	margin:10px 0 0 0;
	float:left;
}

#corps-fin {
	width:1011px;
	height:25px;
	margin:auto;
	background:url(../images/bg-partenaires.png) no-repeat;
}

#pied-de-page {
	width:960px;
	padding:0 10px 0 10px;
	margin:auto;
}

#pied-de-page #edito {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#848383;
	text-align:justify;
}

#pied-de-page #divers-liens {
	width:990px;
}

#pied-de-page .bloc {
	width:305px;
	margin:0 25px 0 0;
	float:left;
}

#pied-de-page .bloc .titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#pied-de-page .bloc .filet {
	width:100%;
	height:1px;
	background:url(../images/pointille.png) repeat-x;
	margin:5px 0 5px 0;
}	

#pied-de-page .bloc p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#848383;
	margin:0;
}

#pied-de-page .bloc a {
	color:#848383;
}

/** INDEX **/
#haut {
	width:710px;
	height:280px;
}

#haut #idee-decouverte {
	width:225px;
	height:280px;
	float:right;
}

#haut #idee-decouverte img {
	margin:15px 0 15px 0;
}

#haut #idee-decouverte p {
	line-height:21px;
	margin:0;
}

#haut #idee-decouverte a.grand {
	font-size:15px;
	color:#696969;
}

#haut #idee-decouverte a.normal {
	color:#949494;
}

#bas {
	width:710px;
	margin:30px 0 0 0;
	clear:both;
}

#bas #immanquables {
	width:225px;
	float:left;
}

#bas #immanquables #lieux {
	width:185px;
	height:445px;
	margin:25px 0 0 0;
	padding:20px;
	background:url(../images/bg-immanquables.jpg) no-repeat;
}

#bas #immanquables p {
	margin:0;
}

#bas #immanquables img {
	float:left;
	margin:0 10px 17px 0;
}

#bas #immanquables a {
	color:#696969;
	line-height:20px;
}

#bas #actualites {	
	width:470px;
	float:right;
}

#bas #actualites p {	
	margin:0;
}

#bas #actualites .lienstitre {
	padding:13px 0 0 0;
}

#bas #actualites .lienstitre a, #bas #actualites .suite a, #bas #immanquables .suite a {
	font-size:10px;
	color:#696969;
}

#bas #actualites .img {
	margin:0 15px 40px 0;
}

#bas #actualites .titreactu a {
	font-size:18px;
	color:#696969;
}

#bas #actualites .descactu {
	margin:0;
	line-height:17px;
}

#bas #actualites .descactu a {
	color:#949494;
}

#haut #idee-decouverte .titre, #bas #immanquables .titre {
	font-family: 'FontasiqueFontasique';
	font-size:24px;
	margin:0;
	border-bottom:1px solid #c9c9c9;
}

#bas #actualites .titre {
	border-bottom:1px solid #c9c9c9;
	margin:0 0 26px 0;
}

#bas #actualites .coul1, #bas #actualites .coul2 {
	font-family: 'FontasiqueFontasique';
	font-size:24px;
	margin:0;
}

#haut #idee-decouverte .coul1, #bas #immanquables .coul1, #bas #actualites .coul1 {
	color:#696969;
}

#haut #idee-decouverte .coul2, #bas #immanquables .coul2, #bas #actualites .coul2 {
	color:#f49c08;
}

/** CONTACT **/ 

.rouge {
	color:#f00;
}

#contact label {
	display:inline-block;
	width:80px;
}

/** LISTING **/ 

.ligne {
	padding:15px 0 15px 0;
	color:#696969;
	clear:both;
}

.ligne p {
	margin:0;
}

.couleur-ligne {
	background: -moz-radial-gradient(center, ellipse cover, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(222,222,222,1)), color-stop(64%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEDEDE', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */ 
}

.liste-img {
	width:140px;
	margin:0 10px 0 0;
	float:left;
}

.liste-img-boutique {
	width:110px;
	margin:0 10px 0 0;
	float:left;
}

.ligne a {
	color:#696969;
}

.col1 {
	width:140px;
	margin:0 10px 0 0;
	float:left;
} 

.col2 {
	width:220px;
	float:left;
}

.deuxcolonnes {
	width:48%;
	margin:1%;
	float:left;
}

.filet-pointille {
	width:100%;
	height:1px;
	background:url(../images/pointille.png) repeat-x;
	margin:0;
}

.filet-pointille-2020 {
	width:100%;
	height:1px;
	background:#00a9e0;
	margin:2px 0 2px 0;
	clear:both;
	}

/** GOOGLE **/

#googlemap {
	width:100%;
	height:100%;
}

/** ACTUALITES **/

.imgactu {
	margin:0 15px 0 0;
	float:left;
}

.titreactu {
	font-size:18px;
	color:#696969;
	margin:0;
}

.texteactu {
	color:#949494;
	margin:0;
}

#actualites .titre {
	border-bottom:1px solid #c9c9c9;
	margin:0 0 26px 0;
}

#actualites p {	
	margin:0;
}

#actualites .lienstitre {
	padding:13px 0 0 0;
}

#actualites .lienstitre a, #bas #actualites .suite a {
	font-size:10px;
	color:#696969;
}

#actualites .coul2 {
	font-family: 'FontasiqueFontasique';
	font-size:24px;
	margin:0;
	color:#f49c08;
}

ul {
	list-style-image:url(../images/puce-orange.png);
	list-style-position:outside;
	margin:0;
	padding:0 0 0 20px;
}

li {
	line-height:25px;
}

li a {
	color:#949494;
}

/** GENERAL **/

.clear {
	clear:both;
}

.flotteg {
	float:left;
}

.flotted {
	float:right;
}

.justif {
	text-align:justify;
}

.centre {
	text-align:center;
}

.droite {
	text-align:right;
}

a {
	text-decoration:none;
	color:#f49c08;
}

img {
	border:none;
}

.gras {
	font-weight:bold;
}

h1 {
	font-size:24px;
	color:#f49c08;
	border-bottom:1px solid #c9c9c9;
	margin-top:0;
}

h2 {
	font-size:20px;
	background:url(../images/down.png) #14ad60 no-repeat right;
	padding:5px 0 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#retourliste{
	font-size:20px;
	background:#14ad60 no-repeat right;
	padding:5px 0 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:5px;
}

h2 a{
color:#ffffff;
}
h2 a:hover{
color:#ededed;
}



h3 {
	font-size:17px;
	color:#000;
}

.txtpetit {
	font-size:11px;
}

.liste2col {
	width:50%;
	float:left;
}

.afnor {
	font-size:8px;
}

@media screen and ( min-width: 782px ) {
	.titre-ligne {
		font-size:16px;
	}
}
@media screen and ( max-width: 782px ) {
	.titre-ligne {
    	font-size:2em !important;
	}
}