@import url(https://fonts.googleapis.com/css?family=Allura);

/* CSS RESET ======================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FIN CSS RESET =============================================================== */

body{
   font-size:0.625em;
   color:#1c1c1c;
   background:url(../images/bkg-aacmr.jpg) top left repeat;
   font-family: Cambria, Book Antiqua, Didot, Georgia, serif;
}

a img{border:none;}
a{color:#3d4967;}
a:hover{color:#d2664a;}

h1, h2.ac{  font-size:3.667em; margin:30px 0 0 0; color:#1c1c1c; font-family: 'Allura', cursive; font-weight:normal; line-height:120%; }
h2{color:#1c1c1c;font-size:2.500em; margin:15px 0 0 0;font-family: 'Allura', cursive; font-weight:normal; line-height:120%; }
h3, h1 + h2{  margin:15px 0 0 0; padding:0px;line-height:120%; color:#1c1c1c; font-size:1.2em;font-family: Cambria, Book Antiqua, Didot, Georgia, serif;font-weight:bold; line-height:120%;}
h4{ margin:15px 0 0 0; padding:0px;line-height:120%; color:#1c1c1c; font-size:1.333em;font-family: 'Allura', cursive; font-weight:normal; line-height:120%;}
.plus{ font-weight:bold;color:#3d4967; line-height:1em; height:1em; overflow:hidden; display:block;  text-decoration:underline; padding-right:20px; float:right;}
h1 + h2{ float:right; margin:0px 0 0 0px; text-align:left; display:block; width:374px;}

blockquote{background:#E8BAA8; border:1px solid #D59A85; padding:5px 10px; -webkit-border-radius: 5px;border-radius: 5px; margin:10px;}

article p, .item p{padding:7px 0;}
.item ul, article ul, .mod_placehere ul{ margin:12px 25px 25px 25px; list-style-type:disc;}
.item ul ul, article ul ul, .mod_placehere ul ul{margin:6px 25px 12px 25px; list-style-type:circle;}
.item ul ul, article ul ul ul, .mod_placehere ul ul ul{margin:6px 25px 12px 25px; list-style-type:square;}

article ol, .mod_placehere ol{margin:12px 25px; list-style-type:decimal;}
article ol ol, .mod_placehere ol ol{margin:6px 25px; list-style-type:lower-alpha;}
article ol ol ol, .mod_placehere ol ol ol{margin:6px 25px; list-style-type:lower-roman;}

article table td,
article table{border:1px solid #D56A4B;}
article table{min-width:400px; margin:20px 0;}
article table th{background:#D56A4B; color:#fff; padding:5px 10px; font-weight:normal; font-size:1.200em;}
article table td{background:#fff;  padding:2px 5px;}

article iframe{border:1px dashed #32a1a8;}
article #chronoform-membre{width:380px; overflow: hidden; padding:20px; margin:0 auto; border:1px dotted #000;}
article form label,article form .gcore-input{display: inline-block;}
article form label{width:100px;}

.gcore-form-row{padding-bottom: 10px; clear: both}
.img-fulltext-left{float:left; width:206px; margin:0 10px 0 0}
#fin-renouvellement, #fin-checkbox40, #fin-checkbox38, #fin-checkbox42{float:left; margin:0 10px 0 0;}
#ftr-checkbox38{float:left; width:275px; clear:none!important;}
#ftd-checkbox42 label, #ftd-radio16 > label{width: 300px}
#ftd-text15 label{float:left;width:265px; margin:3px 10px 0 0;}
#fin-text15 {float:left;}
#ftr-text15{background:#ccc; height:46px;padding:10px;}

#ftr-text10{float:left; margin:0 0 0 10px; width:50px; overflow: hidden;clear:none!important;}
#ftd-checkbox38 label, #ftd-checkbox40 label, #ftd-renouvellement label{width:235px;}
#ftd-text9 label, #ftd-text10 label, #ftd-text12 label{display: none}
#ftr-text12, #ftr-text9, .chrono_credits{display: none}
input#text10, input#text15{width:40px;}

#text{float:right; width:354px;}

.image_gauche, .img-fulltext-left img{border:1px solid #E07A4E;-webkit-border-radius: 5px;border-radius: 5px; background:#fff;padding:2px;display:block;float:left;-webkit-box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);margin:10px 25px 20px 0px; behavior: url(../js/PIE.htc);}
.image_droite{border:1px solid #E07A4E;-webkit-border-radius: 5px;border-radius: 5px;background:#fff;padding:2px;display:block;float:right;-webkit-box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);margin:10px 0px 20px 25px; behavior: url(../js/PIE.htc);}

.img-fulltext-left img{max-width:100%; border:1px solid #E07A4E;-webkit-border-radius: 5px;border-radius: 5px; background:#fff;padding:2px;display:block;float:left;-webkit-box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);margin:0px; behavior: url(../js/PIE.htc);}

#logo{position:absolute;top:65px; left:50%; margin-left:-493px; z-index:1000; border:none;}
#logo img{border:none;}

#slideshow{width:944px;overflow:hidden; }
#bkg-menu{top:220px; position:absolute; z-index:1000; left:50%; margin-left:-523px; overflow: hidden;}
nav.menu_main{height:115px; width:944px; left:50%; margin-left:-472px;position:absolute;z-index:10000; top:210px;}
nav.menu_main ul{margin:53px 0 0 8px;}
nav.menu_main li{font-family: Cambria, Book Antiqua, Didot, Georgia, serif;color:#fff;float:left;font-size:2em;display:block;}
nav.menu_main li:hover{height:auto;}
nav.menu_main li a, nav.menu_main li span.separator{display:block;float:left;color:#fff;text-decoration:none;cursor:pointer; font-weight:bold; padding:2px 12px;}
nav.menu_main li a:hover, nav.menu_main li span.separator:hover, nav.menu_main li.current a, nav.menu_main li.active span.separator{color:#2a364e; background: none}
nav.menu_main li.item-131 ul{width:206px;}
nav.menu_main ul ul{border:1px solid #db5b3a; position:absolute; display:none; margin:20px -3px 0 -3px; padding:5px 0; background:#DC754E; width:auto; float:none; clear:both;}
nav.menu_main ul ul li{height:auto; margin:0px;background:#DC754E;display:block; padding:5px 5px; float:none; border:none; box-shadow:none; font-size:0.778em; }
nav.menu_main ul ul li a{border:none; float:none;}
nav.menu_main ul ul li a:hover,nav.menu_main ul ul li.current a{color:#2a364e;border:none;}
nav.menu_main ul a:hover + ul, nav.menu_main ul li:hover ul{display:block;}
nav.menu_main li.item-359{display: none!important}
nav.menu_mobile{height:35px;  left:3%; margin:43px 0 0 8px;position:absolute;z-index:10000; top:210px; width: 90%}
nav.menu_mobile .toggleMenu{display: block; width: 100%}

#main{
   border:1px solid #e8e8e8;
   border-top:none;	
   margin:0 auto;
   padding:0 3px;
   background:#fff;
   position:relative;
   overflow:hidden;
}
#text_main{font-size:1.5em; margin-top:20px; padding-top:0px; padding-bottom:30px;  line-height:130%; min-height:500px;}
#left{margin-top:30px;}
.actions, .buttonheading{display:none;}


aside{margin-top:30px;}
#calendrier{margin:0 ;padding:0; display:block; width:255px;}
.VCalendar .yui-calcontainer{border:none; padding:0px;}
.VCalendar .yui-calcontainer table{font-size:16px;font-family: Cambria, Book Antiqua, Didot, Georgia, serif;border-spacing:4px; border:none;}
.VCalendar .yui-calcontainer table .calhead{border:none; font-size:25px;  font-family: 'Allura', cursive; font-weight:normal;}
.VCalendar .yui-calcontainer table .calhead a{top:6px!important;}
.VCalendar .yui-calendar td{margin-left:2px;}
.VCalendar .yui-calendar td.calcell a{color:#5b5b5b;}
.VCalendar .yui-calendar td.calcell.selected{background:#fff; color:#1c1c1c; border-color:#E0E0E0;}
.VCalendar .yui-calendar td.calcell.reserved, .VCalendar .yui-calendar td.calcell.reserved a{ background:#929fb8; border-color:#6e7a92;}
.VCalendar .yui-calendar td.calcell.today{border-color:#d2664a;}
.VCalendar .yui-calendar td.calcell.reserved:hover, .VCalendar .yui-calendar td.calcell.reserved:hover a, .VCalendar .yui-calendar td.calcell.calcellhover{color:#fff; background:#d2664a; border-color:#d2664a;}
.smallf{display:none!important;}



#membre{color:#3e3e3e; line-height:110%; margin:25px 0; height:79px; background:url(../images/devenir-membre.png) top left no-repeat; display:block; width:100%;text-decoration:none; padding:8px;}
#membre span{  line-height:80%; display:block; font-weight:normal; color:#000; font-size:2.533em; padding:2px 0 0 0; font-family: 'Allura', cursive;}
#membre span.suite{float:right; margin:0 30px 0 0;}

/*Nouvelles*/
.latestnews h3{color:#ea895f; margin-bottom:20px;}
.latestnews li{margin-bottom:30px;    clear: both;}


footer{color:#fffefe; background:url(../images/footer.png) top left no-repeat; height:68px; overflow:hidden; position:relative; z-index:1000; margin-top:-10px;}
footer a{color:#fffefe;}
footer a:hover{text-decoration:none;}
#copyright{ padding:15px 50px 0 50px; overflow:hidden; font-size:1.3em; text-align:left; line-height:140%;}


.end, #left .separator{ display:block; clear:both; padding:0; height:1px; font-size:1px;}
p.end{padding:0; height:1px; font-size:1px;}
hr{padding:0; height:1px; font-size:1px; border:none; border-bottom:1px dotted #aaa; clear:both; display:block; margin:25px 0 25px 0;}
.content-links{display:none;}

/*PAGINATION*/
.pagination{text-align:center;padding:20px 0 0 0;}
.pagination .counter{clear:both; padding:0 0 20px 0;}
.pagination ul li{display:inline; padding:3px 6px; margin:5px; color:#222;}

.list-title{height:115px; float:left; width:50%; margin:0 0 20px 0;}
.list-title span{width:85px; height:115px; overflow:hidden; border:1px solid #E07A4E;-webkit-border-radius: 5px;border-radius: 5px; background:#fff;display:block;float:left;-webkit-box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.3);margin:10px 25px 20px 0px; behavior: url(../js/PIE.htc);}
.list-title span img{min-height:115px; max-height:125px; min-width:auto; }
.list-title strong{padding:10px 0 0 0; display:block;}
.list-title a{color:#000; text-decoration:none;}
.list-title a em{color:#3d4967; display:block; text-decoration:underline; font-style:normal;}
.list-title a:hover em{color:#d2664a;}

.item-153{display:none!important;}

.img-fulltext-left .retour{text-decoration:none; display:block; text-align:right; clear:both; margin:30px 0 0 0; font-size:1em;font-family: Cambria, Book Antiqua, Didot, Georgia, serif;font-weight:bold; }
.img-fulltext-left .retour span{font-family: 'Allura', cursive; font-weight:normal; font-size:2em; font-weight:normal;}

#discographie table, #discographie td{background:#eee; border-width: 2px; text-align: center;}
#discographie td{border: 1px solid #ddd; padding:10px;}


@media (max-width: 480px) {
#text_main{padding-top:30px; padding-bottom:30px;}
#bkg-menu{display: none;}
#logo{position:absolute;top:65px; left:0%!important; margin:0px!important; max-width:100%!important; z-index:1000; border:none;}
#logo img{max-width:100%!important;}
 body {overflow-x: hidden!important;}
.menu_main{display:none!important;}
article img, .img-fulltext-left{float:none!important; margin:20px auto!important;}
h1 + h2{float: none;}
#text{float: none!important; width: 100%}
.list-title{float:none!important; width: 100%!important; clear: both;}
#discographie table{width:100%!important; min-width: 0px!important; }
#discographie table img{max-width: 100%!important; height: auto!important;}
#discographie table, #discographie table td, #discographie table td p, #discographie table td strong{font-size: 11px !important}
}
@media (min-width: 481px) and (max-width: 767px) {
#text_main{padding-top:30px; padding-bottom:30px;}
.menu_main{display:none!important;}
#logo{position:absolute;top:65px; left:0%!important; margin:0px!important; max-width:100%!important; z-index:1000; border:none;}
#logo img{max-width:100%!important;}
body {overflow-x: hidden!important;}
article img, .img-fulltext-left{float:none!important; margin:20px auto!important;}
h1 + h2{float: none;}
#text{float: none!important; width: 100%}
#discographie table{width:100%!important; min-width: 0px!important}
#discographie table img{max-width: 100%!important; height: auto!important;}
#bkg-menu{display: none;}

}

@media (min-width: 768px) and (max-width: 991px) {
body {overflow-x: hidden!important;}
.menu_mobile{display:none!important;}
#logo{position:absolute;top:65px; left:50%; margin-left:-373px; z-index:1000; border:none;}
nav.menu_main li{font-size:1.5em; padding:2px 7px;}
.list-title{float:none!important; width: 100%!important; clear: both;}
#discographie table{width:100%!important; min-width: 0px!important}
#discographie table img{max-width: 100%!important; height: auto!important;}
article img, .img-fulltext-left{float:none!important; margin:20px auto!important;}
h1 + h2{float: none;}
#text{float: none!important; width: 100%}
#bkg-menu{display: none;}
nav.menu_main{background:url(../images/menu.png) top center no-repeat;}
nav.menu_main{height:115px; width:720px; left:50%!important; margin-left:-360px!important;position:absolute;z-index:10000; top:210px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
body {overflow-x: hidden!important;}
.menu_mobile{display:none!important;}
#text, h1+h2{width:350px;}

}

@media (min-width: 1200px) {
body {overflow-x: hidden!important;}
#slideshow{width:100%;}
#slideshow img{width: 100%; height:auto;}
.menu_mobile{display:none!important;}
#logo{left:44%; }
footer{background-size:100%}
#text, h1+h2{width:575px;}


}