@CHARSET "utf-8";

@media all and (min-width:1650px) {
	#artiste-oeuvre-details-conteneur {margin-right:170px;}
	.menu-element {margin:0 3%;}
	
}

@media all and (min-width:1540px) and (max-width:1649px) {
	#artiste-oeuvre-details-conteneur {margin-right:110px;}
	.menu-element {margin:0 3%;}
}


@media all and (min-width:1440px) and (max-width:1539px) {
	.menu-element {margin:0 2.7%;}
	#artiste-oeuvre-details-conteneur {margin-right:80px;}
	
}

@media all and (min-width:1389px) and (max-width:1439px){
	.menu-element {margin:0 2.5%;}
	#artiste-oeuvre-details-conteneur {margin-right:60px;}
}


@media all and (min-width:1360px) and (max-width:1388px){
	.menu-element {margin:0 2.1%;}
}

@media all and (min-width:1260px) and (max-width:1359px){
	.menu-element {margin:0 1.9%;}
}

@media all and (min-width:1285px) {
	.accueil-actualite-contenu {width:52%;}
}
	
@media all and (min-width:1260px) {
	#global { width:100%; margin:0;}
	#centre { width:100%; }
	#bandeau  { width:100%;}
	#pied {  width:100%; }
}


@media all and (max-width:1520px) {
	#oeuvres-mosaique-conteneur {text-align: center;}
}

@media all and (max-width:1259px) {
	#global { width:100%;}
	#centre { width:100%; }
	#bandeau  { width:100%;}	
	.menu-element {margin:0 1.8%;}
	 
	#pied {  width:100%; }
	.col1, .col2, .col3, .col4 {width:280px;}
}
@media all and (max-width:1255px) {
	.menu-element {margin:0 1.6%;}
	.accueil-actualite-contenu {width:50%;}
}
	
@media all and (max-width:1240px) {
	
	.menu-element {margin:0 1.4%;}
	.accueil-actualite-contenu {width:45%;}
	#artiste-oeuvre-details-conteneur {margin-right:0px;}
}

@media all and (max-width:1224px) {
	
	.menu-element {margin:0 1.2%;}
	
	#artiste-oeuvres-slider-conteneur {float:none; width:100%; margin:0 auto;}
	
	#artiste-nom {text-align:center;}
	#artiste-oeuvre-details-conteneur {float:none; width:100%; margin:5px auto;}
	#artiste-oeuvre-details {float:none; margin:0 auto 25px;}
	#artiste-oeuvre-details-centre {min-height:auto !important; width:100%;}
	#artiste-oeuvre-photo-tableau {float:none; margin:10px auto;}
	#artiste-oeuvre-actions {float:none; margin:0 auto;  clear:both;}
	#artiste-oeuvres-consulter {clear:both; margin:10px auto; }
	
}


@media all and (max-width:1219px) {
	
	/*.menu-element {margin:0 1.6%;}*/
	
	.col1, .col2, .col3, .col4 {width:250px; margin-right: 8px;}

	
}			
@media all and (max-width:1210px) {
	#contenu {padding: 25px 10px;}
	#accueil-contact {padding-top:10px;}
	.accueil-actualite-contenu {width:40%;}
	.accueil-actualite-nom {font-size:17px;}
		
}
	
@media all and (min-width:1208px) {
	
	#accueil-contact {width:304px; }
	.accueil-contact-bloc {height:auto; width:auto; float:none; clear:both; margin: 0 0 10px 0;}
	
	.accueil-actualite {margin:15px; width:30%;/*width:385px;*/}
}

@media all and (max-width:1207px) {
	#bandeau-menu {margin-right:15px;}
	.menu-element {margin:0 5px;}

	#accueil-contact {height:auto; min-height:400px; width:100%; margin:0 auto; float:none; clear:both;}
	.accueil-contact-bloc {float:left; margin:10px 5px; height:90px; width:304px;}
	
	.accueil-actualite-contenu {margin-left:5px;}
	.accueil-actualite-nom {font-size:17px;}
}
@media all and (max-width:1189px) {
	
	#evenement-container {float:none; }
	#evenement-colonne-droite {float:none; clear:both; margin:20px auto 0;}
}

@media all and (max-width:1179px) {

	.accueil-actualite  {width:95%; float:none; clear:both;}
	.accueil-actualite-nom {font-size:19px;}
	.accueil-actualite-contenu {width:75%;}
	#accueil-actualite-2 {border: none; border-top:1px solid #ece3d2; border-bottom:1px solid #ece3d2; padding:15px;}
}


@media all and (max-width:1104px) {
	#bandeau-menu {margin-right:5px;}
}



@media all and (max-width:1089px) {
	.menu-element > a > span, .menu-element > span {font-size:17px;}
			
	.col1, .col2, .col3, .col4 {width:270px; margin-right:38px;}
	.col4 {float:none; clear:both;}				
}

@media all and (max-width:1059px) {
	
	#bandeau-gauche {width:241px;}
	#bandeau-recherche-container {float:right;}
	.menu-element > a > span, .menu-element > span {font-size:16px;}
	.menu-element {margin:0 0.9%;}	
}

@media all and (max-width:1039px) {	
	.w1260, .w385 {display:none;}
	.w1024 {display:block;}
	
	#evenement-slider-contenu {margin:0 auto 20px; float:none; clear:both;}
	#evenement-photo-droite {float: none; margin: 0 auto; clear:both;}
	#evenement-texte {float: none; width:100%; padding:0;clear:both;}
	
	
	#contenu #artiste-oeuvre-details-conteneur .bouton {width:100%; font-size:11px; padding: 10px 0;}
	#contenu #artiste-oeuvre-details-conteneur:hover .bouton {	width:100%; font-size:11px; padding: 10px 0; background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:auto 100%; background-position:center center;}

	
	#contenu #artiste-biographie a, 
	#contenu #artiste-biographie a:hover {width:100%; font-size:11px; padding: 10px 0; line-height:25px;background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:auto 100%; background-position:center center;}

	#artiste-oeuvres-consulter {width:100%;}
	#contenu #artiste-oeuvres-consulter .bouton {width:100%; font-size:11px; padding: 10px 0; line-height:25px;}
	#contenu #artiste-oeuvres-consulter:hover .bouton {background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:auto 100%; background-position:center center;}
	
	#contact-container #contact-formulaire .input-text, #contact-container #contact-formulaire textarea {width:100%;}
	#contact-envoi {width:100%;}
	#contact-envoi input { width:100%; font-size:11px; padding: 10px 0; line-height:0px;}
	#contact-envoi:hover input {width:100%; font-size:11px; padding: 10px 0; background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:auto 100%; background-position:center center;}
	
	
}

@media all and (max-width:1038px) {	
	.menu-element-tablette {margin:0 2.5%;}	
}

@media all and (max-width:1024px) {	
	.menu-element-tablette {margin:0 2%;}
	
}

@media all and (max-width:980px) {
	.menu-element-tablette {margin:0 2%;}
}
	
@media all and (max-width:959px) {
	#contact-plan-acces {float:none; margin:0 auto; width:418px;}
	#contact-container {float:none;margin:20px auto 0; width:418px;}
	
}
	
@media all and (max-width:939px) {
	#contenu p {margin-left:0;}
	.accueil-contact-bloc { width:45%;}
	
	
	
	.col1, .col2, .col3, .col4 {width:310px; margin-right:20px;}
	.col3, .col4 {float:none; clear:both; }		
	
	#evenement-container, #evenement-contenu {width:860px;}
	#evenement-slider-contenu {margin:0 auto 20px; float:none;}
	
	#evenement-texte {float:left; clear:none; padding:0 10px;}
	
			 
	#artiste-oeuvres-slider-conteneur {}
	
}

@media all and (max-width:907px) {
	
	.menu-element-tablette {margin:0 1.9%;}
	.menu-element-tablette > a > span, .menu-element-tablette > span {font-size:1.1em;}
	
	#artiste-oeuvres-consulter {margin:5px auto;}
	#artiste-oeuvre-actions {float:none; margin:0 auto; clear:both;}
}
	
	

@media all and (max-width:875px) {
	
	.menu-element-tablette {margin:0 1.6%;}
	
	#contenu {padding:15px 5px;}
}
	

@media all and (max-width:840px) {

	#contenu table {float:none; width:100% !important; margin:10px auto;}
	#contenu table img {max-width:100%; height:auto; }
	
}
@media all and (max-width:832px) {
	.menu-element-tablette {margin:0 1.3%;}
	.accueil-actualite  {width:95%; float:none;}
	.accueil-actualite-contenu {width:75%;}
}

@media all and (max-width:820px) {
	.menu-element-tablette {margin:0 1.2%;}
	
	#contact-coordonnees .form140 {width: 74px; text-align: left;}
	
}

@media all and (max-width:779px) {
	.accueil-actualite-contenu {width:70%;}
}
@media all and (max-width:756px) {
	.menu-element-tablette {margin:0 1.2%;}
}

@media all and (max-width:750px) {
	
	.w1260, .w1024 {display:none;}
	.w385 {display:block;}
	
	.menu-element-tablette {margin:0 1.2%;}
	
	/* Liste artistes */
	#contenu .colhead-colonnes ul li {margin:7px 0;}
	#contenu .colhead-colonnes ul li a, #contenu .colhead-colonnes ul li a:visited {padding:5px 0; font-size:1.1em;}
	
	#pied {padding:10px 5px;}
	#pied-centre {padding:0;}
}
	
	
	
	
@media all and (max-width:700px) {
	.artiste-oeuvres-slider-li {margin:0 15px;}
	
}
	
@media all and (max-width:679px) {
	.accueil-contact-bloc { height:auto; width:95%;}
}
	
@media all and (max-width:649px) {
	.accueil-actualite-contenu {width:65%;}
	#artiste-oeuvre-details-conteneur {width:100%;}
}
	
@media all and (max-width:600px) {

	#artiste-oeuvre-details-centre { margin:0 auto;}
}
	
@media all and (max-width:558px) {
	.accueil-actualite-contenu {width:55%;}

	#layoutcontact-informations-conteneur {width:100%;height:750px;}
	
}
	
@media all and (max-width:548px) {
	
}
@media all and (max-width:500px) {

	#accueil-slider-prev a, 
	#accueil-slider-prev a:visited {background-size:70%;}
	#accueil-slider-next a, 
	#accueil-slider-next a:visited {background-size:70%;}
	
	.accueil-actualite {margin:15px 5px; width:auto;}
	#accueil-actualite-2 {border:none;border-top:1px solid #ece3d2; border-bottom:1px solid #ece3d2; padding:15px 0; margin:0 5px; width:auto;}
	.accueil-actualite-contenu {float:none; margin:0 5px; width:95%;}
	.accueil-actualite-image {float:none; margin:0 auto 5px;}
	.accueil-actualite-texte { min-height:100px;}
	
	.oeuvre-container { margin: 15px 5px;}
}
	
@media all and (max-width:490px) {
	#contact-plan-acces {width:95%;}
	#contact-plan {width:100%;}
	#contact-container {width:95%;}
	#contact-access {width:100%;}
	#contact-coordonnees .form140,
	#contact-formulaire .form140 {width:70px;}
}
	

@media all and (max-width:469px) {
	
	.oeuvre-container {float:none; margin: 15px auto;}
}
	
@media all and (max-width:455px) {
	#layoutcontact-informations-conteneur {height:700px; }
	#layoutcontact-informations-contenu {height:700px;}
	#layoutcontact-informations-contenu .form140 {text-align:left; width:100px;}
	#layoutcontact-informations-conteneur .input-text {float:right;}
	#layoutcontact-informations-conteneur .layoutcontact-informations-pave {margin:5px 0;}
	
}
	
@media all and (max-width:448px) {
	
	.accueil-actualite {margin:15px 5px; width:auto;}
	#accueil-actualite-2 {border:none; border-top:1px solid #ece3d2; border-bottom:1px solid #ece3d2; padding:15px 0; margin:0 5px; width:auto;}
	.accueil-actualite-contenu {width:auto; margin:0 5px;}
	.accueil-actualite-image {float:none; margin:0 auto 5px;}
	
	#contact-plan-image {height:220px;}
	
	#artiste-boutons-retour {float:none;}
	#artiste-boutons-navigation {float:none; margin-top:15px;}
}
	
@media all and (max-width:385px) {
	/*.w1260 {display:none;}
	.w385 {display:block;}*/
	
	/* STRUCTURE */
	body {width:100%; max-width:385px;}
	
	/* BANDEAU */

	#bandeau #logo {display:none;}
	
	/* BANDEAU SUP */
	#bandeau-association {display:none;}
	#bandeau-recherche-langues { float:none;}

	/* GLOBAL */
	#global {padding:0px; margin:0px; width:auto;}
	
	/* CENTRE */
	#centre {padding:0px;}
	
	/* ARIANE */
	#ariane {display:none;}
	
	
	/* CONTENU */
	#contenu {margin:0px; width:auto; padding:15px 2px;}
	
	/* PIED */
	#pied {margin:0px; padding:0px; width:auto; background:#241A1F; height:auto; padding:10px 15px;}
	#pied-responsive {display:block;}
	#pied a.lien {display:block; text-align:left; margin:3px 0;}
	#pied .sep {display:none;}

	/* SPECIFICITES */
	/* Module Accueil */
	#accueil-contact {height:auto; padding-left:5px; padding-right:5px; widht:344px;}

	
	
	/* Module Contact */
	#contenu-210 #contact-container {width:auto;}
	#contact-container .floatRight {float:none;}
	#contact-container .floatLeft {float:none;}
	#contact-container .right {text-align:left;}
	#contact-container .formAdresseContainer {margin:15px 0;}
	
	#contenu-210 #formMail .right {text-align:left;}
	#contenu-210 #formMail input,
	#contenu-210 #formMail textarea {width:100%;}
	#contenu-210 .submit-conteneur {margin-left:0px;}
	
	.form > div {margin:10px 0;}
	.form label.form90 {float:none; text-align:left; padding:0px;}
	.form input {width:100%;}
	.form textarea {width:100%;}
	.form .submit-conteneur {margin-left:0px;}
	
	#contenu #artiste-oeuvres-slider-prev, #contenu #artiste-oeuvres-slider-next {width:50px;}
}
	
@media all and (max-width:320px) {
	
	#bandeau-recherche-langues {margin-top: 25px;}
	
	
	#artiste-oeuvre-details-centre {width:100%;}
	#artiste-oeuvre-details {width: 93%; padding:5px 4px;}
	#artiste-oeuvre-actions {width:100%;}
	#artiste-oeuvre-photo-tableau {width:100%;}
	#artiste-oeuvre-photo-adresse {padding:5px 7px;}
	
	#artiste-description {padding:5px 7px;}
}